/*
* 2025 Hugo Herreros
*
* NOTICE OF LICENSE
*
*  @author    Hugo Herreros <info@hugoherreros.com>
*  @copyright 2025 Hugo Herreros
*  @license   Property of Hugo Herreros Non redistributable.
*/

#home_product_section{
    overflow: hidden;
}

#home_product_section.home_product_section_not_swipered .home_product_section_inner {
    display: flex;
    flex-wrap: wrap;
}

#home_product_section.home_product_section_not_swipered .home_product_section_item {
    flex: 0 0 33.3333%;
    box-sizing: border-box;
    position: relative;
}

.home_product_section_item .home_product_section_media:before,
.home_product_section_item .home_product_section_media:after{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 25%;
    z-index: 1;
    pointer-events: none;
}

.home_product_section_item .home_product_section_media:before{
    top: 0;
    background: transparent linear-gradient(180deg, #1D1D1B 0%, #1D1D1B00 100%) 0% 0% no-repeat padding-box;
    opacity: 0.6;
}

.home_product_section_item .home_product_section_media:after{
    bottom: 0;
    background: transparent linear-gradient(0deg, #1D1D1B 0%, #1D1D1B00 100%) 0% 0% no-repeat padding-box;
    opacity: 0.4;
}

.home_product_section_media {
    position: relative;
    width: 100%;
    /*height: 750px;*/
    padding-bottom: 125%;
    overflow: hidden;
}

.home_product_section_media a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #1D1D1B;
    opacity: 0.2;
    z-index: 9;
}

.home_product_section_media img,
.home_product_section_media video {
    position: absolute;
    top: 0;
    left: 0;
    width: 101%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.home_product_section_text{
    position: absolute;
    bottom: 10%;
    left: 10%;
    padding-right: 10%;
    color: #ffffff;
    z-index: 9;
}

.home_product_section_text_title{
    font-family: 'Didot', serif;
    font-size: 2.188rem;
    line-height: 2.4rem;
    margin-bottom: 0.625rem;
}

.home_product_section_text_subtitle{
    font-size: 1rem;
}

@media (max-width: 991px) and (min-width: 768px) {
    .home_product_section_text_title {
        font-size: 1.6rem;
        line-height: 1.8rem;
    }
}


@media (max-width: 767px) {

}

#home_product_section .swiper-horizontal>.swiper-scrollbar,
#home_product_section .swiper-scrollbar.swiper-scrollbar-horizontal {
    left: 3%;
    bottom: 15px;
    height: 3px;
    width: calc(95% - 2* 1%);
    background: #DFDBD2;
}

#home_product_section .swiper-scrollbar-drag{
    background: #1D1D1B;
}