@media (max-width: 991.98px) {

    /* Tu ajuste para subir el menú */
    #header > .header-body > .header-nav-bar.header-nav-bar-top-border.bg-light.p-relative.z-index-1 {
        margin-top: -70px !important;
    }

    /* Todo el contenido de la fila principal del header (logo, iconos, botón menú) por encima del nav */
    #header .header-container .header-row {
        position: relative;
        z-index: 9999 !important;
    }

    /* (Opcional, ya lo tienes) - Botón hamburguesa bien arriba */
    .header-btn-collapse-nav {
        position: relative;
        z-index: 10000 !important;
    }
    
    #headerTopCartDropdown {
        right: 0 !important;
        transform: translateX(10%);
        border-radius: 6px;
    }

}    
    
@media (max-width: 1024px) {

    /* Ocultamos TODO el wrapper del select en móvil/tablet */
    .search-form-select-wrapper {
        display: none !important;
    }

    /* Convertimos el input en una pastilla limpia */
    .search-form-wrapper.input-group {
        border-radius: 30px !important;
        overflow: hidden !important;
        border: none !important;
        background: #fff !important;
    }

    .search-form-wrapper .form-control {
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}


@media (max-width: 767px) {
    .header-extra-info-text {
        display: none !important;
    }
}


.user-menu-align {
    display: flex !important;
    align-items: center;      /* Alinea verticalmente */
    gap: 8px;                 /* Espacio entre icono y texto */
}

.user-menu-align .header-extra-info-text label {
    display: block;
    line-height: 1.1;         /* Ajusta la separación entre líneas */
}

/* numero del carrito*/
.cart-info .cart-qty {
    font-size: 14px !important;   /* aumenta el tamaño */
    font-weight: bold;            /* más grueso */
}

    
.header-nav-features-dropdown {
    width: 330px !important;
}

.mini-products-list {
    width: 100% !important;
}
    


#headerTopCartDropdown {
    max-height: 400px;       /* Ajusta la altura visible */
    overflow-y: auto;        /* Activa scroll vertical */
    overflow-x: hidden;
    padding-right: 2px;      /* Para que no se corte el contenido */
}


.qty-price {
    font-size: 14px !important; /* ajusta el tamaño */
    font-weight: 600;           /* opcional: más legible */
}





/* Lista mini-cart estilo SHEIN */
.shein-cart-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Cada item */
.shein-cart-item {
    display: grid;
    grid-template-columns: 85px 1fr 32px;
    gap: 12px;
    align-items: center;
    padding: 14px 0;
    border-bottom: 1px solid #f1f1f1;
}

/* Imagen */
.shein-cart-img {
    width: 85px;
    height: 85px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #eee;
}

/* Título */
.shein-title {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 4px;
    color: #222;
}

/* Precio estilo SHEIN */
.shein-price {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #ff3d3d;
}

/* Cantidad */
.shein-qty {
    margin: 4px 0 0;
    font-size: 13px;
    color: #777;
}

/* Botón eliminar */
.shein-remove {
    background: none;
    border: none;
    color: #999;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
    transition: 0.2s;
}

.shein-remove:hover {
    color: #ff3d3d;
}




.icons.icon-magnifier {
    font-size: 21px !important;
}


/* Contenedor del mega menú tipo Amazon */
.dropdown-mega-content {
    max-height: 400px;       /* Alto total visible */
    overflow-y: auto;        /* Scroll vertical */
    padding-right: 15px;     /* Para que no tape el scroll */
    scrollbar-width: thin;   /* Firefox */
}

/* Chrome / Edge */
.dropdown-mega-content::-webkit-scrollbar {
    width: 6px;
}

.dropdown-mega-content::-webkit-scrollbar-thumb {
    background: #ccc; 
    border-radius: 10px;
}

/* Evita que los títulos largos rompan la columna */
.dropdown-mega-sub-title {
    font-weight: bold;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; /* ... si es muy largo */
    display: block;
}

/* Los ítems también se mantienen en línea */
.dropdown-mega-sub-nav li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* quita bloqueo de imagen principal en tienda */
.product-item-overlay,
.product-item-overlay:before,
.product-item-overlay:after {
    pointer-events: none !important;
}

.shein-cart-item img {
    max-width: 100% !important;
    max-height: 100px !important; /* o el tamaño que uses */
    object-fit: contain !important;
}


@media (min-width: 992px) {

    .img_box.product-thumb-img-wrapper {
        width: 100%;
        height: 350px;              /* Altura solo para web */
        overflow: hidden;
        border-radius: 10px;
        background: #f7f7f7;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .img_box.product-thumb-img-wrapper .product-thumb-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

}