/* ===== Cart drawer (سبد خرید) ===== */
#overlay{position:fixed;inset:0;z-index:10000;background:rgba(20,20,25,.28);
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
  opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s;cursor:pointer}
#overlay.open{opacity:1;visibility:visible}

#drawer{position:fixed;top:0;right:0;bottom:0;z-index:10001;direction:rtl;
  width:min(500px,100vw);background:#fff;display:flex;flex-direction:column;
  box-shadow:-8px 0 40px rgba(0,0,0,.12);
  transform:translateX(105%);transition:transform .35s cubic-bezier(.22,.8,.3,1);visibility:hidden}
#drawer.open{transform:none;visibility:visible}

#drawer .drawer-header{height:118px;flex:none;display:flex;align-items:center;justify-content:space-between;
  padding:0 40px 0 36px;border-bottom:1px solid #ece8e3}
#drawer .drawer-header h2{margin:0;display:flex;align-items:center;gap:14px;font-size:21px;font-weight:800;color:#23254e}
#drawer .drawer-header .count{background:#f6efe9;color:#555;border-radius:30px;padding:0 14px;
  height:68px;min-width:50px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:400}
#drawer .close-btn{width:44px;height:44px;border:0;background:none;cursor:pointer;color:#444;
  display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}
#drawer .close-btn:hover{background:#f1f1f1}
#drawer .close-btn svg{width:22px;height:22px}

#drawer .drawer-body{flex:1 1 auto;overflow-y:auto;padding:8px 28px}

/* آیتم‌های سبد */
#drawer .cart-item{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #f0ece7;position:relative}
#drawer .cart-item img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid #eee;flex:none}
#drawer .ci-info{flex:1;min-width:0}
#drawer .ci-info a{display:block;font-size:14px;font-weight:700;line-height:1.8;color:#23254e;text-decoration:none}
#drawer .ci-qty{font-size:12px;color:#81858b;margin-top:2px}
#drawer .ci-price{font-size:14px;font-weight:800;margin-top:6px;color:#23254e}
#drawer .ci-del{flex:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#999;text-decoration:none;font-size:14px;transition:.2s}
#drawer .ci-del svg{width:18px;height:18px;display:block}
#drawer .ci-del:hover{background:#fdecee;color:#ef394e}

/* حالت خالی */
#emptyState{position:absolute;top:118px;bottom:0;left:0;right:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:16px;color:#555}
#emptyState svg{width:54px;height:54px;color:#b9b9b9}
#emptyState p{margin:0;font-size:15px}

/* فوتر */
#drawer .drawer-footer{flex:none;border-top:1px solid #ece8e3;padding:20px 28px 26px;background:#fffefb}
#drawer .summary-row{display:flex;justify-content:space-between;font-size:14px;color:#555;margin-bottom:10px}
#drawer .summary-row.total{font-size:16px;font-weight:800;color:#23254e;margin-bottom:16px}
#drawer .checkout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;
  background:#ef394e;color:#fff;border-radius:10px;padding:15px;font-size:15px;font-weight:700;font-family:inherit}
#drawer .checkout-btn svg{width:18px;height:18px}


/*off*/
.off-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.off-badge{background:#e5283e;color:#fff;border-radius:12px;padding:2px 9px;font-size:13px;font-weight:700}
.old,.ci-old{color:#999;text-decoration:line-through;font-size:14px}
.ci-off{background:#e5283e;color:#fff;border-radius:8px;padding:0 6px;font-size:11px}

.off-timer{display:flex;align-items:center;gap:6px;margin:10px 0;padding:8px 10px;background:#fff4f5;border:1px dashed #e5283e;border-radius:12px}
.ot-lbl{font-size:13px;color:#b5172c;font-weight:700;margin-left:4px}
.ot-box{display:flex;flex-direction:column;align-items:center;min-width:42px;background:#e5283e;color:#fff;border-radius:8px;padding:4px 6px}
.ot-box b{font-size:16px;line-height:1.2}
.ot-box small{font-size:10px;opacity:.85}

.ci-color{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;margin:2px 0}
.ci-color i{width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}

.profile-widget .avatar,
.profile-widget .avatar-lg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #2b2b4a;
    line-height: 0;
}
.profile-widget .avatar .user-ico    { width: 18px; height: 18px; display: block; }
.profile-widget .avatar-lg .user-ico { width: 26px; height: 26px; display: block; }