/* Wijk Roeselare mobile layout. External CSS only. */
.container { width: min(100% - 28px, var(--container)); }
.header-inner { min-height: auto; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px; padding: 12px 0; position: relative; }
.brand { min-width: 0; margin: 0; gap: 10px; }
.brand-logo { width: 54px; height: 54px; }
.brand-copy { max-width: 190px; }
.brand-title { font-size: .98rem; }
.brand-subtitle { font-size: .78rem; }
.mobile-menu-toggle-label { position: absolute !important; inline-size: 1px !important; block-size: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }
.frontend-nav-panel { top: calc(100% + 8px); left: 0; right: 0; border-radius: 22px; }
.hero { padding: 58px 0 64px; }
.hero-grid, .three, .two, .faq-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; }
.button-row, .button { width: 100%; }
.visit-card, .info-card, .faq-card, .content-panel, .form-panel { padding: 24px; border-radius: 24px; }
.section { padding: 52px 0; }
.page-hero { padding: 56px 0 38px; }
.map-frame { min-height: 300px; }
.cookie-actions { grid-template-columns: 1fr; }