/* Título del producto */
h4.eshop-product-title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #000 !important;
    font-size: 1.2rem !important;
    position: relative;
    z-index: 2;
    margin-top: 10px;
}

/* Contenedor principal con control de capas */
.eshop-product .eshop-wrap-product {
    position: relative;
    z-index: 1;
}

/* Imagen sin z-index alto para que no tape */
.eshop-product .eshop-image-block {
    position: relative;
    overflow: hidden;
    z-index: 1 !important;
}

/* Si la imagen tiene z-index alto, lo reducimos */
.eshop-product .eshop-image-block img {
    position: relative;
    z-index: 0 !important;
}

/* Botones centrados, ocultos por defecto */
.eshop-product .eshop-buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 9999; /* Muy por encima de cualquier otro elemento */
    transition: all 0.3s ease-in-out;
    margin-top: -100px;
}

/* Mostrar botones al hacer hover en imagen */
.eshop-product .eshop-image-block:hover .eshop-buttons {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Estilo de los íconos */
.eshop-buttons i.fa {
    font-size: 1.4rem;
    margin: 0 6px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    background: white;
    border-radius: 50%;
    padding: 8px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

/* Wishlist */
.eshop-buttons i.fa.fa-heart {
    color: #f36793 !important;
}

/* Compare */
.eshop-buttons i.fa.fa-retweet {
    color: black !important;
}

/* Hover en íconos */
.eshop-buttons i.fa:hover {
    opacity: 0.8;
    transform: scale(1.1);
}

/* Menú desplegable del T4 Framework */
.t4-megamenu .dropdown-menu {
    background-color: #f367938c;
}
.eshop-categories-list .eshop-category-wrap .eshop-info-block,
.eshop-sub-categories-list .eshop-category-wrap .eshop-info-block {
    background: none !important;
}
html, body {
  overflow-x: hidden;
  max-width: 100%;
}