.site-header {
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 16px; border-bottom:1px solid #eee; position:sticky; top:0; background:#fff;
}
.brand { font-weight:700; }
.cart-icon { position:fixed; right:16px; top:12px; font-weight:700; }
.cart-link { text-decoration:none; color:#111; }
.container { max-width:1000px; margin:24px auto; padding:0 16px; }
.grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap:16px; }
.card { border:1px solid #eee; border-radius:8px; padding:12px; }
.card-title { font-weight:700; margin-bottom:6px; }
.card-meta .badge { font-size:12px; background:#f2f2f2; padding:2px 6px; border-radius:4px; margin-right:4px; }
.card-price { font-size:18px; margin:8px 0; }
.add-btn { padding:8px 10px; }
.cart-table { width:100%; border-collapse:collapse; margin:16px 0; }
.cart-table th, .cart-table td { border-bottom:1px solid #eee; padding:8px; }
.cart-table .right { text-align:right; }
.pay-box { border:1px solid #eee; border-radius:8px; padding:12px; max-width:500px; }
.pay-box label { display:block; margin:8px 0; }

.cx-solid {
  color: #fff;
  background: var(--cx-accent);
  box-shadow: 0 6px 16px color-mix(in oklab, var(--cx-accent) 25%, transparent);
}
.cx-solid:hover { background: var(--cx-accent-2); }


/* New -Code */
.cart-link.cx-bubble {
  display: inline-block;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 9999px; /* full circle edges */
  padding: 6px 14px;
  box-shadow: 0 4px 10px rgba(0,0,0,.08);
  color: #1f2937;
  text-decoration: none;
  font-weight: 500;
  transition: all .2s ease;
}

.cart-link.cx-bubble:hover {
  box-shadow: 0 6px 14px rgba(0,0,0,.15);
  transform: translateY(-1px);
}

.cart-link.cx-bubble #cart-count,
.cart-link.cx-bubble #cart-total {
  font-weight: 600;
  color: #111;
}