.categories-content-container{max-width:1200px;margin:0 auto}.section-heading{font-weight:700;text-transform:capitalize;display:inline-block;position:relative;padding-bottom:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.categories-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding-top:2rem}.category-media--content{position:relative;height:100%;display:block;text-decoration:none}.category-media{height:100%;overflow:hidden;border-radius:4px}.category-media img{width:100%;height:100%;object-fit:cover;display:block}.category-title{position:absolute;bottom:1.75rem;left:1.75rem;color:#fff;font-size:.875rem;font-weight:400;z-index:2}@media screen and (min-width: 768px){.category-title{font-size:1.125rem;bottom:2rem;left:2rem}}.categories-content{display:grid;grid-template-columns:repeat(5,auto);grid-template-rows:auto;grid-gap:12px;grid-template-areas:"block-1 block-1 block-2 block-3 block-3" "block-1 block-1 block-4 block-4 block-5" "block-6 block-7 block-7 block-8 block-8"}.category-media--content{position:relative}.category-media--content:after{content:"";background:linear-gradient(3deg,#0000007a,transparent);height:100%;width:100%;position:absolute;top:0;left:0;border-radius:3px}.categories-content{display:grid;grid-template-columns:repeat(5,auto);grid-template-rows:auto;grid-gap:10px;grid-template-areas:"block-1 block-1 block-2 block-3 block-3" "block-1 block-1 block-4 block-4 block-5" "block-6 block-7 block-7 block-8 block-8"}.categories-content img{object-fit:cover}.category-media--content:after{content:"";border-radius:6px;background:linear-gradient(180deg,#fff0 61.98%,#00000057 78.65%,#000c);height:100%;width:100%;position:absolute;top:0;left:0}.category-media{line-height:0px}@media screen and (max-width:749px){.categories-content{grid-template-columns:repeat(3,auto);grid-template-areas:"block-1 block-4 block-4" "block-1 block-4 block-4" "block-1 block-6 block-2" "block-5 block-6 block-2" "block-5 block-3 block-2" "block-5 block-3 block-8" "block-7 block-7 block-8"}}.category-title{left:10px;font-size:10px}@media screen and (min-width: 750px){.category-title{font-size:18px;bottom:0rem;left:2rem}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/shop-by-categories.css.map */