.component-collection-tabs{background-color:#efefef}.component-collection-tabs .container{max-width:1400px;padding-left:25px;padding-right:25px;margin:0 auto}.component-collection-tabs .tabs-heading{margin-bottom:35px}.component-collection-tabs .tabs-heading h2{font-family:var(--s-font);text-transform:uppercase;text-align:center;margin-bottom:5px;font-weight:600}.component-collection-tabs .tabs-heading p{color:#959595;font-size:20px;text-align:center}.component-collection-tabs .section-tabs-menu{justify-content:center;display:flex;gap:10px}.component-collection-tabs .section-tabs-menu ul{display:flex;list-style:none;gap:10px}.component-collection-tabs .section-tabs-menu li{color:#959595;background-color:transparent;padding:5px 10px;cursor:pointer}.component-collection-tabs .section-tabs-menu li:hover{color:#464646}.component-collection-tabs .section-tabs-menu li.active{color:#464646;text-decoration:underline}.component-collection-tabs .tab-list{display:flex;gap:17px;justify-content:center;display:none}.component-collection-tabs .tab-active{display:flex}.component-collection-tabs .item{width:calc(14.28% - 15px)}.component-collection-tabs .item p{color:#464646;font-family:var(--s-font);font-size:18px;text-transform:capitalize;margin-top:10px;text-align:center}.component-collection-tabs .item:hover p{text-decoration:underline}.component-collection-tabs .item-image{width:100%;padding-top:120%;position:relative}.component-collection-tabs img{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.component-collection-tabs .item-hover .hover{opacity:0;transition:.4s all ease}.component-collection-tabs .item-hover:hover .hover,.component-collection-tabs .item-hover .default{opacity:1;transition:.4s all ease}.component-collection-tabs .item-hover:hover .default{opacity:0;transition:.4s all ease}@media screen and (max-width:1024px){.component-collection-tabs .tab-list{flex-wrap:wrap}.component-collection-tabs .item{width:calc(20% - 15px)}}@media screen and (max-width:768px){.component-collection-tabs .item{width:calc(33% - 15px)}}@media screen and (max-width:545px){.component-collection-tabs .item{width:calc(50% - 15px)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-collection-tabs.css.map */