/* ══════════════════════════
   WZI — responsive.css
   Breakpoints: 1024 · 768 · 640 · 480
══════════════════════════ */
@media(max-width:1024px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .footer-top{grid-template-columns:1fr 1fr;gap:32px}
  .footer-brand{grid-column:span 2}
}
@media(max-width:768px){
  :root{--nav-h:60px}
  .nav-links,.nav-actions .btn-ghost,.nav-actions .btn-gold{display:none}
  .nav-toggle{display:flex}
  .container{padding:0 20px}
  .section{padding:72px 0}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .page-hero{padding:120px 0 72px}
  .footer-top{grid-template-columns:1fr;gap:32px}
  .footer-brand{grid-column:span 1}
  .footer-bottom{flex-direction:column;text-align:center}
  .footer-legal{justify-content:center}
  .tidio-float{bottom:16px;right:16px}
  .back-top{bottom:16px;left:16px}
  #cookieBanner{flex-direction:column;gap:12px;text-align:center}
  .cookie-actions{width:100%;justify-content:center}
}
@media(max-width:640px){
  h1{font-size:clamp(28px,8vw,40px)}
  h2{font-size:clamp(22px,6vw,32px)}
  .btn-lg{padding:13px 24px;font-size:14px}
  .pricing-card{padding:24px}
  .tidio-popup{width:240px}
  .hero-ctas{flex-direction:column}
  .hero-ctas .btn{width:100%;justify-content:center}
}
@media(max-width:480px){
  .container{padding:0 16px}
  .section{padding:56px 0}
  .nav-inner{padding:0 16px}
  .card{padding:20px}
}
@media print{
  #navbar,#loader,.tidio-float,.back-top,#progress-bar,.lang-announce,#cookieBanner{display:none!important}
  body{background:#fff;color:#000}
}