/**
 * Головна сторінка MOZGOPRAV HUB: layout, responsive, modals.
 */
html { scroll-behavior: smooth; width: 100%; min-width: 100%; overflow-x: hidden; }
body { background-color: #fdfbf7; margin: 0; padding: 0; overflow-x: hidden; width: 100%; min-width: 100%; max-width: 100vw; box-sizing: border-box; }
.widget-wrapper { width: 100%; }

h1 { font-size: clamp(1.5rem, 5vw, 3rem) !important; }
h2 { font-size: clamp(1.25rem, 4vw, 2.25rem) !important; }
h3 { font-size: clamp(1.125rem, 3.5vw, 1.75rem) !important; }
img { max-width: 100%; height: auto; object-fit: contain; }

@media (max-width: 768px) {
  [class*="grid"], [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
}

.long-text-collapsed.js-long-text-accordion { max-height: 10em; overflow: hidden; position: relative; }
.long-text-collapsed.js-long-text-accordion .long-text-read-more-btn { position: relative; z-index: 1; }

#section-14, #section-15, #section-16, #section-17, #section-18, #section-19, #section-20 { margin-top: 56px; margin-bottom: 56px; }
#section-14 { margin-top: 48px; }
#section-20 { margin-bottom: 0; }

#section-18, #section-19 { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; }

@media (max-width: 767px) {
  body > div[id^="section-"] { width: 100% !important; max-width: 100% !important; padding-left: 12px; padding-right: 12px; box-sizing: border-box; }
  #featured-composite-widget, #mozgoprav-unified-hub, #mozgoprav-circle-widget { max-width: 100% !important; width: 100% !important; }
}

#section-20 { width: 100%; box-sizing: border-box; }

.newspaper-four-frame { width: 100%; max-width: none; margin: 0; padding: 0; box-sizing: border-box; background: #faf8f5; border-top: 3px solid #1a1a1a; border-bottom: 3px solid #1a1a1a; position: relative; }
.newspaper-four-frame::before { content: "Сервіси та допомога"; display: block; font-family: 'Playfair Display', Georgia, serif; font-size: 11px; font-weight: 700; letter-spacing: 0.25em; text-transform: uppercase; color: #1a1a1a; padding: 14px 24px 12px; border-bottom: 1px solid #d4cfc4; background: #faf8f5; }
.newspaper-four-frame .newspaper-four-grid { display: grid; grid-template-columns: 1fr; gap: 0; min-height: 0; border-left: 1px solid #d4cfc4; border-right: 1px solid #d4cfc4; }
.newspaper-four-frame #section-10, .newspaper-four-frame #section-11, .newspaper-four-frame #section-12, .newspaper-four-frame #section-13 { min-height: 0; border-bottom: 1px solid #d4cfc4; }
.newspaper-four-frame #section-13 { border-bottom: none; }

@media (max-width: 899px) { .newspaper-four-frame { padding: 0 16px; } .newspaper-four-frame .newspaper-four-grid { border-left: none; border-right: none; } }

@media (min-width: 900px) {
  .newspaper-four-frame .newspaper-four-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; }
  .newspaper-four-frame #section-10 { order: 1; border-bottom: 1px solid #d4cfc4; border-right: 1px solid #d4cfc4; }
  .newspaper-four-frame #section-11 { order: 2; border-bottom: 1px solid #d4cfc4; }
  .newspaper-four-frame #section-13 { order: 3; border-right: 1px solid #d4cfc4; }
  .newspaper-four-frame #section-12 { order: 4; }
  .newspaper-four-frame #section-13 { border-bottom: none; }
  .newspaper-four-frame .carer-section, .newspaper-four-frame .sos-section, .newspaper-four-frame .mozgoprav-ad-root, .newspaper-four-frame #myths-widget-wrapper { max-width: none; margin: 0; padding: 28px 24px; }
  .newspaper-four-frame .carer-section { margin: 0; padding: 28px 24px; }
  .newspaper-four-frame .sos-section { margin: 0; padding: 28px 24px; }
  .newspaper-four-frame .ad-joke-plaque { background-color: #fef6e3 !important; }
}

@media (min-width: 769px) {
  #section-04 { width: 100%; max-width: none; }
  #section-04 #mozgoprav-unified-hub { max-width: none !important; width: 100% !important; }
}

.pro-only-content { overflow: hidden; }
.pro-only-content.collapsed { max-height: 0; overflow: hidden; opacity: 0; pointer-events: none; }
.pro-only-content.expanded { max-height: 9999px; opacity: 1; transition: opacity 0.4s ease; }
#section-services { display: none !important; }

@media (max-width: 767px) {
  #widget-view-modal.flex, #widget-view-modal:not(.hidden), .footer-legal-modal.open, #dossier-modal[style*="flex"] { align-items: center !important; justify-content: center !important; padding: 12px !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; }
  #widget-view-modal .relative, .footer-legal-modal-box, #dossier-modal > div { max-width: min(900px, calc(100vw - 24px)) !important; max-height: min(90dvh, calc(100vh - 24px)) !important; width: 100% !important; }
}