.search-results {
    max-height: 400px;
    overflow-y: auto;
}

/* Animación de entrada */
@keyframes slideIn {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

@keyframes slideOut {
    from { transform: translateX(0); }
    to { transform: translateX(100%); }
}

.cart-open {
    animation: slideIn 0.3s ease-out forwards;
}

.cart-close {
    animation: slideOut 0.3s ease-in forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fadeIn 0.4s ease-out forwards;
}

.thumb-scroll::-webkit-scrollbar {
    height: 4px;
}

.thumb-scroll::-webkit-scrollbar-thumb {
    background: #9333ea;
    border-radius: 10px;
}

/* Estilos para la tabla de especificaciones tipo imagen */
.specs-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: #333;
}

.specs-table tr {
    border-bottom: 1px solid #f0f0f0;
}

.specs-table td {
    padding: 12px 8px;
}

.specs-header {
    font-weight: bold;
    font-size: 16px;
    padding: 20px 0 10px 0;
    border-bottom: none !important;
}

.spec-label {
    color: #666;
    width: 30%;
}

.spec-value {
    color: #333;
    width: 70%;
}

#logo-mobile {
    display: none;
}

.cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.box {
    width: 5.5rem;
    height: 7rem;
}

.circ {
    background-color: white;
    padding: 0.5em 0.75em;
}

.circ:hover {
    background-color: #dadada;
}

.sub_filter {
    width: 100%;
    margin: auto;
    margin-bottom: 16px;
    padding-bottom: 10px;
}

@media (max-width: 980px) {
    #logo-desktop {
        display: none;
    }

    #logo-mobile {
        display: flex;
    }

    .disappear {
        display: none !important;
    }

    .px-12 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .max-w-xl {
        max-width: 100rem !important;
    }
}