/* =====================================================================
   ZENVYRA DIGITAL — responsive.css
   Breakpoints: 1024 (tablet-L) · 860 (tablet / nav switch) · 600 (mobile)
   ===================================================================== */

/* ---------- <= 1024px ---------- */
@media (max-width:1024px){
  .g-4{grid-template-columns:repeat(2,1fr)}
  .g-3{grid-template-columns:repeat(2,1fr)}
  .hero-wrap{grid-template-columns:1fr;gap:48px}
  .hero-panel{max-width:440px;margin-inline:auto;width:100%}
  .split{grid-template-columns:1fr;gap:36px}
  .split-media{order:-1;max-width:520px;margin-inline:auto;width:100%}
  .contact-grid{grid-template-columns:1fr;gap:40px}
  .fgrid{grid-template-columns:1fr 1fr;gap:36px}
  .footer .fbrand{grid-column:1/-1}
}

/* ---------- <= 860px : switch to mobile nav ---------- */
@media (max-width:860px){
  .hamburger{display:block;z-index:120}
  .nav-cta{display:none}
  .menu{
    position:fixed;inset:0 0 0 auto;width:min(86vw,360px);
    background:var(--surface);flex-direction:column;align-items:stretch;gap:2px;
    padding:96px 22px 32px;z-index:110;
    transform:translateX(105%);transition:transform .4s var(--ease);
    box-shadow:-20px 0 60px -30px rgba(0,0,0,.5);overflow-y:auto;
    border-left:1px solid var(--border);
  }
  body.menu-open .menu{transform:translateX(0)}
  .menu>li{width:100%}
  .menu>li>a{width:100%;font-size:1.05rem;padding:14px 12px;border-radius:10px;justify-content:space-between}
  .menu>li>a::after{display:none}
  .menu>li.active>a{background:var(--teal-soft)}

  /* mobile dropdown becomes accordion */
  .dropdown{
    position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;
    background:transparent;padding:0 0 6px;min-width:0;
    max-height:0;overflow:hidden;transition:max-height .35s var(--ease)}
  .has-drop.open .dropdown{max-height:560px}
  .has-drop.open .caret{transform:rotate(180deg)}
  .dropdown a{padding:12px 12px;border-radius:9px}
  .dropdown a small{display:none}

  .menu-overlay{position:fixed;inset:0;background:rgba(6,14,19,.55);z-index:100;
    opacity:0;visibility:hidden;transition:.35s}
  body.menu-open .menu-overlay{opacity:1;visibility:visible}

  /* nav-right: keep theme toggle visible, hide CTA */
  .nav-right{gap:6px}
}

/* ---------- <= 600px : phone ---------- */
@media (max-width:600px){
  body{font-size:16px}
  .g-4,.g-3,.g-2{grid-template-columns:1fr}
  .frow{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr;gap:30px}
  .hero-meta{gap:20px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn{width:100%}
  .chip{display:none}
  .step{gap:14px}
  .step .sn{width:48px;height:48px;font-size:1.1rem}
  .card,.feature{padding:24px}
  .cta-band .actions{flex-direction:column}
  .cta-band .actions .btn{width:100%}
  .tnav .tarrow{width:40px;height:40px}
  .fbar{flex-direction:column;text-align:center}
  .pstats{gap:14px}
  .fab{width:50px;height:50px;right:16px}
  .wa{bottom:16px}
  .totop{bottom:76px}
  .feature{flex-direction:column}
}

/* very small */
@media (max-width:380px){
  .brand img{height:38px}
  .hero-meta{flex-direction:column;gap:14px}
}