/* Cipősarok — responsive helpers (base look comes from per-page inline styles) */

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid #B5502E;
  outline-offset: 2px;
}

.form-msg { font-size: 14px; margin-top: 12px; display: none; }
.form-msg.is-error { color: #B5502E; }
.form-msg.is-visible { display: block; }

button:disabled { opacity: 0.6; cursor: not-allowed; }

@media (max-width: 960px) {
  .grid-4 { grid-template-columns: repeat(2, 1fr) !important; }
  .grid-3 { grid-template-columns: repeat(2, 1fr) !important; }
  .hero-split, .split-2 { grid-template-columns: 1fr !important; }
  nav.main-nav { gap: 14px !important; font-size: 14px !important; }
}

@media (max-width: 600px) {
  .grid-4 { grid-template-columns: repeat(1, 1fr) !important; }
  .grid-3 { grid-template-columns: repeat(1, 1fr) !important; }
  h1 { font-size: 28px !important; }
  .cookie-banner-inner { flex-direction: column; align-items: flex-start !important; }
}