/* ============================================================
   NK CATEGORIAS — CLON TOM DIXON
   2 columnas, foto 16:10 apaisada, fondo gris claro, producto grande.
   Nombre izquierda + precio derecha en la misma linea.
   Sin estrellas, sin botones, sin boton lista. Solo CSS.
   ============================================================ */

.catalog-category-view .sidebar{display:none!important}
.catalog-category-view .column.main{width:100%!important;max-width:100%!important}
.catalog-category-view #product-list{overflow-x:hidden!important;padding:0 40px!important;max-width:100%!important;width:100%!important}
.catalog-category-view .columns,.catalog-category-view .column.main,.catalog-category-view #maincontent,.catalog-category-view .category-view{max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin:0!important}

/* GRID 2 columnas grandes */
.catalog-category-view #product-list ul[role="list"]{
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:40px!important;
  list-style:none!important;margin:24px 0!important;padding:0!important;
}
.catalog-category-view #product-list ul[role="list"]>li{
  width:100%!important;margin:0!important;list-style:none!important;
}

/* TARJETA limpia */
.catalog-category-view #product-list .product-item{
  border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;
}

/* FOTO: 16:10 apaisada, fondo gris claro Tom Dixon, producto grande, entero */
.catalog-category-view #product-list .product-item-photo{
  display:block!important;width:100%!important;aspect-ratio:16/10!important;
  background:#f0eeeb!important;border-radius:18px!important;overflow:hidden!important;
  margin:0 0 14px 0!important;padding:0!important;
}
.catalog-category-view #product-list .product-item-photo .product-image-container,
.catalog-category-view #product-list .product-item-photo .product-image-wrapper{
  width:100%!important;height:100%!important;padding:0!important;display:block!important;
}
.catalog-category-view #product-list .product-image-photo{
  width:100%!important;height:100%!important;object-fit:cover!important;
  padding:0!important;display:block!important;
  transition:transform .5s cubic-bezier(.2,.7,.2,1)!important;
}
.catalog-category-view #product-list .product-item:hover .product-image-photo{transform:scale(1.05)!important}

/* OCULTAR estrellas + botones */
.catalog-category-view #product-list .product-reviews-summary,
.catalog-category-view #product-list .rating-summary,
.catalog-category-view #product-list .reviews-actions,
.catalog-category-view #product-list [data-role="add-to-links"],
.catalog-category-view #product-list .product-item-inner .actions-secondary,
.catalog-category-view #product-list button[data-addto="compare"],
.catalog-category-view #product-list .towishlist,
.catalog-category-view #product-list .tocompare,
.catalog-category-view #product-list .product-item .mt-auto{display:none!important}

/* INFO: NOMBRE izquierda + PRECIO derecha en la MISMA linea (como Tom Dixon) */
.catalog-category-view #product-list .product-info{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:baseline!important;
  gap:12px!important;
  text-align:left!important;padding:2px 2px 0!important;
}
.catalog-category-view #product-list .product-item-name,
.catalog-category-view #product-list .product-item-link{
  font-size:1rem!important;font-weight:500!important;color:#1a1715!important;
  text-align:left!important;margin:0!important;line-height:1.3!important;
}
/* el bloque del nombre ocupa la 1a columna */
.catalog-category-view #product-list .product-info > div:first-child{grid-column:1!important;margin:0!important}
/* el bloque del precio va a la 2a columna, alineado derecha */
.catalog-category-view #product-list .product-info .price-box{
  grid-column:2!important;text-align:right!important;margin:0!important;padding:0!important;white-space:nowrap!important;
}
.catalog-category-view #product-list .product-info .price{
  font-size:1rem!important;color:#1a1715!important;font-weight:400!important;
}

/* MOVIL 1 columna */
@media(max-width:640px){
  .catalog-category-view #product-list ul[role="list"]{grid-template-columns:1fr!important;gap:22px!important}
  .catalog-category-view #product-list .product-image-photo{padding:18px!important}
}

/* OCULTAR BOTON VISTA LISTA */
.modes-mode.mode-list,a.mode-list,[class*="mode-list"]{display:none!important}

/* Fix layout 2columns-left: la columna main ocupa TODO, sin hueco de sidebar */
.page-layout-2columns-left .columns{display:block!important;width:100%!important;margin:0!important}
.page-layout-2columns-left .column.main{width:100%!important;max-width:100%!important;order:0!important;padding:0!important;margin:0!important;float:none!important}
.page-layout-2columns-left .sidebar-main,.page-layout-2columns-left .sidebar-additional{display:none!important;width:0!important}
.catalog-category-view .category-view.container{max-width:100%!important;padding:0 40px!important}

/* ===== NK HOVER 2ª FOTO (estilo Tom Dixon) ===== */
.nk-imgwrap{position:relative!important;width:100%!important;height:100%!important}
.nk-img-hover{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:0!important;transition:opacity .45s ease!important;z-index:2!important}
.nk-imgwrap:hover .nk-img-hover{opacity:1!important}
.nk-imgwrap:hover .nk-img-base{opacity:0!important}
