/* Custom Styles */
body {
    font-family: 'Inter', sans-serif;
    /* Adjusted to prevent content from being hidden behind fixed header */
    padding-top: 4rem; /* Assuming header height is approx 4rem (h-16 in Tailwind) */
}

.logo-font {
    font-family: 'Pacifico', cursive;
}

/* Active Nav Link Style */
.nav-link.active {
    background-color: #ec407a; /* pink-500 */
    color: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Hero Slider Transition */
.hero-slide {
    transition: opacity 1s ease-in-out;
}

/* Review Slider Transition */
.review-item {
    transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out;
}
.review-item.hidden-review {
    opacity: 0;
    transform: scale(0.95);
    position: absolute; /* Keep layout stable */
    top:0; left:0; right:0;
}
.review-item.visible-review {
    opacity: 1;
    transform: scale(1);
    position: relative; /* Or static, depending on layout needs */
}

/* Mobile menu transition */
#mobile-menu {
    transition: transform 0.3s ease-in-out;
}

/* Fallback for images */
img {
    background-color: #fce4ec; /* Light pink as a general background for images */
}
.product-card img {
    aspect-ratio: 4/3;
    object-fit: cover;
}
.hero-slide img {
    aspect-ratio: 16/9;
    object-fit: cover;
}

/* Ensure main content area can grow and html/body take full height for sticky footer */
main {
    flex-grow: 1;
}
html, body {
    height: 100%;
    display: flex;
    flex-direction: column;
}