/* ==========================================================================
   Info page — extra styles (loads after site.css and home.css)
   ========================================================================== */
.hero-logo .logo-chip{background:#fff;border-radius:24px;padding:18px;box-shadow:var(--shadow)}
.hero-logo .logo-chip img{display:block;max-width:340px}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:24px}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}
.card .ico{width:48px;height:48px;border-radius:14px;background:var(--soft);display:grid;place-items:center;color:var(--red)}
.card h3{margin:0;overflow-wrap:break-word;hyphens:auto;font-family:var(--font-cond);font-weight:700;font-size:26px;line-height:1.05}
.card p{margin:0;font-size:16px;line-height:1.65;color:var(--text)}

.facts{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--card)}
.fact{padding:28px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px;margin:0 -1px -1px 0}
.fact dt{font-family:var(--font-cond);font-weight:600;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.fact dd{margin:0;font-size:17px;line-height:1.5;font-weight:600;color:var(--ink);overflow-wrap:anywhere}

@media(max-width:800px){
  .card{padding:26px}
  .hero-logo .logo-chip{padding:10px;border-radius:16px}
  .hero-logo .logo-chip img{max-width:112px}
}

/* ---------- "Ontdek bowling" article ---------- */
.info-page .block{padding-top:80px;padding-bottom:16px}
.info-page .info-why{padding-top:72px}
.grid.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}
.grid.three{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.grid.four{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.card .ico svg{display:block}
.club-type:nth-child(1) .ico{background:#FFF6C7;color:#7a6200}
.club-type:nth-child(2) .ico{background:#FDE4E6;color:var(--red)}
.club-type:nth-child(3) .ico{background:#EAEAE6;color:var(--ink)}

.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px 64px;align-items:start}
.split .sec-head{position:sticky;top:calc(var(--header-h) + 24px)}
.steps{list-style:none;counter-reset:step;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.steps li{counter-increment:step;position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 22px 18px 72px;font-size:16px;line-height:1.6;color:var(--text);box-shadow:var(--shadow)}
.steps li::before{content:counter(step);position:absolute;left:20px;top:16px;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 18px var(--font-cond)}
.steps li strong{color:var(--ink)}
.after{margin:20px 0 0;font-size:17px;line-height:1.6;color:var(--ink);font-weight:600;max-width:760px}

.tip{margin-top:24px;display:flex;align-items:flex-start;gap:16px;background:#FFF6C7;border:1px solid #F3E39A;border-radius:16px;padding:20px 24px}
.tip .ico{flex-shrink:0;width:40px;height:40px;border-radius:12px;background:#fff;color:#7a6200;display:grid;place-items:center}
.tip p{margin:0;font-size:16px;line-height:1.6;color:#3d3300}
.tip strong{color:#141414}

.comp{border-top:5px solid var(--ink)}
.comp:nth-child(2){border-top-color:var(--yellow)}
.comp:nth-child(3){border-top-color:var(--flag-red)}
.comp:nth-child(4){border-top-color:var(--red-dark)}
.comp-meta{display:flex;flex-wrap:wrap;gap:6px}
.comp-meta span{font:600 12px/1.25 var(--font-cond);letter-spacing:.08em;text-transform:uppercase;background:var(--soft);border-radius:10px;padding:5px 9px;color:var(--ink)}
.feature .btns{padding-top:6px}

/* try it band with the club finder */
.try-wrap{padding-top:88px;padding-bottom:24px}
.try-band{align-items:flex-end}
.try-band .band-text{gap:14px}
.try-eyebrow{color:var(--yellow)}
.try-text{margin:0;color:#d9d6cf;font-size:17px;line-height:1.6;max-width:620px}
.try-form{flex:0 1 420px;min-width:min(100%,300px)}
.try-form label{color:#bdb9b0}
.try-form .club-field input{background:#fff;border-color:#fff}
.try-form .club-field .btn{border:0;cursor:pointer;font-family:inherit;font-size:16px;padding:13px 22px}
.try-form .club-msg{color:#d9d6cf}
.try-form .club-msg.is-error{color:#FF9AA5}
.info-page #contact{padding-bottom:96px}

@media(max-width:900px){
  .split{grid-template-columns:1fr}
  .split .sec-head{position:static}
}
@media(max-width:800px){
  .info-page .block{padding-top:56px}
  .steps li{padding:16px 18px 16px 62px}
  .steps li::before{left:16px;width:30px;height:30px;font-size:16px}
  .try-wrap{padding-top:56px}
  .info-page #contact{padding-bottom:64px}
}
.info-page .hero h1{font-size:clamp(44px,6vw,80px)}