.browse-categories{width:100%}.browse-categories__container{max-width:1440px;margin:0 auto;padding:0 15px}.browse-categories__heading{text-align:center;font-size:36px;font-weight:700;margin:0 0 30px;text-transform:uppercase}.browse-categories__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.browse-categories__card{display:block;text-decoration:none;border-radius:12px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.browse-categories__card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.browse-categories__image-wrapper{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background-color:#f5f5f5}.browse-categories__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.browse-categories__card:hover .browse-categories__image{transform:scale(1.05)}.browse-categories__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.browse-categories__label{position:absolute;bottom:0;left:0;right:0;padding:12px 15px;text-align:center}.browse-categories__label-text{color:#000;font-size:16px;font-weight:400;text-transform:capitalize;letter-spacing:.5px}@media screen and (max-width: 1024px){.browse-categories__grid{gap:15px}.browse-categories__heading{font-size:24px;margin-bottom:25px}.browse-categories__label{padding:10px 12px}.browse-categories__label-text{font-size:14px}}@media screen and (max-width: 768px){.browse-categories__grid{grid-template-columns:repeat(2,1fr);gap:15px}.browse-categories__heading{font-size:22px;letter-spacing:1.5px;margin-bottom:20px}.browse-categories__card{border-radius:10px}.browse-categories__label{padding:10px}.browse-categories__label-text{font-size:14px}}@media screen and (max-width: 575px){.browse-categories__container{padding:0 12px}.browse-categories__grid{grid-template-columns:repeat(2,1fr);gap:12px}.browse-categories__heading{font-size:18px;letter-spacing:1px;margin-bottom:15px}.browse-categories__card{border-radius:8px}.browse-categories__label{padding:8px 10px}.browse-categories__label-text{font-size:12px}}@media screen and (max-width: 375px){.browse-categories__grid{gap:10px}.browse-categories__heading{font-size:16px}.browse-categories__label-text{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/browse-categories.css.map */