/* Gift geven: uitleg links, gele gift-kaart rechts (kaart 1:1 uit het oorspronkelijke ontwerp van Lid worden). */
.hero-page.p-gg-hero { min-height: 62svh; padding: clamp(150px, 20vh, 230px) 0 0; }
.p-gg-hero .hero-page__overlay { background: linear-gradient(180deg, rgba(1,32,45,.88) 0%, rgba(2,52,74,.5) 40%, rgba(1,32,45,.95) 100%); }
.p-gg-hero .hero-page__in { padding-bottom: clamp(70px, 10vh, 120px); }
.p-gg-hero .hero-page__intro { max-width: 60ch; }

.p-gg-main { background: var(--wm-cream); color: var(--wm-navy); padding: clamp(40px, 5vw, 74px) 0 clamp(70px, 9vw, 120px); }
.p-gg-main__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: clamp(30px, 4vw, 64px); align-items: start; }

.p-gg-text__title { margin: 0; font-size: clamp(28px, 3.8vw, 50px); line-height: 1.06; font-weight: 800; letter-spacing: -.025em; max-width: 20ch; text-wrap: balance; }
.p-gg-text__p { margin: 22px 0 0; font-size: 18px; line-height: 1.75; color: var(--wm-text-intro); max-width: 58ch; text-wrap: pretty; }
.p-gg-text__p + .p-gg-text__p { margin-top: 16px; }

.p-gg-geven, .p-gg-anbi {
  display: flex; align-items: flex-start; gap: 18px; margin: clamp(26px, 3vw, 36px) 0 0; max-width: 620px;
  background: #fff; border-radius: 22px; padding: 22px 24px; box-shadow: 0 10px 26px rgba(2,67,94,.1);
}
.p-gg-geven__title, .p-gg-anbi__title { margin: 0; font-size: 22px; font-weight: 800; letter-spacing: -.01em; }
.p-gg-geven__text, .p-gg-anbi__text { margin: 8px 0 0; font-size: 18px; line-height: 1.7; color: var(--wm-text-body); }
.p-gg-anbi .tlink { margin-top: 14px; }
.p-gg-anbi .badge { flex: 0 0 auto; }

.p-gg-card { background: var(--wm-sand); color: var(--wm-navy); border-radius: 30px; padding: clamp(26px, 3vw, 40px); box-shadow: 0 20px 44px rgba(232,220,116,.3); }
.p-gg-card__title { margin: 0; font-size: clamp(24px, 2.8vw, 34px); font-weight: 800; letter-spacing: -.02em; }
.p-gg-card__text { margin: 14px 0 0; font-size: 18px; line-height: 1.7; }
.p-gg-card__rows { display: flex; flex-direction: column; gap: 12px; margin-top: 22px; font-size: 18px; font-weight: 700; }
.p-gg-card__row { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; background: rgba(2,67,94,.1); border-radius: 16px; padding: 16px 20px; }
.p-gg-card__val { font-weight: 800; }
.p-gg-card__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.p-gg-card__btn {
  display: inline-flex; align-items: center; gap: 12px; padding: 18px 30px; border-radius: 999px;
  background: var(--wm-navy); color: #fff; font-size: 19px; font-weight: 800;
  transition: transform .28s var(--wm-ease), background .28s ease, color .28s ease;
}
.p-gg-card__btn:hover { color: #fff; transform: translateY(-4px); background: var(--wm-navy-hover); }
.p-gg-card__btn--outline { background: transparent; border: 2px solid var(--wm-navy); color: var(--wm-navy); padding: 16px 28px; }
.p-gg-card__btn--outline:hover { background: var(--wm-navy); color: #fff; }