/*
* Redesigned Homepage Specific CSS Stylesheet
* Styles hero elements, trust badges grids, circular category layouts, and interactive modules.
*/

#index .theme-builder-center > section:not(.longlove-builder-region),
#index .theme-builder-center > .featured-products-section,
#index .theme-builder-center > .home-bottom-static {
    width: min(100% - 2rem, 1200px);
    margin-left: auto;
    margin-right: auto;
}

#index .theme-builder-center > section:first-of-type {
    margin-top: 2rem;
}

#index .theme-builder-center > section:last-child {
    margin-bottom: 3.5rem;
}

/* Hero Section visual styling */
.hero-carousel-card {
    background-size: cover;
    background-position: center;
    position: relative;
    border: 0;
    transition: var(--transition-base);
}

.hero-carousel-card:hover {
    box-shadow: 0 12px 35px rgba(74, 11, 54, 0.08) !important;
}

.promo-card {
    transition: var(--transition-base);
}

.promo-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(74, 11, 54, 0.05) !important;
}

/* Trust Badges section styling */
.home-trust-badges {
    border-color: rgba(0, 0, 0, 0.05) !important;
}

.trust-item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

@media (min-width: 992px) {
    .border-end-lg {
        border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
    }
}

/* Category Grid circular cards styling */
.category-grid-card {
    transition: var(--transition-base);
    background-color: #fafafa;
}

.category-grid-card:hover {
    background-color: var(--color-blush-light) !important;
    border-color: var(--color-blush) !important;
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(223, 115, 154, 0.08) !important;
}

.category-grid-card i {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.category-grid-card:hover i {
    transform: scale(1.15);
    color: var(--color-blush) !important;
}

/* Interactive Quiz Section */
.home-quiz-section {
    background-image: radial-gradient(circle at 10% 50%, rgba(223, 115, 154, 0.06) 0%, rgba(223, 115, 154, 0) 75%);
}

.home-quiz-section .btn-white {
    transition: var(--transition-base);
    border-color: rgba(0, 0, 0, 0.05) !important;
}

.home-quiz-section .btn-white:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(74, 11, 54, 0.06) !important;
    border-color: var(--color-blush) !important;
}

/* Why choose us image card styling */
.why-us-img-card {
    background: linear-gradient(135deg, #fdf0f4 0%, #f5ebf2 100%);
    border-color: rgba(74, 11, 54, 0.05) !important;
    transition: var(--transition-base);
}

.why-us-img-card:hover {
    box-shadow: 0 15px 35px rgba(74, 11, 54, 0.06) !important;
}

/* Product list navigation helper controls */
.featured-products-section .btn-outline-light {
    transition: var(--transition-base);
}

.featured-products-section .btn-outline-light:hover {
    background-color: var(--color-pink-light);
    border-color: var(--color-pink) !important;
    color: var(--color-pink) !important;
}

/* Testimonials cards styling */
.home-testimonials .card {
    transition: var(--transition-base);
    border-color: rgba(0, 0, 0, 0.05) !important;
}

.home-testimonials .card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(74, 11, 54, 0.04) !important;
}

/* Aspect ratio backports */
.aspect-ratio-1 {
    aspect-ratio: 1 / 1 !important;
}