/* Category bar */
.whci-cat-bar{z-index:9999;background:#fff;border-bottom:1px solid #eee;overflow:hidden}
.whci-cat-scroll{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem .75rem}
.whci-cat{display:flex;flex-direction:column;align-items:center;gap:.25rem;border:1px solid #eee;background:#ffdb2d;border-radius:10px;padding:.5rem .75rem;white-space:nowrap;cursor:pointer}
.whci-cat.active {
    border-color: #111;
    background: darkred;
    color: white;
}
.whci-cat img{width:80px;height:60px;object-fit:cover;border-radius:10px}
.whci-cat-dot{width:28px;height:28px;border-radius:9999px;border:1px dashed #bbb;display:inline-block}
.whci-cat-name{font-size:.8rem}
.whci-cat-name {
    -webkit-box-orient: vertical;
    white-space: normal;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* Product list */
.whci-product-list{padding:.75rem}
.whci-groups{display:flex;flex-direction:column;gap:1rem}
.whci-group{border:1px solid #eee;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.whci-group-header{position:sticky;top:1px;background:#ff9900;border-bottom:1px solid #eee;padding:.5rem .75rem;font-weight:700;border-top-left-radius:14px;border-top-right-radius:14px}
.whci-rows{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}

/* Row */
.whci-row{display:grid;grid-template-columns:64px 1fr 96px;align-items:center;gap:.5rem;border:1px solid #eee;border-radius:12px;padding:.5rem;background:#fff}
.whci-thumb img{width:64px;height:64px;object-fit:cover;border-radius:8px}
.whci-title{font-weight:600;font-size:.95rem;line-height:1.2}
.whci-price{font-size:.9rem;opacity:.9;margin-top:.25rem}
.whci-cta{display:flex;justify-content:flex-end}
.whci-add-btn{border:1px solid #111;background:#111;color:#fff;border-radius:10px;padding:.5rem .75rem;font-weight:600}
.whci-qty{border:1px solid #111;border-radius:10px;padding:.45rem .5rem;min-width:80px}
.whci-empty{padding:1rem;text-align:center;color:#666}

@media (max-width:480px){
  .whci-row{grid-template-columns:56px 1fr 88px}
  .whci-thumb img{width:56px;height:56px}
}