/* Ostapino Bouw & Renovatie — responsive layout */
.ast-primary-header-bar, .site-primary-header-wrap { background-color: #000 !important; }
@media (max-width: 767px) {
  html, body { overflow-x: hidden; }
  #content, .site-content, #primary, #main, .ast-separate-container #primary, #post-308 { margin-top: 0 !important; padding-top: 0 !important; }
  #post-308 .entry-content > :first-child { margin-top: 0 !important; }
  .ast-container, .ast-container-fluid { padding-left: 18px !important; padding-right: 18px !important; }
  #ast-mobile-header .ast-site-title-wrap, #ast-mobile-header .site-title, #ast-mobile-header .site-description { display: none !important; }
  #ast-mobile-header .site-branding { min-width: 0 !important; flex: 0 1 auto !important; }
  #ast-mobile-header .custom-logo-link img, #ast-mobile-header .site-logo-img img { display: block !important; width: auto !important; max-width: 180px !important; max-height: 64px !important; object-fit: contain; }
  #ast-mobile-site-navigation, #ast-mobile-site-navigation ul, #ast-mobile-site-navigation li, #ast-mobile-site-navigation .menu-link { background: #090909 !important; }
  #ast-mobile-site-navigation .menu-link { color: #fff !important; border-color: rgba(255,255,255,.12) !important; }
  #ast-mobile-site-navigation .ast-menu-toggle { color: #f3bd45 !important; }
  .entry-content h1 { font-size: clamp(2.2rem, 9vw, 3rem) !important; line-height: 1.06 !important; letter-spacing: -.03em; }
  .entry-content h2 { font-size: clamp(1.7rem, 7vw, 2.3rem) !important; line-height: 1.14 !important; letter-spacing: -.02em; }
  .entry-content h3 { font-size: 1.3rem !important; line-height: 1.2 !important; }
  .entry-content p { font-size: 1rem; line-height: 1.6; }
  .wp-block-columns { flex-direction: column !important; gap: 18px !important; margin-bottom: 24px !important; }
  .wp-block-columns > .wp-block-column { flex-basis: 100% !important; width: 100% !important; margin-left: 0 !important; }
  .wp-block-buttons { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 10px !important; }
  .wp-block-buttons .wp-block-button, .wp-block-buttons .wp-block-button__link { width: 100% !important; text-align: center !important; box-sizing: border-box; }
  .wp-block-cover { min-height: 0 !important; padding: 32px 18px !important; }
  .wp-block-cover__inner-container { width: 100% !important; }
  .wp-block-image img, .wp-block-gallery img { max-width: 100%; height: auto; }
  .wp-block-gallery { grid-template-columns: 1fr !important; }
  .wp-block-group { box-sizing: border-box; }
  .entry-content [id] { scroll-margin-top: 88px; }
}
  #ast-mobile-header .menu-toggle, #ast-mobile-header .menu-toggle svg, #ast-mobile-header .menu-toggle .ast-icon { color: #f3bd45 !important; fill: #f3bd45 !important; }