:root{--ink:#14121E;--ink-60:rgba(20, 18, 30, 0.6);--ink-12:rgba(20, 18, 30, 0.12);--mist:#F4F6F9;--peri-2:#3E3B68}.cart-overlay{position:fixed;inset:0;background:rgba(20,18,30,.35);z-index: 999998;opacity:0;pointer-events:none;backdrop-filter:blur(2px);transition:opacity .28s}.cart-overlay.open{opacity:1;pointer-events:all}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:94vw;background:#fff;z-index: 999999;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 32px rgba(0,0,0,.08)}.cart-drawer.open{transform:translateX(0)}.cart-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 18px;border-bottom:1.5px solid var(--ink-12)}.cart-drawer-title{font-family:Tajawal,sans-serif;font-size:1rem;font-weight:700;color:var(--ink);letter-spacing:.01em}.cart-drawer-close{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--ink-12);display:flex;align-items:center;justify-content:center;color:var(--ink-60);transition:border-color .15s,color .15s}.cart-drawer-close svg{width:15px;height:15px;stroke:currentColor}.cart-drawer-close:hover{border-color:var(--ink);color:var(--ink)}.cart-drawer-body{flex:1;overflow-y:auto;padding:16px 22px;display:flex;flex-direction:column;gap:14px}.cart-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ink-60);text-align:center;padding:40px 0}.cart-empty-state svg{opacity:.25;width:44px;height:44px}.cart-empty-state p{font-size:.9rem;font-weight:600;margin:0}.cart-empty-state span{font-size:.78rem;color:var(--ink-60)}.cart-item-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--ink-12)}.cart-item-row:last-child{border-bottom:none}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-family:Tajawal,sans-serif;font-size:.83rem;font-weight:700;color:var(--ink);line-height:1.3;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-price{font-size:.78rem;color:var(--peri-2);font-weight:600}.cart-item-qty{display:flex;align-items:center;gap:7px;margin-top:8px}.cart-item-qty button{width:24px;height:24px;border-radius:7px;border:1.5px solid var(--ink-12);font-size:.9rem;display:flex;align-items:center;justify-content:center;color:var(--ink);line-height:1;transition:border-color .12s,background .12s}.cart-item-qty button:hover{border-color:var(--ink);background:var(--mist)}.cart-item-qty span{font-size:.82rem;font-weight:700;color:var(--ink);min-width:16px;text-align:center}.cart-item-remove{font-size:.65rem;color:var(--ink-60);text-decoration:underline;cursor:pointer;background:0 0;border:none;padding:0;margin-top:2px;transition:color .12s}.cart-item-remove:hover{color:#c0392b}.cart-drawer-footer{border-top:1.5px solid var(--ink-12);padding:18px 22px 22px}.cart-total-row{display:flex;justify-content:space-between;align-items:center;font-family:Tajawal,sans-serif;font-size:.92rem;font-weight:700;color:var(--ink);margin-bottom:14px}.cart-checkout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;transform:none;border-radius:14px}@media (max-width:768px){.product-modal-box{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(30,15,8,.98)!important}.product-modal-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(15,8,4,.95)!important}.cart-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(20,18,30,.8)!important}}