/* Ride Along sayfa kapsayicisi: form ve yan paneli yan yana konumlandirir. */
.ridealong-hero {
    padding: 18px;
    margin-bottom: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
}

.ridealong-hero code {
    color: #ffe08a;
}

.ridealong-layout {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 16px;
}

/* Form paneli: tum basvuru alanlarini okunakli bir kartta toplar. */
.ridealong-form-card {
    padding: 24px;
}

.ridealong-form-card h1 {
    font-size: clamp(1.7rem, 3vw, 2.4rem);
}

.ridealong-form-card p {
    color: var(--text-soft);
    margin-top: 8px;
    margin-bottom: 18px;
}

.form-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.form-block {
    margin-bottom: 12px;
}

.check-line {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--text-soft);
    font-size: 0.9rem;
    line-height: 1.6;
}

.form-submit {
    margin-top: 10px;
}

/* Bilgi paneli: ride along surecine dair kural ve gorselleri gosterir. */
.ridealong-side {
    padding: 20px;
    display: grid;
    gap: 12px;
    align-content: start;
}

.rule-card {
    padding: 14px;
    border-radius: 12px;
    background: rgba(5, 14, 24, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.rule-card h2 {
    font-size: 1rem;
    margin-bottom: 8px;
}

.rule-card ul {
    padding-left: 18px;
    color: var(--text-soft);
    line-height: 1.6;
}

.side-media {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.16);
}

.side-media img,
.side-media video {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

/* Mobil gorunum: form ve yan paneli tek sutunda alt alta akitir. */
@media (max-width: 980px) {
    .ridealong-hero {
        flex-direction: column;
        align-items: flex-start;
    }

    .ridealong-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .form-grid-2 {
        grid-template-columns: 1fr;
    }
}