/* pb-fokkers.css
   Patty Bakker — pagina-specifieke styling voor 'Voor fokkers'.
   Laad na pb-common.css. Alles is gescoped onder .pb-fk2. */

.pb-main.pb-fk2{
  overflow:hidden;
  color:var(--brown);
}
.pb-fk2 .pb-fk2-hero,
.pb-fk2 .pb-fk2-section{
  max-width:none;
  margin:0;
  padding-left:var(--pb-edge);
  padding-right:var(--pb-edge);
}
.pb-fk2 .pb-fk2-hero{
  display:grid;
  grid-template-columns:1.03fr .97fr;
  gap:48px;
  align-items:center;
  padding-top:70px;
  padding-bottom:70px;
  background:var(--paper);
}
.pb-fk2 .pb-fk2-hero-copy{max-width:650px}
.pb-fk2 .pb-fk2-eyebrow{
  display:block;
  margin:0 0 16px;
  color:var(--accent);
  font-family:Manrope,system-ui,sans-serif;
  font-size:11px;
  font-weight:900;
  line-height:1;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.pb-fk2 .pb-fk2-eyebrow.light{color:#f1c7aa}
.pb-fk2 .pb-fk2-hero h1{
  margin:0;
  color:var(--brown);
  font-family:Fraunces,serif;
  font-size:clamp(44px,5vw,72px);
  font-weight:700;
  line-height:.98;
  letter-spacing:-.035em;
}
.pb-fk2 .pb-fk2-lead{
  max-width:620px;
  margin:20px 0 0;
  color:var(--muted);
  font-size:17px;
  line-height:1.72;
}
.pb-fk2 .pb-fk2-hero-photo{
  min-height:430px;
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(54,34,22,.02),rgba(54,34,22,.14)),
    url("https://pattybakker-proto.vamoz-workspace.nl/wp-content/uploads/2026/03/ezgif-38a1ffc79db88045.gif") center/cover no-repeat;
}
.pb-fk2 .pb-fk2-buttons{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:24px;
}
.pb-fk2 .pb-fk2-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 19px;
  border-radius:9px;
  font-family:Manrope,system-ui,sans-serif;
  font-size:14px;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  transition:background .2s ease,transform .2s ease;
}
.pb-fk2 .pb-fk2-btn:hover{transform:translateY(-1px)}
.pb-fk2 .pb-fk2-btn.primary{
  border:1px solid var(--accent);
  background:var(--accent);
  color:#fff;
  box-shadow:0 8px 18px rgba(111,72,49,.16);
}
.pb-fk2 .pb-fk2-btn.ghost{
  border:1px solid var(--line);
  background:transparent;
  color:var(--brown);
}
.pb-fk2 .pb-fk2-btn.ghost:hover{background:var(--cream)}
.pb-fk2 .pb-fk2-section{
  position:relative;
  padding-top:78px;
  padding-bottom:78px;
  background:var(--paper);
}
.pb-fk2 .pb-fk2-soft{
  background:#f7f0e9;
  box-shadow:0 0 0 100vmax #f7f0e9;
  clip-path:inset(0 -100vmax);
}
.pb-fk2 .pb-fk2-wrap,
.pb-fk2 .pb-fk2-split,
.pb-fk2 .pb-fk2-cta{
  width:min(1180px,100%);
  max-width:1180px;
  margin:0 auto;
}
.pb-fk2 .pb-fk2-heading{max-width:760px}
.pb-fk2 .pb-fk2-heading h2,
.pb-fk2 .pb-fk2-dek-copy h2{
  margin:0;
  color:var(--brown);
  font-family:Fraunces,serif;
  font-size:clamp(36px,4.2vw,58px);
  font-weight:700;
  line-height:1;
  letter-spacing:-.025em;
}
.pb-fk2 .pb-fk2-heading p,
.pb-fk2 .pb-fk2-dek-copy > p{
  margin:15px 0 0;
  color:var(--muted);
  font-size:15.5px;
  line-height:1.72;
}
.pb-fk2 .pb-fk2-values{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
  margin-top:34px;
}
.pb-fk2 .pb-fk2-value{
  min-height:245px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--paper);
}
.pb-fk2 .pb-fk2-num{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  margin:0 0 20px;
  border-radius:999px;
  background:var(--accent);
  color:#fff;
  font-family:Manrope,system-ui,sans-serif;
  font-size:12px;
  font-weight:900;
}
.pb-fk2 .pb-fk2-value h3,
.pb-fk2 .pb-fk2-step h3{
  margin:0 0 10px;
  color:var(--brown);
  font-family:Fraunces,serif;
  font-size:25px;
  line-height:1.05;
}
.pb-fk2 .pb-fk2-value p,
.pb-fk2 .pb-fk2-step p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.66;
}
.pb-fk2 .pb-fk2-split{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:48px;
  align-items:center;
}
.pb-fk2 .pb-fk2-dek-copy{max-width:650px}
.pb-fk2 .pb-fk2-checks{
  display:grid;
  gap:12px;
  margin-top:22px;
}
.pb-fk2 .pb-fk2-checks p,
.pb-fk2 .pb-fk2-mini p{
  position:relative;
  margin:0;
  padding-left:34px;
  color:var(--brown);
  font-weight:700;
  line-height:1.6;
}
.pb-fk2 .pb-fk2-checks p::before,
.pb-fk2 .pb-fk2-mini p::before{
  content:"✓";
  position:absolute;
  left:0;
  top:.1em;
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:999px;
  background:var(--accent);
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.pb-fk2 .pb-fk2-dek-card{
  padding:34px;
  border-radius:26px;
  background:var(--brown);
  color:#fff;
  box-shadow:0 22px 50px rgba(75,51,36,.16);
}
.pb-fk2 .pb-fk2-dek-card h3{
  margin:0;
  color:#fff;
  font-family:Fraunces,serif;
  font-size:clamp(31px,3.4vw,48px);
  line-height:1;
}
.pb-fk2 .pb-fk2-dek-card > p{
  margin:16px 0 0;
  color:rgba(255,255,255,.78);
  font-size:15px;
  line-height:1.7;
}
.pb-fk2 .pb-fk2-mini{
  display:grid;
  gap:10px;
  margin-top:24px;
}
.pb-fk2 .pb-fk2-mini p{color:#fff}
.pb-fk2 .pb-fk2-mini p::before{
  background:#f1c7aa;
  color:var(--brown);
}
.pb-fk2 .pb-fk2-pups{
  background:#fffaf5;
  box-shadow:0 0 0 100vmax #fffaf5;
  clip-path:inset(0 -100vmax);
}
.pb-fk2 .pb-fk2-pups-head{
  display:flex;
  justify-content:space-between;
  gap:32px;
  align-items:flex-end;
}
.pb-fk2 .pb-fk2-textlink{
  flex:0 0 auto;
  color:var(--accent);
  font-weight:800;
  text-decoration:none;
  border-bottom:1px solid currentColor;
}
.pb-fk2 .pb-fk2-pup-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  margin-top:34px;
}
.pb-fk2 .pb-fk2-pup{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:450px;
  min-height:0;
  aspect-ratio:1/1;
  padding:20px;
  border-radius:24px;
  overflow:hidden;
  color:#fff;
  text-decoration:none;
  background-position:center;
  background-size:cover;
  background:var(--cream2);
  box-shadow:0 14px 34px rgba(77,51,34,.16);
  transition:transform .25s ease,box-shadow .25s ease;
}
.pb-fk2 .pb-fk2-pup:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 46px rgba(77,51,34,.22);
}
.pb-fk2 .pb-fk2-pup::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(35,24,17,.04) 35%,rgba(35,24,17,.88));
}
.pb-fk2 .pb-fk2-pup.joosje{background-image:url("https://pattybakker-proto.vamoz-workspace.nl/wp-content/uploads/2025/10/Bert1.jpg")}
.pb-fk2 .pb-fk2-pup.freddy{background-image:url("https://pattybakker-proto.vamoz-workspace.nl/wp-content/uploads/2025/10/20231219_201926.jpg")}
.pb-fk2 .pb-fk2-pup.billy{background-image:url("https://pattybakker-proto.vamoz-workspace.nl/wp-content/uploads/2025/09/Lynn-PB.png")}
.pb-fk2 .pb-fk2-pup-image{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  margin:0;
  object-fit:cover !important;
  object-position:center 45% !important;
  transition:transform .55s cubic-bezier(.22,.61,.36,1);
}
.pb-fk2 .pb-fk2-pup-image picture{
  display:block;
  width:100%;
  height:100%;
}
.pb-fk2 .pb-fk2-pup-image img{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  max-width:none;
  object-fit:cover !important;
  object-position:center center !important;
  display:block;
}
.pb-fk2 .pb-fk2-pup:hover .pb-fk2-pup-image{transform:scale(1.05)}
.pb-fk2 .pb-fk2-badge,
.pb-fk2 .pb-fk2-pup-copy{
  position:relative;
  z-index:1;
  z-index:2;
}
.pb-fk2 .pb-fk2-badge{
  align-self:flex-start;
  padding:7px 11px;
  border-radius:999px;
  background:var(--accent);
  color:#fff;
  font-family:Manrope,system-ui,sans-serif;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.pb-fk2 .pb-fk2-pup-copy h3{
  margin:0 0 5px;
  color:#fff;
  font-family:Fraunces,serif;
  font-size:38px;
  line-height:1;
}
.pb-fk2 .pb-fk2-pup-copy p{
  margin:0 0 11px;
  color:rgba(255,255,255,.86);
  font-size:14px;
}
.pb-fk2 .pb-fk2-cardlink{
  color:#fff;
  font-weight:800;
}
.pb-fk2 .pb-fk2-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
  margin-top:34px;
}
.pb-fk2 .pb-fk2-step{
  min-height:230px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--paper);
}
.pb-fk2 .pb-fk2-cta{
  display:grid;
  grid-template-columns:1fr auto;
  gap:34px;
  align-items:center;
  padding:38px 42px;
  border-radius:28px;
  background:var(--brown);
  color:#fff;
}
.pb-fk2 .pb-fk2-cta-copy{max-width:760px}
.pb-fk2 .pb-fk2-cta h2{
  margin:0;
  color:#fff;
  font-family:Fraunces,serif;
  font-size:clamp(34px,4vw,54px);
  line-height:1;
}
.pb-fk2 .pb-fk2-cta p{
  margin:14px 0 0;
  color:rgba(255,255,255,.78);
  line-height:1.68;
}
.pb-fk2 .pb-fk2-cta .pb-fk2-buttons{margin:0}
.pb-fk2 .pb-fk2-btn.light{
  border:1px solid #fff;
  background:#fff;
  color:var(--brown);
}
.pb-fk2 .pb-fk2-btn.outline{
  border:1px solid rgba(255,255,255,.45);
  color:#fff;
}

@media (max-width:1024px){
  .pb-fk2 .pb-fk2-values{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pb-fk2 .pb-fk2-pup{min-height:380px}
}
@media (max-width:767px){
  .pb-fk2 .pb-fk2-hero{
    grid-template-columns:1fr;
    gap:30px;
    padding-top:48px;
    padding-bottom:52px;
  }
  .pb-fk2 .pb-fk2-hero h1{font-size:clamp(42px,12vw,58px)}
  .pb-fk2 .pb-fk2-hero-photo{min-height:310px}
  .pb-fk2 .pb-fk2-section{padding-top:56px;padding-bottom:56px}
  .pb-fk2 .pb-fk2-values,
  .pb-fk2 .pb-fk2-split,
  .pb-fk2 .pb-fk2-pup-grid,
  .pb-fk2 .pb-fk2-steps,
  .pb-fk2 .pb-fk2-cta{grid-template-columns:1fr}
  .pb-fk2 .pb-fk2-pups-head{display:block}
  .pb-fk2 .pb-fk2-textlink{display:inline-block;margin-top:18px}
  .pb-fk2 .pb-fk2-dek-card{padding:28px}
  .pb-fk2 .pb-fk2-pup{min-height:420px}
  .pb-fk2 .pb-fk2-cta{padding:30px 26px}
}
@media (max-width:560px){
  .pb-fk2 .pb-fk2-btn{width:100%}
  .pb-fk2 .pb-fk2-values{grid-template-columns:1fr}
  .pb-fk2 .pb-fk2-value{min-height:0}
}