/* ===== 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}