/* Mobile — edge-to-edge layout (no side gutters / borders) */

@media (max-width: 980px) {
  .dashboard-grid.discover-dashboard {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  .dashboard-grid.discover-dashboard > .content-column,
  .dashboard-grid.discover-dashboard > .left-rail,
  .dashboard-grid.discover-dashboard > .right-rail {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
  }

  .content-column,
  .content-column > .feed-stack,
  .content-column > .feed-stack .dating-discovery-stack,
  .content-column > .feed-stack .dating-feed-stack {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-inline: 0 !important;
  }

  .content-column > .discover-feed-chrome,
  .content-column > .section-tabs,
  .content-column > .composer-card,
  .content-column > .feed-stack > .surface-card,
  .content-column > .feed-stack > .mature-blur-card,
  .content-column > .feed-stack .dating-discovery-stack > .surface-card {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-radius: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }

  .dating-moments-feed,
  .content-column > .feed-stack .dating-discovery-stack .dating-moments-feed {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding: 0 !important;
    gap: 8px !important;
  }

  .dating-moments-feed .dating-moment-card,
  .dating-moment-card {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-radius: 0 !important;
  }

  /* Gallery was centered with aspect-ratio width cap — causes white side gutters */
  .dating-moments-feed .post-media-gallery-shell,
  .dating-moment-card .post-media-gallery-shell,
  .post-card .post-media-gallery-shell,
  .dating-moments-feed .post-media-gallery,
  .dating-moment-card .post-media-gallery,
  .post-card .post-media-gallery {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding: 0 !important;
    aspect-ratio: unset !important;
    max-height: none !important;
    border-radius: 0 !important;
  }

  .dating-moments-feed .post-media-item,
  .dating-moment-card .post-media-item,
  .post-card .post-media-item {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
  }

  .dating-moments-feed .post-media-slot,
  .dating-moment-card .post-media-slot,
  .post-card .post-media-slot,
  .dating-moments-feed .feed-native-media-box,
  .dating-moment-card .feed-native-media-box,
  .post-card .feed-native-media-box,
  .dating-moments-feed .post-media-single-photo.feed-native-media,
  .dating-moment-card .post-media-single-photo.feed-native-media,
  .post-card .post-media-single-photo.feed-native-media,
  .dating-moments-feed .post-media-single-video.feed-video-frame,
  .dating-moment-card .post-media-single-video.feed-video-frame,
  .post-card .post-media-single-video.feed-video-frame,
  .dating-moments-feed .post-media-single.feed-native-media,
  .dating-moments-feed .post-inline-video-player,
  .post-card .feed-media-frame,
  .post-card .feed-image-shell {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    border-radius: 0 !important;
  }

  .dating-moment-card .post-card-header,
  .dating-moments-feed .dating-moment-card .post-card-header {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .dating-moment-body,
  .dating-moment-location {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

@media (max-width: 920px) {
  .app-shell {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .top-nav {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-radius: 0 !important;
  }
}