/**
 * Desktop-only responsive layout — never changes mobile (max-width 767).
 * Marker: BN_DESKTOP_RESP_V9
 */

@media (min-width: 768px) {
  body.app-shell .app-header-inner,
  body.app-shell .app-header-inner--app,
  body.app-shell .bottom-nav-inner {
    max-width: inherit !important;
    width: 100% !important;
  }

  body.app-shell.bn-explore-route .app-header-inner,
  body.app-shell.bn-explore-route .bottom-nav-inner,
  body.app-shell:has(.bn-explore-page) .app-header-inner,
  body.app-shell:has(.bn-explore-page) .bottom-nav-inner {
    max-width: min(1120px, 96vw) !important;
    margin-inline: auto !important;
  }

  /* Explore grid must paint on desktop */
  body.app-shell .bn-explore-page #exploreMasonry,
  body.app-shell .bn-explore-page .explore-app-grid.iconic-bento {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    min-height: 120px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.app-shell .bn-explore-page .explore-app-card,
  body.app-shell .bn-explore-page .bn-explore-card {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 160px !important;
    height: auto !important;
    transform: none !important;
  }

  body.app-shell .bn-explore-page .explore-card-media {
    aspect-ratio: 4 / 5 !important;
    min-height: 160px !important;
    height: auto !important;
  }

  body.app-shell .bn-explore-page .explore-card-media img,
  body.app-shell .bn-explore-page .explore-card-media video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* Doctors / search desktop canvas */
  body.app-shell:has(.bn-doctors-page) .app-header-inner,
  body.app-shell:has(.bn-search-page) .app-header-inner,
  body.app-shell:has(.doctors-page) .app-header-inner {
    max-width: min(1100px, 94vw) !important;
    margin-inline: auto !important;
  }
}

@media (min-width: 1024px) {
  body.app-shell .bn-explore-page #exploreMasonry,
  body.app-shell .bn-explore-page .explore-app-grid.iconic-bento {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    max-width: 1180px !important;
    margin-inline: auto !important;
  }

  body.app-shell .bn-explore-page .explore-provider-rail__scroller {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(200px, 240px) !important;
    gap: 12px !important;
  }

  body.app-shell:has(.bn-doctors-page) .main-content,
  body.app-shell:has(.doctors-page) .main-content {
    max-width: min(1100px, 94vw) !important;
  }

  body.app-shell:has(.bn-feed-page) .app-header-inner,
  body.app-shell:has(.bn-feed-page) .bottom-nav-inner {
    max-width: 640px !important;
    margin-inline: auto !important;
  }

  body.app-shell:has(.bn-profile-page) .app-header-inner,
  body.app-shell:has(.doctor-profile-page) .app-header-inner,
  body.app-shell:has(.clinic-profile) .app-header-inner {
    max-width: min(720px, 92vw) !important;
    margin-inline: auto !important;
  }
}

@media (min-width: 1280px) {
  body.app-shell .bn-explore-page #exploreMasonry,
  body.app-shell .bn-explore-page .explore-app-grid.iconic-bento {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1440px) {
  body.app-shell.bn-explore-route .main-content,
  body.app-shell:has(.bn-explore-page) .main-content {
    max-width: min(1280px, 92vw) !important;
  }
}

/* Publisher hub — compact 3-option layout (all breakpoints) */
.dp-pub-hub__grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

@media (min-width: 520px) {
  .dp-pub-hub__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}