/* UVs Reels Embed Gallery - layout fix */

/* Desktop: force true 4-in-one-frame based on --cols (columns="4") */
.uvs-reg[data-layout='slider'] .uvs-reg-item{
  flex: 0 0 calc((100% - ((var(--cols,4) - 1) * var(--gap,14px))) / var(--cols,4)) !important;
  max-width: calc((100% - ((var(--cols,4) - 1) * var(--gap,14px))) / var(--cols,4)) !important;
  min-width: 0 !important;
}

/* Tablet: 2 items */
@media (max-width: 820px){
  .uvs-reg[data-layout='slider'] .uvs-reg-item{
    flex: 0 0 calc((100% - var(--gap,14px)) / 2) !important;
    max-width: calc((100% - var(--gap,14px)) / 2) !important;
    min-width: 0 !important;
  }
}

/* Mobile: 1 item per slide + prevent stretching by centering embed with max width */
@media (max-width: 640px){
  .uvs-reg[data-layout='slider'] .uvs-reg-item{
    flex: 0 0 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* remove “peek” feeling and avoid extra padding */
  .uvs-reg[data-layout='slider'] .uvs-reg-track{
    padding-left: 0 !important;
    padding-right: 0 !important;
    scroll-padding: 0 !important;
  }

  /* Native Instagram embed: center + cap width to avoid 100% stretch look */
  .uvs-reg[data-mode='native'] blockquote.instagram-media,
  .uvs-reg[data-mode='native'] .instagram-media-rendered{
    max-width: min(360px, 92vw) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    min-width: 0 !important;
  }
}

/* Native embeds: allow shrink inside grid/slider cells (desktop too) */
.uvs-reg[data-mode='native'] blockquote.instagram-media,
.uvs-reg[data-mode='native'] .instagram-media-rendered{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Hide arrows when JS decides they’re not needed */
.uvs-reg.uvs-reg-nav-hidden .uvs-reg-arrow{ display:none !important; }

/* Center row when fewer items (desktop 1–3 reels looks clean) */
.uvs-reg.uvs-reg-centered .uvs-reg-track{ justify-content:center !important; }