/* ==========================================================================
   EFI Energy — Tarjeta de producto (Home + Categoría/Tienda)
   ========================================================================== */

.efi-product-card{
	--efi-blue:#000B67;
	--efi-blue-light:#1B2A9E;
	--efi-orange-btn:#B45303;
	--efi-ink:#1A1A2E;
	--efi-gray-600:#6C757D;
	--efi-gray-400:#ADB5BD;
	--efi-gray-200:#E7E9EC;
	--efi-bg:#FAFAFC;
	--efi-success:#28A745;
	--efi-font-display:'Space Grotesk',sans-serif;
	--efi-font-mono:'IBM Plex Mono',monospace;

	border:1px solid var(--efi-gray-200);border-radius:12px;overflow:hidden;
	background:#fff;display:flex;flex-direction:column;transition:.2s;
	font-family:'Inter',sans-serif;
}
.efi-product-card:hover{box-shadow:0 8px 24px rgba(0,11,103,.10);transform:translateY(-2px);}
.efi-product-img{aspect-ratio:1/1;background:linear-gradient(135deg,#eef0f7,#f6f4ea);display:flex;align-items:center;justify-content:center;position:relative;text-decoration:none;}
.efi-product-img img{width:100%;height:100%;object-fit:contain;}
.efi-badge{position:absolute;top:10px;left:10px;background:var(--efi-orange-btn);color:#fff;font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:5px;z-index:2;}
.efi-product-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:6px;}
.efi-product-brand{font-family:var(--efi-font-mono);font-size:10.5px;color:var(--efi-gray-600);}
.efi-product-name{font-size:13.5px;font-weight:600;color:var(--efi-ink);line-height:1.35;text-decoration:none;}
.efi-price-row{font-family:var(--efi-font-display);font-weight:700;font-size:20px;color:var(--efi-blue);}
.efi-price-row del{font-family:var(--efi-font-mono);font-size:12.5px;color:var(--efi-gray-400);font-weight:400;margin-right:6px;}
.efi-price-row ins{text-decoration:none;}
.efi-stock{font-size:11.5px;color:var(--efi-success);font-weight:600;}
.efi-stock--out{color:var(--efi-gray-600);}

.efi-cart-form{display:flex;gap:8px;margin-top:8px;}
.efi-qty-stepper{display:flex;border:1px solid var(--efi-gray-200);border-radius:8px;overflow:hidden;flex:none;}
.efi-qty-stepper button{background:var(--efi-bg);border:none;width:30px;font-family:var(--efi-font-mono);font-size:15px;color:var(--efi-blue);cursor:pointer;}
.efi-qty-input{width:34px;border:none;border-left:1px solid var(--efi-gray-200);border-right:1px solid var(--efi-gray-200);text-align:center;font-family:var(--efi-font-mono);font-size:13px;-moz-appearance:textfield;}
.efi-qty-input::-webkit-outer-spin-button,.efi-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.efi-add-btn{flex:1;background:var(--efi-orange-btn);color:#fff;border:none;border-radius:8px;padding:0 10px;font-weight:600;font-size:13px;cursor:pointer;}
.efi-notify-btn{margin-top:8px;display:block;text-align:center;background:#fff;border:1px solid var(--efi-blue);color:var(--efi-blue);border-radius:8px;padding:10px;font-weight:600;font-size:13px;text-decoration:none;}

@media(max-width:640px){
	.efi-qty-stepper button{width:40px;height:40px;font-size:17px;}
}

/* Grid: se usa donde queramos mostrar varias tarjetas en fila */
.efi-product-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
@media(max-width:980px){.efi-product-row{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.efi-product-row{grid-template-columns:1fr;}}

/* Grid nativo de WooCommerce en Categoría/Tienda — lo alineamos al mismo patrón */
ul.products{display:grid !important;grid-template-columns:repeat(4,1fr);gap:18px;list-style:none;margin:0;padding:0;}
ul.products li.product{width:100% !important;margin:0 !important;padding:0 !important;}
@media(max-width:980px){ul.products{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){ul.products{grid-template-columns:1fr;}}