/* Section background images with readable overlays */
.bg-section {
    position: relative;
    isolation: isolate;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.bg-section > .container-fluid,
.bg-section > .brand-marquee-track {
    position: relative;
    z-index: 1;
}

.bg-section--categories {
    background-image: url("../assets/images/hero-banner.jpg");
    background-position: center top;
}

.bg-section--categories::before {
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.98) 0%,
        rgba(248, 249, 250, 0.94) 35%,
        rgba(248, 249, 250, 0.9) 100%
    );
}

.bg-section--promo {
    padding-top: 1rem;
    background-image: url("../assets/images/promo-hoodies.jpg");
}

.bg-section--promo::before {
    background: rgba(0, 31, 63, 0.08);
}

.bg-section--bestsellers {
    background-image: url("../assets/images/product-polo.jpg");
}

.bg-section--bestsellers::before {
    background: rgba(255, 255, 255, 0.93);
}

.bg-section--collections {
    background-image: url("../assets/images/collection-mens.jpg");
}

.bg-section--collections::before {
    background: rgba(0, 31, 63, 0.78);
}

.bg-section--collections .section-heading h2,
.bg-section--collections .section-heading p,
.bg-section--collections .collection-brand {
    color: #fff;
}

.bg-section--collections .collection-brand {
    background: rgba(229, 184, 11, 0.95);
    color: var(--navy);
}

.bg-section--flash {
    background-image: url("../assets/images/category-sports.jpg");
}

.bg-section--flash::before {
    background: rgba(255, 255, 255, 0.9);
}

.bg-section--new-arrivals {
    background-image: url("../assets/images/category-womens.jpg");
}

.bg-section--new-arrivals::before {
    background: rgba(248, 249, 250, 0.9);
}

.bg-section--why {
    background-image: url("../assets/images/collection-womens.jpg");
}

.bg-section--why::before {
    background: rgba(255, 255, 255, 0.9);
}

.bg-section--stats {
    background-image: url("../assets/images/hero-banner.jpg");
    background-attachment: scroll;
}

.bg-section--stats::before {
    background: rgba(0, 31, 63, 0.86);
}

.bg-section--stats.stats-strip {
    background-color: transparent;
}

.bg-section--testimonials {
    background-image: url("../assets/images/category-kids.jpg");
}

.bg-section--testimonials::before {
    background: rgba(248, 249, 250, 0.93);
}

.bg-section--lookbook {
    background-image: url("../assets/images/collection-kids.jpg");
}

.bg-section--lookbook::before {
    background: rgba(255, 255, 255, 0.88);
}

.bg-section--blog {
    background-image: url("../assets/images/product-dress.jpg");
}

.bg-section--blog::before {
    background: rgba(255, 255, 255, 0.94);
}

.bg-section--faq {
    background-image: url("../assets/images/category-footwear.jpg");
}

.bg-section--faq::before {
    background: rgba(248, 249, 250, 0.92);
}

.bg-section--cta {
    background-image: url("../assets/images/collection-mens.jpg");
    padding-top: 0;
}

.bg-section--cta::before {
    background: rgba(0, 31, 63, 0.55);
}

.bg-section--cta .cta-strip-inner {
    background: rgba(0, 31, 63, 0.72);
    backdrop-filter: blur(4px);
}

/* Inner pages */
.bg-section--shop {
    background-image: url("../assets/images/category-mens.jpg");
}

.bg-section--shop::before {
    background: rgba(255, 255, 255, 0.94);
}

.bg-section--about-story {
    background-image: url("../assets/images/hero-banner.jpg");
}

.bg-section--about-story::before {
    background: rgba(255, 255, 255, 0.92);
}

.bg-section--about-values {
    background-image: url("../assets/images/collection-womens.jpg");
}

.bg-section--about-values::before {
    background: rgba(248, 249, 250, 0.9);
}

.bg-section--blog-list {
    background-image: url("../assets/images/product-dress.jpg");
}

.bg-section--blog-list::before {
    background: rgba(255, 255, 255, 0.93);
}

.bg-section--contact {
    background-image: url("../assets/images/category-accessories.jpg");
}

.bg-section--contact::before {
    background: rgba(248, 249, 250, 0.92);
}

/* Fixed backgrounds often cause horizontal overflow on mobile — use scroll only */
.bg-section {
    background-attachment: scroll;
}

@media (prefers-reduced-motion: reduce) {
    .bg-section--stats,
    .bg-section--categories,
    .bg-section--why {
        background-attachment: scroll;
    }
}