/* SecureTechNB V24 - Tienda estable 4x4 + paginación */

/* La matriz principal en PC queda siempre 4 columnas: 16 productos = 4x4 */
.product-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
}

.product-card{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:350px !important;
}

.v13-products{min-width:0 !important;}
.v13-main{align-items:start !important;}

/* Evita que una imagen o nombre largo rompa una columna */
.product-card h3,
.product-card .meta,
.product-card .desc{
  overflow-wrap:anywhere;
}

.product-img img{
  max-width:100%;
  max-height:122px;
}

/* Paginación integrada */
.stnb-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:30px 0 36px;
  padding:18px;
  background:#fff;
  border:1px solid var(--border,#DDE8F3);
  border-radius:22px;
  box-shadow:0 18px 46px rgba(15,23,42,.08);
}

.stnb-pagination a,
.stnb-pagination span:not(.page-info){
  min-width:42px;
  height:42px;
  padding:0 14px;
  border-radius:14px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border:1px solid #DDE8F3;
  background:#fff;
  color:#081525;
  font-weight:950;
}

.stnb-pagination a:hover{
  border-color:#00B8D9;
  transform:translateY(-1px);
}

.stnb-pagination a.active{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,#075BFF,#00B8D9);
}

.stnb-pagination a.disabled{
  opacity:.45;
  pointer-events:none;
}

.stnb-pagination .dots{
  border:0 !important;
  background:transparent !important;
  min-width:auto !important;
  padding:0 4px !important;
}

.stnb-pagination .page-info{
  width:100%;
  display:block;
  text-align:center;
  color:#64748B;
  font-size:13px;
  font-weight:850;
  margin-top:6px;
}

.v24-empty-products{
  grid-column:1/-1;
  background:#fff;
  border:1px solid #DDE8F3;
  border-radius:20px;
  padding:32px;
  text-align:center;
  color:#64748B;
  font-weight:900;
}

/* Responsive ordenado */
@media(max-width:1180px){
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}

@media(max-width:900px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}

@media(max-width:420px){
  .product-grid{grid-template-columns:1fr !important;}
}