/* Featured Products Page Specific Styles */

.featured-products-landing-page .page-main-title { /* If you add one */
    color: var(--dark-text);
    font-family: var(--font-display);
}

.featured-hero-section {
    background: linear-gradient(rgba(var(--bs-dark-rgb), 0.7), rgba(var(--bs-secondary-rgb), 0.7)),
                url('../image/甄选好物.jpg') no-repeat center center;
    background-size: cover;
    padding: 6rem 0;
    min-height: 70vh; /* Ensure a good height */
    display: flex;
    align-items: center;
    justify-content: center;
}
.featured-hero-section .fa-gem {
    text-shadow: 0 0 15px rgba(var(--accent-color-rgb), 0.7);
}
.featured-hero-section h1 {
    color: var(--light-text);
    text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
.featured-hero-section .lead {
    color: rgba(255,255,255,0.9);
    font-weight: 300;
    font-size: 1.25rem;
}
.featured-hero-section .btn-light {
    font-weight: 700;
    padding: 0.8rem 2rem;
    border-radius: 50px;
}

.all-featured-items-section .featured-section-title {
    font-family: var(--font-display);
    font-weight: 700;
    color: var(--dark-text);
}
.all-featured-items-section .form-select-sm {
    font-size: 0.875rem;
}

/* Reusing .product-card from style.css, but adding specific styles for featured products if needed */
.featured-product-card {
    /* Inherits base .product-card styles */
    border: 1px solid var(--border-color); /* Slightly more defined border */
}
.featured-product-card .product-image-link img {
    aspect-ratio: 500 / 600; /* Slightly different aspect ratio for featured items */
}
.featured-product-card .product-card-body {
    text-align: center; /* Center align content for featured items */
}
.featured-product-card .product-title a {
    font-size: 1.1rem; /* Slightly larger title */
}
.featured-product-card .product-category {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.featured-product-card .product-price {
    font-size: 1.3rem; /* Larger price */
    color: var(--primary-color);
    margin-bottom: 0.75rem;
}
.featured-product-card .btn-outline-primary {
    font-weight: 500;
    border-radius: 50px; /* Pill shape */
}

.load-more-featured {
    font-weight: 500;
    padding: 0.75rem 2rem;
}
.load-more-featured i {
    transition: transform 0.3s ease;
}
.load-more-featured:hover i {
    transform: translateY(3px);
}