/* Landingspagina: alleen opmaak voor de nieuwe blokken, verder de bestaande stijl (site.css) */
.lp-nav-links { display: flex; }
.lp-actie { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; align-items: center; }
.lp-link { color: var(--pink); font-weight: 700; text-decoration: none; }
.lp-link:hover { text-decoration: underline; }
.lp-klein { font-size: 14px; color: var(--text-mid); line-height: 1.6; margin-top: 18px; }
.lp-klein a { color: var(--pink); font-weight: 700; text-decoration: none; }

.lp-tips { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 8px; }
.lp-tip { background: var(--white); border: 1.5px solid var(--pink-mid); border-radius: var(--radius); padding: 22px; font-size: 14px; color: var(--text-mid); line-height: 1.6; }
.lp-tip strong { display: block; font-family: 'Poppins', sans-serif; color: var(--text); font-size: 16px; margin-bottom: 6px; }

.lp-prijzen { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 8px; }
.lp-prijs { background: var(--white); border: 1.5px solid var(--pink-mid); border-radius: var(--radius); padding: 22px; text-align: center; }
.lp-prijs .abo-name { margin-bottom: 8px; }

.lp-diensten { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-top: 8px; }
.lp-dienst { display: block; background: linear-gradient(135deg, #fdf0f6, #fce8f5); border: 1.5px solid var(--pink-mid); border-radius: 20px; padding: 22px; color: var(--text-mid); font-size: 13px; line-height: 1.5; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; }
.lp-dienst:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(187,58,118,0.15); }
.lp-dienst strong { display: block; font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 16px; color: var(--text); margin: 8px 0 4px; }
.lp-ico { font-size: 34px; }

@media (max-width: 900px) {
  .lp-prijzen { grid-template-columns: repeat(2, 1fr); }
  .lp-diensten { grid-template-columns: repeat(2, 1fr); }
  .lp-tips { grid-template-columns: 1fr; }
}


/* Telefoonknop bovenaan ook op de telefoon tonen (in de rest van de site is .nav-storing daar verborgen) */
.lp-nav .nav-inner { display: flex; justify-content: space-between; align-items: center; }
.lp-nav .lp-nav-links a.nav-storing { display: inline-flex !important; font-size: 13px !important; padding: 8px 14px !important; }
@media (max-width: 400px) {
  .lp-prijzen { grid-template-columns: repeat(2, 1fr); }
  .lp-prijs { padding: 16px 10px; }
  .lp-prijs .abo-price { font-size: 26px; }
}