/**
 * FlyRent — online flow pages (showcase + product). Builds on flyrent-pages.css
 * (.fly-pg) and flyrent-listing.css (.fly-ls). Full width.
 */

/* ── Showcase: cards are the long-term catalog cards (flyrent-catalog.css) ── */
.fly-op.fly-op .fly-op-catalog { width: 100%; }
.fly-op.fly-op .fly-op-empty { padding: 32px; border-radius: 20px; background: var(--fly-white); color: var(--fly-muted); }

/* ── Product page extras ────────────────────────────────────────── */
.fly-op.fly-op .fly-ls-facts .is-missing strong { color: var(--fly-muted); font-weight: 600; }
.fly-op.fly-op .fly-op-note { margin-top: 14px; color: #D8E3F5; font-size: 14.5px; }
.fly-op.fly-op .fly-op-crif { display: flex; align-items: flex-start; gap: 10px; margin: 12px 0 18px; padding: 12px 14px; border-radius: 14px; background: rgba(255, 255, 255, .12); color: var(--fly-white); font-size: 14px; line-height: 1.45; }
.fly-op.fly-op .fly-op-crif .fly-icon { margin-top: 1px; color: #FFD9DB; }
.fly-op.fly-op .fly-op-steps { display: grid; gap: 14px; }
.fly-op.fly-op .fly-op-steps li { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: start; }
.fly-op.fly-op .fly-op-steps strong { display: block; margin-bottom: 2px; font: 700 1.05rem/1.3 var(--fly-font-display); }
.fly-op.fly-op .fly-op-steps span:last-child { color: var(--fly-muted); }
.fly-op.fly-op .fly-op-step-n { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--fly-blue); color: var(--fly-white); font: 700 15px/1 var(--fly-font-display); }
.fly-op.fly-op .fly-ls-btn--red .fly-icon { width: 24px; height: 24px; }


/* ── Product page: calmer gallery, car no longer upscaled to the full column ── */
.fly-op--product.fly-op .fly-ls-slide { aspect-ratio: auto; height: clamp(250px, 32vw, 400px); padding: 28px; background: radial-gradient(80% 90% at 50% 40%, #FFFFFF 0%, #EEF1F6 70%); }
.fly-op--product.fly-op .fly-ls-slide img { width: auto; height: auto; max-width: min(80%, 520px); max-height: clamp(190px, calc(32vw - 56px), 344px); margin-inline: auto; }