/* CGM Power - gedeelde responsive regels (laadt als laatste) */
@media(max-width:1080px){
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .adviseur-box,.hero .container{grid-template-columns:1fr}
  .hero-links{padding-bottom:48px}
  .hero-rechts{min-height:380px;margin-top:8px}
  .uspbar-inner{grid-template-columns:repeat(2,1fr);gap:16px}
  .q-options{grid-template-columns:repeat(3,1fr)}
  .dak-grid{grid-template-columns:repeat(2,1fr)}
  .service-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .menu,.nav-cta{display:none}
  .hamburger{display:block}
  .header-top .container{height:88px}
  .logo img{height:68px}
  .header-contact .hc:nth-child(2),.header-contact .hc:nth-child(3){display:none}
  .bladon{grid-template-columns:1fr;padding:32px}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:1180px){
  .header-contact .hc:nth-child(3){display:none}
}
@media(max-width:600px){
  .product-grid,.dak-grid{grid-template-columns:1fr}
  .uspbar-inner{grid-template-columns:1fr}
  .q-options{grid-template-columns:repeat(2,1fr)}
  .steps small{display:none}
  .step .num{width:38px;height:38px;font-size:14px}
  .step::after{top:19px;left:calc(50% + 26px);right:calc(-50% + 26px)}
  .q-panel{padding:20px}
  .adviseur-box{gap:36px}
  .hero-usps{gap:14px;flex-direction:column;align-items:flex-start}
  .hero-usp{border-right:0;padding-right:0;margin-right:0}
  .hero-rechts{min-height:auto;flex-direction:column;align-items:stretch;gap:16px;padding-bottom:32px}
  .hero-specs{position:static;min-width:0}
  .adviseur-box,.bladon{padding:24px}
  .scard .img{height:170px}
  .scard .body{padding:26px 24px}
  .merken-inner{padding:28px}
}
@media(max-width:900px){.lang-sel{margin-left:auto}}

/* telefoonblok in header op mobiel */
@media(max-width:900px){
  .header-top .container{gap:14px}
  .header-contact{gap:14px;margin-left:auto}
  .hc{gap:9px}
  .hc .bol{width:38px;height:38px}
  .hc svg{width:16px;height:16px}
  .hc small{display:none}
  .hc strong{font-size:14px;white-space:nowrap}
  .lang-sel{margin-left:0}
  .lang-knop{padding:8px 12px;font-size:12.5px}
}
@media(max-width:430px){
  .header-top .container{gap:10px;height:84px}
  .logo img{height:52px}
  .hc strong{font-size:13px}
  .hc .bol{width:34px;height:34px}
  .hc svg{width:15px;height:15px}
  .lang-knop{padding:7px 10px;font-size:12px;gap:6px}
  .lang-knop .globe{width:14px;height:14px}
}