html {
  scroll-behavior: smooth;
}
.header-scrolled {
  background-color: #fff;
  backdrop-filter: blur(10px);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.header-transparent {
  background-color: transparent;
  transition: all 0.3s ease;
}

.product-card:hover .product-button {
  transform: translateY(0);
  opacity: 1;
}

.collage-item:hover .collage-overlay {
  opacity: 1;
}

.collage-item:hover .collage-button {
  transform: translateY(0);
  opacity: 1;
}

/*Carrito de compras*/
@keyframes slideIn {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

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

/* Estilos para scroll del carrito */
#cart-items::-webkit-scrollbar {
    width: 6px;
}

#cart-items::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

#cart-items::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

#cart-items::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Responsive */
@media (max-width: 768px) {
    #cart-modal > div:last-child {
        width: 100% !important;
    }
}