/* =========================================================
   Slider de productos FitAccesorios (solo móvil)
   ========================================================= */

/* Oculto en desktop/tablet */
.fa-products-slider-wrap {
    display: none;
  }
  
  /* Mostrar solo en móvil */
  @media (max-width: 768px) {
    .fa-products-slider-wrap {
      display: block;
      margin: 0 auto 24px;
      max-width: 480px;
    }
  }
  
  /* Contenedor del slider */
  .fa-products-slider {
    position: relative;
    overflow: hidden;
  }
  
  /* Track horizontal */
  .fa-slider-track {
    display: flex;
    transition: transform 0.3s ease;
    will-change: transform;
  }
  
  /* Cada slide = exactamente el ancho visible (100%) */
  .fa-slider-slide {
    flex: 0 0 100% !important;   /* 🔹 esto obliga a que cada slide sea una “pantalla” */
    max-width: 100% !important;
    box-sizing: border-box;
  }
  
  /* ---------- Puntos de navegación ---------- */
  
  .fa-slider-dots {
    display: none;
    justify-content: center;
    gap: 6px;
    margin-top: 10px;
  }
  
  @media (max-width: 768px) {
    .fa-slider-dots {
      display: flex;
    }
  }
  
  .fa-slider-dots .fa-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    padding: 0;
    background: #d3d3d3;
    cursor: pointer;
  }
  
  .fa-slider-dots .fa-dot.active {
    background: #ff7a00; /* Naranja FitAccesorios */
  }
  
  /* =========================================================
     Diseño de las cards dentro del slider (solo móvil)
     ========================================================= */
  
  @media (max-width: 768px) {
  
    /* UL interno de cada slide */
    .fa-products-slider-wrap .fa-products-row {
      display: flex;
      flex-wrap: nowrap;
      gap: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
    }
  
    /* Cada producto: 2 por slide */
    .fa-products-slider-wrap .fa-products-row li.product {
      float: none !important;
      width: auto !important;
      max-width: calc(50% - 5px);
      flex: 0 0 calc(50% - 5px);
      box-sizing: border-box;
      margin: 0 !important;
      padding: 10px 10px 14px !important;
  
      background: #ffffff !important;
      border-radius: 18px !important;
      box-shadow: 0 18px 40px rgba(0,0,0,0.15) !important;
      display: flex !important;
      flex-direction: column;
      justify-content: flex-start;
      text-align: left;
      border: none !important;
    }
  
    /* Imagen arriba, compacta */
    .fa-products-slider-wrap .fa-products-row li.product a.woocommerce-LoopProduct-link {
      display: block;
      text-decoration: none !important;
    }
  
    .fa-products-slider-wrap .fa-products-row li.product a.woocommerce-LoopProduct-link img {
      width: 100% !important;
      height: 140px !important;
      object-fit: cover;
      border-radius: 14px;
      margin: 0 0 8px 0;
    }
  
    /* Badge Sale más discreto */
    .fa-products-slider-wrap .fa-products-row li.product .onsale {
      position: absolute;
      top: 8px;
      left: 8px;
      margin: 0;
      padding: 3px 8px;
      border-radius: 999px;
      font-size: 10px;
      background: #ffffff;
      color: #333;
      box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    }
  
    /* Categoría y título */
    .fa-products-slider-wrap .fa-products-row li.product .woocommerce-loop-category__title,
    .fa-products-slider-wrap .fa-products-row li.product .woocommerce-loop-product__title {
      font-size: 12px !important;
      line-height: 1.3 !important;
      margin: 6px 0 4px !important;
    }
  
    .fa-products-slider-wrap .fa-products-row li.product .woocommerce-loop-product__title a {
      text-decoration: none !important;
      color: #111111 !important;
    }
  
    /* Precios */
    .fa-products-slider-wrap .fa-products-row li.product .price {
      font-size: 12px !important;
      margin-bottom: 6px !important;
    }
  
    .fa-products-slider-wrap .fa-products-row li.product .price ins {
      text-decoration: none !important;
      font-weight: 700 !important;
      color: #119900 !important; /* verde oferta, ajusta si quieres */
    }
  
    .fa-products-slider-wrap .fa-products-row li.product .price del {
      font-size: 11px !important;
      opacity: 0.7;
    }
  
    /* Botón CTA naranja */
    .fa-products-slider-wrap .fa-products-row li.product .button {
      font-size: 11px !important;
      padding: 7px 10px !important;
      border-radius: 999px !important;
      width: 100% !important;
      text-align: center !important;
      background: #ff7a00 !important;
      border-color: #ff7a00 !important;
      color: #ffffff !important;
      font-weight: 600 !important;
      box-shadow: none !important;
    }
  
    .fa-products-slider-wrap .fa-products-row li.product .button:hover {
      background: #e76c00 !important;
      border-color: #e76c00 !important;
      color: #ffffff !important;
    }
  
    /* Ocultar botón de "Vista rápida" solo dentro del slider */
    .fa-products-slider-wrap .fa-products-row li.product a.yith-wcqv-button,
    .fa-products-slider-wrap .fa-products-row li.product .yith-wcqv-button {
      display: none !important;
    }
  
    /* Rating compacto */
    .fa-products-slider-wrap .fa-products-row li.product .star-rating {
      margin-bottom: 4px !important;
    }
  }