/* ═══════════════════════════════════════════════════════════
   GRAVELNATION — Rounded-Variante (Overlay)
   Rollback: einfach den <link> auf diese Datei in index.html
   entfernen — style.css bleibt unberührt.
   ═══════════════════════════════════════════════════════════ */

:root{
  --r-s:8px;    /* klein: Chips, Tags, Fakten */
  --r-m:14px;   /* mittel: Bilder im Strip, Buttons eckig-weich */
  --r-l:22px;   /* groß: Karten, Panels, Medien */
}

/* Buttons → Pill (sportlich) */
.btn,
.phone-cta{border-radius:999px}

/* Bilder & Medien-Container */
.event-media{border-radius:var(--r-l);overflow:hidden}
.event-media::after{left:14px;right:14px;bottom:10px;border-radius:3px}
.photostrip img{border-radius:var(--r-m)}
.product-media{border-radius:var(--r-l);overflow:hidden}
.stay-bg{border-radius:0} /* Full-Bleed bleibt eckig */

/* Karten & Container */
.serie-stats,
.packs{border-radius:var(--r-l);overflow:hidden}
.profile{border-radius:var(--r-l)}
.phone-result{border-radius:var(--r-m)}
.phone-series li{border-radius:var(--r-s)}
.phone-bar{border-radius:2px}

/* Kleinteile */
.chips li,
.rider-features li{border-radius:999px}
.tag-concept{border-radius:999px}
.event-facts{border:1px solid var(--line);border-radius:var(--r-m);padding:0 16px}
.event-facts li:last-child{border-bottom:0}