/*
 * TOPDON Theme 1.2.0 · Tarjeta única V34.
 * MISMA estructura HTML/estilo en: inicio, tienda, categorías, etiquetas,
 * relacionados, ventas dirigidas y resultados de búsqueda.
 * Hoja cargada al final intencionadamente: neutraliza estilos históricos LAUNCH
 * sin cambiar checkout, carrito ni clases internas de YITH.
 */
:root{--td-card-blue:#10acf9;--td-card-border:#29384a;--td-card-bg:#0d141e;}
/* No introducir fondos/cajas adicionales en los <li> nativos WooCommerce */
.product-grid > .td-design-card,
.topdon-wc-page .woocommerce ul.products li.td-design-card {
 position:relative!important;
 display:flex!important;
 flex-direction:column!important;
 box-sizing:border-box!important;
 flex-shrink:0;
 min-width:0!important;
 height:auto!important;
 min-height:0!important;
 width:auto;
 margin:0!important;
 padding:0!important;
 gap:0!important;
 float:none!important;
 overflow:hidden!important;
 border:1px solid var(--td-card-border)!important;
 border-radius:21px!important;
 background:var(--td-card-bg)!important;
 color:#f5f8fc!important;
 box-shadow:none!important;
 text-align:left!important;
 isolation:isolate;
 transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.product-grid > .td-design-card:hover,
.topdon-wc-page .woocommerce ul.products li.td-design-card:hover{
 transform:translateY(-3px)!important;
 border-color:#447293!important;
 box-shadow:0 15px 32px rgba(0,0,0,.22)!important;
}
/* Marco blanco SIN overlay ni zoom recortado. */
.product-grid > .td-design-card .card-img,
.topdon-wc-page .woocommerce ul.products li.td-design-card .card-img{
 position:relative!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 width:100%!important;
 height:220px!important;
 min-height:220px!important;
 padding:0!important;
 margin:0!important;
 border:0!important;
 border-bottom:1px solid #e7ecf1!important;
 border-radius:0!important;
 background:#fff!important;
 overflow:hidden!important;
 flex:0 0 auto!important;
}
.td-design-card .card-img::before,
.td-design-card .card-img::after{content:none!important;display:none!important;}
.td-design-card .card-img > a.td-card-image-link{
 position:absolute!important;
 inset:0!important;
 z-index:1;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 width:100%!important;
 height:100%!important;
 padding:18px!important;
 margin:0!important;
 background:#fff!important;
 border:0!important;
 border-radius:0!important;
}
.product-grid > .td-design-card .card-img img,
.topdon-wc-page .woocommerce ul.products li.td-design-card .card-img img{
 position:relative!important;
 display:block!important;
 width:100%!important;
 height:100%!important;
 max-width:100%!important;
 max-height:100%!important;
 margin:0!important;
 padding:0!important;
 object-fit:contain!important;
 object-position:center!important;
 filter:none!important;
 mix-blend-mode:normal!important;
 transform:none!important;
 border-radius:0!important;
}
.td-design-card .card-badge{
 position:absolute!important;
 z-index:3!important;
 top:17px!important;
 left:17px!important;
 display:inline-flex!important;
 width:auto!important;
 padding:6px 13px!important;
 border:0!important;
 border-radius:999px!important;
 color:#071c29!important;
 background:var(--td-card-blue)!important;
 font:700 11px/1.1 'JetBrains Mono',monospace!important;
 letter-spacing:0!important;
}
/* Icono de comparación V34: cuadrado blanco en extremo derecho. */
.product-grid > .td-design-card .td-compare-toggle,
.topdon-wc-page .woocommerce ul.products li.td-design-card .td-compare-toggle{
 position:absolute!important;
 z-index:4!important;
 top:21px!important;
 right:21px!important;
 width:38px!important;
 height:38px!important;
 min-width:38px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 padding:8px!important;
 border:1px solid #d9e4ef!important;
 border-radius:12px!important;
 background:#fff!important;
 color:#34445b!important;
 box-shadow:0 5px 14px rgba(14,28,45,.12)!important;
 transform:none!important;
 cursor:pointer;
}
.td-design-card .td-compare-toggle svg{width:19px!important;height:19px!important;stroke:currentColor;}
.td-design-card .td-compare-toggle:hover,
.td-design-card .td-compare-toggle[aria-pressed="true"]{
 background:#d8f1ff!important;border-color:#10acf9!important;color:#087eb9!important;
}
/* Cuerpo V34: categoría, título, separador, precio y acciones. */
.product-grid > .td-design-card .card-body,
.topdon-wc-page .woocommerce ul.products li.td-design-card .card-body{
 display:flex!important;
 flex-direction:column!important;
 flex:1 1 auto!important;
 align-items:stretch!important;
 gap:7px!important;
 width:100%!important;
 min-width:0!important;
 margin:0!important;
 padding:17px 17px 20px!important;
 box-sizing:border-box!important;
 background:transparent!important;
}
.td-design-card .card-cat{
 display:block!important;
 min-height:0!important;
 margin:0!important;
 padding:0!important;
 color:#72d2fa!important;
 font:600 10px/1.5 'JetBrains Mono',monospace!important;
 letter-spacing:1.35px!important;
 text-transform:uppercase!important;
 overflow-wrap:anywhere;
}
.product-grid > .td-design-card .card-title,
.topdon-wc-page .woocommerce ul.products li.td-design-card .card-title{
 margin:0!important;
 padding:0!important;
 min-height:0!important;
 display:block!important;
 color:#f5f8fd!important;
 font:750 17.5px/1.3 Inter,Arial,sans-serif!important;
 letter-spacing:-.025em!important;
 text-transform:none!important;
 text-align:left!important;
 overflow-wrap:anywhere;
 text-wrap:wrap;
}
.td-design-card .card-title a{display:inline!important;color:inherit!important;text-decoration:none!important;font:inherit!important;line-height:inherit!important;}
.td-design-card .card-title a:hover{color:#bde9ff!important;}
.product-grid > .td-design-card .card-footer,
.topdon-wc-page .woocommerce ul.products li.td-design-card .card-footer{
 display:flex!important;
 flex-direction:column!important;
 align-items:stretch!important;
 flex:1 1 auto!important;
 justify-content:space-between!important;
 gap:0!important;
 width:100%!important;
 min-width:0!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
}
/* V16: a la izquierda, centrado vertical en el espacio disponible. */
.product-grid > .td-design-card .card-prices,
.topdon-wc-page .woocommerce ul.products li.td-design-card .card-prices{
 display:flex!important;
 flex:1 1 75px!important;
 flex-direction:column!important;
 align-items:flex-start!important;
 justify-content:center!important;
 min-height:75px!important;
 width:100%!important;
 box-sizing:border-box!important;
 gap:4px!important;
 margin:0 0 11px!important;
 padding:9px 0 9px!important;
 border:0!important;
 border-top:1px solid #273446!important;
 text-align:left!important;
 background:none!important;
}
.td-design-card .card-prices .price-old-sm,
.td-design-card .card-prices .price-new-sm{
 display:block!important;
 width:100%!important;
 min-width:0!important;
 align-self:flex-start!important;
 margin:0!important;
 padding:0!important;
 text-align:left!important;
}
.td-design-card .card-prices .price-old-sm,
.td-design-card .card-prices .price-old-sm .woocommerce-Price-amount{
 color:#8e9aae!important;
 font:500 11px/1.25 'JetBrains Mono',monospace!important;
 text-decoration:line-through!important;
}
.td-design-card .card-prices .price-new-sm,
.td-design-card .card-prices .price-new-sm .woocommerce-Price-amount{
 color:#fff!important;
 font:700 clamp(20px,1.8vw,25px)/1.13 Oswald,Arial,sans-serif!important;
 letter-spacing:.01em!important;
 text-decoration:none!important;
}
/* Two real actions, always pinned to the bottom and same width. */
.product-grid > .td-design-card .card-actions,
.topdon-wc-page .woocommerce ul.products li.td-design-card .card-actions{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 flex:0 0 auto!important;
 align-items:stretch!important;
 align-self:stretch!important;
 gap:9px!important;
 width:100%!important;
 min-width:0!important;
 margin:0!important;
 padding:0!important;
 box-sizing:border-box!important;
}
.td-design-card .card-actions > a.btn-card-cart,
.td-design-card .card-actions > a.btn-card-quote,
.td-design-card .card-actions .topdon-native-quote .add-request-quote-button,
.td-design-card .card-actions .topdon-native-quote .topdon-quote-options{
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 min-width:0!important;
 width:100%!important;
 min-height:46px!important;
 height:100%!important;
 max-width:none!important;
 padding:9px 5px!important;
 margin:0!important;
 box-sizing:border-box!important;
 border-radius:11px!important;
 box-shadow:none!important;
 font:700 10.5px/1.2 Inter,Arial,sans-serif!important;
 letter-spacing:0!important;
 text-align:center!important;
 text-transform:none!important;
 white-space:normal!important;
 overflow-wrap:normal!important;
 word-break:normal!important;
 hyphens:none!important;
 text-decoration:none!important;
 float:none!important;
}
.td-design-card .card-actions > a.btn-card-cart{
 color:#071b28!important;
 border:1px solid var(--td-card-blue)!important;
 background:var(--td-card-blue)!important;
}
.td-design-card .card-actions > a.btn-card-quote,
.td-design-card .card-actions .topdon-native-quote .add-request-quote-button,
.td-design-card .card-actions .topdon-native-quote .topdon-quote-options{
 color:#f2f7fb!important;
 border:1px solid #3c526d!important;
 background:#0d141e!important;
}
.td-design-card .card-actions > a.btn-card-cart:hover{filter:brightness(1.1);}
.td-design-card .card-actions > a.btn-card-quote:hover,
.td-design-card .card-actions .topdon-native-quote .add-request-quote-button:hover,
.td-design-card .card-actions .topdon-native-quote .topdon-quote-options:hover{border-color:#10acf9!important;background:#162737!important;}
.td-design-card .card-actions .topdon-native-quote{
 display:flex!important;
 flex-direction:column!important;
 min-width:0!important;
 width:100%!important;
 align-self:stretch!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
 background:transparent!important;
 box-shadow:none!important;
}
.td-design-card .card-actions .topdon-native-quote .yith-ywraq-add-to-quote,
.td-design-card .card-actions .topdon-native-quote .yith-ywraq-add-button{
 min-width:0!important;
 width:100%!important;
 max-width:100%!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
 background:transparent!important;
}
/* Respetar expresamente los estados display:none de YITH tras cotizar. */
.td-design-card .card-actions .topdon-native-quote [style*="display:none"],
.td-design-card .card-actions .topdon-native-quote [style*="display: none"]{display:none!important;}
/* WooCommerce inserta un tercer enlace al agregar por AJAX; se usa el carrito lateral. */
.td-design-card .card-actions > a.added_to_cart{display:none!important;}
.td-design-card .card-actions .topdon-native-quote .clear{display:none!important;}
/* Carrito/archivo: restituir anchos a li.product y heredar presentación de portada. */
.topdon-wc-page .woocommerce ul.products li.td-design-card .card-actions > a.btn-card-cart,
.topdon-wc-page .woocommerce ul.products li.td-design-card .card-actions > a.btn-card-quote{
 max-width:100%!important;
 margin:0!important;
}
.topdon-wc-page .woocommerce ul.products li.td-design-card::before,
.topdon-wc-page .woocommerce ul.products li.td-design-card::after{content:none!important;display:none!important;}
/* Search results now reuse li.product in the same grid. */
.topdon-wc-page .woocommerce ul.products.topdon-search-products{
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:18px!important;
 margin:24px 0 38px!important;
 padding:0!important;
 list-style:none!important;
}
@media(max-width:1100px){
 .topdon-wc-page .woocommerce ul.products.topdon-search-products{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:800px){
 .topdon-wc-page .woocommerce ul.products.topdon-search-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 .product-grid > .td-design-card .card-img,
 .topdon-wc-page .woocommerce ul.products li.td-design-card .card-img{height:210px!important;min-height:210px!important;}
}
@media(max-width:520px){
 /* Portada conserva el carrusel con avance de tarjeta parcial; listas: una tarjeta legible. */
 .topdon-wc-page .woocommerce ul.products.topdon-search-products,
 .topdon-wc-archive .woocommerce ul.products,
 .topdon-wc-single .woocommerce .related.products ul.products,
 .topdon-wc-single .woocommerce .up-sells.products ul.products{
  grid-template-columns:minmax(0,1fr)!important;
  gap:17px!important;
 }
 .product-grid > .td-design-card .card-body,
 .topdon-wc-page .woocommerce ul.products li.td-design-card .card-body{padding:14px 14px 16px!important;}
 .product-grid > .td-design-card .card-img,
 .topdon-wc-page .woocommerce ul.products li.td-design-card .card-img{height:222px!important;min-height:222px!important;}
 .td-design-card .card-title{font-size:17px!important;}
 .td-design-card .card-actions{gap:7px!important;}
 .td-design-card .card-actions > a.btn-card-cart,
 .td-design-card .card-actions > a.btn-card-quote,
 .td-design-card .card-actions .topdon-native-quote .add-request-quote-button,
 .td-design-card .card-actions .topdon-native-quote .topdon-quote-options{
  font-size:10.5px!important;min-height:46px!important;padding:9px 5px!important;
 }
}

/* When YITH doesn't expose a quote button for this particular item,
   show the remaining WooCommerce action across the full width. */
.product-grid > .td-design-card .card-actions:has(> :only-child),
.topdon-wc-page .woocommerce ul.products li.td-design-card .card-actions:has(> :only-child){
 grid-template-columns:minmax(0,1fr)!important;
}