﻿
#home-carousel {
    height: 90vh;
    width: 100%;
}

    #home-carousel .carousel-inner, #home-carousel .carousel-item, #home-carousel .bq-slide, #home-carousel .bq-slide .carousel-slide-overlay > div, #home-carousel .bq-slide .carousel-slide-overlay {
        height: 90vh;
    }

#showroom-slide {
    background-image: url('https://cdn.bqwatches.com/cdn-cgi/image/width=1940,format=auto/images/8f8ffd0f-e62d-4ccb-b30e-1d5e25faeb8c.jpg');
    background-position: right;
}

#showroom-slide-content {
    background-color: rgba(0, 0, 0, 0.3); /* Black with 50% opacity */
    padding: 10px;
    border-radius: 5px; /* Optional: adds rounded corners */
    display: inline-block; /* Ensures the background only covers the text */
    max-width: 65%; /* Limit the width of the shaded box */
    text-align: center; /* Align the text inside the box to the right */
}


#showroom-h4 {
    margin-bottom: 48px;
    margin-right: 48px;
    text-align: end;
    transform-origin: center;
}

#showroom-h2 {
    margin-left: 48px;
    margin-top: 48px;
    margin-right: 48px;
    text-align: end;
}

#showroom-container {
    align-items: flex-end;
    padding: 0px;
}

#buy-slide {
    background-image: url('https://cdn.bqwatches.com/cdn-cgi/image/width=1940,format=auto/images/70dd83df-ad9d-48eb-8463-63538d3ce27e.jpg');
    background-position: right;
}

#sell-slide {
    background-image: url('https://cdn.bqwatches.com/cdn-cgi/image/width=1940,format=auto/images/d2ad5797-3d1d-4671-847a-c13f3c53873b.jpg');
    background-position: left;
}

#repair-slide {
    background-image: url('https://cdn.bqwatches.com/cdn-cgi/image/width=1940,format=auto/images/62359344-9356-4b5c-a14b-6a6188d225a5.jpg');
    background-position: center;
}

#consign-slide {
    background-image: url('https://cdn.bqwatches.com/cdn-cgi/image/width=1940,format=auto/images/e6cfbfae-b63a-4a47-ae8c-83008c3b4712.jpg');
    background-position: right;
}

.bq-slide {
    background-size: cover;
    color: #fff;
}

    .bq-slide h2 {
        font-size: 76px;
    }
    .bq-slide h4 {
        font-size: 35px;
    }

#buy-slide-row, #sell-slide-row, #repair-slide-row, #consign-slide-row {
    flex: 1;
}

#showroom-slide-row {
    display: flex;
    flex-direction: column; /* Stack child elements vertically */
    justify-content: flex-end; /* Push content to the bottom */
    align-items: flex-end; /* Align items to the right */
    height: 100%; /* Ensure it occupies the full height */
    width: 100%;
}

.new-arrival-slider {
    font-weight: bold;
}

.buy-slide-brand-grid {
    display: flex;
    flex-wrap: wrap;
    max-width: 440px;
}

.buy-slide-brand-icon {
    flex: 1 0 25%;
    height: 67px;
}
.buy-slide-brand-icon img {
    max-width: 100%;
    height: auto;
}

#NewArrivalsSection h2, #ComingSoonSection h2 {
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: 600;
    text-align: center;
}

#usp-section h1 {
    font-size: 20px;
    font-weight: 600;
}

#usp-section h3 {
    font-size: 18px;
    font-weight: 600;
}

#usp-section li {
    font-size: 12px;
}

#usp-section i {
    display: inline-block;
    width: 15px;
}

.cta-col {
    height: 400px;
    padding: 10px;
}

.cta-col a p {
    color: white;
}

.cta-bg-col {
    background-size: cover;
    text-align: center;
    height: 380px;
    padding: 30px 15px;
}

.cta-col h3 {
    font-size: 18px;
}

#hot-deals-col {
    background-image: url('https://cdn.bqwatches.com/images/c7962f0c-c37d-4c11-8c19-28f75219c849.jpg');
}

#find-buy-col {
    background-image: url('https://cdn.bqwatches.com/images/2a487d5c-d270-40fd-bd72-1a7812725eaf.jpg');
}

#sell-watch-col {
    background-image: url('https://cdn.bqwatches.com/images/cd070211-f54a-49ea-ba1f-dbd194a06ad9.jpg');
}

#part-ex-col {
    background-image: url('https://cdn.bqwatches.com/images/0d73fa26-c67e-486c-b660-4335349c5f2a.jpg');
}

#repairs-col {
    background-image: url('https://cdn.bqwatches.com/images/e33ef2ca-c784-4408-baba-be2b75574612.jpg');
}

#valuation-col {
    background-image: url('https://cdn.bqwatches.com/images/0f247d90-b7d2-4e03-8e17-c14211accbef.jpg');
}

.carousel-slide-overlay {
    background-color: transparent;
    z-index: 200;
}

@media (max-width: 768px) {
    .bq-slide h2 {
        font-size: 42px;
    }

    .buy-slide-brand-grid {
        max-width: 350px;
    }

    .buy-slide-brand-icon {
        flex: 1 0 50%;
    }

    #usp-section li {
        font-size: 10px;
    }

    .cta-col {
        height: 200px;
    }

    .cta-bg-col {
        height: 180px;
    }

    .carousel-slide-overlay {
        background-color: rgba(0,0,0,0.5)
    }

    #repair-slide-content {
        padding-top: 100px;
    }

    #buy-slide {
        background-image: url('https://cdn.bqwatches.com/cdn-cgi/image/width=768,format=auto/images/37f60284-df1e-483c-864b-a828ab927a6d.jpg');
    }

    #sell-slide {
        background-image: url('https://cdn.bqwatches.com/cdn-cgi/image/width=768,format=auto/images/bfcd3def-9c71-462e-b7c4-1fed7f58b2ae.jpg');
    }

    #repair-slide {
        background-image: url('https://cdn.bqwatches.com/cdn-cgi/image/width=768,format=auto/images/728cd5e3-0b75-4800-9175-d6b75bfd6171.jpg');
    }

    #consign-slide {
        background-image: url('https://cdn.bqwatches.com/cdn-cgi/image/width=768,format=auto/images/236e6525-ed24-4997-8a0f-33818122f15a.jpg');
    }

    #showroom-slide {
        background-image: url('https://cdn.bqwatches.com/cdn-cgi/image/width=768,format=auto/images/b01f761d-9184-42e8-979d-b8e0b088befd.png');
        background-position: center;
    }

    #showroom-slide-content {
        background-color: rgba(0, 0, 0, 0); /* Black with 50% opacity */
        padding: 10px;
        border-radius: 5px; /* Optional: adds rounded corners */
        display: inline-block; /* Ensures the background only covers the text */
        max-width: 75%; /* Limit the width of the shaded box */
        max-height: 40%;
        text-align: center; /* Align the text inside the box to the right */
    }

    #showroom-h4 {
        margin-left: 10px;
        margin-bottom: 48px;
        margin-right: 0px;
        text-align: left;
    }

    #showroom-h2 {
        margin-left: 10px;
        margin-top: 48px;
        margin-right: 0px;
        text-align: left;
        padding-bottom: 10px;
    }

    #showroom-container {
        align-items: flex-start;
        padding: 0px;
    }

    #showroom-slide-row {
        display: flex;
        flex-direction: column; /* Stack child elements vertically */
        justify-content: flex-end; /* Push content to the bottom */
        align-items: start; /* Align items to the right */
        height: 100%; /* Ensure it occupies the full height */
        width: 100%;
    }
    .bq-slide h4 {
        font-size: 20px;
    }
}

/* 1) Ensure the slide is a stacking context and the video is the bottom layer */
#showroom-slide {
    position: relative;
}
/* keep your background image */
.bq-video-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0; /* <— video under everything in the slide */
    pointer-events: none; /* clicks go through to links */
    opacity: 0; /* fade in only when playing */
    transition: opacity .3s ease;
}

    .bq-video-bg.is-playing {
        opacity: 1;
    }

/* 2) Ensure the overlay (your text and CTA) sits above the video */
.carousel-slide-overlay {
    position: relative;
    z-index: 2;
}
/* you already had z-index:200; either is fine */

/* 3) Make sure the global navbar beats the carousel entirely */
.navbar, .navbar.fixed-top, .navbar.sticky-top {
    z-index: 1050;
}

/* Optional: if any ancestor has transform/filter/backdrop-filter, it creates a stacking context.
   If you discover one, give #showroom-slide a higher z-index than its siblings as a local fix. */

