/* Premium refinement layer for the commercial homepage and high-value service pages. */
.wrap > .card,
.wrap > section {
  border-radius: 24px !important;
  box-shadow: 0 16px 42px rgba(15, 23, 42, .07) !important;
}

.wrap .hero-card {
  padding: clamp(24px, 5vw, 58px) !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(34, 197, 94, .16), transparent 36%),
    linear-gradient(135deg, #ffffff, #f4fbf7) !important;
}

.wrap .hero-card h1 {
  max-width: 860px !important;
}

.wrap .service-grid {
  align-items: stretch !important;
}

.wrap .service,
.wrap .problem-item,
.wrap .step-item,
.wrap .link-group {
  border-radius: 18px !important;
}

.diensten .dienst-grid {
  align-items: stretch !important;
}

.diensten .dienst-card,
.diensten .extra-service-card {
  border-radius: 22px !important;
  box-shadow: 0 16px 40px rgba(15, 23, 42, .08) !important;
}

.diensten .extra-services {
  margin-top: 42px !important;
  padding: 28px !important;
  border: 1px solid #dce7df !important;
  border-radius: 28px !important;
  background:
    linear-gradient(135deg, rgba(234, 248, 240, .95), rgba(255, 255, 255, .98)),
    #fff !important;
}

.diensten .extra-services-head {
  max-width: 720px !important;
  margin-bottom: 22px !important;
}

.diensten .extra-services-head h3 {
  font-size: clamp(26px, 3vw, 38px) !important;
}

.diensten .extra-services-grid {
  align-items: stretch !important;
}

.diensten .extra-service-card .dienst-body {
  min-height: 310px !important;
}

.diensten .extra-service-card .dp-cta {
  margin-top: auto !important;
}

.offerte-card {
  border-radius: 28px !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .22) !important;
}

.upload-zone {
  min-height: 138px !important;
  display: grid !important;
  place-items: center !important;
  gap: 4px !important;
  background: linear-gradient(180deg, #fbfdff, #f4f7fb) !important;
}

.upload-zone h4,
.upload-zone p {
  margin: 0 !important;
}

footer .footer-inner {
  align-items: start !important;
}

footer .footer-links a {
  line-height: 1.45 !important;
}

.ot-hero {
  padding: clamp(32px, 6vw, 72px) clamp(18px, 5vw, 56px) !important;
  border-radius: 30px !important;
  background:
    linear-gradient(135deg, rgba(15, 23, 42, .92), rgba(20, 83, 45, .94)),
    #14532d !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .18) !important;
}

.ot-hero h1 {
  color: #fff !important;
}

.ot-hero p {
  color: #e8f3ee !important;
  font-size: 17px !important;
}

.ot-card {
  border-radius: 24px !important;
  box-shadow: 0 16px 42px rgba(15, 23, 42, .07) !important;
}

.ot-card#aanvraag {
  padding: clamp(22px, 4vw, 42px) !important;
}

.ot-card .upload-box {
  min-height: 132px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(180deg, #fbfdff, #f4f8fb) !important;
}

@media (max-width: 780px) {
  .diensten .extra-services {
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .diensten .extra-services-grid {
    grid-template-columns: 1fr !important;
  }

  .diensten .extra-service-card .dienst-body {
    min-height: auto !important;
  }

  .upload-zone {
    min-height: 118px !important;
  }
}