/* ===== AF /ajanvaraus – premium intro + ohje-kortti ===== */

.af-intro{ text-align:center; margin: 0 auto 18px; max-width: 860px; }
.af-lead{ margin: 0 auto 12px; opacity: .9; font-size: 1.05em; max-width: 720px; }

.af-benefits{ list-style:none; padding:0; margin: 0 auto 14px; max-width: 520px; text-align:left; }
.af-benefits li{ position:relative; padding-left: 24px; margin: 7px 0; line-height: 1.5; }
.af-benefits li:before{ content:"✓"; position:absolute; left:0; top:0; color:#04CF1F; font-weight:900; }

.af-info{
  margin: 12px auto 0;
  max-width: 560px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(4,207,31,.22);
  background: rgba(4,207,31,.06);
  font-weight: 650;
}

.af-vehicle-guide{ margin: 16px 0 18px; }
.af-vehicle-card{
  max-width: 980px;
  margin: 0 auto;
  padding: 22px 18px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(4,207,31,.16);
  box-shadow: 0 18px 46px rgba(0,0,0,.08);
}
.af-vehicle-top{ text-align:center; margin-bottom: 12px; }
.af-vehicle-top h3{ margin: 0 0 6px; font-weight: 850; letter-spacing: -.01em; }
.af-vehicle-sub{ margin:0 auto; max-width: 820px; opacity: .85; }

.af-vehicle-grid{ display:grid; grid-template-columns: 1fr; gap: 12px; margin-top: 14px; }
.af-block{
  padding: 14px 14px;
  border-radius: 14px;
  background: rgba(0,0,0,.02);
  border: 1px solid rgba(0,0,0,.06);
}
.af-block h4{ margin:0 0 6px; color:#04CF1F; font-weight: 850; font-size: 15px; }
.af-block p{ margin:0; line-height:1.55; }

.af-block-note{
  border-color: rgba(4,207,31,.22);
  background: rgba(4,207,31,.05);
}
.af-block-note strong{ color:#04CF1F; font-weight: 900; }

@media (min-width: 900px){
  .af-vehicle-grid{ grid-template-columns: 1fr 1fr; }
  .af-block:nth-child(3),
  .af-block:nth-child(6){ grid-column: 1 / -1; }
}