/* --- Layout Helpers --- */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* --- Brand Styles --- */
.nav-link {
    padding: 0.5rem 0;
}
.nav-link:hover {
    color: #ec4899; /* pink-500 */
}

/* --- Animations --- */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

/* --- Cards --- */
.product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px -12px rgba(219, 39, 119, 0.1);
}

/* --- Responsive fixes --- */
@media (max-width: 640px) {
    .hero-title {
        font-size: 2.5rem;
    }
}