/**
* 2007-2018 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2018 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/
.categoryHome{
    margin-bottom: 50px;
    /*background: #F6F6F6;*/
    padding-top: 50px;
}

.hookhome .categoryHome-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, max-content));
    justify-content: center;
    grid-column-gap: 36px;
}

.categoryHome-content .info .h4 {
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    word-wrap: break-word;
}
.hookcategory ul.categoryHome-content li:hover .info .h4{
    color: var(--color3);
}
.category-image img {
    display: block;
    margin: auto;
    width: 100%;
    height: auto;
}

.categoryHome .titleHome h3{
    font-size: 35px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    text-align: center;
    color: #000;
    margin-top: 50px;
}
.categoryHome-content li.box_subcategories {
    padding: 20px;
}
.subcategory_links a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    display: block;
        margin-bottom: 17px;
}
.subcategory_links a:last-child {
    margin-bottom:0px;
}

.categoryHome.container.hookcategory {
    position: relative;
}
.hookhome ul.categoryHome-content {
    margin:auto;
    padding:30px 0px;
    /*max-width: 900px;*/
}
.hookcategory ul.categoryHome-content {
    padding: 0px;
    margin: 0px;
}
.hookcategory ul.categoryHome-content{
    position: relative;
    display: flex;
    /*scroll-snap-type: x mandatory;*/
    /*overflow: hidden;*/
    /*overflow-x: auto;*/
    /*-webkit-overflow-scrolling: touch;*/
    /*-ms-overflow-style: none;*/
    /*scrollbar-width: none;*/
    /*scroll-behavior: smooth;*/
    /*padding-left: 97px;*/
    /*-ms-overflow-style: none;*/
    /*scrollbar-width: none;*/
    flex-wrap: wrap;
    gap:40px;
}
.hookcategory ul.categoryHome-content li{
    /*max-width: calc( 100% / 6);*/
    /*margin-right: 25px;*/
    /*margin-bottom: 5px;*/
    /*width: 100%;*/
    /*line-height: 1.2;*/
    /*order: 1;*/
    /*scroll-snap-align: start;*/
    /*scroll-behavior: smooth;*/
    /*color: #616161;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: flex-start;*/
    /*align-items: center;*/
    /*flex-shrink: 0;*/
    max-width: 320px;
    width:100%;
    /*border:1px solid #333;*/
    cursor:pointer;

}
.hookcategory ul.categoryHome-content li:hover {
    /*border: 1px solid var(--color3);*/
}

.categoryHome.container.hookcategory {
    margin-top: 20px;
    border-bottom: 1px solid var(--color3);
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.categoryHome.container.hookcategory ul li .info h4 {
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    margin: 10px 0px 0px 0px;
}
.hookcategory .category-image img {
    mix-blend-mode: multiply;
}
.categoryHome .h2 {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px;
    text-align: center;
}
.hookcategory ul.categoryHome-content .owl-stage .owl-item {
    display: flex;
    justify-content: center;
}
.hookcategory .categoryHome-content li.box_subcategories {
    padding: 0px;
    position: relative;
}


.hookcategory .category-image {
    /*border-radius: 50%;*/
    /*background: #E8E8E8;*/
    /*max-width: 180px;*/
    width: 100%;
    /*height: 100vh;*/
    /*max-height: 180px;*/
    display: block;
    align-items: center;
    justify-content: center;
    margin: 0px;
    padding: 0px;
    border-radius:20px;
    overflow:hidden;
}
.hookcategory .info{
    position: absolute;
    bottom: -20px;
    left: 10%;
    width: 80%;
    margin: auto;
    padding: 5px 15px;
    text-align: center;
    background: #fff;
    border-radius: 15px;
    max-width: 80%;
    box-shadow: 0px 11px 28px 4px rgb(0 0 0 / 10%);
}
.hookcategory .info .h4{
    font-size:20px;
    text-transform: uppercase;
    margin-bottom:0px;
    line-height: 20px;
}
.homeCategory-body {
    border-radius: 20px;
     background: #FFF;
    box-shadow: 0px 11px 28px 4px rgb(0 0 0 / 10%);
    padding: 30px;
    flex-grow: 1;
    margin-top: 0px;
}

ul.categoryHome-content .owl-stage-outer {
    padding:30px 0px;
}
ul.categoryHome-content .owl-stage {
    display: flex;
}
ul.categoryHome-content .owl-stage .owl-item {
    display: flex;
}
ul.categoryHome-content .owl-stage .owl-item li.box_subcategories {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.categoryHome-content.owl-carousel{
    display: flex !important; /* To override display:block I added !important */
    flex-direction: row;
    justify-content: center; /* To center the carousel */
}
.categoryHome.hookcategory{

}

@media(max-width: 992px){
    /*.hookcategory ul.categoryHome-content li {*/
    /*    max-width: calc( calc(100% - 0px)/5);*/
    /*}*/
}

@media (max-width: 767px) {
    /*.categoryHome-content, .hookhome .categoryHome-content {*/
    /*    grid-template-columns: repeat(2, minmax(0, max-content));*/
    /*}*/
    /*.categoryHome .titleHome {*/
    /*    font-size: 22px;*/
    /*}*/
    /*.hookcategory ul.categoryHome-content li {*/
    /*    !*max-width: calc(100% /4);*!*/
    /*    max-width: 100%;*/
    /*    margin-right: 15px;*/
    /*}*/
    /*.hookcategory ul.categoryHome-content{*/
    /*    padding: 0px*/
    /*}*/
    /*.hookcategory .arrows{*/
    /*    display: none*/
    /*}*/
    /*.categoryHome.container.hookcategory{*/
    /*    padding: 0px;*/
    /*    min-height: auto;*/
    /*    overflow: initial;*/
    /*    margin: 20px 0 20px;*/
    /*}*/
    .categoryHome.container.hookcategory ul li .info h4{
        font-size:18px;
    }
}