/* ══════════════════════════════════════════
   نوار ناوبری موبایل — طرح بلیستر
   ══════════════════════════════════════════ */
.dknv{display:none;}

@media (max-width:767px){

  body{padding-bottom:92px;}

  .dknv{
    --p:#A24FB5; --pd:#7C3691; --pdd:#4A1A57; --pl:#C77FD6;
    --pk:#F6CADC; --pkl:#FCEAF2; --pkx:#FDF4F8;
    --tx:#2B2432; --gr:#7B7385; --ln:#EFE7F2;

    position:fixed;bottom:0;right:0;left:0;z-index:8900;
    display:grid;grid-template-columns:repeat(5,1fr);
    align-items:end;gap:2px;
    padding:16px 8px 18px;
    font-family:'YekanBakh','Yekan Bakh',Tahoma,sans-serif;direction:rtl;
    background:rgba(255,255,255,.96);
    -webkit-backdrop-filter:saturate(180%) blur(18px);
    backdrop-filter:saturate(180%) blur(18px);
    box-shadow:0 -8px 30px -10px rgba(124,54,145,.3);
    transform:translateY(0);
    transition:transform .35s cubic-bezier(.4,0,.2,1);}

  .dknv.is-hide{transform:translateY(110%);}

  /* لبه پرفراژ بالا و پایین */
  .dknv-perf{position:absolute;inset:0;pointer-events:none;z-index:1;}
  .dknv-perf::before,
  .dknv-perf::after{content:'';position:absolute;right:0;left:0;height:12px;
    background-size:22px 12px;background-repeat:repeat-x;}
  .dknv-perf::before{top:-1px;
    background-image:radial-gradient(circle at 9px 0,transparent 8px,rgba(255,255,255,.96) 8.5px);}
  .dknv-perf::after{bottom:-1px;
    background-image:radial-gradient(circle at 9px 12px,transparent 8px,rgba(255,255,255,.96) 8.5px);}

  /* خط چین‌دار بین حباب‌ها */
  .dknv::before{content:'';position:absolute;z-index:0;
    top:39px;right:12%;left:12%;height:1.5px;pointer-events:none;
    background:repeating-linear-gradient(90deg,
      rgba(162,79,181,.22) 0 5px,transparent 5px 11px);}

  .dknv-item{position:relative;
    display:flex;flex-direction:column;align-items:center;gap:5px;
    text-decoration:none!important;padding-top:2px;
    -webkit-tap-highlight-color:transparent;}
  .dknv-item b{font-size:10px;font-weight:700;color:var(--gr);
    transition:color .28s;line-height:1.4;}
  .dknv-item.is-on b{color:var(--pd);font-weight:800;}

  .dknv-i{width:23px;height:23px;fill:none;stroke:currentColor;
    stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
    display:block;position:relative;z-index:3;}

  /* ═══ حباب بلیستر ═══ */
  .dknv-pod{position:relative;
    width:46px;height:46px;display:grid;place-items:center;
    border-radius:50% 50% 46% 46%;overflow:hidden;
    background:var(--pkx);border:1.5px solid var(--ln);
    color:var(--gr);
    box-shadow:inset 0 3px 8px rgba(255,255,255,.9),
               inset 0 -3px 6px rgba(162,79,181,.07);
    transition:color .3s,border-color .3s,transform .35s cubic-bezier(.34,1.5,.64,1);}

  /* موج پرشدن */
  .dknv-fill{position:absolute;inset:0;z-index:1;
    background:linear-gradient(180deg,var(--pl),var(--p) 55%,var(--pd));
    transform:translateY(101%);
    transition:transform .48s cubic-bezier(.65,0,.35,1);}
  .dknv-fill::before{content:'';position:absolute;top:-6px;right:0;left:0;height:12px;
    border-radius:50%;background:var(--pl);}

  .dknv-item.is-on .dknv-pod{
    color:#fff;border-color:transparent;
    box-shadow:0 8px 18px -8px rgba(124,54,145,.6);}
  .dknv-item.is-on .dknv-fill{transform:translateY(0);}

  /* حباب‌های ریز داخل */
  .dknv-item.is-on .dknv-pod::after{content:'';position:absolute;z-index:2;
    bottom:6px;right:12px;width:5px;height:5px;border-radius:50%;
    background:rgba(255,255,255,.55);
    animation:dknvBub 2.4s ease-in infinite;}
  @keyframes dknvBub{
    0%{transform:translateY(0);opacity:0;}
    25%{opacity:.8;}
    100%{transform:translateY(-26px);opacity:0;}}

  /* ═══ سبد خرید ═══ */
  .dknv-cart .dknv-cart-pod{position:relative;
    width:46px;height:46px;margin-top:0;
    display:grid;place-items:center;
    border-radius:50% 50% 46% 46%;overflow:hidden;
    color:#fff;
    background:linear-gradient(150deg,var(--pd),var(--p) 60%,var(--pl));
    border:1.5px solid transparent;
    box-shadow:0 8px 18px -8px rgba(124,54,145,.6);
    transition:transform .35s cubic-bezier(.34,1.5,.64,1);}
  .dknv-cart .dknv-i{width:23px;height:23px;stroke-width:1.9;}
  .dknv-cart b{color:var(--pd);font-weight:800;}
  .dknv-cart:active .dknv-cart-pod{transform:scale(.92);}

  .dknv-cart-fill{position:absolute;inset:0;z-index:1;
    background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 60%);}

  .dknv-cart.is-on .dknv-cart-pod{
    box-shadow:0 12px 30px -8px rgba(124,54,145,.9);}

  .dknv-badge{position:absolute;top:2px;left:2px;z-index:4;
    min-width:20px;height:20px;padding-inline:5px;
    display:grid;place-items:center;border-radius:999px;
    font-style:normal;font-size:10.5px;font-weight:800;
    color:var(--pd);background:#fff;
    border:2px solid var(--p);
    animation:dknvPop .4s cubic-bezier(.34,1.6,.64,1);}
  @keyframes dknvPop{from{transform:scale(0);}}

  /* ═══ موج لمس ═══ */
  .dknv-ripple{position:absolute;z-index:5;pointer-events:none;
    width:12px;height:12px;border-radius:50%;
    background:radial-gradient(circle,rgba(162,79,181,.4),transparent 70%);
    transform:translate(-50%,-50%) scale(0);
    animation:dknvRipple .6s ease-out forwards;}
  @keyframes dknvRipple{to{transform:translate(-50%,-50%) scale(9);opacity:0;}}

  /* ═══ هماهنگی با نوار خرید محصول ═══ */
  .dkps-mbar{bottom:92px!important;
    border-radius:18px 18px 0 0;
    box-shadow:0 -6px 26px -10px rgba(124,54,145,.35)!important;}
  .single-product{padding-bottom:0!important;}

  /* ═══ هماهنگی با دکمه بالا ═══ */
  .dkf-top{bottom:106px!important;}

  /* ═══ توست ═══ */
  .dkp-toasts{bottom:104px!important;}
}

@media (max-width:400px){
  .dknv{padding:14px 5px 16px;}
  .dknv::before{top:39px;right:10%;left:10%;}
  .dknv-pod{width:42px;height:42px;}
  .dknv-i{width:21px;height:21px;}
  .dknv-cart .dknv-cart-pod{width:42px;height:42px;margin-top:0;}
  .dknv-cart .dknv-i{width:21px;height:21px;}
  .dknv-item b{font-size:9.5px;}
}

@media (prefers-reduced-motion:reduce){
  .dknv,.dknv *{animation:none!important;transition-duration:.01ms!important;}
}


/* ══════════════════════════════════════════
   تنظیم پنج‌ستونه
   ══════════════════════════════════════════ */
@media (max-width:767px){
  .dknv{padding-inline:4px;gap:0;}
  .dknv::before{right:9%;left:9%;}
  .dknv-pod{width:42px;height:42px;}
  .dknv-i{width:21px;height:21px;}
  .dknv-cart .dknv-cart-pod{width:44px;height:44px;}
  .dknv-cart .dknv-i{width:22px;height:22px;}
  .dknv-item b{font-size:9.5px;}

  /* حباب علاقه‌مندی */
  .dknv-wish-badge{top:-2px;left:-2px;min-width:17px;height:17px;
    font-size:9px;border-width:1.5px;}
}
@media (max-width:400px){
  .dknv{padding:14px 2px 16px;}
  .dknv::before{right:7%;left:7%;}
  .dknv-pod{width:37px;height:37px;}
  .dknv-i{width:19px;height:19px;}
  .dknv-cart .dknv-cart-pod{width:39px;height:39px;}
  .dknv-cart .dknv-i{width:19px;height:19px;}
  .dknv-item b{font-size:8.5px;}
}