.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}

.cdf{display:grid;gap:14px;padding:18px 24px;overflow:auto;align-content:start}.cdf[hidden]{display:none}
.cdf h3{font-weight:200;font-size:1.5rem;margin:0}
.cdf__back{justify-self:start;background:none;border:0;color:#f0d28a;cursor:pointer;font:inherit;font-size:.9rem;padding:6px 0;min-height:36px}
.cdf label{display:grid;gap:6px}.cdf label span{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#cdbf9f}
.cdf input,.cdf select,.cdf textarea{width:100%;background:#1d1a18;color:#f4ecdc;border:0;border-radius:0;box-shadow:inset 0 0 0 1px rgba(240,210,138,.35);padding:13px 14px;font:inherit;font-size:16px;min-height:48px;outline:0;resize:vertical}
.cdf input:focus,.cdf select:focus,.cdf textarea:focus{box-shadow:inset 0 0 0 1px #e8c56a,0 0 0 3px rgba(232,197,106,.25)}
.cdf em{font-style:normal;color:#f0a090;font-size:.85rem;min-height:0}.cdf em:empty{display:none}