.instagram-carousel { margin-top: 58px; }
.instagram-grid[data-post-count] {
  --post-width: calc((100% - 48px) / 3.25);
  position: relative;
  display: flex;
  gap: 24px;
  align-items: flex-start;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: none;
  scroll-behavior: auto;
  scrollbar-width: none;
  margin: 0;
  padding: 0 0 12px;
  mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 16px), transparent 100%);
}
.instagram-grid::-webkit-scrollbar { display: none; }
.instagram-grid[data-post-count] .post-card:nth-child(n) {
  flex: 0 0 var(--post-width);
  max-width: none;
  margin: 0;
  scroll-snap-align: none;
}
.instagram-grid.instagram-carousel-ready .post-card { opacity: 1 !important; transform: none !important; }
.instagram-grid a:focus-visible { outline: 2px solid var(--pink); outline-offset: -3px; }
.instagram-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 24px; }
@media (max-width: 1100px) {
  .instagram-grid[data-post-count] { --post-width: calc((100% - 24px) / 2.15); }
}
@media (max-width: 760px) {
  .instagram-carousel { margin: 36px -24px 0; }
  .instagram-grid[data-post-count] { --post-width: min(80vw, 350px); gap: 19px; padding: 0 24px 12px; }
  .instagram-bottom { flex-direction: column; align-items: flex-start; gap: 18px; }
  .instagram-bottom > p { font-size: 9px; }
}