/* ===== ناوەڕۆکی ماڵەوە + سلایدەری وێنە ===== */
.home{
  max-width:420px;
  margin:0 auto;
  /* بۆشایی بۆ سەردێڕ لە سەرەوە و تاسک بار لە خوارەوە (بۆشایی زیاتر لە خوارەوە) */
  padding:calc(88px + env(safe-area-inset-top, 0px)) 16px
          calc(128px + env(safe-area-inset-bottom, 0px));
}

/* چوارچێوەی سلایدەر — هاوشێوەی تاسک بار */
.slider{
  position:relative;
  border-radius:26px;
  overflow:hidden;
  background:var(--card);
  border:1px solid rgba(44,64,51,.10);
  box-shadow:0 4px 22px rgba(44,64,51,.10);
  /* ڕێژەی وێنە — دەتوانیت بگۆڕیت (16/10, 4/3) */
  aspect-ratio:16 / 10;
}

.slider-track{
  display:flex;
  height:100%;
  transition:transform .7s cubic-bezier(.16,.84,.24,1);
}

.slide{
  min-width:100%;
  height:100%;
}
.slide img{
  width:100%;
  height:100%;
  object-fit:cover;   /* وێنە بە تەواوی چوارچێوەکە پڕدەکاتەوە بێ خاڵبوون */
  display:block;
}

/* خاڵەکان — لە خوارەوەی سلایدەر */
.slider-dots{
  display:flex;
  justify-content:center;
  gap:7px;
  margin-top:14px;
}
.slider-dots .s-dot{
  width:7px;height:7px;border-radius:50%;
  background:rgba(44,64,51,.20);
  transition:width .5s var(--ease), background .5s var(--ease);
}
.slider-dots .s-dot.on{
  width:20px;
  border-radius:4px;
  background:var(--leaf);
}

@media (prefers-reduced-motion:reduce){
  .slider-track, .slider-dots .s-dot{transition:none !important}
}