/* ============================================================
   صفحه اماکن زیارتی — اسلایدر و کارت‌های معرفی
   ============================================================ */

/* ---------- اسلایدر ---------- */
.zslider{
  position:relative; border-radius:20px; overflow:hidden; background:var(--bg-deep);
  aspect-ratio:16/9; box-shadow:var(--shadow-lg); border:1px solid rgba(230,200,102,.25);
}
@media(max-width:600px){ .zslider{ aspect-ratio:4/3; } }

.zs-slide{
  position:absolute; inset:0; margin:0; opacity:0; transition:opacity .9s ease;
  pointer-events:none;
}
.zs-slide.active{ opacity:1; pointer-events:auto; }
.zs-slide img{
  width:100%; height:100%; object-fit:cover; display:block;
}
.zs-slide figcaption{
  position:absolute; inset-inline:0; bottom:0; padding:46px 22px 16px;
  background:linear-gradient(180deg, transparent, rgba(11,19,16,.85));
  color:var(--ivory); font-weight:800; font-size:clamp(14px,2.2vw,18px); text-align:right;
}
.zs-slide figcaption small{
  display:block; font-weight:500; font-size:12px; color:#cfc7ac; margin-top:2px;
}

.zs-arrow{
  position:absolute; top:50%; transform:translateY(-50%); z-index:5;
  width:42px; height:42px; border-radius:50%; border:1.5px solid rgba(230,200,102,.6);
  background:rgba(11,19,16,.55); color:var(--gold-soft); font-size:22px; line-height:1;
  cursor:pointer; backdrop-filter:blur(4px); transition:.2s all;
  display:flex; align-items:center; justify-content:center;
}
.zs-arrow:hover{ background:var(--green-mid); border-color:var(--green-mid); color:#fff; }
.zs-prev{ inset-inline-start:14px; }
.zs-next{ inset-inline-end:14px; }

.zs-dots{
  position:absolute; inset-inline:0; bottom:8px; display:flex; gap:7px; justify-content:center; z-index:5;
}
.zs-dots button{
  width:9px; height:9px; border-radius:50%; border:none; cursor:pointer;
  background:rgba(247,242,231,.45); transition:.25s all; padding:0;
}
.zs-dots button.on{ background:var(--gold-soft); width:26px; border-radius:6px; }

/* ---------- کارت‌های معرفی مکان ---------- */
.zi-cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:20px; margin-top:26px; }
.zi-card{
  background:#fff; border:1.5px solid var(--line); border-radius:var(--radius);
  padding:24px 22px; transition:.25s transform, .25s box-shadow, .25s border-color;
}
.zi-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-sm); border-color:var(--gold-soft); }
.zi-card h3{
  font-size:17px; margin-bottom:10px; display:flex; align-items:center; gap:9px;
}
.zi-card h3::before{ content:'🕌'; font-size:19px; }
.zi-card p{ font-size:14px; color:var(--muted); line-height:2; margin-bottom:10px; }
.zi-meta{ display:flex; flex-wrap:wrap; gap:7px; }
.zi-meta span{
  font-size:11.5px; font-weight:700; color:var(--green-mid); background:var(--green-soft);
  padding:3px 12px; border-radius:20px;
}

/* ---------- نوار دعوت میان بخش‌ها ---------- */
.zi-cta{
  margin-top:30px; background:linear-gradient(135deg, var(--green-deep), var(--bg-deep-2));
  border-radius:var(--radius); padding:26px 28px; color:var(--ivory);
  display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap;
  border:1px solid rgba(230,200,102,.3);
}
.zi-cta .t b{ display:block; font-size:17px; color:var(--gold-soft); margin-bottom:3px; }
.zi-cta .t span{ font-size:13.5px; color:#d7d0bd; }

/* ---------- منبع تصاویر ---------- */
.zi-credits{
  background:#fff; border:1.5px dashed var(--line); border-radius:var(--radius-sm);
  padding:16px 20px; font-size:11.5px; color:var(--muted); line-height:2.1;
}
.zi-credits b{ color:var(--ink); }