.subCategory-nav{background: #F3F3F3;width: 100%;border: 1px solid #DFDFDF;}
.subCategory-nav > li > a {display: flex;align-items: center;}
.subCategory-nav > li > a > div{position: relative;color: var(--black);font-weight: var(--fw-r);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.subCategory-nav > li > a > picture img {border-radius: 15px;border: 1px solid #cacaca;}

.products-list > li.horizontal-layout picture {display: block;padding-bottom: 78%;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.products-list > li.horizontal-layout.big > a > div picture{padding-bottom: 61%;}
.products-list > li.horizontal-layout picture img {border-radius: 15px;border: 1px solid #cacaca;}

.products-list > li.horizontal-layout a figure{display: flex;flex-direction: column;}
.products-list > li.horizontal-layout a figcaption{font-weight: var(--fw-r);text-align: center;color: var(--black);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}

.products-list > li.horizontal-layout.big > a .title-container svg path{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.products-list > .vertical-layout{border-radius: 15px;}
.products-list > .vertical-layout picture {display: block;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.products-list > li.vertical-layout picture{padding-bottom:150%;}
/*padding-bottom: 166.66666666666669%;*/

.subCategory-nav > li:first-child {text-align: center;font-weight: var(--fw-r);}

#products-categories-info-container{margin:0 auto 0;width: 100%}
#products-categories-photo-caption{justify-content:center;align-items:center;padding:20px 4.427vw;border:1px solid #D8D8D8}
#products-categories-photo{padding-bottom:44.44%;/*height:100%;*/}
#products-categories-photo-captionInner > #cms-h1{margin-top:0;color:var(--black);text-transform:uppercase;text-align:center}
#products-categories-photo-caption-number{margin-top:12px;color:#777;text-align:center}
#products-categories-photo-caption-desc{margin-top:30px;color:var(--black);text-align:center}
#products-categories-wrapper{;width:100%}
#products-list-container{width:100%}
#products-categories-photo-caption-number{font:var(--fw-r) 16px var(--geologica);}
#products-categories-photo-caption-desc{font:var(--fw-l) 18px/1.87 var(--geologica);}

.title-container.vertical-layout {flex-direction: column;justify-content: center;align-items: center;color: var(--black);text-align: center;}
.title-container.vertical-layout .title2 {margin-top: 1.302vw;font: 250 16px var(--geologica);}
.title-container.vertical-layout .title {margin-top: 0.781vw;font: var(--fw-b) 20px var(--geologica);
    position: relative;}
.title-container.vertical-layout .title:before { content: '';position: absolute;top: 0;bottom: 0;left: -40px;margin: auto 0;background: var(--red);height: 5px;width: 30px;}
.title-container.vertical-layout .code {margin-top: 10px;font: var(--fw-l) 17px var(--geologica);}
.title-container.vertical-layout .price {margin-top: 10px;color: var(--red);font-weight: var(--fw-b);font-size: 22px;font-family: var(--geologica);}
@media (min-width: 1200px) {
    #cms-wrapper{max-width:calc(100% - 3.125vw); padding: 0 1.563vw;}
    #cms-container {margin-bottom:5.208vw;}
    #products-categories-info-container{margin-top: 25px;}
    #products-categories-photo-caption{width: 50%;}
    /*#products-categories-photo{min-height:350px;}*/
    #products-categories-photo-captionInner > #cms-h1{font:600 clamp(2.0625rem, 1.7411rem + 0.4286vw, 2.25rem) var(--geologica);}
    #products-categories-photo-container{width:50%}
    #products-categories-wrapper{margin-top:4.167vw;}
    #products-subCategory-list-container{margin-top:3.385vw;gap:2%;width: 100%;align-items: flex-start}
    .products-category-nav{width: 25%;float:left;position: sticky;top: 130px;}
    .subCategory-nav {flex-direction: column;row-gap: 0.781vw; padding: 1.563vw 2.083vw 2.083vw;}
    .subCategory-nav > li:first-child{font-size: clamp(1.4375rem, 1.125rem + 0.4167vw, 1.625rem);}
    .subCategory-nav > li > a {gap: 0.521vw;}
    .subCategory-nav > li > a > div{font-size: 16px; padding: 10px 1.042vw 10px 0;width: 80%;}
    .subCategory-nav > li > a > div:before {content:'';position:absolute;width: 6px;height: 10px;top: 0;right: 0;bottom: 0;margin: auto 0;background: url(../img/category-arrow.svg) right center no-repeat;opacity:0;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
    .subCategory-nav > li > a:hover > div {border-top: 1px solid #636363;border-bottom: 1px solid #636363;color: var(--red);}
    .subCategory-nav > li > a:hover > div:before{opacity: 1;}
    .subCategory-nav > li.sel > a > div {border-top: 1px solid #636363;border-bottom: 1px solid #636363;color: var(--red);}
    .subCategory-nav > li > a > picture {width: 80px;height: 70px;}

    .products-list{width: 73%; gap: 3.385vw 2%;}

    .products-list > li.horizontal-layout {width: 32%;}
    .products-list > li.horizontal-layout a figure{gap:1.042vw;}
    .products-list > li.horizontal-layout a figcaption{font-size: clamp(1.125rem, 0.9167rem + 0.2778vw, 1.25rem);}

    .products-list > li.horizontal-layout a:hover picture {box-shadow: 8px 10px 7px 0 rgba(0, 0, 0, 0.10);border-radius: 15px;}
    .products-list > li.horizontal-layout a:hover figcaption {color: var(--red);}

    .products-list > li.horizontal-layout.big{width: 49%;}
    .products-list > li.horizontal-layout.big > a > .products-list-photo-container {position: relative;}
    .products-list > li.horizontal-layout .title-container {position: absolute;bottom: 20px;left: 20px;gap: 5px;padding: 15px 20px;color: #FFF;background: var(--black);border-radius: 30px;}
    .products-list > li.horizontal-layout.big > a:hover .title-container {color: var(--black);background: #FFF;}
    .products-list > li.horizontal-layout.big > a:hover .title-container svg path {fill:#fff}

    .title-container.vertical-layout .title{max-width: 65%;font:var(--fw-b) clamp(0.9375rem, 0.4018rem + 0.7143vw, 1.25rem) var(--geologica)}
    .title-container.vertical-layout .title:before{left: -2.083vw;width:1.563vw; }
    .products-list > .vertical-layout {width: 23%;border: 1px solid #EBEBEB;background: #FFF;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
    .products-list > .vertical-layout:hover {box-shadow: 8px 1px 14px -3px rgba(0, 0, 0, 0.15);}
    /*.products-list > .vertical-layout .products-list-photo-container {width: 100%;padding: 0 30px;}
    .products-list > li.vertical-layout:not(.mixed-layout) > a {width: 100%;max-width: calc(100% - 40px);margin: auto;padding: 20px 0;}*/
    .products-list > li.horizontal-layout > a svg{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
    .products-list > li.horizontal-layout > a:hover svg {transform: translateX(5px);}

    .products-list > li.vertical-layout > a{width: 100%;padding:0 0 20px;}
    .products-list > li.vertical-layout .products-list-photo-container{padding: 0;width: 100%;}

    .products-list > li.vertical-layout .products-list-photo-container figure img {border-radius: 15px 15px 0 0;}
}

@media (max-width: 1199px){
    .products-list {width: 100%;}
    .products-list > li.horizontal-layout a figure {gap: 20px;}
    .products-list > li.horizontal-layout.big > a > .products-list-photo-container {position: relative;}
    .products-list > li.horizontal-layout .title-container {position: absolute;bottom: 20px;left: 20px;color: var(--black);gap: 10px;padding: 15px 20px;background: #fff;border-radius: 30px;}
    .products-list > li.vertical-layout{border: 1px solid #EBEBEB;background: #FFF;}
    /*.products-list > li.vertical-layout .products-list-photo-container {width: 100%;padding: 0 40px;}
    .products-list > li.vertical-layout > a {width: 100%;max-width: calc(100% - 9.766vw);margin: auto;padding: 20px 0;}*/

    .products-list > li > a{width: 100%;padding:0 0 20px;}
    .products-list > li .products-list-photo-container{padding: 0;width: 100%;}
    .products-list >  picture{padding-bottom:150%;}
    .products-list > li .products-list-photo-container figure img {border-radius: 15px 15px 0 0;}
}

@media (max-width: 1199px) and (min-width: 765px){
    #products-categories-photo-caption{width: 50%;}
    #products-categories-photo-captionInner > #cms-h1{font:600 clamp(1.8125rem, 1.3839rem + 0.5714vw, 2.0625rem) var(--geologica);}
    #products-categories-photo{min-height:350px;}
    #products-categories-info-container{margin-top: 20px;}
    #products-categories-photo-container{width:50%}
    #products-subCategory-list-container {margin-top: 3.125vw;}
    .products-list {gap: 2.083vw 2%;}
    .products-list > li.horizontal-layout {width: 49%;}
    .products-list > li.horizontal-layout a figcaption {font-size: clamp(1.125rem, 0.9047rem + 0.4608vw, 1.25rem);}

    .products-list > li.vertical-layout{width: 49%;}
}
@media (max-width: 764px){
    #products-categories-photo-container {width: 100%;}
    #products-categories-info-container {margin-top: 15px;}
    #cms-wrapper{max-width: calc(100% - 4.167vw);padding: 0 2.083vw;}
    #products-subCategory-list-container {margin-top: 9.375vw;}
    .products-list {row-gap:5.208vw}
    .products-list > li.horizontal-layout {width: 100%;}
    .products-list > li.horizontal-layout a figcaption {font-size: clamp(1rem, 0.8763rem + 0.5208vw, 1.125rem);}

    .products-list > li.vertical-layout{width: 75%;margin: auto;}

}