.category-tabs__container{margin:0 auto;padding:40px 20px}.category-tabs{display:flex;align-items:flex-end;gap:30px;margin-bottom:22px;justify-content:center}.category-header__wrapper{display:flex;flex-direction:column;gap:10px;width:100%}span.category__subheading{color:#000;font-size:16px;font-weight:400;line-height:20px;margin:0}.category__heading{color:#000;font-size:34px;font-weight:700;line-height:20px;margin:0 0 20px;text-align:center}.category-tabs__tab{height:auto;display:block}.category-tabs__label{display:block;color:#b3b3b3;font-size:20px;font-style:normal;font-weight:400;line-height:20px;cursor:pointer}.category-tabs__input{display:none}.category-tabs__input:checked+.category-tabs__label{color:#000}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.collection-item{border-radius:10px;border:1px solid #CCCCCC40;text-align:center;position:relative;overflow:hidden}.collection-item img{transition:transform .3s ease;display:block;width:100%;height:auto;object-fit:cover;border-radius:10px;max-height:180px}.collection-category__link{text-decoration:unset}.collection-item p{z-index:2;width:100%;color:var(--item-text-color);background-color:#f5f5f5;text-align:center;font-size:18px;font-style:normal;font-weight:700;line-height:20px;text-transform:uppercase;margin:0;padding:27px 0;display:flex;align-items:center;justify-content:center;max-height:30px}@media (min-width: 769px){.collection-category__link:hover .collection-item p{transition:transform .3s ease;color:#000}.collection-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;opacity:0;transition:opacity .3s ease;border-radius:10px}.collection-item:hover:after{transform:scale(1.05);opacity:1}}@media (max-width: 769px){.category-tabs__container{padding:30px 15px}span.category__subheading{font-size:12px;line-height:18px}.category-tabs__label{font-size:14px;line-height:18px}.category-tabs{justify-content:flex-start}.category-grid{grid-template-columns:repeat(3,1fr);gap:5px}.category-tabs{gap:15px}.collection-item p{font-size:16px}.category-grid{display:flex!important;flex-wrap:nowrap;overflow-x:auto}.category-grid::-webkit-scrollbar{display:none}.collection-category__link{text-decoration:unset;width:200px;flex-shrink:0}}
/*# sourceMappingURL=/cdn/shop/t/502/assets/component-shop-category-tab.css.map */