.motorcycle-category-hero { position: relative; min-height: 210px; overflow: hidden; border: 1px solid #f4d9bf; border-radius: 10px; background: radial-gradient(circle at 78% 10%, rgba(255,255,255,.92), transparent 24%), linear-gradient(120deg, #fff8ed 0%, #ffefd9 49%, #ffc88d 100%); }
.motorcycle-category-hero::before { content: ''; position: absolute; width: 280px; height: 280px; right: 17%; top: -216px; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; }
.motorcycle-hero-copy { width: 67%; }
.motorcycle-category-icon { width: 72px; height: 72px; align-self: start; display: grid; place-items: center; border-radius: 16px; color: #f06b11; background: #ffe2c4; box-shadow: inset 0 0 0 1px rgba(240,107,17,.06); }
.motorcycle-category-icon .sv-icon { width: 42px; height: 42px; stroke-width: 1.9; }
.motorcycle-category-hero .ai-hero-copy h1 { color: #25160c; }
.motorcycle-category-hero .ai-hero-copy p { color: #725945; }
.motorcycle-category-hero .ai-new-topic { background: linear-gradient(135deg, #fa852b, #ea5d0a); box-shadow: 0 7px 15px rgba(221,89,8,.22); }
.motorcycle-category-hero .ai-hero-stats .sv-icon { color: #9a7254; }

.motorcycle-hero-art { position: absolute; z-index: 3; inset: 0 0 0 61%; overflow: hidden; }
.moto-sun { position: absolute; width: 82px; height: 82px; right: 82px; top: 21px; border-radius: 50%; background: rgba(255,255,255,.72); box-shadow: 0 0 0 18px rgba(255,255,255,.2); }
.moto-hill { position: absolute; display: block; border-radius: 50% 50% 0 0; transform: rotate(-8deg); }
.moto-hill-back { width: 285px; height: 105px; right: -28px; bottom: 16px; background: #e8b57c; opacity: .55; }
.moto-hill-front { width: 230px; height: 86px; left: -25px; bottom: -18px; background: #d98c48; opacity: .42; transform: rotate(8deg); }
.moto-road { position: absolute; width: 310px; height: 94px; right: -28px; bottom: -28px; display: block; background: #354052; clip-path: polygon(13% 0, 100% 25%, 100% 100%, 0 100%); transform: rotate(-4deg); }
.moto-road::before, .moto-road::after { content: ''; position: absolute; height: 4px; border-radius: 3px; background: #fff1cf; transform: rotate(8deg); }
.moto-road::before { width: 62px; left: 92px; top: 40px; }
.moto-road::after { width: 48px; right: 45px; top: 62px; }
.moto-machine { position: absolute; z-index: 5; width: 155px; height: 116px; right: 70px; bottom: 27px; display: grid; place-items: center; color: #182235; filter: drop-shadow(0 12px 9px rgba(75,42,17,.28)); transform: rotate(-3deg); }
.moto-machine::before { content: ''; position: absolute; width: 105px; height: 48px; left: 24px; top: 28px; border-radius: 55% 40% 48% 35%; background: linear-gradient(145deg, #ff922f, #e95806); box-shadow: inset -9px -6px 12px rgba(142,47,0,.22); }
.moto-machine .sv-icon { position: relative; z-index: 2; width: 150px; height: 105px; stroke-width: 1.65; }
.moto-float-card { position: absolute; z-index: 7; width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.85); border-radius: 11px; color: #f56e13; background: rgba(255,255,255,.82); box-shadow: 0 10px 20px rgba(116,67,25,.14); font-style: normal; backdrop-filter: blur(5px); }
.moto-float-card .sv-icon { width: 26px; height: 26px; }
.moto-card-helmet { left: 4px; top: 31px; transform: rotate(-8deg); }
.moto-card-route { right: 14px; top: 51px; color: #2076d8; transform: rotate(7deg); }
.moto-card-tools { right: 4px; bottom: 13px; color: #344b69; transform: rotate(-6deg); }
.motorcycle-category-shell .ai-topic-toolbar button.active { border-color: #ec6811; background: #ec6811; box-shadow: 0 5px 12px rgba(226,91,8,.18); }
.motorcycle-category-shell .category-search button { background: #ec6811; }
.motorcycle-category-shell .ai-tags > div strong { color: #dc5c09; }

@media (max-width: 1180px) {
  .motorcycle-hero-copy { width: 73%; }
  .motorcycle-hero-art { left: 68%; }
}

@media (max-width: 680px) {
  .motorcycle-category-hero { min-height: 360px; }
  .motorcycle-category-icon { width: 56px; height: 56px; }
  .motorcycle-category-icon .sv-icon { width: 34px; height: 34px; }
  .motorcycle-hero-copy { width: 100%; }
  .motorcycle-hero-art { inset: auto 0 0 28%; height: 156px; }
  .moto-machine { right: 65px; bottom: 16px; transform: rotate(-3deg) scale(.82); transform-origin: bottom right; }
  .moto-card-helmet { left: 5px; top: 22px; }
  .moto-card-route { right: 18px; top: 20px; }
  .moto-card-tools { right: 8px; bottom: 8px; }
}