/* ============================================================
   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}

/* === CAJON CESTA NK (24/09) === */
#cart-drawer #cart-drawer-title{font-family:Georgia,'Times New Roman',serif;font-weight:400}
#cart-drawer .btn-primary{background:#1a1a1a!important;border:1px solid #1a1a1a!important;color:#fff!important;border-radius:0!important;box-shadow:none!important;justify-content:center;padding:16px 24px;font-size:13px;letter-spacing:2px;text-transform:uppercase}
#cart-drawer .btn-primary:hover{background:#000!important}
#cart-drawer .btn-secondary{background:#fff!important;border:1px solid #1a1a1a!important;color:#1a1a1a!important;border-radius:0!important;box-shadow:none!important;justify-content:center;padding:16px 24px;font-size:13px;letter-spacing:2px;text-transform:uppercase}
#cart-drawer .btn.bg-transparent{border:0!important;box-shadow:none!important;outline:none!important;color:#1a1a1a}
#cart-drawer .btn.bg-transparent:focus-visible{outline:1px solid #1a1a1a!important;outline-offset:2px}

/* NK login: autofill sin azul + botones negro (Hyva) */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #fff inset !important;box-shadow:0 0 0 1000px #fff inset !important;-webkit-text-fill-color:#111 !important;transition:background-color 99999s ease-in-out 0s}
.customer-account-login .btn-primary,.customer-account-create .btn-primary,.customer-account-forgotpassword .btn-primary,.customer-account-login .block-new-customer .btn{--btn-bg:#111 !important;--btn-stroke:#111 !important;--btn-color:#fff !important;--btn-hover-bg:#333 !important;--btn-hover-stroke:#333 !important;--btn-hover-color:#fff !important;--btn-active-bg:#000 !important;--btn-active-color:#fff !important;background:#111 !important;border-color:#111 !important;color:#fff !important}
.customer-account-login .btn-primary:hover,.customer-account-create .btn-primary:hover,.customer-account-login .block-new-customer .btn:hover{background:#333 !important;border-color:#333 !important}

/* === RESPONSIVE NK (24/09) === */
.page-header #header img[alt^="Nordiklum"]{height:33px!important;max-height:none!important;width:auto!important}
@media(max-width:1023px){
  #header>.container{flex-wrap:nowrap!important;padding:10px 12px!important;gap:4px}
  #header>.container>div:first-child{order:1!important;flex:1 1 auto;width:auto!important;padding:0!important;display:flex;justify-content:center}
  #header>.container>.lg\:hidden{order:0!important}
  #header>.container>.order-1{order:2!important}
  .page-header #header img[alt^="Nordiklum"]{height:28px!important}
  #header>.container .btn{min-width:40px;min-height:40px;justify-content:center}
}
@media(max-width:639px){
  .page-header #header img[alt^="Nordiklum"]{height:20px!important}
  #header>.container>.order-1{gap:0!important}
}
.nk-announcement__item{font-size:11px!important}
nav.breadcrumbs a,nav.breadcrumbs span,nav.breadcrumbs li{color:#6b665e}
.btn-primary{background:#1a1a1a!important;border-color:#1a1a1a!important;color:#fff!important;border-radius:0!important;box-shadow:none!important}
.btn-primary:hover{background:#000!important}
.nk-desc-bottom{margin-top:56px;padding-top:40px;border-top:1px solid #e8e5e0;max-width:760px}
.category-description h2{font-family:Georgia,'Times New Roman',serif;font-size:22px;line-height:1.3;margin:28px 0 10px;font-weight:400}
.category-description h3{font-size:17px;line-height:1.35;margin:20px 0 6px;font-weight:600}
.category-description p{margin:0 0 12px;line-height:1.65}
.category-description ul{list-style:disc;padding-left:20px;margin:0 0 14px}
.category-description li{margin:0 0 6px}
@media(max-width:640px){
  .category-description [data-element="inner"]{padding:0!important}
  .category-description{font-size:15px}
  .catalog-category-view #product-list ul[role="list"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 12px!important}
  .catalog-category-view #product-list .product-image-photo{padding:6px!important}
  .catalog-category-view #product-list .product-info{display:block!important}
  .catalog-category-view #product-list .product-info a,.catalog-category-view #product-list .product-info .product-item-link{font-size:13px!important}
  .catalog-category-view #product-list .product-info .price-box{text-align:left!important;margin-top:4px!important}
  .catalog-category-view #product-list .product-info .price{font-size:14px!important}
  .catalog-category-view #product-list .product-info *{line-height:1.35!important}
}
.sorter-action{min-width:44px;min-height:44px}
@media(max-width:768px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:420px){.cat-tile{padding:36px 10px!important;min-width:0}.cat-tile *{letter-spacing:.12em!important;overflow-wrap:anywhere}}
#nk-cookie{box-sizing:border-box;max-width:100vw}
@media(max-width:640px){#nk-cookie{padding:16px!important}#nk-cookie *{max-width:100%}}
body:has(#nk-cookie[style*="display: block"]) #nkc-b,body:has(#nk-cookie[style*="display:block"]) #nkc-b{display:none!important}
html,body{overflow-x:clip}

/* === ATC TEXTO NK (24/09) === */
#product-addtocart-button span,form[action*="checkout/cart/add"] button span{display:inline!important;margin-left:8px}
#product-addtocart-button,form[action*="checkout/cart/add"] button[type="submit"]{justify-content:center;white-space:nowrap}

/* === GLOBO CESTA NK (24/09) === */
#header [x-text="cart.summary_count"]{background:#c0392b!important;color:#fff!important;border-radius:999px!important;min-width:18px;height:18px;padding:0 5px!important;font-size:11px!important;line-height:18px!important;font-weight:600;display:inline-flex;align-items:center;justify-content:center}

/* === PAYPAL SOLO CHECKOUT (24/09) === */
body:not(.checkout-index-index) [id^="paypalInContext"],body:not(.checkout-index-index) .product-shortcuts-container,body:not(.checkout-index-index) .paypal.checkout.paypal-logo{display:none!important}

/* === ATC ALINEADO NK === */
#product-addtocart-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}
#product-addtocart-button svg{margin:0!important;position:static!important;flex:none}
#product-addtocart-button span{margin:0!important}