.badge{display:inline-block;min-width:1.6em;padding:.2em .5em;border-radius:999px;background:#2d6cdf;color:#fff;font-weight:700;font-size:.8rem;text-align:center;margin-left:.35rem}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.product{border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.02)}
.product img{width:100%;height:260px;object-fit:cover}.product .pbody{padding:12px}
.cart-drawer{position:fixed;top:0;right:-420px;width:360px;max-width:90vw;height:100vh;background:#0f1216;color:#fff;border-left:1px solid rgba(255,255,255,.12);box-shadow:-6px 0 24px rgba(0,0,0,.45);transition:right .28s ease;z-index:70;display:flex;flex-direction:column}
.cart-drawer.open{right:0}.cart-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.12)}
.cart-body{flex:1;overflow:auto;padding:10px 12px}.cart-item{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);padding:8px 0}
.cart-item img{width:56px;height:56px;object-fit:cover;border-radius:8px}.qty{display:flex;gap:8px;align-items:center}
.cart-foot{padding:12px;border-top:1px solid rgba(255,255,255,.12)}.cart-btn{display:block;width:100%;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#2d6cdf,#6aa7ff);color:#001633;border:none;font-weight:800}
.open-cart{cursor:pointer}