.lpr{
  --lpr-card:#f6f7f9;
  --lpr-title:#1f2430;
  --lpr-muted:#6b7280;
  --lpr-badge-bg:#e8eefc;
  --lpr-badge-text:#2a4bc7;
  --lpr-link:#2a4bc7;
  --lpr-dark:#0a1a4f;
  --lpr-light:#f0f2f6;
  --lpr-ph:#e3e6ec;
  --lpr-gap:24px;
  --lpr-per-view:3;
  --lpr-radius:24px;
  --lpr-img-radius:22px;

  direction:rtl;
  font-family:"Vazirmatn","IRANSansX","IRANSans",Tahoma,sans-serif;
  color:var(--lpr-title);
  box-sizing:border-box;
  max-width:100%;
}
.lpr *,.lpr *::before,.lpr *::after{box-sizing:border-box}
.lpr svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}

/* ===== هدر ===== */
.lpr-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.lpr-heading{margin:0;font-size:clamp(20px,2.6vw,28px);font-weight:700;line-height:1.6;color:var(--lpr-title)}
.lpr-controls{display:flex;align-items:center;gap:12px}
.lpr-nav-group{display:flex;align-items:center;gap:8px}
.lpr-divider{width:1px;height:32px;background:#e3e6ec}

.lpr-nav{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;padding:0;
  border:0;border-radius:50%;
  background:var(--lpr-dark);color:#fff;
  cursor:pointer;
  transition:background-color .2s ease,color .2s ease,opacity .2s ease;
}
.lpr-nav:disabled{background:var(--lpr-light);color:var(--lpr-dark);cursor:default}
.lpr-nav:not(:disabled):hover{opacity:.88}
.lpr-nav:focus-visible,.lpr-btn:focus-visible{outline:2px solid var(--lpr-link);outline-offset:2px}

.lpr-btn{
  display:inline-flex;align-items:center;gap:8px;
  height:44px;padding:0 22px;
  border-radius:999px;
  background:var(--lpr-dark);color:#fff;
  font-size:13px;font-weight:600;line-height:1;
  text-decoration:none;white-space:nowrap;
  transition:opacity .2s ease;
}
.lpr-btn:hover{opacity:.88;color:#fff}

/* ===== اسلایدر ===== */
.lpr-track{
  display:flex;
  gap:var(--lpr-gap);
  margin:0;padding:0;
  list-style:none;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.lpr-track::-webkit-scrollbar{display:none}
.lpr-slide{
  flex:0 0 calc((100% - (var(--lpr-per-view) - 1) * var(--lpr-gap)) / var(--lpr-per-view));
  min-width:0;
  scroll-snap-align:start;
}

/* ===== کارت ===== */
.lpr-card{
  position:relative;
  display:flex;flex-direction:column;gap:18px;
  height:100%;
  padding:12px 12px 22px;
  background:var(--lpr-card);
  border-radius:var(--lpr-radius);
}
.lpr-media{aspect-ratio:16/10;overflow:hidden;background:var(--lpr-ph);border-radius:var(--lpr-img-radius)}
.lpr-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.lpr-card:hover .lpr-media img{transform:scale(1.04)}
.lpr-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#a4aab6}

.lpr-body{display:flex;flex-direction:column;gap:12px;flex:1;padding:0 12px}
.lpr-badge{
  position:relative;z-index:2;align-self:flex-start;
  padding:3px 10px;font-size:11px;font-weight:500;line-height:1.6;
  color:var(--lpr-badge-text);background:var(--lpr-badge-bg);
  border-radius:999px;text-decoration:none;
}
.lpr-title{margin:0;font-size:20px;font-weight:700;line-height:1.7;color:var(--lpr-title);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lpr-title a{color:inherit;text-decoration:none}
.lpr-title a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.lpr-title a:focus-visible{outline:none}
.lpr-title a:focus-visible::after{outline:2px solid var(--lpr-link);outline-offset:2px}
.lpr-card:hover .lpr-title{color:var(--lpr-link)}

.lpr-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:auto;font-size:12px;line-height:1.6;color:var(--lpr-muted)}
.lpr-meta-item{display:inline-flex;align-items:center;gap:5px}
.lpr-sep{width:3px;height:3px;border-radius:50%;background:#c3c8d1}
.lpr-cta{display:inline-flex;align-items:center;gap:5px;margin-inline-start:auto;font-size:11px;font-weight:500;color:var(--lpr-link)}

/* وقتی همه‌ی کارت‌ها جا می‌شوند، فلش‌ها لازم نیستند */
.lpr--static .lpr-nav-group,.lpr--static .lpr-divider{display:none}

/* ===== ریسپانسیو ===== */
@media (max-width:1024px){
  .lpr{--lpr-per-view:2;--lpr-gap:20px}
}
@media (max-width:640px){
  .lpr{--lpr-per-view:1.1;--lpr-gap:14px}
  .lpr-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:18px}
  .lpr-controls{width:100%;justify-content:space-between;flex-direction:row-reverse}
  .lpr-nav{width:36px;height:36px}
  .lpr-btn{height:40px;padding:0 18px}
  .lpr-title{font-size:17px}
  .lpr-card{border-radius:20px}
}
@media (prefers-reduced-motion:reduce){
  .lpr-media img,.lpr-nav,.lpr-btn{transition:none}
  .lpr-card:hover .lpr-media img{transform:none}
}