/*
 * MediRoyal Blog — Responsive breakpoints.
 * Scoped under body.log-blog-page. Breakpoints match reference
 * blog_2.html: 1080px, 760px, 480px.
 */

@media (max-width: 1080px) {
  .log-blog-page .bl2-hero-grid {
    grid-template-columns: 1fr;
  }

  .log-blog-page .bl2-hero-featured-card {
    display: none;
  }

  .log-blog-page .bl2-editorial-inner {
    grid-template-columns: 1fr;
  }

  .log-blog-page .bl2-sidebar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }

  .log-blog-page .bl2-sidebar-trending {
    grid-column: span 2;
  }

  .log-blog-page .bl2-nb-inner {
    grid-template-columns: 1fr;
  }

  .log-blog-page .bl2-sw-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .log-blog-page .bl2-hero-masthead {
    padding: 48px 24px 40px;
  }

  .log-blog-page .bl2-cat-strip {
    padding: 0 20px;
  }

  .log-blog-page .bl2-editorial-section,
  .log-blog-page .bl2-stats-wall,
  .log-blog-page .bl2-faq-section,
  .log-blog-page .bl2-newsletter-band,
  .log-blog-page .bl2-contact-band {
    padding: 52px 24px;
  }

  .log-blog-page .bl2-cta-banner {
    margin: 0 24px 52px !important;
    padding: 48px 28px;
  }

  .log-blog-page .bl2-sidebar {
    display: flex;
    flex-direction: column;
  }

  .log-blog-page .bl2-sw-grid {
    grid-template-columns: 1fr 1fr;
  }

  .log-blog-page .bl2-article-row {
    grid-template-columns: 1fr;
  }

  .log-blog-page .bl2-art-thumb {
    display: none;
  }

  .log-blog-page .bl2-contact-band-grid {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 480px) {
  .log-blog-page .bl2-hero-masthead {
    padding: 36px 16px 32px;
  }

  .log-blog-page .bl2-hero-top-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 32px;
  }

  .log-blog-page .bl2-hero-left h1 {
    font-size: clamp(32px, 8vw, 46px);
  }

  .log-blog-page .bl2-editorial-section,
  .log-blog-page .bl2-stats-wall,
  .log-blog-page .bl2-faq-section,
  .log-blog-page .bl2-newsletter-band,
  .log-blog-page .bl2-contact-band {
    padding: 44px 16px;
  }

  .bl2-sidebar-tags {
    display: none;
  }

  .log-blog-page .bl2-cta-banner {
    margin: 0 16px 44px !important;
    padding: 40px 20px;
    border-radius: 20px;
  }

  .log-blog-page .bl2-sw-grid {
    grid-template-columns: 1fr 1fr;
  }

  .log-blog-page .bl2-cta-btn-row {
    flex-direction: column;
    align-items: stretch;
  }

  .log-blog-page .bl2-cta-btn-row a {
    justify-content: center;
  }

  .log-blog-page .bl2-cb-cta {
    width: 100%;
  }

  .log-blog-page .bl2-nb-inner {
    gap: 36px;
  }
}