@media (max-width: 1024px) {
  :root { --section-padding: 70px; }
  .ok-desktop-nav { display:none; }
  .ok-mobile-toggle { display:block; }
  .ok-header-grid { grid-template-columns: auto 1fr auto; }
  .ok-hero-grid, .ok-content-layout, .ok-content-layout:has(.ok-sidebar-right), .ok-content-layout:has(.ok-sidebar-left) { grid-template-columns: 1fr; }
  .ok-footer-grid { grid-template-columns: repeat(2, 1fr); }
  .ok-grid-3, .ok-grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .ok-container { width: min(100% - 28px, var(--container)); }
  .ok-header-main { min-height: 72px; }
  .ok-brand img { max-height: 48px; }
  .ok-btn-donate { display:none; }
  .ok-mobile-donate { display:flex; margin-top:16px; }
  .ok-hero-slide { min-height: 560px; padding: 70px 0; }
  .ok-hero-visual { min-height: 240px; }
  .ok-grid-3, .ok-grid-4, .ok-footer-grid { grid-template-columns: 1fr; }
  .ok-section { padding: 56px 0; }
}


@media (max-width: 1024px) {
  .ok-home-hero, .ok-hero-slider, .ok-hero-slide { min-height: 620px; }
  .ok-hero-bg { opacity: .35; background-size: cover; }
  .ok-hero-shade { background: linear-gradient(90deg, rgba(10,34,59,.98), rgba(10,34,59,.88)); }
  .ok-hero-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .ok-home-hero, .ok-hero-slider, .ok-hero-slide { min-height: 680px; }
  .ok-logo-link span { font-size: 1.1rem; }
  .ok-hero-copy h1 { font-size: clamp(2.35rem, 14vw, 3.8rem); }
  .ok-hero-copy { padding-top: 20px; }
  .ok-button-row .ok-btn { width: 100%; }
}


/* ABOUT PROCMURA v0.6 responsive hero consistency */
@media (max-width: 1280px) {
  .ok-hero-copy h1 { font-size: clamp(2.9rem, 5vw, 4.2rem); }
  .ok-hero-copy { max-width: 760px; }
}
@media (max-width: 1024px) {
  .ok-home-hero, .ok-hero-slider, .ok-hero-slide { min-height: 680px; }
  .ok-hero-bg { background-size: cover; background-position: center center; opacity: .30; }
  .ok-hero-copy,
  .site-home.has-transparent-home-header .ok-hero-copy { padding-top: 96px; }
  .ok-hero-copy h1 { max-width: 720px; font-size: clamp(2.7rem, 7vw, 4rem); }
}
@media (max-width: 640px) {
  .ok-home-hero, .ok-hero-slider, .ok-hero-slide { min-height: 720px; }
  .ok-hero-copy,
  .site-home.has-transparent-home-header .ok-hero-copy { padding-top: 88px; }
  .ok-hero-copy h1 { font-size: clamp(2.25rem, 12vw, 3.35rem); line-height: 1.04; }
  .ok-hero-copy p:not(.ok-eyebrow) { font-size: 1rem; }
  .ok-home-hero .ok-btn { min-width: 0; }
}

@media (max-width: 640px) {
  .ok-logo-link img, .ok-brand img { max-height: var(--mobile-logo-height); }
}

@media (max-width: 1024px) {
  .ok-procmura-footer .ok-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ok-footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .ok-procmura-footer { padding-top: 58px; }
  .ok-procmura-footer .ok-footer-grid { grid-template-columns: 1fr; gap: 26px; }
  .ok-procmura-footer .ok-footer-bottom { text-align: left; }
}