/* Verzenden & retourneren */

.dh-ship-hero {
  padding: 28px 0 32px;
  background: linear-gradient(#fff, #f8fafc);
}
.dh-ship-hero h1 {
  font-size: clamp(32px, 4vw, 46px);
  line-height: 1.08;
  letter-spacing: -0.035em;
  font-weight: 800;
  margin: 0;
}

.dh-ship-main { padding: 8px 0 56px; }
.dh-ship-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, .75fr);
  gap: 22px;
  align-items: start;
}

.dh-ship-content { display: grid; gap: 16px; }
.dh-ship-card {
  padding: 24px 26px 26px;
  border: 1px solid var(--dh-line);
  border-radius: var(--dh-r-lg);
  background: #fff;
}
.dh-ship-card__icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 14px;
  border-radius: var(--dh-r-md);
  background: #fff7ed;
  color: var(--dh-orange);
}
.dh-ship-card h2 {
  margin: 0 0 10px;
  font-size: clamp(20px, 2.4vw, 24px);
  letter-spacing: -0.03em;
  line-height: 1.25;
}
.dh-ship-card__body {
  color: var(--dh-muted);
  font-size: 16px;
  line-height: 1.65;
}
.dh-ship-card__body p { margin: 0 0 1em; }
.dh-ship-card__body p:last-child { margin-bottom: 0; }
.dh-ship-card__body em { font-style: italic; }
.dh-ship-card__body a {
  font-weight: 700;
  color: var(--dh-link);
}
.dh-ship-card__body a[href$=".pdf"],
.dh-ship-card__body a[href*="Retourformulier"] {
  display: inline-block;
  margin-top: 6px;
  padding: 11px 18px;
  border-radius: var(--dh-r-sm);
  background: var(--dh-orange);
  color: #fff;
  text-decoration: none;
}
.dh-ship-card__body a[href$=".pdf"]:hover,
.dh-ship-card__body a[href*="Retourformulier"]:hover {
  background: var(--dh-orange-dark);
  color: #fff;
}

.dh-ship-aside__card {
  padding: 20px 22px;
  border: 1px solid var(--dh-line);
  border-radius: var(--dh-r-lg);
  background: #fff;
}
.dh-ship-aside__card h2 {
  margin: 0 0 12px;
  font-size: 18px;
  letter-spacing: -0.02em;
}
.dh-ship-aside__links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2px;
}
.dh-ship-aside__links a {
  display: block;
  padding: 10px 12px;
  border-radius: var(--dh-r-sm);
  text-decoration: none;
  color: var(--dh-ink);
}
.dh-ship-aside__links a:hover {
  background: #fff7ed;
  text-decoration: none;
}
.dh-ship-aside__links strong { display: block; font-size: 15px; }
.dh-ship-aside__links span { display: block; font-size: 13.5px; color: var(--dh-muted); }

@media (max-width: 900px) {
  .dh-ship-layout { grid-template-columns: minmax(0, 1fr); }
  .dh-ship-card { padding: 20px 18px 22px; }
}
@media (max-width: 620px) {
  .dh-ship-hero { padding: 20px 0 24px; }
  .dh-ship-main { padding: 4px 0 40px; }
  .dh-ship-card__body a[href$=".pdf"],
  .dh-ship-card__body a[href*="Retourformulier"] {
    width: 100%;
    text-align: center;
  }
}