.cartb{display:inline-flex;align-items:center;gap:6px;min-width:44px;min-height:44px;justify-content:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);padding:0 12px;background:rgba(10,9,8,.55)}
.cartb b{font-weight:500;font-size:.78rem;color:#d9a93e;min-width:1ch}
.cd{position:fixed;inset:0 0 0 auto;width:min(440px,100%);z-index:80;background:#141211;color:#f4ecdc;box-shadow:-30px 0 80px #000a;transform:translateX(105%);transition:transform .5s cubic-bezier(.23,1,.32,1);display:grid;grid-template-rows:auto 1fr auto;visibility:hidden;font-family:'Outfit','Tajawal',system-ui,sans-serif}
html[dir=rtl] .cd{inset:0 auto 0 0;transform:translateX(-105%);box-shadow:30px 0 80px #000a}
.cd.open{transform:none;visibility:visible}
.cd__h{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.13)}
.cd__h h2{font-weight:200;font-size:1.8rem}
.cd__x{font-size:2rem;line-height:1;min-width:44px;min-height:44px;color:inherit;background:none;border:0;cursor:pointer}
.cd__b{overflow:auto;padding:8px 24px}.cd__e{color:#a79d8c;padding:30px 0}
.ci2{display:grid;grid-template-columns:1fr auto;gap:6px 16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.13);align-items:center}
.ci2 b{font-weight:400}.ci2 span{color:#a79d8c;font-size:.9rem}
.q{display:inline-flex;align-items:center;gap:4px}
.q button{width:36px;height:36px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);font-size:1.1rem;color:inherit;background:none;border:0;cursor:pointer}
.q i{font-style:normal;min-width:28px;text-align:center}
.cd__f{padding:22px 24px calc(22px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.13);display:grid;gap:14px}
.cd__t{display:flex;justify-content:space-between;font-size:1.2rem}
.cd__f .btn{justify-content:center;width:100%}.cd__f .btn[disabled]{opacity:.4;pointer-events:none}
.cs{position:fixed;inset:0;z-index:75;background:#000a;opacity:0;visibility:hidden;transition:opacity .4s}.cs.open{opacity:1;visibility:visible}