.etiquetas{ display:flex; flex-wrap:wrap; gap:4px; margin-bottom:10px; }
.etiquetas .tag{
  font-size:.80rem;
  background:#f3f4f6;
  color:#374151;
  padding:4px 8px;
  border-radius:999px;
}
   /* ==== Carrusel relacionados: 4 por vista en desktop ==== */
.related-section { margin-top: 36px; }
.related-title { font-weight: 700; color: #1f2937; margin-bottom: 14px; }

.related-carousel { position: relative; overflow: hidden;}
.related-scroll {
  display: flex;
  gap: 12px;                 /* ↓ bajamos gap para cuadrar 4 */
  padding: 2px 0;
  scroll-behavior: smooth;
  overflow-x: auto;
  scrollbar-width: none;
}
.related-scroll::-webkit-scrollbar { display: none; }

/* ===== RELACIONADOS: cards con misma altura y botón uniforme ===== */
.related-scroll .product-card{
    display:flex;
    flex-direction:column;
    height:100%;
    flex: 0 0 calc((100% - 36px) / 4);
    max-width: calc((100% - 36px) / 4);
    box-sizing:border-box;
    margin:0;
    padding:14px;
    border-radius:16px;
  }
  
  /* Imagen fija */
  .related-scroll .product-image{
    height:160px;
    border-radius:12px;
    margin-bottom:8px;
  }
  .related-scroll .product-image img{ width:100%; height:100%; object-fit:contain; }
  
  /* Marca / categorías: 1 línea con elipsis y altura fija */
  .related-scroll .brand-marca,
  .related-scroll .brand-cats{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    overflow:hidden;
    line-height:1.2;
    white-space:normal;
  }
  .related-scroll .brand-marca{ font-size:.8rem; margin-top:6px; min-height:1.2em; }
  .related-scroll .brand-cats { font-size:.78rem;           min-height:1.2em; }
  .related-scroll .evento-text{ font-size:.72rem; }
  
  /* Nombre: máximo 2 líneas + altura mínima exacta de 2 líneas */
  .related-scroll .product-name{
    font-size:.95rem;
    line-height:1.3;
    margin:6px 0 4px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    min-height: calc(1.3em * 2);
  }
  
  /* Precios compactos con altura mínima */
  .related-scroll .price-section{
    display:flex; align-items:center; gap:8px;
    min-height:24px;
    margin:4px 0 6px;
  }
  .related-scroll .current-price{ color:#059669; font-weight:700; font-size:.98rem; }
  .related-scroll .original-price{ color:#9aa0a6; text-decoration:line-through; font-size:.9rem; }
  
  /* Chips de delivery en una sola fila (no rompen altura) */
  .related-scroll .delivery-options{
    display:flex; gap:6px;
    flex-wrap:nowrap;          /* evita saltos de línea */
    white-space:nowrap;        /* evita que el texto rompa */
    overflow:hidden;           /* oculta exceso si hay muchos chips */
    min-height:22px;           /* altura fija de la fila de chips */
    margin-bottom:8px;
  }
  
  /* Botón: mismo alto y pegado abajo */
  .related-scroll .details-btn{
    margin-top:auto;           /* lo pega al fondo */
    width:100%;
    height:44px;               /* alto uniforme */
    min-height:44px;
    display:flex; align-items:center; justify-content:center;
    padding:0 14px;
    font-size:.85rem;
    border-radius:10px;
  }
  
  /* Hover sutil */
  .related-scroll .product-card:hover{
    transform: translateY(-6px) scale(1.01);
  }
  
  /* ===== Breakpoints: 3 / 2 / 1 por vista ===== */
  @media (max-width:1200px){
    .related-scroll .product-card{
      flex-basis: calc((100% - 24px) / 3);
      max-width:  calc((100% - 24px) / 3);
    }
    .related-scroll .product-image{ height:160px; }
  }
  @media (max-width:992px){
    .related-scroll .product-card{
      flex-basis: calc((100% - 12px) / 2);
      max-width:  calc((100% - 12px) / 2);
    }
    .related-scroll .product-image{ height:150px; }
  }
  @media (max-width:576px){

    .related-scroll { gap: 5px; }
    .related-scroll .product-card{
      flex-basis: calc((100% - 5px) / 2); /* 2 columnas */
      max-width:  calc((100% - 5px) / 2);
    }
    .related-scroll .product-image{ height:140px; }
  
    /* En móvil permite 3 líneas de título manteniendo altura pareja */
    .related-scroll .product-name{
      -webkit-line-clamp:3;
      min-height: calc(1.3em * 3);
    }
    .related-scroll .delivery-options{
      display: flex;
      flex-direction: column; /* 🔹 pone los elementos en columna */
      gap: 6px;
      white-space: normal;    /* permite saltos de línea */
      overflow: visible;      /* evita que se corten */
      margin-bottom: 8px;
    }
    
    
  }