/* --- 1. ARREGLO PRODUCTOS EN MOVIL (2 COLUMNAS) --- */
@media only screen and (max-width: 768px) {
  #products .product-miniature, 
  .featured-products .product-miniature, 
  .product-accessories .product-miniature, 
  .product-miniature {
    width: 50% !important;
    float: left; 
    padding: 0 4px;
    margin-right: 0 !important;
    margin-bottom: 10px;
  }
  .product-miniature .thumbnail-container {
      width: 100%;
      margin: 0 auto;
  }
}

/* --- 2. ESTILOS BANNERS HOME (3 COLUMNAS) --- */
.mis-banners-home {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.banner-lado {
  width: 24%; 
  min-width: 250px;
  box-sizing: border-box;
}

.banner-centro {
  width: 48%;
  min-width: 300px;
  box-sizing: border-box;
}

.mis-banners-home img {
  width: 100%;
  height: auto;
  border-radius: 5px;
  display: block;
  transition: transform 0.3s ease;
}

.mis-banners-home img:hover {
  transform: scale(1.02);
}

/* Ajuste banners para móviles */
@media (max-width: 768px) {
  .banner-lado, .banner-centro {
    width: 100%;
    margin-bottom: 15px;
  }
}

/* --- 3. LOGICA B2B: OCULTAR PRODUCTOS A INVITADOS --- */
body#index.guest .featured-products,
body#index.ps_customer_logged_out .featured-products,
body#index.guest .products,
body#index.ps_customer_logged_out .products,
body.guest .price,
body.ps_customer_logged_out .price {
    display: none !important;
}