.wctsm-matrix-wrapper{
  margin-bottom: 1.5em;
  border: 1px solid #eee;
  padding: 12px;
  border-radius: 8px;
}
.wctsm-matrix-table{
  width: 100%;
  border-collapse: collapse;
  margin-top: 8px;
}
.wctsm-matrix-table th,
.wctsm-matrix-table td{
  padding: 6px 8px;
  border-bottom: 1px solid #f1f1f1;
}
.wctsm-matrix-table .wctsm-size-label{
  font-weight: 600;
}
.wctsm-matrix-table input.wctsm-qty{
  width: 80px;
}
.wctsm-total-line{
  margin-top: 8px;
  font-weight: 600;
}
.wctsm-min-note{
  font-size: 13px;
  color: #555;
}

/* v1.1.0 – Frontend layout override: show only Size + Qty, 3 per row */
.wctsm-matrix-table thead { display: none; }
.wctsm-matrix-table td:nth-child(3),
.wctsm-matrix-table th:nth-child(3),
.wctsm-matrix-table td:nth-child(4),
.wctsm-matrix-table th:nth-child(4){ display:none !important; }

/* Grid layout: three size/qty blocks per row on desktop */
.wctsm-matrix-table{ display:block; }
.wctsm-matrix-table tbody{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}
.wctsm-matrix-table tr{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px solid #eee;
  padding:10px 12px;
  border-radius:8px;
  background:#fff;
}
.wctsm-matrix-table td{ border:0; padding:0; }
.wctsm-matrix-table .wctsm-size-label{ font-weight:600; }
.wctsm-matrix-table input.wctsm-qty{ width:90px; }

@media (max-width: 992px){
  .wctsm-matrix-table tbody{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .wctsm-matrix-table tbody{ grid-template-columns: 1fr; }
}