/* Kartu listing & grid – dipakai homepage, halaman produk, dan kategori */
.wb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.wb-card{background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:.2s;min-width:0}
@media(hover:hover){.wb-card:hover{box-shadow:var(--wb-shadow);transform:translateY(-3px)}}
.wb-thumb{display:block;position:relative;aspect-ratio:4/3;overflow:hidden}
.wb-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.wb-emoji{display:grid;place-items:center;height:100%;font-size:3rem}
.wb-tag{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.55);color:#fff;font-size:.75rem;padding:3px 10px;border-radius:999px}
.wb-body{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}
.wb-body h3{font-size:1.05rem;line-height:1.3;margin:0;overflow-wrap:anywhere}
.wb-body h3 a{color:var(--wb-text);text-decoration:none}
.wb-body h3 a:hover{color:var(--wb-brand)}
.wb-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.84rem;color:var(--wb-muted)}
.wb-price{margin-top:auto;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 4px;font-size:.85rem;line-height:1.3;color:var(--wb-muted)}
.wb-price small{flex-basis:100%;font-size:.78rem}
.wb-price b{font-size:1.15rem;color:var(--wb-text);white-space:nowrap}
.wb-price .woocommerce-Price-amount{font-weight:700}
.wb-act{display:flex;gap:8px}
.wb-act .wb-btn{flex:1;min-width:0;padding:9px 12px;font-size:.9rem}

/* 4 kolom x 2 baris (8 listing): homepage & kategori */
.wb-grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.wb-grid4 .wb-thumb{aspect-ratio:16/11}
.wb-grid4 .wb-body{padding:14px}
.wb-grid4 .wb-act .wb-btn{padding:8px 8px;font-size:.85rem}
@media(max-width:1099px){.wb-grid4 .wb-feat{display:none}}

/* Tablet & HP: 2 kolom */
@media(max-width:899px){.wb-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){
	.wb-grid4{gap:10px}
	.wb-grid4 .wb-thumb{aspect-ratio:4/3}
	.wb-grid4 .wb-emoji{font-size:2.2rem}
	.wb-grid4 .wb-tag{top:8px;left:8px;font-size:.66rem;padding:2px 8px}
	.wb-grid4 .wb-card{border-radius:14px}
	.wb-grid4 .wb-body{padding:10px;gap:6px}
	.wb-grid4 .wb-body h3{font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
	.wb-grid4 .wb-meta{font-size:.74rem;gap:2px 8px}
	.wb-grid4 .wb-meta span:nth-child(n+3){display:none}
	.wb-grid4 .wb-price{font-size:.74rem}
	.wb-grid4 .wb-price small{font-size:.7rem}
	.wb-grid4 .wb-price b{font-size:.98rem}
	.wb-grid4 .wb-act{flex-direction:column;gap:6px}
	.wb-grid4 .wb-act .wb-btn{width:100%;flex:none;min-height:38px;padding:7px 6px;font-size:.8rem}
}
@media(max-width:359px){.wb-grid4 .wb-body{padding:8px}.wb-grid4 .wb-price b{font-size:.88rem}.wb-grid4 .wb-act .wb-btn{font-size:.76rem}}
.c1{background:linear-gradient(135deg,#1f3d2d,#3f7a4b)}
.c2{background:linear-gradient(135deg,#5e5a1a,#8f8630)}
.c3{background:linear-gradient(135deg,#2b3a34,#51675c)}