/* ============================================================
   responsive.css — All breakpoints, consolidated.
   Load this file LAST so its overrides win the cascade.
   ============================================================ */

/* ============ ≤980px ============ */
@media (max-width:980px){
  /* navbar.css */
  nav.main-links{display:none;}
  .burger{display:flex;}

  /* hero.css */
  .hero-grid{grid-template-columns:1fr;}
  .launcher-wrap{max-width:420px;margin:0 auto;}
  .stat-row{grid-template-columns:repeat(2,1fr);}

  /* store.css — Featured Collections: 2 cards, then 1 centered */
  .fc-grid{grid-template-columns:repeat(2,1fr);}
  .fc-grid .fc-card:nth-child(3){grid-column:1/-1;max-width:360px;margin:0 auto;}

  /* store.css */
  .cat-grid{grid-template-columns:repeat(3,1fr);}
  .pricing-grid{grid-template-columns:1fr;}
  .compare-row{font-size:12.5px;padding:14px;}
  .testi-grid{grid-template-columns:1fr;}
}

/* ============ ≤900px ============ */
@media (max-width:900px){
  /* store.css */
  .comm-grid{grid-template-columns:repeat(2,1fr);}

  /* style.css — custom cursor is disabled on touch-sized viewports */
  .cursor-dot,.cursor-ring{display:none;}
  body{cursor:auto;}
}

/* ============ ≤1100px ============ */
@media (max-width:1100px){
  /* cards.css */
  .product-grid{grid-template-columns:repeat(2,1fr);}
}

/* ============ ≤600px ============ */
@media (max-width:600px){
  /* store.css */
  .cat-grid{grid-template-columns:repeat(2,1fr);}

  /* store.css — Featured Collections: stack fully on mobile */
  .fc-grid{grid-template-columns:1fr;}
  .fc-grid .fc-card:nth-child(3){grid-column:auto;max-width:100%;margin:0;}
}

/* ============ ≤560px ============ */
@media (max-width:560px){
  /* cards.css */
  .product-grid{grid-template-columns:1fr;}
}