/* Homepage right bento sidebar responsive overrides.
   Requirements:
   - Hide the right sidebar at 1279px and below
   - For 1280px–1700px: show it, but keep it NON-sticky (normal grid column)
   - Above 1700px: allow the theme's fixed/sticky behavior */

/* Default: hidden (covers <=1279px and also acts as a safety net). */
.homepage-bento-sidebar {
  display: none;
}

/* Show only on desktop (>=1280px). */
@media (min-width: 1280px) {
  .homepage-bento-sidebar {
    display: block;
  }
}

/* When the sidebar is hidden (<=1279px), remove any reserved space on the feed. */
@media (max-width: 1279px) {
  .ds-home-dashboard {
    padding-right: 0 !important;
  }
}

/* 1280px–1700px: revert to the original "in-grid" sidebar (not fixed). */
@media (min-width: 1280px) and (max-width: 1700px) {
  .ds-home-dashboard {
    padding-right: 0 !important;
  }

  .ds-home-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .ds-home-feed {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .ds-home-right {
    position: static !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}