/* =====================================================================
   TRYN Studio — Marketing-Bildkorrekturen (fehlende Regeln im Webflow-Export)
   ===================================================================== */

/* Phone-Mockups in der Problem-Sektion: Bild füllt den Rahmen */
.tryn-phone img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Avatare immer als runde, korrekt beschnittene Kreise */
.pc-avatar, .tm-avatar { object-fit: cover; }

/* ---------------------------------------------------------------
   Leere Bild-Slots des Webflow-Exports mit echten Brand-Fotos füllen
   (Export hatte url('../images/') ohne Dateinamen)
   --------------------------------------------------------------- */
.tryn-hero-media { background-image: url('/images/tryn-hero-bg.jpg') !important; background-size: cover !important; background-position: center !important; }
.auth-aside-media { background-image: url('/images/trynHeroBG-p-1600.jpg') !important; background-size: cover !important; background-position: center !important; }

/* Showcase / "Shift"-Sektion (Tab-Bilder) */
.tryn-shift-stage,
.inline-div-0 { background-image: url('/images/tryn-7.jpg') !important; background-size: cover !important; background-position: center !important; }
.inline-div-1,
.tryn-shift-m-image-1 { background-image: url('/images/tryn-25.jpg') !important; background-size: cover !important; background-position: center !important; }
.inline-div-2,
.tryn-shift-m-image-2 { background-image: url('/images/tryn-27.jpg') !important; background-size: cover !important; background-position: center !important; }
.inline-div-3,
.tryn-shift-m-image-3 { background-image: url('/images/tryn-9.jpg') !important; background-size: cover !important; background-position: center !important; }

/* Bento-Feature-Kacheln */
.tryn-bento-img-hero { background-image: url('/images/tryn-31.jpg') !important; background-size: cover !important; background-position: center !important; }
.tryn-bento-img-ondemand { background-image: url('/images/tryn-1.jpg') !important; background-size: cover !important; background-position: center !important; }
.tryn-bento-img-schedule { background-image: url('/images/tryn-2.jpg') !important; background-size: cover !important; background-position: center !important; }
.tryn-bento-media-full { background-size: cover !important; background-position: center !important; }

/* ---------------------------------------------------------------
   Coach-Sektion — Marken-Motto als Lead über dem persönlichen Zitat
   --------------------------------------------------------------- */
.tryn-trainer-motto {
  font-family: var(--_tryn---font-head);
  letter-spacing: -.02em;
  margin: 32px 0 0;
  font-size: clamp(22px, 4.5vw, 30px);
  font-weight: 700;
  line-height: 1.25;
}
.tryn-trainer-motto + .tryn-trainer-quote { margin-top: 10px; }

/* ---------------------------------------------------------------
   Pricing — empfohlene 6-Monats-Karte für Conversion (Orange + 🔥)
   --------------------------------------------------------------- */
.tryn-recommended {
  border-color: #FF6A1A !important;
  box-shadow: 0 26px 64px rgba(255, 106, 26, .32) !important;
  transform: translateY(-14px) !important;
}
/* Kopf-Fläche bleibt grün (Webflow-Default) — nur Badge/Button/Rahmen orange */
.tryn-recommended-badge {
  background: #FF6A1A !important;
  color: #fff !important;
  font-weight: 800 !important;
  padding: 7px 18px !important;
  box-shadow: 0 8px 22px rgba(255, 106, 26, .45) !important;
}
.tryn-recommended-badge::before { content: "🔥 "; }
.tryn-recommended .tryn-save-pill { background: rgba(255, 255, 255, .28) !important; font-weight: 700 !important; }
.tryn-recommended .tryn-btn-primary { background: #FF6A1A !important; border-color: #FF6A1A !important; color: #fff !important; }
.tryn-recommended .tryn-btn-primary:hover { background: #E5560A !important; border-color: #E5560A !important; }

/* Mobile: Pricing sauber stapeln, empfohlene Karte nicht versetzt */
@media (max-width: 860px) {
  .tryn-pricing-grid { grid-template-columns: 1fr !important; }
  .tryn-recommended { transform: none !important; }
  .tryn-pass-card { grid-template-columns: 1fr !important; gap: 16px !important; text-align: left; }
}