/* Custom Font & Defaults */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700;900&display=swap');

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Noto Sans SC', sans-serif;
}

.text-gradient {
    background: linear-gradient(135deg, #FF5E9D 0%, #FF9A8B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Nav Link Animation */
.nav-link {
    position: relative;
}

.nav-link::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0%;
    height: 2px;
    background: #FF5E9D;
    transition: width 0.3s ease;
}

.nav-link:hover::after {
    width: 100%;
}

/* Custom Scroll animations */
.animate-on-scroll {
    opacity: 0;
    transition: all 1s ease-out;
}

.animate-on-scroll.visible {
    opacity: 1;
    transform: none !important;
}

.slide-up { transform: translateY(50px); }
.slide-left { transform: translateX(50px); }
.slide-right { transform: translateX(-50px); }

/* Filter Buttons */
.filter-btn {
    padding: 0.75rem 1.5rem;
    border-radius: 9999px;
    font-size: 0.875rem;
    font-weight: 700;
    transition: all 0.3s;
    background: #fff;
    border: 2px solid transparent;
}

.filter-btn:hover {
    background: #fdf2f8;
}

.filter-btn.active {
    background: #000;
    color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

/* Product Cards */
.product-card {
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.product-card:hover {
    transform: translateY(-10px);
}

/* Glassmorphism adjustment */
#main-nav.scrolled {
    height: 70px;
    box-shadow: 0 10px 30px rgba(255, 94, 157, 0.05);
}

/* Animations Delay */
.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }

/* Responsive adjustments */
@media (max-width: 768px) {
    .h-screen-hero { height: auto; }
}