/*
 * BePOPI page styles for content built in the block editor (wp:html blocks).
 * Kept in the theme instead of inline <style> so pages can be saved without unfiltered HTML.
 * Sections: membership page (.bpl-*, pages 237/1836), Pim landing (.pim-*, page 1986).
 */

/* ---------- Membership page ---------- */
/* Membership page (237 NL, 1836 FR). Scoped under .bpl-* so nothing else on the site is affected. */
.bpl{--bpl-teal:var(--color-teal,#2A8B8B);--bpl-yellow:var(--color-yellow,#F5AD10);--bpl-text:var(--color-text-primary,#1E4142);--bpl-muted:var(--color-text-secondary,#4A6566);--bpl-line:rgba(42,139,139,.18);color:var(--bpl-text);font-size:17px;line-height:1.65;margin:8px 0 40px}
.bpl *{box-sizing:border-box}
.bpl p{margin:0 0 16px;font-size:17px;line-height:1.65}
.bpl a{color:var(--bpl-teal);text-underline-offset:3px}
.bpl-hero{position:relative;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;background:linear-gradient(135deg,rgba(42,139,139,.10),rgba(245,173,16,.10));border-radius:16px;padding:40px 44px;overflow:hidden}
.bpl-hero__lead{font-size:20px!important;line-height:1.55!important;max-width:58ch;margin:0 0 20px!important}
.bpl-hero__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.bpl-price{background:#fff;border:2px solid var(--bpl-yellow);border-radius:16px;padding:24px 28px;text-align:center;box-shadow:0 14px 34px rgba(30,65,66,.10);min-width:190px}
.bpl-price__badge{display:inline-block;background:var(--bpl-yellow);color:#1E4142;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 12px;margin-bottom:10px}
.bpl-price__amount{font-size:48px;font-weight:800;line-height:1;color:var(--bpl-teal)}
.bpl-price__unit{font-size:14px;color:var(--bpl-muted);margin-top:6px}
.bpl-btn{display:inline-flex;align-items:center;gap:10px;background:var(--bpl-teal);color:#fff!important;font-weight:700;text-decoration:none!important;border-radius:999px;padding:12px 24px;transition:background .18s ease,transform .18s ease}
.bpl-btn:hover{background:#1E6F6F;transform:translateY(-1px)}
.bpl-btn::after{content:"";width:26px;height:26px;border-radius:50%;background:var(--bpl-yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E4142' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/13px no-repeat}
.bpl-textlink{font-weight:600}
.bpl-section{margin:48px 0 0;scroll-margin-top:110px}
.bpl-section__title{font-size:var(--font-size-h2,30px);line-height:1.2;color:var(--bpl-teal);margin:0 0 18px}
.bpl-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.bpl-card{background:#fff;border:1px solid var(--bpl-line);border-radius:8px;padding:26px 24px;transition:transform .18s ease,box-shadow .18s ease}
.bpl-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(30,65,66,.10)}
.bpl-card__icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(42,139,139,.10);color:var(--bpl-teal);margin-bottom:14px}
.bpl-card__icon svg{width:22px;height:22px}
.bpl-card__title{font-size:18px;line-height:1.3;margin:0 0 8px;color:var(--bpl-text)}
.bpl-card p{margin:0;font-size:16px;color:var(--bpl-muted)}
.bpl-perks{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:stretch;background:rgba(42,139,139,.07);border:2px solid rgba(42,139,139,.25);border-radius:12px;padding:30px}
.bpl-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bpl-list li{position:relative;padding-left:30px;font-size:17px;line-height:1.55}
.bpl-list li::before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:rgba(42,139,139,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A8B8B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/11px no-repeat}
.bpl-book{display:flex;flex-direction:column;justify-content:center;gap:8px;background:#fff;border-radius:8px;padding:22px 24px;border-left:4px solid var(--bpl-yellow)}
.bpl-book strong{font-size:18px;color:var(--bpl-teal)}
.bpl-book p{margin:0;font-size:16px;color:var(--bpl-muted)}
.bpl-steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.bpl-steps li{counter-increment:s;position:relative;background:#fff;border:1px solid var(--bpl-line);border-radius:8px;padding:56px 22px 22px}
.bpl-steps li::before{content:counter(s);position:absolute;left:22px;top:18px;width:30px;height:30px;border-radius:50%;background:var(--bpl-teal);color:#fff;font-weight:800;display:grid;place-items:center}
.bpl-steps strong{display:block;font-size:17px;margin-bottom:4px}
.bpl-steps span{color:var(--bpl-muted);font-size:16px}
.bpl-member{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-top:28px;padding:20px 24px;border-left:4px solid var(--bpl-yellow);border-radius:0 8px 8px 0;background:rgba(245,173,16,.10)}
.bpl-member p{margin:0;flex:1 1 320px}
.bpl-formhead{margin:56px 0 8px;scroll-margin-top:110px}
.bpl-formhead p{color:var(--bpl-muted)}
.bpl-faq{max-width:820px}
.bpl-faq details{background:#fff;border:1px solid var(--bpl-line);border-radius:8px;margin:0 0 10px;padding:0 20px}
.bpl-faq summary{cursor:pointer;font-weight:700;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.bpl-faq summary::-webkit-details-marker{display:none}
.bpl-faq summary::after{content:"+";color:var(--bpl-teal);font-size:22px;line-height:1}
.bpl-faq details[open] summary::after{content:"–"}
.bpl-faq details p{color:var(--bpl-muted);font-size:16px}
@media (max-width:760px){.bpl-hero{grid-template-columns:1fr;padding:30px 22px}.bpl-price{justify-self:start}.bpl-perks{grid-template-columns:1fr;padding:22px}}
@media (prefers-reduced-motion:reduce){.bpl-card,.bpl-btn{transition:none}}

/* ---------- Pim en de confetticape landing ---------- */
/* ==========================================================================
   Pim en de confetticape — landing page (page ID 1986)
   Scoped under .pim-page / .pim-* so nothing else on the site is affected.
   ========================================================================== */

.pim-section {
  max-width: var(--container-width, 1197px);
  margin: 0 auto;
  padding: 56px var(--container-padding, 24px);
}

.pim-section__title {
  font-size: var(--font-size-h2, 32px);
  line-height: 1.2;
  color: var(--color-teal, #2A8B8B);
  margin: 0 0 12px;
}

.pim-section__intro {
  font-size: 17px;
  line-height: 1.6;
  color: var(--color-text-secondary, #4A6566);
  max-width: 68ch;
  margin: 0 0 32px;
}

/* --- Audience cards ------------------------------------------------------ */

.pim-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
}

.pim-card {
  background: #fff;
  border: 1px solid rgba(42, 139, 139, .18);
  border-radius: var(--border-radius, 8px);
  padding: 28px 24px;
  transition: transform .18s ease, box-shadow .18s ease;
}

.pim-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(30, 65, 66, .10);
}

.pim-card__icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(42, 139, 139, .10);
  color: var(--color-teal, #2A8B8B);
  margin-bottom: 16px;
}

.pim-card__icon svg { width: 24px; height: 24px; }

.pim-card__title {
  font-size: 18px;
  line-height: 1.3;
  color: var(--color-text-primary, #1E4142);
  margin: 0 0 8px;
}

.pim-card__text {
  font-size: 15px;
  line-height: 1.6;
  color: var(--color-text-secondary, #4A6566);
  margin: 0;
}

/* --- Pricing / order options --------------------------------------------- */

.pim-prices {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
  align-items: stretch;
}

.pim-price {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid rgba(42, 139, 139, .18);
  border-radius: var(--border-radius, 8px);
  padding: 32px 26px 28px;
}

.pim-price--featured {
  border-color: var(--color-yellow, #F5AD10);
  border-width: 2px;
  box-shadow: 0 14px 34px rgba(30, 65, 66, .10);
}

.pim-price__badge {
  position: absolute;
  top: -13px;
  left: 26px;
  background: var(--color-yellow, #F5AD10);
  color: #1E4142;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 999px;
}

.pim-price__title {
  font-size: 17px;
  color: var(--color-text-primary, #1E4142);
  margin: 0 0 14px;
}

.pim-price__amount {
  font-size: 38px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-teal, #2A8B8B);
  margin: 0 0 4px;
}

.pim-price__unit {
  font-size: 14px;
  color: var(--color-text-secondary, #4A6566);
  margin: 0 0 20px;
}

.pim-price__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.pim-price__list li {
  position: relative;
  padding-left: 26px;
  font-size: 15px;
  line-height: 1.5;
  color: var(--color-text-secondary, #4A6566);
}

.pim-price__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgba(42, 139, 139, .12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A8B8B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 10px no-repeat;
}

/* --- Tip callout ---------------------------------------------------------- */

.pim-tip {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin-top: 28px;
  padding: 20px 22px;
  border-left: 4px solid var(--color-yellow, #F5AD10);
  border-radius: 0 var(--border-radius, 8px) var(--border-radius, 8px) 0;
  background: rgba(245, 173, 16, .09);
  font-size: 16px;
  line-height: 1.6;
  color: var(--color-text-primary, #1E4142);
}

.pim-tip strong { color: #1E4142; }
.pim-tip__icon { flex: 0 0 auto; font-size: 20px; line-height: 1.4; }

.pim-note {
  margin-top: 18px;
  font-size: 15px;
  color: var(--color-text-secondary, #4A6566);
}

/* --- Shipping batches ----------------------------------------------------- */

.pim-batches {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 18px;
  margin-bottom: 28px;
}

.pim-batch {
  background: rgba(42, 139, 139, .06);
  border-radius: var(--border-radius, 8px);
  padding: 22px 20px;
}

.pim-batch__label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--color-teal, #2A8B8B);
  margin: 0 0 6px;
}

.pim-batch__name {
  font-size: 16px;
  color: var(--color-text-primary, #1E4142);
  margin: 0 0 14px;
  min-height: 2.6em;
}

.pim-batch__row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 14px;
  padding: 7px 0;
  border-top: 1px solid rgba(42, 139, 139, .16);
  color: var(--color-text-secondary, #4A6566);
}

.pim-batch__row span:last-child {
  font-weight: 600;
  color: var(--color-text-primary, #1E4142);
  text-align: right;
}

.pim-tbd {
  font-weight: 600;
  color: #8a7a53;
  background: rgba(245, 173, 16, .16);
  border-radius: 4px;
  padding: 1px 8px;
  white-space: nowrap;
}

/* --- Payment methods ------------------------------------------------------ */

.pim-pay {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.pim-pay span {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-primary, #1E4142);
  background: #fff;
  border: 1px solid rgba(42, 139, 139, .22);
  border-radius: 999px;
  padding: 8px 16px;
}

/* --- FAQ accordion (core <details> blocks) -------------------------------- */

.pim-faq .wp-block-details {
  background: #fff;
  border: 1px solid rgba(42, 139, 139, .18);
  border-radius: var(--border-radius, 8px);
  padding: 0;
  margin: 0 0 12px;
  overflow: hidden;
}

.pim-faq .wp-block-details[open] {
  border-color: rgba(42, 139, 139, .45);
  box-shadow: 0 8px 22px rgba(30, 65, 66, .07);
}

.pim-faq .wp-block-details > summary {
  cursor: pointer;
  list-style: none;
  padding: 20px 56px 20px 24px;
  position: relative;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--color-text-primary, #1E4142);
  transition: color .15s ease;
}

.pim-faq .wp-block-details > summary::-webkit-details-marker { display: none; }
.pim-faq .wp-block-details > summary::marker { content: ""; }

.pim-faq .wp-block-details > summary:hover { color: var(--color-teal, #2A8B8B); }

.pim-faq .wp-block-details > summary:focus-visible {
  outline: 2px solid var(--color-teal, #2A8B8B);
  outline-offset: -2px;
}

.pim-faq .wp-block-details > summary::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  width: 12px;
  height: 12px;
  margin-top: -7px;
  border-right: 2px solid var(--color-teal, #2A8B8B);
  border-bottom: 2px solid var(--color-teal, #2A8B8B);
  transform: rotate(45deg);
  transform-origin: center;
  transition: transform .2s ease;
}

.pim-faq .wp-block-details[open] > summary::after {
  transform: rotate(-135deg);
  margin-top: -3px;
}

.pim-faq .wp-block-details > :not(summary) {
  margin: 0;
  padding: 0 24px 22px;
  font-size: 16px;
  line-height: 1.65;
  color: var(--color-text-secondary, #4A6566);
}

.pim-faq .wp-block-details > p:not(summary) + p { padding-top: 12px; }

/* --- Form anchor ---------------------------------------------------------- */

.pim-form-slot {
  border: 2px dashed rgba(42, 139, 139, .35);
  border-radius: var(--border-radius, 8px);
  padding: 40px 24px;
  text-align: center;
  color: var(--color-text-secondary, #4A6566);
  background: rgba(42, 139, 139, .04);
}

/* --- Motion / responsive -------------------------------------------------- */

@media (max-width: 600px) {
  .pim-section { padding: 40px var(--container-padding, 24px); }
  .pim-price__amount { font-size: 32px; }
  .pim-batch__name { min-height: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .pim-card,
  .pim-faq .wp-block-details > summary::after { transition: none; }
  .pim-card:hover { transform: none; }
}

/* --- Page title ----------------------------------------------------------- *
 * The t-simple template prints a plain <h1> with the page title, and the hero
 * block prints its own <h1>. Hide the template one so this page has exactly
 * one H1 (the hero), instead of two with identical text.
 * -------------------------------------------------------------------------- */

body.page-id-1986 main.content > .container.xl > h1 { display: none; }

/* Line icons as CSS masks, so page content needs no inline <svg>. */
.pim-icon,.bpl-icon{display:block;width:22px;height:22px;background:currentColor;-webkit-mask:no-repeat center/contain;mask:no-repeat center/contain}
.bpl-icon--people{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}
.bpl-icon--voice{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l18-8v18L3 13z'/%3E%3Cpath d='M11.6 16.8a3 3 0 1 1-5.8-1.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l18-8v18L3 13z'/%3E%3Cpath d='M11.6 16.8a3 3 0 1 1-5.8-1.6'/%3E%3C/svg%3E")}
.bpl-icon--search{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")}
.bpl-icon--heart{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8l1 1.1L12 21l7.8-7.5 1-1.1a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8l1 1.1L12 21l7.8-7.5 1-1.1a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E")}
.pim-icon--person{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3.6-6.5 8-6.5s8 2.5 8 6.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3.6-6.5 8-6.5s8 2.5 8 6.5'/%3E%3C/svg%3E")}
.pim-icon--heart{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 5.6a5.2 5.2 0 0 0-7.4 0L12 7l-1.4-1.4a5.2 5.2 0 1 0-7.4 7.4L12 21.4l8.8-8.4a5.2 5.2 0 0 0 0-7.4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 5.6a5.2 5.2 0 0 0-7.4 0L12 7l-1.4-1.4a5.2 5.2 0 1 0-7.4 7.4L12 21.4l8.8-8.4a5.2 5.2 0 0 0 0-7.4z'/%3E%3C/svg%3E")}
.pim-icon--school{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5 12 4l9 4.5-9 4.5-9-4.5z'/%3E%3Cpath d='M7 11v5c0 1.4 2.2 2.5 5 2.5s5-1.1 5-2.5v-5'/%3E%3Cpath d='M21 8.5V14'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5 12 4l9 4.5-9 4.5-9-4.5z'/%3E%3Cpath d='M7 11v5c0 1.4 2.2 2.5 5 2.5s5-1.1 5-2.5v-5'/%3E%3Cpath d='M21 8.5V14'/%3E%3C/svg%3E")}
.pim-icon--hands{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-4.4-7-9.6A3.9 3.9 0 0 1 12 8.6a3.9 3.9 0 0 1 7 2.8C19 16.6 12 21 12 21z'/%3E%3Cpath d='M12 8.6V3'/%3E%3Cpath d='M9.5 5 12 3l2.5 2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-4.4-7-9.6A3.9 3.9 0 0 1 12 8.6a3.9 3.9 0 0 1 7 2.8C19 16.6 12 21 12 21z'/%3E%3Cpath d='M12 8.6V3'/%3E%3Cpath d='M9.5 5 12 3l2.5 2'/%3E%3C/svg%3E")}

/* ---------- Gravity Forms: optional-questions note on the membership form ---------- */
.bp-optional-note{border-left:4px solid var(--color-yellow,#F5AD10);background:rgba(245,173,16,.10);border-radius:0 8px 8px 0;padding:16px 20px;color:var(--color-text-primary,#1E4142);font-size:16px;line-height:1.6}
.bp-optional-note p{margin:0}
.bp-optional-note a{color:var(--color-teal,#2A8B8B)}

/* ---------- Payment cancelled / pending notice after returning from Mollie ---------- */
.bp-payfail{max-width:720px;margin:0 auto 56px;padding:32px 36px;border-left:4px solid var(--color-yellow,#F5AD10);border-radius:0 16px 16px 0;background:rgba(245,173,16,.10);color:var(--color-text-primary,#1E4142);font-size:17px;line-height:1.6}
.bp-payfail p{margin:0 0 14px}
.bp-payfail__title{font-size:clamp(24px,3.5vw,32px);line-height:1.2;color:var(--color-teal,#2A8B8B);margin:0 0 12px}
.bp-payfail__btn{display:inline-block;background:var(--color-teal,#2A8B8B);color:#fff!important;font-weight:700;text-decoration:none!important;border-radius:999px;padding:12px 26px}
.bp-payfail__btn:hover{background:#1E6F6F}
.bp-payfail__small{font-size:15px;color:var(--color-text-secondary,#4A6566);margin:8px 0 0!important}