@media (min-width:450px){
  .hero-media{ height:420px; }
  .hero-content{ padding:1.6rem; }
  .hero-title{ font-size:1.9rem; }
  .feature{ flex-direction:row; gap:1.6rem; align-items:flex-start; }
  .feature-img{ width:48%; height:320px; }
  .feature-body{ width:100%; }
  .cards{ grid-template-columns: repeat(3,1fr); }
  .contact-grid{ grid-template-columns: 1fr 420px; }
}

@media (min-width:720px){
  .hero{ grid-template-columns: 1fr 1fr; gap:2rem; align-items:stretch; }
  .hero-media{ min-height:420px; border-radius:16px; }
  .hero-img{ min-height:420px; }
  .hero-content{ display:flex; flex-direction:column; justify-content:center; padding:2rem; }
  .hero-title{ font-size:2rem; }
}

@media (min-width:1000px){
  .hero-media{ min-height:520px; }
  .hero-img{ min-height:520px; }
  .hero-title{ font-size:2.4rem; }
  .feature-img{ height:360px; }
  .cards{ grid-template-columns: repeat(3,1fr); }
}

/* Pokazuj submenu także na hover (desktop) */
@media (min-width:900px) {
  .nav-item:hover > .submenu {
    opacity:1;
    visibility:visible;
    transform: translateY(0);
    pointer-events:auto;
  }
}

/* Mobile: kontakt pionowo */
@media (max-width:899px) {
  .contact-grid {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: stretch;
  }

  .contact-form { order: 1; width: 100%; }
  .contact-info { order: 2; width: 100%; }
  .map-block { width: 100%; order: 3; }

  .contact-form, .contact-info { padding: 0.9rem; border-radius: 12px; }
}