.ig-slider{position:relative;max-width:100%;margin:0 auto}
.ig-viewport{overflow:hidden}
.ig-track{display:flex;gap:10px;will-change:transform;transition:transform .35s ease}
.ig-item{position:relative;flex:0 0 auto;border-radius:8px;overflow:hidden}
.ig-item a{display:block;line-height:0}
.ig-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.ig-item:hover img{transform:scale(1.03)}
.ig-item::after{content:"View on Instagram";position:absolute;left:0;right:0;bottom:0;padding:6px 8px;
  background:rgba(0,0,0,.55);color:#fff;font-size:12px;text-align:center;opacity:0;transition:opacity .2s}
.ig-item:hover::after{opacity:1}

/* Light minimal arrows (desktop only) */
.ig-btn{
  position:absolute;top:50%;transform:translateY(-50%);
  z-index:2;border:0;background:rgba(200,200,200,0.4);
  color:#666;font-size:18px;line-height:1;
  padding:6px 9px;border-radius:999px;cursor:pointer;user-select:none;
  transition:background .2s ease,color .2s ease
}
.ig-btn:hover{background:rgba(200,200,200,0.6);color:#333}
.ig-btn--left{left:6px}
.ig-btn--right{right:6px}
.ig-btn:disabled{opacity:.25;cursor:default}
@media (max-width:900px){ .ig-btn{display:none} }

/* Layout: 4 visible desktop, 2 mobile */
:root{ --ig-gap:10px; --ig-h:200px; --ig-h-m:130px; }
.ig-item{width:calc((100% - 3*var(--ig-gap))/4);height:var(--ig-h)}
@media (max-width:900px){
  .ig-item{width:calc((100% - 1*var(--ig-gap))/2);height:var(--ig-h-m)}
}