/* SG Related Posts TV – Frontend Layout */

.crp_related.crp-grid.rptv{
  clear: both;
}

.crp_related.crp-grid.rptv .related-posts-title{
  font-size: var(--rptv-font-title, 24px);
  margin-top: 30px;
  margin-bottom: 14px;
}

.crp_related.crp-grid.rptv .crp_slider{
  position: relative;
}

.crp_related.crp-grid.rptv .crp_container{
  display:grid;
  grid-template-columns: repeat(var(--rptv-cols-desktop, 4), minmax(0, 1fr));
  gap: 18px;
}

.crp_related.crp-grid.rptv .crp_post{
  min-width:0;
}

.crp_related.crp-grid.rptv .crp_link{
  display:flex;
  flex-direction:column;
  gap: 8px;
  text-decoration:none;
  color:inherit;
}

.crp_related.crp-grid.rptv .crp_thumb,
.crp_related.crp-grid.rptv .crp_thumb--placeholder{
  width: 100% !important;
  aspect-ratio: var(--rptv-thumb-w, 415) / var(--rptv-thumb-h, 300);
  height: auto !important;
  object-fit: cover;
  display:block;
  border-radius: var(--rptv-radius, 8px);
  overflow:hidden;
}

.crp_related.crp-grid.rptv .crp_thumb--placeholder{
  background: rgba(0,0,0,0.08);
}

.crp_related.crp-grid.rptv .crp_title{
  display:block;
  font-size: var(--rptv-font-post, 14px);
  font-weight: 700;
  line-height: 1.35;
}

.crp_related.crp-grid.rptv .crp_date,
.crp_related.crp-grid.rptv .crp_primary_term{
  font-size: var(--rptv-font-meta, 12px);
  line-height: 1.2;
}

.crp_related.crp-grid.rptv .crp_date{
  margin-top: var(--rptv-gap-title-date, 4px);
}

.crp_related.crp-grid.rptv .crp_primary_term{
  margin-top: var(--rptv-gap-date-cat, 2px);
}

.crp_related.crp-grid.rptv .crp_nav{
  display:none;
}

@media (max-width: 800px){
  .crp_related.crp-grid.rptv .crp_slider{
    position: relative;
  }

  .crp_related.crp-grid.rptv .crp_container{
    display:flex;
    gap:14px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:0 28px 4px 0;
  }

  .crp_related.crp-grid.rptv .crp_container::-webkit-scrollbar{
    display:none;
  }

  .crp_related.crp-grid.rptv .crp_post{
    flex:0 0 78%;
    scroll-snap-align:start;
  }

  .crp_related.crp-grid.rptv .crp_nav{
    display:flex;
    position:absolute;
    top:calc((100vw - 56px) * (var(--rptv-thumb-h, 300) / var(--rptv-thumb-w, 415)) / 2);
    transform:translateY(-50%);
    z-index:2;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(0,0,0,.45);
    color:#fff;
    font-size:26px;
    line-height:1;
    cursor:pointer;
  }

  .crp_related.crp-grid.rptv .crp_nav:disabled{
    opacity:.35;
    cursor:default;
  }

  .crp_related.crp-grid.rptv .crp_nav_prev{
    left:-10px;
  }

  .crp_related.crp-grid.rptv .crp_nav_next{
    right:-10px;
  }
}