/* Standard responsive breakpoints — loaded on every page.
   Fills the missing tablet (1024px) tier that no page had before,
   and tightens the two weakest pages (AI Designs, Wallpaper Packs)
   which previously had only one media query each. */

/* ===== TABLET (1024px) — applies site-wide ===== */
@media (max-width:1024px){
  .ad-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:1.2rem!important}
  .wp-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:1rem!important}
  .cd-grid{grid-template-columns:1fr!important}
  .footer-grid{grid-template-columns:1fr 1fr!important}
  .nav-inner{padding-left:1.5rem!important;padding-right:1.5rem!important}
}

/* ===== SMALL MOBILE (380px) — applies site-wide ===== */
@media (max-width:380px){
  .ad-grid{grid-template-columns:1fr 1fr!important;gap:.7rem!important}
  .wp-grid{grid-template-columns:1fr!important}
  .wp-stat{padding:.6rem .9rem!important}
  .faq-hero h1{font-size:1.6rem!important}
  .cd-type-group{grid-template-columns:1fr!important}
}

/* ===== AI Designs page — extra tightening ===== */
@media (max-width:640px){
  .ad-hero{padding:6rem 1rem 1.6rem!important}
  .ad-hero p{font-size:.92rem!important}
  .ad-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:.8rem!important}
}

/* ===== Wallpaper Packs page — extra tightening ===== */
@media (max-width:900px){
  .wp-hero{padding:6.5rem 1rem 3rem!important}
  .wp-hero-stats{gap:.7rem!important}
  .wp-cta{padding:2.5rem 1.4rem!important;margin-left:1rem!important;margin-right:1rem!important}
}