/* t1008: brandLoader960 background transparent — no off-white square seam on #f5f7f6 / white panels */
/* t960: existing ONE|11 asset, UI only. Indeterminate animation is not network progress. */
.brandLoader960{position:relative;display:inline-block!important;width:110px;height:34px;background:transparent;border-radius:0;vertical-align:middle;overflow:hidden;flex:none;padding:6px;box-sizing:content-box}
.brandLoader960 img{position:absolute!important;inset:6px!important;width:110px!important;height:34px!important;object-fit:contain!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;opacity:.18}
.brandLoader960 img+img{opacity:1;clip-path:inset(0 100% 0 0);animation:one11Sweep960 1.7s ease-in-out infinite}
@keyframes one11Sweep960{0%{clip-path:inset(0 100% 0 0)}80%,100%{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.brandLoader960 img+img{animation:none;clip-path:none}}
#o11splash .pc{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)}
#customCodeBox960{display:block;margin:12px 0;padding:12px;border:1px solid #536658;border-radius:8px;background:#17221e}#customCodeBox960[hidden]{display:none!important}#customCodeBox960 label{display:block;font:700 13px system-ui;margin:0 0 8px}#customCodeBox960 #codeCustom{display:block!important;width:100%;min-height:46px;box-sizing:border-box;font:800 20px system-ui;letter-spacing:.15em;text-transform:uppercase}#customCodeHint960{display:block;margin-top:7px;font:12px/1.5 system-ui;color:#b5c8bb}#codeCustom[aria-invalid=true]{outline:2px solid #f9a86c}
/* Race navigation is part of the sticky image panel, not a viewport-width overlay. */
html body[data-hub-spoke=race] #raceFooter941{position:relative!important;inset:auto!important;width:min(100%,290px)!important;max-width:290px!important;margin:12px 0 0 auto!important;padding:0!important;background:none!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:7px!important;z-index:auto!important}
html body[data-hub-spoke=race] #raceFooter941>div{text-align:right;width:100%}html body #raceFooter941 #raceCount941{max-width:none!important;font-size:11px!important}html body #raceFooter941 #raceBack941{margin-left:auto;min-height:40px!important}html body #raceFooter941 #raceNext941{width:auto!important;max-width:100%!important;min-height:46px!important;font-size:13px!important;white-space:normal;box-shadow:0 3px 14px #0004}
html body[data-hub-spoke=race] .wrap{padding-bottom:110px!important}html body[data-hub-spoke=race] .stick{padding-bottom:4px!important}html body:has(#personPicker941.on) #raceFooter941{visibility:hidden!important}
@media(max-width:980px){/* Narrow screens: own trailing row, never float over form fields. */ html body[data-hub-spoke=race] .stick{position:static!important}html body[data-hub-spoke=race] #raceFooter941{max-width:260px!important}html body[data-hub-spoke=race] #raceFooter941 #raceCount941{max-width:none!important}}
/* Clothing: reserve a real action area so compact right controls cannot cover cards. */
html body:has(#kBrowse){display:flex!important;flex-direction:column!important;height:100dvh!important;min-height:0!important;overflow:hidden!important}
html body:has(#kBrowse) main{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:28px!important}
html body:has(#kBrowse) footer{position:relative!important;inset:auto!important;flex:0 0 auto!important;align-self:flex-end!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:min(285px,calc(100% - 24px))!important;max-width:285px!important;padding:8px 0!important;margin:0 12px 12px auto!important;gap:6px!important;border:0!important;background:none!important;backdrop-filter:none!important;box-shadow:none!important;z-index:auto!important}
html body:has(#kBrowse).shipHosted941 footer{margin-bottom:88px!important}
html body:has(#kBrowse) footer>div{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important}
html body:has(#kBrowse) footer #sum{max-width:160px!important;font-size:10px!important;text-align:right!important}html body:has(#kBrowse) footer #tot{font-size:11px!important}html body:has(#kBrowse) footer #add{width:100%!important;min-width:0!important;max-width:none!important;min-height:46px!important;padding:10px!important;font-size:13px!important;white-space:normal!important;box-shadow:0 3px 14px #0004}

/* QA2: real compact floating island, NOT a full-width reserved bottom row.
   Footer is out of flow; scroll padding lets the last card controls clear it. */
html body:has(#kBrowse) footer#clothingFloat960{position:fixed!important;inset:auto 12px calc(12px + env(safe-area-inset-bottom)) auto!important;left:auto!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:228px!important;max-width:calc(100vw - 32px)!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;gap:5px!important;z-index:2000!important;pointer-events:none!important}
html body.shipHosted941:has(#kBrowse) footer#clothingFloat960{bottom:calc(88px + env(safe-area-inset-bottom))!important;margin:0!important}
html body:has(#kBrowse) footer#clothingFloat960>div{justify-content:flex-end!important;width:100%!important;background:transparent!important}
html body:has(#kBrowse) footer#clothingFloat960 #sum{display:none!important}
html body:has(#kBrowse) footer#clothingFloat960 #tot{display:inline-block!important;width:auto!important;max-width:100%!important;white-space:normal!important;text-align:right!important;font:600 10px/1.4 system-ui!important;color:#d5e8dd!important;background:#10171f!important;border-radius:5px!important;padding:3px 7px!important;box-sizing:border-box!important}
html body:has(#kBrowse) footer#clothingFloat960 #add{pointer-events:auto!important;box-sizing:border-box!important;min-height:46px!important;width:100%!important;min-width:0!important;max-width:100%!important;font-size:12px!important;line-height:1.3!important;padding:10px 9px!important;white-space:normal!important}
html body:has(#kBrowse) main{padding-bottom:210px!important;scroll-padding-bottom:210px!important}
html body:has(#qpm.on) footer#clothingFloat960{visibility:hidden!important}

/* t1013: shared ONE|11 header home-link size — same visible box on landing/hub/race/office/clothing/final */
:root{
  --o11-header-logo-h:36px;
  --o11-header-logo-h-sm:28px;
}
img.h111,
header .h111,
header h1 img,
#tkHub .tkbar img.h111,
[data-brand-home985] img.h111,
[data-brand-home985] > img{
  height:var(--o11-header-logo-h)!important;
  width:auto!important;
  max-height:var(--o11-header-logo-h)!important;
  object-fit:contain;
  flex:none;
  display:block;
}
@media (max-width:700px){
  :root{--o11-header-logo-h:var(--o11-header-logo-h-sm)}
  img.h111,
  header .h111,
  header h1 img,
  #tkHub .tkbar img.h111,
  [data-brand-home985] img.h111,
  [data-brand-home985] > img{
    height:var(--o11-header-logo-h)!important;
    max-height:var(--o11-header-logo-h)!important;
    width:auto!important;
  }
}