/* MotoEtkinlik frontend hero skin. Visual only: no API, queries or templates changed. */
body .riders-page-hero,
body .me-front-profile .me-front-hero,
body .results-hub-race-hero {
  position:relative;isolation:isolate;overflow:hidden;
  border-radius:16px;
  background:linear-gradient(110deg,#20282e 0%,#151c21 58%,#242c31 100%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 14px 34px rgba(12,19,24,.18);
  color:#fff;
}
body .riders-page-hero::before,
body .me-front-profile .me-front-hero::before,
body .results-hub-race-hero::before {
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(132deg,transparent 0 34%,rgba(255,255,255,.055) 34% 44%,transparent 44% 57%,rgba(255,255,255,.045) 57% 66%,transparent 66% 100%);
  opacity:1;
}
body .riders-page-hero::after,
body .me-front-profile .me-front-hero::after,
body .results-hub-race-hero::after {
  content:"";position:absolute;z-index:0;pointer-events:none;
  inset:0 0 0 auto;width:37%;height:auto;transform:none;
  border:0;background:linear-gradient(125deg,transparent 0 62%,rgba(171,27,37,.36) 62% 80%,rgba(132,19,30,.55) 80% 100%);
  opacity:1;
}
body .riders-page-hero > *,
body .me-front-profile .me-front-hero > *,
body .results-hub-race-hero > * {position:relative;z-index:1}
body .riders-page-hero h1,
body .me-front-profile .me-front-hero h1,
body .results-hub-race-hero h1 {color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2)}
body .me-front-profile .me-front-hero p,
body .results-hub-race-hero .race-hero-venue {color:rgba(255,255,255,.87)}
body .me-front-profile .me-front-hero .me-front-logo {order:2;margin-left:auto;position:relative;z-index:2}
body .me-front-profile .me-front-hero .me-front-hero-copy {order:1;min-width:0}
@media(max-width:767px){
 body .riders-page-hero,body .me-front-profile .me-front-hero,body .results-hub-race-hero {border-radius:14px}
 body .riders-page-hero::after,body .me-front-profile .me-front-hero::after,body .results-hub-race-hero::after {width:28%;opacity:.5}
 body .me-front-profile .me-front-hero {gap:12px}
}

/* 2026-10-09: ONLY background artwork matched to Riders Center.
   No typography, sizing, spacing, borders, layout, or controls modified. */
body .standings-hero,
body .results-hub--v21 .results-hub-race-hero--clean,
body .results-hub-race-hero {
  background:linear-gradient(110deg,#20282e 0%,#151c21 58%,#242c31 100%) !important;
}
body .standings-hero::before,
body .results-hub--v21 .results-hub-race-hero--clean::before,
body .results-hub-race-hero::before {
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  width:auto;height:auto;transform:none;border:0;
  background:linear-gradient(132deg,transparent 0 34%,rgba(255,255,255,.055) 34% 44%,transparent 44% 57%,rgba(255,255,255,.045) 57% 66%,transparent 66% 100%) !important;
  opacity:1;
}
body .standings-hero::after,
body .results-hub--v21 .results-hub-race-hero--clean::after,
body .results-hub-race-hero::after {
  content:"";position:absolute;inset:0 0 0 auto;z-index:0;pointer-events:none;
  width:37%;height:auto;transform:none;border:0;border-radius:0;
  background:linear-gradient(125deg,transparent 0 62%,rgba(171,27,37,.36) 62% 80%,rgba(132,19,30,.55) 80% 100%) !important;
  opacity:1;
}
@media(max-width:767px){
  body .standings-hero::after,
  body .results-hub--v21 .results-hub-race-hero--clean::after,
  body .results-hub-race-hero::after {width:28%;opacity:.5}
}