/* =============================================================================
   RESPONSIVE — mobile-first korekty (redesign v2)
   ============================================================================= */

@media (max-width: 1100px) {
  .nav { display: none; }
  .header__cta { display: none; }
  .burger { display: flex; }
  .stats__grid { grid-template-columns: 1fr 1fr; gap: 46px; }
  .energy__inner { grid-template-columns: 1fr; }
  .energy__media { min-height: 380px; aspect-ratio: 16/10; }
  .attr-grid { grid-template-columns: 1fr 1fr; }
  .footer__grid { grid-template-columns: 1fr 1fr; }
  .g-grid { grid-template-columns: 1fr 1fr; }
  .bento { grid-template-columns: repeat(2, 1fr); }
  .bento__tile--tall { grid-row: span 1; }
}

@media (max-width: 960px) {
  .pt { grid-template-columns: 1fr; }
  .pt--reverse { direction: ltr; }
  .pt__panel--left, .pt__panel--right { margin: 0; }
  .pt__media { aspect-ratio: 16/11; }
  .pkg-grid { grid-template-columns: 1fr 1fr; }
  .trust { grid-template-columns: 1fr 1fr; }
  .apts__grid { grid-template-columns: 1fr; max-width: 560px; margin-inline: auto; }
  .apts__head { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 720px) {
  /* Hero: responsywność w assets/css/hero.css */
  .pkg-grid { grid-template-columns: 1fr; }
  .g-grid { grid-template-columns: 1fr; }
  .apts__grid .apt__media { aspect-ratio: 4/3; }

  .gal-grid { grid-template-columns: repeat(2, 1fr); }
  .gal-1 { grid-column: span 2; grid-row: span 2; }
  .gal-2, .gal-3, .gal-4, .gal-5 { grid-column: span 1; }
  .gal-6 { grid-column: span 2; grid-row: span 2; }
  .gal-7, .gal-8 { grid-column: span 1; }

  .attr-grid { gap: 12px; }
  .attr__name { font-size: 1.05rem; }
  .trust__card--phone { grid-column: 1 / -1; }

  .footer__grid { grid-template-columns: 1fr; gap: 40px; }
  .footer__bottom { flex-direction: column; text-align: center; }

  .sticky-cta { padding: 12px 16px; }
  .sticky-cta__left svg { display: none; }
  .sticky-cta__left { font-size: 0.74rem; }
  .sticky-cta .btn { padding: 13px 18px; font-size: 0.62rem; }

  .stat__num { font-size: clamp(2.2rem, 9vw, 3rem); }
  .reviews__head { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 520px) {
  .bento { grid-template-columns: 1fr; }
  .bento__tile--wide { grid-column: span 1; }
  .stats__grid { gap: 34px 20px; }
  .trust { grid-template-columns: 1fr; }
  .gal-grid { grid-template-columns: 1fr; }
  .gal-1, .gal-6 { grid-row: span 1; }
  .attr-grid { grid-template-columns: 1fr; }
  .attr { aspect-ratio: 16/10; }
  .apts__filter { width: 100%; }
  .apts__tab { flex: 1; justify-content: center; }
}
