/* Club Aan Huis: klantlaag en branche-draai (template blijft ongemoeid) */
:root{
  --ink:#171716;--petrol:#2b2a25;--accent:#ffd217;--tint:#fbf6e2;--tint2:#f4f2ea;--salie:#2b2a25;
  --accent-donker:#e9bc00;--petrol-donker:#1f1e1a;--ink-donker:#0b0b0a;--tekst:#45443e;--tint3:#f3ecd0;
  --op-accent:#171716;--accent-rgb:255,210,23;--petrol-rgb:43,42,37;--ink-rgb:23,23,22;
}
/* header: nooit een balk */
.header{background:none;background-image:linear-gradient(to bottom,rgba(0,0,0,.45),rgba(0,0,0,0));
  background-size:100% 140px;background-repeat:no-repeat}
.hero{margin-top:0}
.eerste-scherm{padding-top:0}
.eerste-scherm .hero-inhoud{padding-top:calc(var(--header-h) + 12px)}
.pagina-hero{margin-top:0;height:calc(270px + var(--header-h));padding-top:var(--header-h)}
.product-hero{margin-top:0;padding-top:calc(64px + var(--header-h))}
.over-hero,.artikel-kop-hero{margin-top:0;padding-top:var(--header-h)}
/* het logo is wit met goud: de ondergrond van het plateau wordt donker, het logo blijft origineel */
.logo-plateau{background:var(--ink);box-shadow:0 6px 18px rgba(0,0,0,.25)}
.pakket-prijs{font-size:30px;font-weight:700;color:var(--ink);margin:6px 0 10px;text-align:center}
.pakket-grid .kaart{padding:28px 22px;text-align:center}

/* ---- Bouw je club ---- */
.club-sectie{background:var(--ink);color:#fff;overflow:hidden}
.club-sectie .kop-blok h2{color:#fff}
.club-sectie .kop-blok p{color:rgba(255,255,255,.78)}
.club-sectie .eyebrow{color:#fff}
.club-bouwer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);
  align-items:center;max-width:1100px;margin:clamp(28px,4vw,44px) auto 0}
.club-podium{position:relative;min-height:360px;border-radius:24px;display:grid;place-items:end center;padding-bottom:70px;
  background:radial-gradient(ellipse at 50% 85%,rgba(255,210,23,.18),transparent 60%),linear-gradient(#0d0d0c,#22211d)}
.club-tent{position:relative;width:260px;height:170px;border-radius:130px 130px 10px 10px;
  background:linear-gradient(160deg,#2e2d28,#121211);border:2px solid rgba(255,210,23,.55);
  box-shadow:0 0 40px -6px rgba(255,210,23,.45),inset 0 -20px 40px rgba(0,0,0,.5);
  transition:transform .85s cubic-bezier(.22,.61,.36,1);transform-origin:50% 100%;overflow:hidden}
.club-tent[data-maat="1"]{transform:scale(.74)}
.club-tent[data-maat="2"]{transform:scale(1)}
.club-tent[data-maat="3"]{transform:scale(1.22) scaleX(1.12)}
.club-logo{position:absolute;top:38px;left:0;right:0;text-align:center;color:var(--accent);font-weight:700;letter-spacing:.18em;font-size:12px}
.club-deur{position:absolute;bottom:0;left:50%;width:60px;height:84px;margin-left:-30px;border-radius:30px 30px 0 0;
  background:radial-gradient(circle at 50% 40%,rgba(255,210,23,.75),rgba(220,40,80,.35) 55%,#000 100%)}
.club-laser{position:absolute;bottom:40px;left:50%;width:2px;height:150px;transform-origin:50% 100%;opacity:.8;
  background:linear-gradient(to top,rgba(255,210,23,.95),transparent)}
.club-laser.l1{animation:clubzwaai 3.2s ease-in-out infinite alternate}
.club-laser.l2{background:linear-gradient(to top,rgba(236,22,44,.9),transparent);animation:clubzwaai 2.6s ease-in-out infinite alternate-reverse}
.club-laser.l3{background:linear-gradient(to top,rgba(53,105,180,.9),transparent);animation:clubzwaai 3.8s ease-in-out infinite alternate}
@keyframes clubzwaai{from{transform:rotate(-38deg)}to{transform:rotate(38deg)}}
.club-maat{position:absolute;bottom:18px;left:0;right:0;text-align:center;display:grid;gap:2px}
.club-maat b{font-size:18px;color:#fff}.club-maat span{font-size:13px;color:rgba(255,255,255,.7)}
.club-paneel{background:#fff;color:var(--ink);border-radius:24px;padding:clamp(22px,3vw,32px);text-align:center;
  box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
.club-label{display:block;font-weight:700;margin:4px 0 10px}
.club-slider{width:100%;accent-color:var(--accent);height:28px}
.club-schaal{display:flex;justify-content:space-between;font-size:12px;color:var(--tekst);margin-bottom:18px}
.club-pakketten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}
.club-pakket{border:1.5px solid #e2dfd4;background:#fff;border-radius:14px;padding:12px 10px;cursor:pointer;
  font:inherit;color:var(--ink);display:grid;gap:4px;text-align:center;transition:border-color .35s,background .35s}
.club-pakket b{font-size:15px}.club-pakket span{font-size:12.5px;color:var(--tekst);line-height:1.35}
.club-pakket:hover{border-color:var(--accent)}
.club-pakket.gekozen{border-color:var(--accent);background:var(--tint)}
.club-inhoud{width:fit-content;margin:0 auto 12px;text-align:left;list-style:none;padding:0;display:grid;gap:6px;font-size:14.5px}
.club-inhoud li{display:flex;align-items:flex-start;gap:10px}
.club-inhoud li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;
  background:#2e9e5b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}
.club-prijs{font-weight:700;font-size:18px;margin:0 0 16px}
.club-prijs small{display:block;font-weight:400;font-size:12.5px;color:var(--tekst)}
@media(max-width:900px){.club-bouwer{grid-template-columns:1fr}.club-podium{min-height:300px}}
@media(max-width:420px){.club-pakketten{grid-template-columns:1fr}.club-tent{width:210px;height:140px}}
@media(prefers-reduced-motion:reduce){.club-laser{animation:none}.club-tent{transition:none}}
/* cijfer leesbaar op de donkere hero */
.google-badge .g-cijfer{color:#fff}
/* breed logo: op mobiel smaller zodat de reserveerknop vrij blijft */
@media(max-width:640px){.logo-plateau .logo-beeld{max-width:40vw;height:auto}}