/* ریشه اسلایدر */
.wpss-slider{
  --wpss-height:520px; --wpss-gap:28px; --wpss-radius:18px;
  max-width: 520px; margin: 0 auto 18px; user-select:none; -webkit-tap-highlight-color:transparent;
}
.wpss-track{position:relative; height:var(--wpss-height); perspective:1000px;touch-action: pan-y; -ms-touch-action: pan-y; overscroll-behavior-x: contain; cursor: grab;}
.wpss-card img{
  width:100%; height:100%; object-fit:cover; display:block; border-radius:24px;

  /* ضد-درگ و ضد-منوی لمس طولانی */
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
  pointer-events: none; /* رویدادها به والد (track) می‌رسه و درگ اسلایدر درست کار می‌کنه */
}

.wpss-card {
	    width: 366px;
    height: 488px;
  top: 50% !important;
  left: 50% !important;
  bottom: auto !important;
  transform-origin: center center !important;
  transition:transform .35s ease, opacity .35s ease;
  box-shadow: 0 8px 16px rgba(0,0,0,.10);
	border-radius:24px;
}
.wpss-slider[data-shadow="0"] .wpss-card{ box-shadow:none; }
.wpss-card img{ width:100%; height:100%; object-fit:cover; display:block;border-radius: 24px;}

/* فوتر و دکمه‌ها */
.wpss-footer{ display:flex; align-items:center; justify-content:space-between; padding:10px 4px 0; gap:8px; font-size:15px; margin-top:16px; }
.wpss-caption{ flex:1; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wpss-arrow{
  min-width:36px; height:36px; ;
   cursor:pointer; display:inline-flex; align-items:center; justify-content:center;
}
.wpss-arrow:disabled{ opacity:.4; cursor:default; }
.wpss-arrow .icon{
  width:18px; height:18px; display:inline-block;
  background: no-repeat center/contain url('arrow-left.svg');
}
.wpss-next .icon{ transform: scaleX(-1); }
@media screen and (max-width: 992px) {
.wpss-card {
	    width: 264px;
    height: 352px;
	}