.cart-btn{background:none;border:1px solid var(--line);border-radius:20px;padding:6px 12px;cursor:pointer;font:inherit;margin-left:auto}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.pcard{background:var(--white);border:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:6px}
.pcard img{width:100%;aspect-ratio:1;object-fit:contain}
.pcard h3{margin:4px 0;overflow-wrap:anywhere}.pcat{color:var(--muted);font-size:14px;margin:0}
.btn{background:var(--ink);color:#fff;border:0;padding:12px;cursor:pointer;font:inherit;margin-top:auto}
.btn:disabled{opacity:.5;cursor:not-allowed}
#cart{position:fixed;top:0;right:0;height:100%;width:min(400px,100%);background:#fff;padding:20px;overflow:auto;z-index:50;transform:translateX(100%);transition:transform .25s;box-shadow:-4px 0 20px rgba(0,0,0,.15);box-sizing:border-box}
#cart.show{transform:none}
#cart input,#cart textarea,#cart select{display:block;width:100%;padding:11px;margin:8px 0;border:1px solid var(--line);font:inherit;box-sizing:border-box}
.crow{display:flex;gap:8px;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}
.x{background:none;border:0;cursor:pointer;font-size:18px}#closeCart{float:right}
.otp{display:flex;gap:8px;align-items:center}.otp .btn{margin:8px 0;white-space:nowrap}
#msg{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){#cart{transition:none}}