/* Sasmak - Tarjeta de producto nativa (sasmakfront 1.15.0, 02/11/2026). Medidas de la miniatura 1 de Element Flow. */
.sasmak-tj{height:100%;font-family:Poppins,sans-serif}
.sasmak-tj .tj-caja{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 0 10px 0 rgba(0,0,0,.12);transition:box-shadow .3s}
.sasmak-tj .tj-caja:hover{box-shadow:0 6px 20px 0 rgba(0,0,0,.16)}
.sasmak-tj .tj-foto{position:relative;padding:8px 12px;border-bottom:1px solid #E4E2E2}
.sasmak-tj .tj-foto-enlace,.sasmak-tj .tj-foto picture{display:block}
.sasmak-tj .tj-foto img{display:block;width:100%;height:auto}
.sasmak-tj .tj-pegatinas{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:5px;z-index:2}
.sasmak-tj .tj-pegatina{display:block;font-size:12px;font-weight:600;line-height:24px;text-transform:uppercase;letter-spacing:1px;color:#fff;border-radius:3px;padding:4px 8px}
.sasmak-tj .tj-dto{background:var(--e-global-color-accent,#E3242A)}
.sasmak-tj .tj-outlet{background:var(--e-global-color-tertiary,#333)}
.sasmak-tj .tj-cuerpo{flex:1 0 auto;display:flex;flex-direction:column;gap:4px;padding:14px 16px 12px}
.sasmak-tj .tj-arriba{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:16px}
.sasmak-tj .tj-marca{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:16px;letter-spacing:1px;text-transform:uppercase;color:#666}
.sasmak-tj .tj-estrellas{flex:0 0 auto}
.sasmak-tj .tj-estrellas .rating_box{display:flex;align-items:center;gap:4px;margin:0;text-align:left;font-size:12px;color:#666;line-height:16px;pointer-events:none;padding:0!important}
.sasmak-tj .tj-estrellas .rating_box_inner{display:inline-flex;gap:1px}
.sasmak-tj .tj-estrellas .pc_grade{font-size:12px}
.sasmak-tj .tj-nombre{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;font-weight:600;line-height:22px;color:#333;text-decoration:none}
.sasmak-tj .tj-nombre:hover{color:#E3242A}
.sasmak-tj .tj-stock{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.sasmak-tj .tj-stock:empty{display:none}
.sasmak-tj .tj-hay{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:3px;background:#E8F4EC;color:#1F7A45;font-size:12px;font-weight:600;line-height:24px;letter-spacing:1px}
.sasmak-tj .tj-hay::before{content:"";width:6px;height:6px;border-radius:50%;background:#1F7A45}
.sasmak-tj .tj-hay-k{text-transform:uppercase}
.sasmak-tj .tj-estado{font-size:12px;font-weight:600;line-height:24px;text-transform:uppercase;letter-spacing:1px;border-radius:3px;padding:2px 8px;color:#1F7A45;background:#E8F4EC}
.sasmak-tj .tj-estado-out_stock,.sasmak-tj .tj-estado-last_remaining_items{color:#A15C00;background:#FFF4E0}
.sasmak-tj .tj-disp{display:block;font-size:13px;font-weight:400;line-height:16px;color:#666}
.sasmak-tj .tj-precio{margin-top:auto;padding-top:8px;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:4px}
.sasmak-tj .tj-desde{flex:0 0 100%;font-size:12px;line-height:14px;color:#666}
.sasmak-tj .tj-pvp{font-size:24px;font-weight:700;line-height:30px;color:#333}
.sasmak-tj .tj-unidad{font-size:13px;line-height:24px;color:#666}
.sasmak-tj .tj-antes{margin-left:6px;font-size:13px;line-height:24px;color:#666}
.sasmak-tj .tj-antes s{text-decoration:line-through}
.sasmak-tj .tj-accion{padding:0 16px 14px}
.sasmak-tj .tj-boton{display:flex;align-items:center;justify-content:center;width:100%;border-radius:5px;font-size:15px;font-weight:600;line-height:20px;text-align:center;text-decoration:none;transition:background-color .2s,color .2s}
.sasmak-tj .tj-boton-carrito{padding:12px 16px;background:#333;color:#fff}
.sasmak-tj .tj-boton-carrito:hover,.sasmak-tj .tj-boton-carrito:focus{background:#E3242A;color:#fff}
.sasmak-tj .tj-boton-ver{padding:10px 16px;background:#fff;color:#333;border:2px solid #333}
.sasmak-tj .tj-boton-ver:hover,.sasmak-tj .tj-boton-ver:focus{background:#333;color:#fff}
/* Círculo de carga al añadir (Element Flow pone .stsb_active en el botón mientras dura la petición; el círculo es .stsb_loading del tema) */
.sasmak-tj .tj-boton{position:relative}
.sasmak-tj .tj-boton .stsb_loading{display:none;position:absolute;top:50%;left:50%;margin:-13px 0 0 -13px}
.sasmak-tj .tj-boton.stsb_active{pointer-events:none}
.sasmak-tj .tj-boton.stsb_active .stsb_loading{display:block}
.sasmak-tj .tj-boton.stsb_active .tj-boton-txt{opacity:0}
@media (max-width:576px){
  .sasmak-tj .tj-foto{padding:6px}
  .sasmak-tj .tj-pegatinas{top:8px;left:8px}
  .sasmak-tj .tj-cuerpo{padding:10px 10px 12px}
  .sasmak-tj .tj-nombre{font-size:14px;line-height:19px}
  .sasmak-tj .tj-pvp{font-size:19px}
  .sasmak-tj .tj-antes{flex:0 0 100%;margin-left:0}
  .sasmak-tj .tj-precio:not(.tj-con-antes)::after{content:"";flex:0 0 100%;height:24px}
  .sasmak-tj .tj-accion{padding:0 10px 10px}
  .sasmak-tj .tj-boton-carrito{padding:10px 8px;font-size:13px}
  .sasmak-tj .tj-boton-ver{padding:8px;font-size:13px}
}