.cart-drawer { position:fixed;z-index:100;inset:0; }
.cart-drawer-backdrop { position:absolute;inset:0;border:0;background:rgba(9,9,11,.42);backdrop-filter:blur(3px);cursor:pointer;opacity:0;transition:opacity .3s ease; }
.cart-drawer-panel { position:absolute;inset-block:0;inset-inline-end:0;display:flex;width:min(420px,100%);flex-direction:column;overflow:hidden;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.2);transform:translateX(100%);transition:transform .4s cubic-bezier(.16,1,.3,1); }
[dir="rtl"] .cart-drawer-panel { transform:translateX(-100%); }
.cart-drawer.is-open .cart-drawer-backdrop { opacity:1; }
.cart-drawer.is-open .cart-drawer-panel { transform:translateX(0); }
.cart-drawer-header { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid #f4f4f5;background:#fafafa; }
.cart-drawer-header>div { display:flex;align-items:center;gap:10px;color:#047857; }
.cart-drawer-header h2 { margin:0;color:#18181b;font-size:18px;font-weight:900; }
.cart-drawer-header>div>i { font-size:25px; }
.cart-drawer-header button { display:grid;place-items:center;width:37px;height:37px;border:1px solid #e4e4e7;border-radius:50%;background:#fff;color:#71717a;font-size:19px;cursor:pointer; }
.cart-drawer-header button:hover { border-color:#a1a1aa;color:#18181b; }
.cart-drawer-items { display:grid;flex:1;align-content:start;gap:12px;overflow-y:auto;padding:22px 24px; }
.cart-drawer-item { position:relative;display:flex;gap:16px;padding:16px;border:1px solid #f4f4f5;border-radius:16px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.03); }
.cart-drawer-item-image { display:grid;width:78px;height:78px;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid #f4f4f5;border-radius:11px;background:#fafafa;color:#a1a1aa;font-size:27px; }
.cart-drawer-item-image img { width:100%;height:100%;object-fit:contain;padding:5px; }
.cart-drawer-item>div { display:flex;min-width:0;flex:1;flex-direction:column;padding-inline-end:28px; }
.cart-drawer-item h3,.cart-drawer-item>div>a { display:-webkit-box;overflow:hidden;margin:0;color:#18181b;font-size:13px;font-weight:800;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.cart-drawer-item>div>a:hover { color:#047857; }
.cart-drawer-item small { margin-top:5px;color:#71717a;font-size:11px;font-weight:700; }
.cart-drawer-item-footer { display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:9px; }.cart-drawer-item strong { color:#047857;font:900 18px Outfit,Cairo,sans-serif; }
.cart-drawer-item-controls { display:flex;height:36px;align-items:center;border:1px solid #e4e4e7;border-radius:8px;background:#fafafa;box-shadow:0 1px 2px rgba(0,0,0,.05); }.cart-drawer-item-controls button { display:grid;width:32px;height:100%;place-items:center;border:0;background:transparent;color:#71717a;font-size:14px;cursor:pointer;transition:background .2s,color .2s; }.cart-drawer-item-controls button:hover:not(:disabled) { background:#e4e4e7;color:#18181b; }.cart-drawer-item-controls button:first-child { border-start-end-radius:7px;border-end-end-radius:7px; }.cart-drawer-item-controls button:last-child { border-start-start-radius:7px;border-end-start-radius:7px; }.cart-drawer-item-controls button:disabled { cursor:not-allowed;opacity:.4; }.cart-drawer-item-controls b { display:grid;width:32px;height:100%;place-items:center;border-inline:1px solid #e4e4e7;background:#fff;color:#18181b;font:800 13px Outfit,Cairo,sans-serif; }
.cart-drawer-remove { position:absolute;inset-block-start:12px;inset-inline-end:12px;display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:50%;background:#fafafa;color:#a1a1aa;font-size:17px;cursor:pointer;transition:background .2s,color .2s; }.cart-drawer-remove:hover { background:#fff1f2;color:#e11d48; }
.cart-drawer-item strong em,.cart-drawer-subtotal em { font-size:.67em;font-style:normal; }
.cart-drawer-subtotal { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 24px;padding:18px 0;border-top:1px solid #f4f4f5;color:#71717a;font-size:13px;font-weight:800; }
.cart-drawer-subtotal strong { color:#18181b;font:900 22px Outfit,Cairo,sans-serif; }
.cart-drawer-footer { display:grid;gap:10px;padding:20px 24px 25px;border-top:1px solid #f4f4f5;background:#fafafa; }
.cart-drawer-apple-pay,.cart-drawer-checkout { display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border-radius:12px;padding:14px;font:800 15px Cairo,Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s; }
.cart-drawer-apple-pay { background:#000;color:#fff;font-family:Outfit,Cairo,sans-serif;font-size:18px; }.cart-drawer-apple-pay i { font-size:23px; }.cart-drawer-apple-pay:hover { background:#27272a; }
.cart-drawer-checkout { background:#047857;color:#fff; }.cart-drawer-checkout:hover { background:#065f46; }
@media (max-width:700px) { .cart-drawer-panel { inset-block-start:auto;width:100%;height:min(76vh,640px);border-radius:24px 24px 0 0;transform:translateY(100%); }.cart-drawer.is-open .cart-drawer-panel { transform:translateY(0); }.cart-drawer-header { padding:18px; }.cart-drawer-items { padding:18px; }.cart-drawer-subtotal { margin:0 18px; }.cart-drawer-footer { padding:16px 18px 22px; } }