/* Homepage Specific Styles */
.hero-image {
    aspect-ratio: 4/5;
}

@media (min-width: 1024px) {
    .hero-image {
        aspect-ratio: 4/5;
    }
}

/* Feature Grid */
.feature-item {
    position: relative;
    padding: 2rem;
    border: 1px solid var(--color-border);
    background: white;
}

.feature-icon {
    width: 2rem;
    height: 2rem;
    color: var(--color-text);
    margin-bottom: 1rem;
}

/* Collection section animations */
.product-card {
    animation: fadeInUp 0.8s ease-out;
    animation-fill-mode: both;
}

.product-card:nth-child(1) { animation-delay: 0.1s; }
.product-card:nth-child(2) { animation-delay: 0.2s; }
.product-card:nth-child(3) { animation-delay: 0.3s; }
.product-card:nth-child(4) { animation-delay: 0.4s; }

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}