/* SportwagenSpecialisten v16.33 — premium homepage, exclusief AI-beeld en rustige conversie */

/* Kaarten zijn zelf het klikvlak; onderstreping maakt ze onrustig en onduidelijk. */
.pk31-direct-grid a,
.pk23-image-card,
.pk31-service-grid a,
.pk23-lineup-grid a,
.pk31-guide-grid a,
.pk31-confidence a,
.pk23-b2b-home a,
.pk23-section-head .textlink {
  text-decoration: none !important;
}

.pk31-home-hero {
  background:
    radial-gradient(circle at 72% 16%, rgba(196, 151, 64, .16), transparent 30%),
    linear-gradient(118deg, #050d14 0%, #0a1823 66%, #101e27 100%) !important;
}
.pk31-home-hero .pk23-hero-image {
  height: 286px !important;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 18px !important;
  box-shadow: 0 28px 68px rgba(0,0,0,.34);
}
.pk31-home-hero .pk23-hero-image:after { display: none !important; }
.pk31-home-hero .pk23-hero-image img {
  object-position: 57% 53%;
  filter: saturate(.88) contrast(1.05);
}
.pk31-home-hero .pk23-hero-copy > p { max-width: 720px; }

.pk31-direct-grid a {
  min-height: 330px !important;
  padding: 0 19px 20px !important;
  overflow: hidden;
}
.pk33-route-media {
  display: block;
  width: calc(100% + 38px);
  height: 126px;
  margin: 0 -19px 16px;
  object-fit: cover;
  background: #dfe4e7;
  border-bottom: 1px solid #d6dde1;
}
.pk31-direct-grid a > span {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  border: 1px solid rgba(255,255,255,.7);
  box-shadow: 0 4px 14px rgba(0,0,0,.18);
}
.pk31-direct-grid a { position: relative; }
.pk31-direct-grid b { font-size: 19px !important; }
.pk31-direct-grid small { margin-bottom: 14px !important; }

.pk23-image-grid { gap: 14px !important; }
.pk33-models .pk23-image-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
.pk23-image-card img {
  height: 132px !important;
  object-position: center 58%;
}
.pk23-image-card-body { padding: 16px !important; }
.pk23-image-card b { font-size: 18px !important; }
.pk23-image-card small { font-size: 13px !important; }

.pk23-b2b-home { padding: 52px 0 !important; }
.pk33-b2b-card {
  display: grid;
  grid-template-columns: minmax(0,1.25fr) minmax(310px,.75fr);
  gap: 58px;
  align-items: center;
}
.pk33-b2b-card h2 {
  max-width: 820px;
  margin: 10px 0 14px;
  color: #fff;
  font-size: clamp(34px,3.5vw,49px);
  line-height: 1.06;
}
.pk33-b2b-card p { max-width: 760px; margin: 0; }
.pk33-b2b-actions { display: grid; gap: 10px; }
.pk33-b2b-actions .btn { width: 100%; text-align: center; }
.pk33-b2b-actions small {
  padding: 5px 10px 0;
  color: #aebbc4;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}

.pk33-claim-nav { white-space: nowrap; }

@media (max-width: 1050px) {
  .pk31-direct-grid a { min-height: 300px !important; }
  .pk33-models .pk23-image-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .pk33-b2b-card { gap: 30px; }
}
@media (max-width: 820px) {
  .pk31-home-hero .pk23-hero-image { height: 220px !important; }
  .pk33-models .pk23-image-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pk33-b2b-card { grid-template-columns: 1fr; }
  .pk33-b2b-actions { max-width: 480px; }
}
@media (max-width: 580px) {
  .pk31-home-hero .pk23-hero-image { height: 190px !important; }
  .pk31-direct-grid a { min-height: 0 !important; }
  .pk33-route-media { height: 118px; }
  .pk23-image-card img { height: 118px !important; }
  .pk33-models .pk23-image-grid { grid-template-columns: 1fr; }
  .pk23-b2b-home { padding: 40px 0 !important; }
}