/* ad-slider.css — تبلیغات اسلایدری */
.ad-slot { position: relative; margin: 20px auto; max-width: 100%; display: flex; flex-direction: column; align-items: center; }
.ad-slot__label { position: absolute; top: -9px; right: 12px; font-size: .58rem; font-weight: 800; color: #8a7d63; background: #faf7ee; padding: 2px 10px; border-radius: 6px; letter-spacing: .2em; z-index: 3; border: 1px solid rgba(15,54,65,.08); }
.ad-slot__viewport { position: relative; width: 100%; max-width: var(--ad-w, 728px); aspect-ratio: var(--ad-w, 728) / var(--ad-h, 90); background: #f0e9d8; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 14px rgba(15,54,65,.08); border: 1px solid rgba(15,54,65,.06); }
.ad-slot__item { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .7s ease, visibility .7s ease; display: block; text-decoration: none; }
.ad-slot__item.is-active { opacity: 1; visibility: visible; z-index: 2; }
.ad-slot__item img, .ad-slot__item video { width: 100%; height: 100%; object-fit: cover; display: block; }
.ad-slot__dots { display: flex; gap: 5px; margin-top: 10px; justify-content: center; }
.ad-slot__dots button { width: 8px; height: 8px; border-radius: 50%; border: none; background: rgba(15,54,65,.18); cursor: pointer; padding: 0; transition: all .25s ease; }
.ad-slot__dots button.is-active { background: linear-gradient(135deg, #D99A2B, #8B5E14); width: 26px; border-radius: 4px; }

@media (max-width: 640px) {
  .ad-slot { margin: 14px auto; }
  .ad-slot__viewport { border-radius: 10px; max-width: 100% !important; }
  .ad-slot__viewport { aspect-ratio: auto; min-height: 60px; }
  .ad-slot__viewport::before { content: ''; display: block; padding-top: calc(var(--ad-h,90) / var(--ad-w,728) * 100%); }
  .ad-slot__item { position: absolute; inset: 0; }
}