.spinner{width:20px;height:20px;border:2px solid #ccc;border-top-color:#000;border-radius:50%;animation:spin .7s linear infinite;display:inline-block;vertical-align:middle;margin-left:8px}@keyframes spin{to{transform:rotate(360deg)}}
.hero h1,.hero h2,.page-hero h1,.page-hero h2{text-align:center;margin-left:auto;margin-right:auto}


form { position: relative; }
.spinner.top-right {
  position: absolute; top:8px; right:10px; width:20px; height:20px;
  border:3px solid #cbd5e1; border-top-color:#334155; border-radius:50%;
  animation: spin 1s linear infinite;
}
@keyframes spin { 100% { transform: rotate(360deg); } }
.hero img, .page-hero img, .hero-balanced img { width:100%; height:min(60vh,520px); object-fit:cover; border-radius:12px; }
@media (max-width:768px){ .hero img, .page-hero img, .hero-balanced img { height:300px; } }
.section-autos .cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
@media (max-width:900px){ .section-autos .cards { grid-template-columns:1fr; } }
.section-autos .card { display:flex; flex-direction:column; height:100%; border:1px solid #e5e7eb; border-radius:14px; box-shadow:0 4px 16px rgba(0,0,0,.06); padding:16px; }
.section-autos .card img { width:100%; height:220px; object-fit:cover; border-radius:10px; }
.section-autos .card .card-body { flex:1; display:flex; flex-direction:column; gap:12px; }
.section-autos .section-title, .section-autos .section-cta { text-align:center; }


/* unified spinner placement */
form { position: relative; }
.spinner.top-right { position:absolute; top:8px; right:10px; width:20px; height:20px; border:3px solid #cbd5e1; border-top-color:#334155; border-radius:50%; animation:spin 1s linear infinite; }
@keyframes spin { 100% { transform: rotate(360deg); } }


/* Wat wij kopen cards layout */
.section-autos .cards, .watwij-kopen .cards {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px;
}
@media (max-width:900px){
  .section-autos .cards, .watwij-kopen .cards { grid-template-columns:1fr; }
}
.cards .card { display:flex; flex-direction:column; border:1px solid #e5e7eb;
  border-radius:14px; box-shadow:0 4px 16px rgba(0,0,0,0.06); padding:16px; background:#fff; }
.cards .card .card-body { flex:1; display:flex; flex-direction:column; gap:12px; }
.cards .section-cta { text-align:center; }