/* =========================================================================
   VinnyDarček – responsive.css  (mobile-first → tablet → desktop)
   ========================================================================= */

/* ≥ 600px – malý tablet */
@media (min-width: 600px) {
  .grid, .grid--4 { grid-template-columns: repeat(3, 1fr); }
  .grid--3 { grid-template-columns: repeat(2, 1fr); }
  .trust__grid { grid-template-columns: repeat(4, 1fr); }
  .reviews { grid-template-columns: repeat(2, 1fr); }
  .footer__grid { grid-template-columns: repeat(2, 1fr); }
  .steps { grid-template-columns: repeat(2, 1fr); }
}

/* ≥ 900px – desktop */
@media (min-width: 900px) {
  .grid--4 { grid-template-columns: repeat(4, 1fr); }
  .grid--3 { grid-template-columns: repeat(3, 1fr); }
  .reviews { grid-template-columns: repeat(4, 1fr); }
  .footer__grid { grid-template-columns: repeat(4, 1fr); }

  .hero__inner { grid-template-columns: 1.05fr .95fr; padding: 64px 0 72px; }
  .hero__media { justify-self: end; width: min(380px, 40vw); }

  .steps { grid-template-columns: repeat(4, 1fr); }
}

/* ≤ 899px – mobil/tablet: zobraz hamburger, schovaj desktop nav a textové popisy */
@media (max-width: 899px) {
  .nav-toggle { display: grid; }
  .mainnav { display: none; }
  .icon-link__label { display: none; }
  .search { order: 3; flex-basis: 100%; max-width: none; }
  .header-main__inner { flex-wrap: wrap; padding-bottom: 10px; }
  .logo img { width: 150px; }
  .topbar__inner { justify-content: flex-start; }
  /* sticky CTA sa zobrazí len keď je v DOM s triedou is-visible */
  .sticky-cta.is-visible { display: block; }
}

/* veľmi malé telefóny */
@media (max-width: 380px) {
  .grid, .grid--4 { grid-template-columns: 1fr 1fr; }
  .hero__title { font-size: 30px; }
}