.flower-carousel .swiper-pagination .swiper-pagination-bullet{
    width: 50px;
    height: 3px;
    border-radius: 10px;
    background: #000000;
    opacity: .4;
}

.flower-carousel .swiper-pagination-bullet-active{
    background-color: #fff !important;
    opacity: 1 !important;
}

.flower-product-page .slider-container .swiper{
    padding: 0 1rem;
}

.flower-product-page .slider-container .swiper-wrapper{
    padding-bottom: 3rem;
}

.flower-product-page .slider-container .swiper-btns{
    position: absolute;
    top: 45%;
    transform: translateY(-100%);
    z-index: 9;
}

.flower-product-page .slider-container .swiper-btn-left{
    left: -25px;
}

.flower-product-page .slider-container .swiper-btn-right{
    right: -25px;
}

.flower-product-page .btn-left-flower,
.flower-product-page .btn-right-flower{
    background: #fff;
    border: none;
}

.flower-product-page button:disabled{
    cursor: not-allowed;
    opacity: 0;
}

.flower-product-page .swiper-scrollbar{
    background-color: #dfaa8b85;
    height: 2px !important;
}

.flower-product-page .swiper-scrollbar-drag{
    background-color: #dfaa8b;
}

.flower-product-page .btn-discover{
    display: block !important;
}

.flower-product-page button{
    display: none;
}

.flower-product-page:hover button{
    display: block;
}

/* The two rules above reveal the carousel arrows on hover, but they match every button
   on the page. The card add to cart and wishlist controls are not hover revealed, so
   they opt back out. */
.flower-product-page .product-actions button,
.flower-product-page:hover .product-actions button{
    display: flex;
}

.discover-ideas .slider-content::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    filter: blur(4px);
    z-index: -1;
}

/* Category Page Cards Hover Effects */
.category-cards .cat-action-items{
    display: none;
}

.category-cards:hover .cat-product-price,
.category-cards:hover .cat-product-name{
    display: none;
}

.category-cards:hover .cat-action-items{
    display: block;
}

/* Description Section Button Tabs When Active */

.tab-btn.active {
    border-bottom: 2px solid #371e0f;
    color: #371e0f;
}

.tab-btn{
    color: gray;
}

/* Hero section slider */
.flowerSwiper .slider-image{
    position: relative;
}

.flowerSwiper .slider-image::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .3;
}

/* Hide Navigation Button On Mobile Screens */
@media screen and (max-width: 768px) {
    .slider-container .swiper-btns{
        display: none;
    }

    .flower-product-page .slider-container .swiper-btn-left{
        left: 0px;
    }

    .flower-product-page .slider-container .swiper-btn-right{
        right: 0px;
    }
}

@media screen and (max-width: 425px) {
    .home-categories .swiper-wrapper-mobile{
        display: grid;
        grid-template-rows: repeat(2, minmax(0px, 1fr));
        grid-auto-flow: column;
        grid-auto-columns: 27%;
        gap: 10px;
        transition-duration: 0ms;
        transform: translate3d(0px, 0px, 0px);
        transition-delay: 0ms;
        padding-top: 24px;
        padding-bottom: 2rem;
        overflow-x: scroll;
    }

    .slider-container .swiper-btns,
    .flower-carousel button{
        display: none !important;
    }

    /* Width of the scrollbar */
    ::-webkit-scrollbar {
        height: 2px;
        width: 0px;
    }

    /* Color of the track */
    ::-webkit-scrollbar-track {
        background: #dfaa8b85;
    }

    /* Color of the thumb */
    ::-webkit-scrollbar-thumb {
        background: #dfaa8b;
        border-radius: 6px;
    }

    /* Change color on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #dfaa8b;
    }

    .home-categories .swiper-slide{
        margin: 0 !important;
        text-align: center;
        width: 100% !important;
        justify-content: flex-start;
    }

    .home-categories .swiper-slide p{
        font-size: 14px;
    }

    .category-cards .cat-action-items{
        display: block;
    }

    .category-cards:hover .cat-product-price, 
    .category-cards:hover .cat-product-name{
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .list-grid-category-cards .cat-product-name{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    /* Hide Carousel Buttons on small screen */
    .flower-carousel button{
        display: none;
    }
}