/* JKPARKRIDES solution scenarios - direct product display.
   Cards show a real product photo, the product name and a direct link to the
   model page, so a visitor never has to guess or chase a jump button. */
.scene-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:start}
.scene-intro > div{min-width:0}
.scene-intro img{max-width:100%;height:auto}
.scene-intro h2{margin:10px 0 12px;font-size:clamp(1.6rem,2.8vw,2.3rem)}
.scene-intro p{color:#596579;line-height:1.75;margin:0 0 14px}
.scene-facts{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.scene-facts li{position:relative;padding-left:26px;color:#3d4756;line-height:1.6;font-size:.95rem}
.scene-facts li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:3px;background:#e2542a}
.scene-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:26px}
.scene-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e5e7;border-radius:18px;overflow:hidden}
.scene-card-media{display:block;aspect-ratio:4/3;background:#eef1f4;overflow:hidden}
.scene-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.scene-card:hover .scene-card-media img{transform:scale(1.03)}
.scene-card-copy{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.scene-card-copy small{color:#e2542a;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.scene-card-copy h3{margin:0;font-size:1.06rem;line-height:1.3}
.scene-card-copy h3 a{color:#121416;text-decoration:none}
.scene-card-copy p{margin:0;color:#596579;font-size:.9rem;line-height:1.6}
.scene-card-link{margin-top:auto;padding-top:10px;color:#e2542a;font-weight:700;font-size:.86rem;text-decoration:none}
.scene-card-link:hover{text-decoration:underline}
.scene-band{background:#121416;color:#fff;border-radius:18px;padding:26px 28px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.scene-band h2{margin:0 0 8px;font-size:1.5rem;color:#fff}
.scene-band p{margin:0;color:#c8ccd2;max-width:640px;line-height:1.7}
.scene-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:22px}
.scene-step{background:#fff;border:1px solid #e3e5e7;border-radius:16px;padding:18px}
.scene-step b{display:block;color:#121416;margin-bottom:6px}
.scene-step span{color:#596579;font-size:.9rem;line-height:1.6}
@media (max-width:900px){
.scene-intro{grid-template-columns:1fr;gap:20px}
.scene-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
}