/* ---------- Glide carousel tweaks ---------- */
.gm-glide {
    position: relative;
}

.gm-glide .glide__track {
    overflow: visible;
}

.gm-glide .glide__arrows {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.gm-glide .glide__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 9999px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: transparent;
    color: #fff;
    transition: background-color 0.2s ease, color 0.2s ease,
        border-color 0.2s ease;
}

.gm-glide .glide__arrow:hover {
    background: #fff;
    color: var(--primary);
    border-color: #fff;
}

.gm-glide .glide__arrow svg {
    width: 1rem;
    height: 1rem;
    fill: currentColor;
}

/* Estilos personalizados para el carrusel de productos */
.gm-products-carousel .glide__slides {
    display: flex;
    align-items: stretch;
}

.gm-products-carousel .glide__slide {
    height: auto;
    display: flex;
}

/* Esconde flechas de Glide por defecto ya que usamos las personalizadas */
.gm-products-carousel .glide__arrows {
    display: none;
}