.t4s-category-showcase{padding:60px 0;background-color:#fff}.t4s-category-heading{text-align:center;margin-bottom:40px}.t4s-category-heading h2{font-size:32px;font-weight:700;color:#000;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.t4s-category-subheading{font-size:16px;color:#666;margin:0}.t4s-category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin:0 auto}.t4s-category-item{position:relative;overflow:hidden}.t4s-category-link{display:block;text-decoration:none;color:inherit;transition:transform .3s ease}.t4s-category-link:hover{transform:translateY(-5px)}.t4s-category-image-wrapper{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background-color:#f5f5f5}.t4s-category-image,.t4s-category-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.t4s-category-link:hover .t4s-category-image{transform:scale(1.05)}.t4s-category-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000;transition:background .3s ease;pointer-events:none}.t4s-category-link:hover .t4s-category-overlay{background:#0000001a}.t4s-category-title-wrapper{padding:15px 0;text-align:center}.t4s-category-title{font-size:16px;font-weight:600;color:#000;margin:0;text-transform:uppercase;letter-spacing:.5px}.t4s-category-style-circular .t4s-category-image-wrapper{border-radius:50%;padding-bottom:100%}.t4s-category-style-circular .t4s-category-image{border-radius:50%}.t4s-category-style-rounded .t4s-category-image-wrapper,.t4s-category-style-rounded .t4s-category-image{border-radius:15px}@media screen and (max-width:1200px){.t4s-category-grid{grid-template-columns:repeat(4,1fr);gap:15px}}@media screen and (max-width:990px){.t4s-category-grid{grid-template-columns:repeat(3,1fr)}.t4s-category-heading h2{font-size:28px}}@media screen and (max-width:768px){.t4s-category-showcase{padding:40px 0}.t4s-category-grid{grid-template-columns:repeat(2,1fr);gap:15px}.t4s-category-heading{margin-bottom:30px}.t4s-category-heading h2{font-size:24px}.t4s-category-subheading,.t4s-category-title{font-size:14px}}@media screen and (max-width:480px){.t4s-category-grid{gap:10px}.t4s-category-title{font-size:12px}.t4s-category-title-wrapper{padding:10px 0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/category-showcase.css.map */