/* Make product images in cards consistent */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Raleway:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap');
.section-title {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 400; /* Use the regular font weight */
    color: #5c4b51; /* Muted plum/brown color from navbar */
    margin-bottom: 1.5rem;
}

/* Hero Section Specific Styles */
.hero-section-aesthetic {
    text-align: center;
    padding: 4rem 0; /* Add vertical spacing */
    height: 400px;
    align-content: center;
}

.meet-section-aesthetic {
    text-align: center;
    padding: 4rem 0; /* Add vertical spacing */
    height: 600px;
    align-content: center;
}

.elegance-size{
    font-size: 48px;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 400; /* Use the regular font weight */
    color: #5c4b51; /* Muted plum/brown color from navbar */
    margin-bottom: 1.5rem;
}


/* --- Updated Footer Styles --- */
.footer {
    background-color: #fdfcf9; /* The very light cream background */
    border-top: none; /* Remove the pink border */
    padding-top: 150px; /* Add space at the top to go "behind" the creator image */
    padding-bottom: 2rem;
    position: relative;
    z-index: 1; /* Make sure footer is behind the creator row */
}

.footer-text {
    font-family: 'Raleway', sans-serif;
    color: #a09396;
    font-size: 0.9rem;
}

.featured-title{
    font-size: 38px;
    font-family: 'Playfair Display', serif;
  
    font-weight: 400; /* Use the regular font weight */
    color: #5c4b51; /* Muted plum/brown color from navbar */
    margin-bottom: 1.5rem;
}

/* The small paragraph text in the hero section */
.hero-section-aesthetic .subheading {
font-family: 'Raleway', sans-serif; 
    color: #333333;
    max-width: 750px; /* Keep the line length readable */
    text-align: justify;
    margin-bottom: 2rem;
}

/* "Shop Now" Button Style */
.btn-aesthetic {
    background-color: #e5a9a9; /* Dusty rose color */
    color: #000;
    border: none;
    border-radius: 50px; /* Pill shape */
    padding: 20px 35px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.btn-aesthetic:hover {
    background-color: #d19494; /* Slightly darker on hover */
    color: #fff;
    transform: translateY(-2px);
}


/* Featured Products Section Styles */
.product-card-aesthetic {
    background-color: #f8e8e8; /* Light pink from navbar */
    border: none;
    border-radius: 24px; /* Generous rounded corners */
    padding: 1.5rem 1rem;
    text-align: center;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.product-card-aesthetic:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

.product-card-aesthetic img {
    max-width: 100%;
    height: auto;
    margin-bottom: 1rem;
}

.product-card-aesthetic .card-title {
    font-family: 'Playfair Display', serif;
    color: #5c4b51;
    font-size: 1.2rem;
    margin-bottom: 0.25rem;
}

.product-card-aesthetic .card-text {
    font-family: 'Montserrat', sans-serif;
    color: #5c4b51;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

/* "View Product" Button Style */
.btn-aesthetic-view {
    background-color: #e5a9a9;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 8px 25px;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
    text-decoration: none;
    transition: background-color 0.2s ease-in-out;
}

.btn-aesthetic-view:hover {
    background-color: #d19494;
    color: #fff;
}


/* --- NEW Creator Card Styles --- */
.creator-card {
    text-align: center;
}

.creator-card img {
    width: 150px;
    height: 150px;
    object-fit: cover; /* Prevents image from stretching */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
    margin-bottom: 1.5rem;
}

.creator-card .creator-name {
    font-family: 'Playfair Display', serif;
    color: #5c4b51;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.creator-card .creator-position {
    font-family: 'Raleway', sans-serif;
    color: #a09396;
    font-size: 0.9rem;
    font-style: italic;
}
