/* ============================================================
   5euro.eu — Responsive
   ============================================================ */

@media(max-width:1024px){
  .nav-links,.nav-cta{display:none}
  .nav-hamburger{display:flex}
  .footer-top{grid-template-columns:1fr 1fr;gap:2rem}
  .footer-brand{grid-column:1 / -1}
  .products-grid-5{grid-template-columns:repeat(2,1fr)}
  .products-row2{grid-template-columns:repeat(2,1fr);max-width:100%;margin-top:1.75rem}
  .platform-grid{grid-template-columns:repeat(3,1fr)}
  .how-steps{grid-template-columns:repeat(3,1fr)}
  .features-grid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:640px){
  :root{--space-xl:4rem;--space-lg:3rem}
  .container{padding:0 1.25rem}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .stat-item:nth-child(2){border-right:none}
  .stat-item:nth-child(3){border-top:1px solid var(--border);border-right:1px solid var(--border)}
  .stat-item:nth-child(4){border-top:1px solid var(--border);border-right:none}
  .platform-grid{grid-template-columns:1fr;gap:1rem}
  .products-grid-5{grid-template-columns:1fr}
  .products-row2{grid-template-columns:1fr;max-width:100%}
  .features-grid{grid-template-columns:repeat(2,1fr)}
  .how-steps{grid-template-columns:1fr;gap:2rem}
  .how-steps::before{display:none}
  .footer-top{grid-template-columns:1fr;gap:2rem}
  .footer-bottom{flex-direction:column;text-align:center;gap:.75rem}
  .hero-actions{flex-direction:column;align-items:flex-start}
  .hero-actions .btn{width:100%;justify-content:center}
  .cta-banner-actions{flex-direction:column;align-items:center}
  .cta-banner-actions .btn{width:100%;max-width:280px;justify-content:center}
  .pcard-head{flex-direction:column;gap:.75rem}
}

@media(max-width:400px){
  .features-grid{grid-template-columns:1fr}
}

@media(min-width:1440px){
  .container{padding:0 3rem}
}