/* Scooter Info – Feinschliff für Karten (Spotlight, Glas-Rand, sanftes Anheben) – 2026-11-04 */
@media (hover:hover) and (pointer:fine){
  html body .m-card,html body .feature-card{position:relative;isolation:isolate;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s,background-color .35s}
  html body .m-card::after,html body .feature-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--sxp-x,50%) var(--sxp-y,50%),rgba(255,255,255,.075),transparent 55%)}
  html body .m-card::before,html body .feature-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;padding:1px;opacity:0;transition:opacity .35s;background:radial-gradient(260px circle at var(--sxp-x,50%) var(--sxp-y,50%),rgba(255,255,255,.38),rgba(255,255,255,.06) 45%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
  html body .m-card:hover,html body .feature-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.14)!important;box-shadow:0 24px 60px -24px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.02)}
  html body .m-card:hover::after,html body .feature-card:hover::after,html body .m-card:hover::before,html body .feature-card:hover::before{opacity:1}
}
@media (prefers-reduced-motion:reduce){html body .m-card,html body .feature-card{transition:none!important}html body .m-card:hover,html body .feature-card:hover{transform:none}}

/* Dock unten: größere Icons */
@media(min-width:900px){
  html body #sx-dock{padding:10px!important;gap:8px!important;border-radius:28px!important}
  html body #sx-dock .d-it{width:60px!important;height:60px!important;min-width:60px!important;border-radius:18px!important}
  html body #sx-dock .d-it svg{width:30px!important;height:30px!important}
  html body{padding-bottom:112px!important}
}
@media(min-width:700px) and (max-width:899px){
  html body #sx-dock .d-it{width:52px!important;height:52px!important;min-width:52px!important}
  html body #sx-dock .d-it svg{width:27px!important;height:27px!important}
}