.b3-section-categories{display:flex;align-items:center;gap:30px;width:auto!important;margin:40px 30px}.b3-section-categories a{text-decoration:none}.b3-section-categories .slick-list{width:100%}.b3-section-categories .slick-track{display:flex!important;gap:30px}.b3-section-categories .slick-list .slick-slide{border-radius:20px;overflow:hidden}.b3-section-categories-item{display:flex;flex-direction:column;justify-content:center;flex-shrink:0;flex:1;border-radius:20px;background:#ededed;text-align:center;padding:0 0 20px;cursor:pointer;overflow:hidden;aspect-ratio:2.5 / 3;position:relative}.b3-section-categories-image{position:absolute;left:0;top:0;width:100%;bottom:18%}.b3-section-categories-image img{width:100%;height:100%;object-fit:contain}.b3-section-categories-text{color:#fff;text-align:center;font-size:75px;font-style:normal;font-weight:800;line-height:normal;position:absolute;left:10px;right:10px;bottom:24px}.b3-section-categories-hover{position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;visibility:hidden;opacity:0}.b3-section-categories-hover img{width:100%;height:100%;object-fit:cover}.b3-section-categories-hover span,.b3-section-categories-hover a{position:absolute;z-index:2;bottom:30px;left:20px;right:20px;text-align:center;background-color:#f5f5f5d2;padding-top:8px;padding-bottom:8px;border:0px;cursor:pointer;overflow:hidden}.b3-section-categories-hover span div:nth-child(1),.b3-section-categories-hover a div:nth-child(1){color:#7c7c7c;text-transform:uppercase;font-size:16px;z-index:2;position:relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.b3-section-categories-hover span div:nth-child(2),.b3-section-categories-hover a div:nth-child(2){position:absolute;left:0;top:0;z-index:1;background:#7c7c7c;width:100%;height:0%;display:block;-webkit-transition:all .24s ease;-moz-transition:all .24s ease;-o-transition:all .24s ease;transition:all .24s ease}.b3-section-categories-hover span:hover div:nth-child(1){color:#fff}.b3-section-categories-hover span:hover div:nth-child(2){height:100%}@media only screen and (max-width:1260px){.b3-section-categories-text{font-size:60px}}@media only screen and (min-width:993px){.b3-section-categories-item:hover .b3-section-categories-hover{opacity:1;visibility:visible}}@media only screen and (max-width:992px){.b3-section-categories{margin:22px 0 0;padding:0 14px 22px;overflow:hidden;margin-bottom:-4px!important}.b3-section-categories-text{font-size:56px}.b3-section-categories .slick-track{gap:20px}.b3-section-categories .slick-list{overflow:visible}.b3-section-categories .slick-list .slick-slide{border-radius:20px;overflow:hidden;width:280px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/b3-section-categories.css.map */
