/* ==========================================================================
   Adler County Roleplay — Responsive
   ========================================================================== */

/* --- Tablet / small desktop --- */
@media (max-width:1080px){
  .features-grid{grid-template-columns:repeat(2,1fr);}
  .dept-grid{grid-template-columns:1fr;}
  .updates-grid{grid-template-columns:repeat(2,1fr);}
  .gallery-grid{grid-template-columns:repeat(3,1fr);}
  .team-grid{grid-template-columns:repeat(3,1fr);}
  .plans-grid{grid-template-columns:repeat(3,1fr);}
  .dept-packs{grid-template-columns:repeat(2,1fr);}
  .about-hero-grid{grid-template-columns:1fr;gap:40px;}
  .about-visual{max-width:420px;margin:0 auto;}
  .contact-layout{grid-template-columns:1fr;}
  .rules-layout{grid-template-columns:220px 1fr;gap:34px;}
}

/* --- Nav collapse --- */
@media (max-width:900px){
  .nav-toggle{display:flex;}
  .nav-links{display:flex;}
  .nav-actions .btn-outline{display:none;}
}

/* --- Mobile --- */
@media (max-width:720px){
  .container{padding:0 18px;}
  .section{padding:80px 0;}
  .page-hero{padding:calc(var(--nav-h) + 46px) 18px 50px;}

  .features-grid{grid-template-columns:1fr;}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:24px;}
  .stat-card:nth-child(2)::after{display:none;}
  .stat-card:not(:last-child)::after{display:none;}

  .updates-grid{grid-template-columns:1fr;}
  .gallery-grid{grid-template-columns:repeat(2,1fr);}
  .gallery-item.tall{grid-row:span 1;}

  .team-grid{grid-template-columns:repeat(2,1fr);}
  .plans-grid{grid-template-columns:1fr;}
  .dept-packs{grid-template-columns:1fr;}

  .rules-layout{grid-template-columns:1fr;}
  .rules-nav{
    position:relative;top:0;
    flex-direction:row;
    overflow-x:auto;
    gap:6px;
  }
  .rules-nav a{white-space:nowrap;}

  .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .footer-brand{grid-column:1 / -1;}

  .lightbox{padding:20px;}
  .lightbox-prev,.lightbox-next{display:none;}
  .lightbox-close{top:-50px;}

  .hero-buttons{flex-direction:column;width:100%;}
  .hero-buttons .btn{width:100%;}

  .contact-info-card,.form-card{padding:26px 22px;}
}

@media (max-width:480px){
  .gallery-grid{grid-template-columns:1fr 1fr;}
  .team-grid{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .stats-grid{grid-template-columns:1fr 1fr;}
  h2{font-size:1.9rem;}
}