/* ══════════════════════════════════════════
   بنرهای دسته‌بندی
   ══════════════════════════════════════════ */
.dkbn-root{
  --p:#A24FB5; --pd:#7C3691; --pdd:#4A1A57; --pl:#C77FD6;
  --pk:#F6CADC; --pkl:#FCEAF2; --pkx:#FDF4F8;
  --tx:#2B2432; --gr:#7B7385; --ln:#EFE7F2;
  --cr:20px; --fr:8px;
  font-family:'YekanBakh','Yekan Bakh',Tahoma,sans-serif;
  direction:rtl;position:relative;}
.dkbn-root *{box-sizing:border-box;}
.dkbn-root a{text-decoration:none;color:inherit;}
.dkbn-i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;display:block;flex:none;}
.dkbn-wrap{position:relative;z-index:2;max-width:1240px;
  margin-inline:auto;padding-inline:8px;}

/* ═══ سربرگ ═══ */
.dkbn-head{margin-bottom:16px;padding-inline:6px;}
.dkbn-eyebrow{display:inline-flex;align-items:center;gap:8px;
  padding:6px 15px;border-radius:999px;background:#fff;
  border:1px solid var(--ln);box-shadow:0 3px 12px rgba(124,54,145,.07);
  font-size:12px;font-weight:700;color:var(--pd);margin-bottom:11px;}
.dkbn-dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--p);
  box-shadow:0 0 0 0 rgba(162,79,181,.6);animation:dkbnBeat 2.2s infinite;}
@keyframes dkbnBeat{70%{box-shadow:0 0 0 9px rgba(162,79,181,0);}100%{box-shadow:0 0 0 0 rgba(162,79,181,0);}}

.dkbn-root .dkbn-title{margin:0!important;font-size:27px!important;
  font-weight:400!important;line-height:1.4!important;
  color:var(--tx)!important;font-family:inherit!important;}
.dkbn-root .dkbn-title b{font-weight:800;position:relative;
  background:linear-gradient(100deg,var(--pd),var(--p) 55%,var(--pl));
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.dkbn-root .dkbn-title b::after{content:'';position:absolute;right:0;left:0;bottom:2px;
  height:8px;border-radius:8px;background:var(--pk);z-index:-1;opacity:.85;}
.dkbn-sub{margin:10px 0 0;font-size:13px;line-height:1.95;color:var(--gr);}

/* ═══ گرید ═══ */
.dkbn-grid{--cols:4;--gap:14px;
  display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));
  gap:var(--gap);}

/* ═══ بنر ═══ */
.dkbn-b{position:relative;display:block;overflow:hidden;
  aspect-ratio:3/2;
  border-radius:var(--cr);
  background:#fff;padding:var(--fr);
  border:1.5px solid var(--ln);
  box-shadow:0 5px 16px -9px rgba(124,54,145,.28);
  transition:transform .42s cubic-bezier(.34,1.35,.64,1),
             box-shadow .42s,border-color .32s;}
.dkbn-b.is-wide{grid-column:span 2;}
.dkbn-root.is-free .dkbn-b{aspect-ratio:auto;}

.dkbn-b img{width:100%;height:100%;display:block;
  object-fit:cover;
  border-radius:calc(var(--cr) - var(--fr) - 2px);
  transition:transform .6s cubic-bezier(.34,1.35,.64,1),
             filter .4s;}
.dkbn-root.is-free .dkbn-b img{height:auto;}

/* حلقه داخلی */
.dkbn-ring{position:absolute;z-index:3;pointer-events:none;
  inset:calc(var(--fr) + 6px);
  border-radius:calc(var(--cr) - var(--fr) - 8px);
  border:1.5px solid rgba(255,255,255,.55);
  box-shadow:inset 0 0 0 1px rgba(162,79,181,.1);
  opacity:0;transform:scale(1.02);
  transition:opacity .38s,transform .38s cubic-bezier(.34,1.4,.64,1);}

/* درخشش عبوری */
.dkbn-shine{position:absolute;z-index:4;pointer-events:none;
  inset:var(--fr);border-radius:calc(var(--cr) - var(--fr) - 2px);
  overflow:hidden;}
.dkbn-shine::before{content:'';position:absolute;inset:0;
  transform:translateX(-135%);
  background:linear-gradient(112deg,transparent 38%,rgba(255,255,255,.5) 50%,transparent 62%);}

/* برچسب */
.dkbn-badge{position:absolute;top:calc(var(--fr) + 9px);right:calc(var(--fr) + 9px);
  z-index:7;padding:6px 14px;border-radius:999px;
  font-size:10.5px;font-weight:800;color:#fff;letter-spacing:.2px;
  background:linear-gradient(125deg,var(--pd),var(--p));
  box-shadow:0 7px 16px -5px rgba(124,54,145,.8);
  transition:transform .34s cubic-bezier(.34,1.5,.64,1);}

/* فلش */
.dkbn-go{position:absolute;bottom:calc(var(--fr) + 9px);left:calc(var(--fr) + 9px);
  z-index:7;width:38px;height:38px;display:grid;place-items:center;
  border-radius:13px;font-size:19px;color:#fff;
  background:linear-gradient(140deg,var(--pd),var(--p));
  box-shadow:0 9px 20px -6px rgba(124,54,145,.85);
  opacity:0;transform:translateY(12px) scale(.75);
  transition:.4s cubic-bezier(.34,1.5,.64,1);}

/* ═══ هاور: بالا آمدن ═══ */
.dkbn-root.is-hv-lift .dkbn-b:hover{
  transform:translateY(-8px);border-color:var(--pk);
  box-shadow:0 26px 48px -20px rgba(124,54,145,.6);}
.dkbn-root.is-hv-lift .dkbn-b:hover img{transform:scale(1.07);}

/* ═══ هاور: فقط بزرگ‌نمایی ═══ */
.dkbn-root.is-hv-zoom .dkbn-b:hover{border-color:var(--pk);
  box-shadow:0 18px 38px -18px rgba(124,54,145,.5);}
.dkbn-root.is-hv-zoom .dkbn-b:hover img{transform:scale(1.09);}

/* ═══ هاور: چرخش ═══ */
.dkbn-root.is-hv-tilt .dkbn-b{
  transform-style:preserve-3d;perspective:900px;}
.dkbn-root.is-hv-tilt .dkbn-b:hover{
  transform:translateY(-5px) rotate(-1.1deg) scale(1.015);
  border-color:var(--pk);
  box-shadow:0 24px 46px -20px rgba(124,54,145,.6);}
.dkbn-root.is-hv-tilt .dkbn-b:hover img{transform:scale(1.05) rotate(.6deg);}

/* ═══ مشترک همه حالت‌ها ═══ */
.dkbn-root:not(.is-hv-none) .dkbn-b:hover .dkbn-ring{opacity:1;transform:none;}
.dkbn-root:not(.is-hv-none) .dkbn-b:hover .dkbn-shine::before{
  transform:translateX(135%);transition:transform .88s ease;}
.dkbn-root:not(.is-hv-none) .dkbn-b:hover .dkbn-go{opacity:1;transform:none;}
.dkbn-root:not(.is-hv-none) .dkbn-b:hover .dkbn-badge{transform:scale(1.06);}

/* بدون افکت */
.dkbn-root.is-hv-none .dkbn-go{opacity:1;transform:none;}

/* دسترس‌پذیری */
.dkbn-b:focus-visible{outline:none;border-color:var(--p);
  box-shadow:0 0 0 3px rgba(162,79,181,.28),
             0 20px 40px -20px rgba(124,54,145,.6);}
.dkbn-b:focus-visible .dkbn-go{opacity:1;transform:none;}

/* ══════════ ریسپانسیو ══════════ */
@media (max-width:1100px){
  .dkbn-root .dkbn-title{font-size:23px!important;}
}
@media (max-width:767px){
  .dkbn-root{--fr:6px;}
  .dkbn-wrap{padding-inline:14px;}
  .dkbn-head{margin-bottom:12px;padding-inline:2px;}
  .dkbn-root .dkbn-title{font-size:18px!important;}
  .dkbn-sub{font-size:12px;}
  .dkbn-eyebrow{font-size:11px;padding:5px 13px;margin-bottom:9px;}

  .dkbn-grid{--gap:10px;}
  .dkbn-b{border-radius:calc(var(--cr) - 4px);}
  .dkbn-badge{top:calc(var(--fr) + 7px);right:calc(var(--fr) + 7px);
    padding:5px 11px;font-size:9.5px;}
  .dkbn-go{width:32px;height:32px;font-size:16px;border-radius:11px;
    bottom:calc(var(--fr) + 7px);left:calc(var(--fr) + 7px);
    opacity:1;transform:none;}
  .dkbn-ring{inset:calc(var(--fr) + 4px);}

  /* در موبایل هاور نداریم — افکت‌ها خاموش */
  .dkbn-root .dkbn-b:hover{transform:none;}
  .dkbn-root .dkbn-b:hover img{transform:none;}
}
@media (prefers-reduced-motion:reduce){
  .dkbn-root *{animation:none!important;transition-duration:.01ms!important;}
  .dkbn-go,.dkbn-ring{opacity:1;transform:none;}
}