.kkb-wrap{margin:1rem 0;display:grid;gap:1rem}
.kkb-card{border:1px solid var(--kk-border,#e5e7eb);border-radius:12px;background:#fff}
.kkb-card-head{padding:12px 16px;border-bottom:1px solid var(--kk-border,#e5e7eb)}
.kkb-card-body{padding:16px}
.kkb-h3{margin:0;font-size:1.2rem}
.kkb-h4{margin:.2rem 0 .4rem 0;font-size:1.05rem}
.kkb-muted{color:#667085;font-size:.95em}
.kkb-size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kkb-size-tile{display:block;border:1px solid var(--kk-border,#e5e7eb);border-radius:10px;padding:12px;cursor:pointer}
.kkb-size-tile input{margin-right:8px}
.kkb-size-title{font-weight:700}
.kkb-size-price{margin-top:4px;color:#111}
.kkb-cat-sec{border:1px dashed var(--kk-border,#e5e7eb);border-radius:10px;padding:12px;margin-bottom:12px}
.kkb-cat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.kkb-cap{color:#111;background:#f7faf7;border:1px solid var(--kk-border,#e5e7eb);border-radius:6px;padding:6px 8px;font-weight:600}
.kkb-products--loading{min-height:80px;display:flex;align-items:center;justify-content:center}
.kkb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.kkb-prod{display:block;border:1px solid var(--kk-border,#e5e7eb);border-radius:10px;padding:10px;cursor:pointer;background:#fff}
.kkb-prod input{margin-right:6px}
.kkb-prod-img{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#fafafa;border:1px solid var(--kk-border,#e5e7eb);border-radius:8px;margin-bottom:8px;overflow:hidden}
.kkb-prod-img img{width:100%;height:100%;object-fit:contain}
.kkb-prod-title{font-weight:600;margin-bottom:4px}
.kkb-prod-price{font-size:.95em;color:#111}
.kkb-submit{width:100%;border-radius:6px;font-weight:700}


.kkb-size-tile{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  gap:.4rem;
}
.kkb-size-tile input{ align-self:flex-start; }
.kkb-size-img{ width:100%; aspect-ratio:1/1; background:#fafafa; border:1px solid var(--kk-border,#e5e7eb); border-radius:8px; overflow:hidden; }
.kkb-size-img img{ width:100%; height:100%; object-fit:contain; }
.kkb-size-sku{ font-weight:700; font-size:1rem; margin-top:.2rem; }
.kkb-size-title{ font-size:.95rem; color:#111; }
.kkb-size-price{ font-size:.95rem; color:#111; }

@media (min-width: 640px){.kkb-size-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}





.kkb-size-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem}


/* --- KKB: Force five size tiles per row on desktop --- */


@media (min-width: 1024px){.kkb-size-grid{grid-template-columns:repeat(5,minmax(0,1fr));}}