@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&display=swap");

/* ==========================================================
   HOMEPAGE CATEGORIEEN (referentie: Ontdek onze categorieen)
   Sectie blijft binnen de thema-container (zelfde breedte als de rest van de site).
   ========================================================== */

.pd-categories,
.pd-categories * { box-sizing: border-box; }

.pd-categories {
  --pd-groen: #7c926b;
  --pd-groen-donker: #667a58;
  --pd-groen-hover: #566849;
  --pd-accent: #7c926b;
  --pd-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  position: relative;
  margin: 30px 0;
  padding: 34px 22px 38px;
  background: #f9f7f2;
}

/* KOP */
.pd-categories-header { max-width: 920px; margin: 0 auto 26px; text-align: center; }
.pd-categories-eyebrow {
  display: block; margin: 0 0 8px;
  color: var(--pd-accent); font-size: 12px; font-weight: 700;
  letter-spacing: .3em; text-transform: uppercase;
}
.pd-categories-header h2 {
  margin: 0; color: #1e1d1b;
  font-family: var(--pd-serif); font-size: clamp(32px, 3vw, 42px);
  font-weight: 700; line-height: 1.1; letter-spacing: 0;
  text-transform: none !important;
}
.pd-categories-header p {
  max-width: 760px; margin: 8px auto 0;
  color: #5f5a52; font-size: 15px; line-height: 1.5;
}
.pd-categories-header::after {
  content: ""; display: block; width: 52px; height: 2px;
  margin: 14px auto 0; background: var(--pd-accent);
}

/* GRID */
.pd-categories-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  max-width: none;
  margin: 0 auto;
}

/* KAART */
.pd-category-card {
  display: grid;
  grid-template-columns: minmax(0, 48%) minmax(0, 52%);
  min-width: 0; height: 220px; overflow: hidden;
  background: #fbf9f4; border-radius: 12px;
  box-shadow: 0 4px 22px rgba(51, 43, 33, .07);
  transition: transform .22s ease, box-shadow .22s ease;
}

/* LINKS: icoon, titel, tekst, knop */
.pd-category-info {
  display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;
  min-width: 0; height: 220px;
  padding: 18px 10px 18px 20px;
  background: #fbf9f4; text-align: left;
}
.pd-category-info::before {
  content: none; display: none; flex: 0 0 auto;
  width: 40px; height: 40px; margin: 0 0 10px;
  background-color: #f1ece4; border-radius: 50%;
  background-repeat: no-repeat; background-position: center; background-size: 24px 24px;
}
.pd-category-info h3 {
  width: 100%; margin: 0 0 8px !important; padding: 0 !important;
  font-family: var(--pd-serif) !important; font-size: 24px !important;
  font-weight: 700 !important; line-height: 1.02 !important;
  text-align: left !important; text-transform: none !important;
  letter-spacing: 0 !important; white-space: normal !important;
  word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important;
}
.pd-category-info h3 a,
.pd-category-info h3 a:visited,
.pd-category-info h3 a:hover,
.pd-category-info h3 a:focus,
.pd-category-info h3 a:active {
  color: #1c1b19 !important; font: inherit !important;
  text-decoration: none !important; text-transform: none !important;
}
.pd-category-info p {
  margin: 0 0 auto; color: #4f4b45; font-size: 13px; line-height: 1.5;
}

/* KNOP (pijl via CSS, de tekst bevat al een pijl, die verbergen we) */
.pd-category-btn,
.pd-category-btn:visited,
.pd-category-btn:hover,
.pd-category-btn:focus,
.pd-category-btn:active {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  flex: 0 0 auto; margin-top: 10px; min-height: 36px; padding: 0 16px;
  border-radius: 999px; background: var(--pd-groen-donker);
  color: #fff !important; font-size: 13px; font-weight: 700; line-height: 1;
  text-decoration: none !important; white-space: nowrap;
  transition: background .2s ease;
}

/* RECHTS: beeld */
.pd-category-image { display: block; min-width: 0; height: 220px; overflow: hidden; background: #eee9e2; }
.pd-category-image img {
  display: block; width: 100%; height: 100%; max-width: none;
  object-fit: cover; object-position: center; border: 0;
  transition: transform .45s ease;
}

@media (hover: hover) and (pointer: fine) {
  .pd-category-card:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(51, 43, 33, .12); }
  .pd-category-card:hover .pd-category-image img { transform: scale(1.03); }
  .pd-category-btn:hover { background: var(--pd-groen-hover); }
  .pd-category-info h3 a:hover { color: var(--pd-groen-donker) !important; }
}

/* ICONEN (alleen CSS, geen wijziging in de HTML nodig) */
.pd-category-card:nth-child(1) .pd-category-info::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%236a7f5b%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M14%2034V18l6-6h8v22z%22%2F%3E%3Cpath%20d%3D%22M14%2034h20%22%2F%3E%3C%2Fsvg%3E"); }
.pd-category-card:nth-child(2) .pd-category-info::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%236a7f5b%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M20%2012h8l-2%2022h-4z%22%2F%3E%3Cpath%20d%3D%22M24%2034v4%22%2F%3E%3C%2Fsvg%3E"); }
.pd-category-card:nth-child(3) .pd-category-info::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%236a7f5b%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M10%2020h28l-4%2012H14z%22%2F%3E%3Cpath%20d%3D%22M14%2020l-2-6h24l-2%206%22%2F%3E%3C%2Fsvg%3E"); }
.pd-category-card:nth-child(4) .pd-category-info::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%236a7f5b%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M10%2012h28%22%2F%3E%3Cpath%20d%3D%22M14%2012v26M20%2012v26M26%2012v26M32%2012v26M38%2012v26%22%20stroke-width%3D%221.6%22%2F%3E%3C%2Fsvg%3E"); }
.pd-category-card:nth-child(5) .pd-category-info::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%236a7f5b%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M18%2030c-4-3-6-6-6-10a12%2012%200%200%201%2024%200c0%204-2%207-6%2010v4H18z%22%2F%3E%3Cpath%20d%3D%22M19%2039h10%22%2F%3E%3C%2Fsvg%3E"); }
.pd-category-card:nth-child(6) .pd-category-info::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%236a7f5b%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2212%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M24%208v4M24%2036v4M8%2024h4M36%2024h4%22%2F%3E%3C%2Fsvg%3E"); }
.pd-category-card:nth-child(7) .pd-category-info::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%236a7f5b%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Crect%20x%3D%2210%22%20y%3D%2210%22%20width%3D%2228%22%20height%3D%2228%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E"); }
.pd-category-card:nth-child(8) .pd-category-info::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%236a7f5b%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M24%2037c-9-6-13-10-13-15a7%207%200%200%201%2013-3%207%207%200%200%201%2013%203c0%205-4%209-13%2015z%22%2F%3E%3C%2Fsvg%3E"); }
.pd-category-card:nth-child(9) .pd-category-info::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%236a7f5b%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M31%2010a8%208%200%200%200-7%2011L10%2035l3%203%2014-14a8%208%200%200%200%2011-7l-5%204-4-1-1-4z%22%2F%3E%3C%2Fsvg%3E"); }

/* BEELDUITSNEDE per kaart: desktop kijkt naar x, mobiel naar y (beeld is vierkant, kolom is hoog en smal) */
.pd-category-card:nth-child(1) .pd-category-image img { object-position: 25% 50%; }
.pd-category-card:nth-child(2) .pd-category-image img { object-position: 30% 50%; }
.pd-category-card:nth-child(3) .pd-category-image img { object-position: 50% 50%; }
.pd-category-card:nth-child(4) .pd-category-image img { object-position: 35% 50%; }
.pd-category-card:nth-child(5) .pd-category-image img { object-position: 40% 50%; }
.pd-category-card:nth-child(6) .pd-category-image img { object-position: 45% 50%; }
.pd-category-card:nth-child(7) .pd-category-image img { object-position: 50% 50%; }
.pd-category-card:nth-child(8) .pd-category-image img { object-position: 50% 50%; }
.pd-category-card:nth-child(9) .pd-category-image img { object-position: 50% 50%; }
.pd-category-info p { text-wrap: pretty; }

/* TABLET */
@media (max-width: 1200px) {
  .pd-categories-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* MOBIEL */
@media (max-width: 700px) {
  .pd-category-card:nth-child(1) .pd-category-image img { object-position: 50% 65%; }
  .pd-category-card:nth-child(2) .pd-category-image img { object-position: 50% 50%; }
  .pd-category-card:nth-child(3) .pd-category-image img { object-position: 50% 15%; }
  .pd-category-card:nth-child(4) .pd-category-image img { object-position: 50% 30%; }
  .pd-category-card:nth-child(5) .pd-category-image img { object-position: 50% 15%; }
  .pd-category-card:nth-child(6) .pd-category-image img { object-position: 50% 30%; }
  .pd-category-card:nth-child(7) .pd-category-image img { object-position: 50% 50%; }
  .pd-category-card:nth-child(8) .pd-category-image img { object-position: 50% 50%; }
  .pd-category-card:nth-child(9) .pd-category-image img { object-position: 50% 50%; }
  .pd-categories { padding: 28px 12px; }
  .pd-categories-header { margin-bottom: 26px; }
  .pd-categories-header h2 { font-size: 30px; }
  .pd-categories-header p { font-size: 16px; }
  .pd-categories-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .pd-category-card { grid-template-columns: 1fr; grid-template-rows: 120px auto; height: auto; }
  .pd-category-image { grid-row: 1; height: 120px; }
  .pd-category-info { grid-row: 2; height: auto; padding: 12px 8px 14px; align-items: center; justify-content: center; text-align: center; }
  .pd-category-info h3, .pd-category-info h3 a { text-align: center !important; font-size: 18px !important; }
  .pd-category-info p, .pd-category-btn, .pd-category-info::before { display: none !important; }
  .pd-category-info h3 { margin: 0 !important; }
}

/* HOMEPAGINA-TEKST (.pd-info) */
.pd-info, .pd-info * { box-sizing: border-box; }
.pd-info { --pd-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif; display: grid; gap: 16px; margin: 0 0 40px; color: #3f3b36; }
.pd-info h1, .pd-info h2, .pd-info h3 { font-family: var(--pd-serif) !important; text-transform: none !important; letter-spacing: 0 !important; color: #1e1d1b; }
.pd-info .pd-eyebrow { display: block; margin: 0 0 8px; color: #7c926b; font-size: 12px; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; }
.pd-info p { margin: 0; font-size: 15px; line-height: 1.65; }
.pd-info-intro { padding: 44px 24px 40px; background: #f9f7f2; text-align: center; }
.pd-info-intro h1 { max-width: 780px; margin: 0 auto 14px; font-size: clamp(32px, 3.2vw, 46px); font-weight: 700; line-height: 1.1; }
.pd-info-intro p { max-width: 700px; margin: 0 auto; font-size: 16px; }
.pd-merken { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 22px 0 0; padding: 0; list-style: none; }
.pd-merken li { margin: 0; padding: 5px 16px; border: 1px solid #d6d0c3; border-radius: 999px; background: #fffdfa; font-family: var(--pd-serif); font-size: 19px; font-weight: 700; color: #3f3b36; }
.pd-features { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.pd-feature { padding: 22px 22px 24px; background: #fbf9f4; border-top: 3px solid #7c926b; border-radius: 0 0 12px 12px; box-shadow: 0 4px 22px rgba(51, 43, 33, .06); }
.pd-feature h3 { margin: 0 0 6px; font-size: 25px; font-weight: 700; line-height: 1.1; }
.pd-feature p { font-size: 14px; line-height: 1.55; }
.pd-materials { padding: 38px 24px 34px; background: #f9f7f2; text-align: center; }
.pd-materials h2 { margin: 0 0 22px; font-size: clamp(28px, 2.6vw, 36px); font-weight: 700; }
.pd-material-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; max-width: 820px; margin: 0 auto; }
.pd-material { padding: 24px; background: #fffdfa; border-radius: 12px; box-shadow: 0 4px 22px rgba(51, 43, 33, .06); text-align: left; }
.pd-material h3 { margin: 0 0 6px; font-size: 26px; font-weight: 700; color: #667a58; }
.pd-note { max-width: 640px; margin: 20px auto 0 !important; color: #5f5a52; }
.pd-scratch { display: grid; grid-template-columns: minmax(0, 1fr) 230px; align-items: center; gap: 30px; padding: 40px 36px; background: #667a58; border-radius: 12px; color: #fff; }
.pd-scratch .pd-eyebrow { color: #dfe8d6; }
.pd-scratch h2 { margin: 0 0 12px; color: #fff; font-size: clamp(28px, 2.6vw, 38px); font-weight: 700; line-height: 1.1; }
.pd-scratch p { color: #f1f5ec; }
.pd-stat { text-align: center; }
.pd-stat strong { display: block; font-family: var(--pd-serif); font-size: 84px; font-weight: 700; line-height: 1; }
.pd-stat span { display: block; margin-top: 6px; font-size: 14px; color: #e3ebdb; }
.pd-faq-wrap { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 16px; }
.pd-why, .pd-faq { padding: 30px 28px; background: #f9f7f2; }
.pd-why h2, .pd-faq h2 { margin: 0 0 16px; font-size: clamp(26px, 2.4vw, 34px); font-weight: 700; }
.pd-why ul { margin: 0; padding: 0; list-style: none; }
.pd-why li { position: relative; margin: 0 0 11px; padding-left: 28px; font-size: 15px; line-height: 1.5; }
.pd-why li::before { content: "\2713"; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 50%; background: #7c926b; color: #fff; font-size: 12px; font-weight: 700; line-height: 20px; text-align: center; }
.pd-faq details { border-bottom: 1px solid #ded8cb; }
.pd-faq summary { position: relative; padding: 14px 30px 14px 0; font-size: 15px; font-weight: 700; color: #1e1d1b; cursor: pointer; list-style: none; }
.pd-faq summary::-webkit-details-marker { display: none; }
.pd-faq summary::after { content: "+"; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); font-size: 22px; font-weight: 400; color: #667a58; }
.pd-faq details[open] summary::after { content: "\2212"; }
.pd-faq details p { padding: 0 0 16px; color: #4f4b45; }
.pd-closing { max-width: 760px; margin: 6px auto 0 !important; text-align: center; color: #5f5a52; }
.pd-closing a { color: #667a58; font-weight: 700; text-decoration: underline; }
@media (max-width: 1000px) {
  .pd-features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pd-faq-wrap { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .pd-info-intro { padding: 32px 16px 30px; }
  .pd-features { gap: 10px; }
  .pd-feature { padding: 16px 14px 18px; }
  .pd-feature h3 { font-size: 19px; overflow-wrap: anywhere; }
  .pd-material-grid { grid-template-columns: 1fr; }
  .pd-scratch { grid-template-columns: 1fr; padding: 30px 22px; gap: 18px; text-align: left; }
  .pd-stat { text-align: left; }
  .pd-stat strong { font-size: 64px; }
  .pd-why, .pd-faq { padding: 24px 18px; }
}

/* HERO (boven de categorieen) */
.pd-hero { --pd-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); min-height: 400px; margin: 30px 0 0; overflow: hidden; background: #f9f7f2; border-radius: 12px; box-shadow: 0 4px 22px rgba(51, 43, 33, .07); }
.pd-hero, .pd-hero * { box-sizing: border-box; }
.pd-hero-text { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 44px 40px; }
.pd-hero-eyebrow { display: block; margin: 0 0 12px; color: #7c926b; font-size: 12px; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; }
.pd-hero h2 { margin: 0 0 16px; color: #1e1d1b; font-family: var(--pd-serif) !important; font-size: clamp(34px, 3.4vw, 52px); font-weight: 700; line-height: 1.05; letter-spacing: 0 !important; text-transform: none !important; }
.pd-hero p { max-width: 400px; margin: 0 0 26px; color: #4f4b45; font-size: 16px; line-height: 1.6; }
.pd-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.pd-hero .pd-btn, .pd-hero .pd-btn:visited { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 24px; border: 2px solid #667a58; border-radius: 999px; background: #667a58; color: #fff !important; font-size: 15px; font-weight: 700; line-height: 1; text-decoration: none !important; transition: background .2s ease, color .2s ease; }
.pd-hero .pd-btn:hover { background: #566849; border-color: #566849; }
.pd-hero .pd-btn-line, .pd-hero .pd-btn-line:visited { background: transparent; color: #667a58 !important; }
.pd-hero .pd-btn-line:hover { background: #667a58; color: #fff !important; }
.pd-hero-image { position: relative; min-height: 400px; }
.pd-hero-image img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 22%; }
@media (max-width: 800px) {
  .pd-hero { grid-template-columns: 1fr; min-height: 0; margin-top: 16px; }
  .pd-hero-image { order: -1; min-height: 0; height: 230px; }
  .pd-hero-text { padding: 26px 22px 30px; }
  .pd-hero h2 { font-size: 34px; }
  .pd-hero p { margin-bottom: 20px; font-size: 15px; }
}

/* KEUZEHULP (.pd-help) */
.pd-help { --pd-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif; display: grid; gap: 16px; margin: 0 0 40px; color: #3f3b36; }
.pd-help, .pd-help * { box-sizing: border-box; }
.pd-help h2, .pd-help h3 { font-family: var(--pd-serif) !important; color: #1e1d1b; letter-spacing: 0 !important; text-transform: none !important; }
.pd-help-head { padding: 34px 24px 10px; text-align: center; }
.pd-help-eyebrow { display: block; margin: 0 0 8px; color: #7c926b; font-size: 12px; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; }
.pd-help-head h2 { margin: 0; font-size: clamp(30px, 3vw, 42px); font-weight: 700; line-height: 1.1; }
.pd-help-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.pd-help-card { padding: 30px 28px 26px; background: #f9f7f2; border-radius: 12px; }
.pd-help-card h3 { margin: 0 0 18px; font-size: 30px; font-weight: 700; line-height: 1.1; }
.pd-help-card ol { margin: 0; padding: 0; list-style: none; counter-reset: stap; }
.pd-help-card li { position: relative; margin: 0 0 16px; padding-left: 44px; font-size: 15px; line-height: 1.6; counter-increment: stap; }
.pd-help-card li::before { content: counter(stap); position: absolute; left: 0; top: -1px; width: 30px; height: 30px; border-radius: 50%; background: #667a58; color: #fff; font-size: 14px; font-weight: 700; line-height: 30px; text-align: center; }
.pd-help-card li strong { display: block; color: #1e1d1b; }
.pd-help-note { margin: 4px 0 0; padding: 12px 14px; border-left: 3px solid #7c926b; background: #fffdfa; font-size: 14px; line-height: 1.55; color: #4f4b45; }
.pd-help-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 30px; padding: 28px 32px; border: 1.5px solid #cfd8c6; border-radius: 12px; background: #fbf9f4; }
.pd-help-cta h3 { margin: 0 0 4px; font-size: 28px; font-weight: 700; }
.pd-help-cta p { margin: 0; max-width: 520px; font-size: 15px; line-height: 1.55; color: #4f4b45; }
.pd-help-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.pd-help .pd-btn, .pd-help .pd-btn:visited { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 24px; border: 2px solid #667a58; border-radius: 999px; background: #667a58; color: #fff !important; font-size: 15px; font-weight: 700; line-height: 1; text-decoration: none !important; transition: background .2s ease, color .2s ease; }
.pd-help .pd-btn:hover { background: #566849; border-color: #566849; }
.pd-help .pd-btn-line, .pd-help .pd-btn-line:visited { background: transparent; color: #667a58 !important; }
.pd-help .pd-btn-line:hover { background: #667a58; color: #fff !important; }
@media (max-width: 900px) {
  .pd-help-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .pd-help-head { padding: 24px 10px 4px; }
  .pd-help-card { padding: 24px 18px 20px; }
  .pd-help-card h3 { font-size: 26px; }
  .pd-help-cta { padding: 24px 20px; }
  .pd-help-actions { width: 100%; }
  .pd-help .pd-btn { width: 100%; }
}

/* ondertitel bij 24%: de editor haalt de span weg */
.pd-stat { font-size: 14px; line-height: 1.3; color: #e3ebdb; }
.pd-stat strong { margin-bottom: 6px; color: #fff; }