.nm-categories-grid{padding:60px 0 80px}.nm-categories-grid__container{max-width:900px;margin:0 auto;padding:0 40px}.nm-categories-grid__title{font-family:var(--body-font, "Lato", sans-serif);font-size:18px;font-weight:500;color:#333;text-align:center;margin:0 0 40px}.nm-categories-grid__grid{display:grid;gap:24px}.nm-categories-grid__grid--2-cols{grid-template-columns:repeat(2,1fr)}.nm-categories-grid__grid--3-cols{grid-template-columns:repeat(3,1fr)}.nm-categories-grid__grid--4-cols{grid-template-columns:repeat(4,1fr)}.nm-categories-grid__card{position:relative;overflow:hidden;aspect-ratio:var(--card-aspect-ratio, 1 / 1.1);border-radius:var(--card-border-radius, 16px);cursor:pointer;text-decoration:none;display:block}.nm-categories-grid__card-image-wrapper{width:100%;height:100%;overflow:hidden}.nm-categories-grid__card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.nm-categories-grid__card:hover .nm-categories-grid__card-image{transform:scale(1.05)}.nm-categories-grid__card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f4f0eb,#e5e0d8);display:flex;align-items:center;justify-content:center}.nm-categories-grid__card-placeholder svg{width:40%;height:auto;opacity:.3}.nm-categories-grid__card-overlay{position:absolute;bottom:0;left:0;right:0;padding:40px 20px;background:linear-gradient(to top,rgba(0,0,0,var(--overlay-opacity, .5)) 0%,transparent 100%);pointer-events:none}.nm-categories-grid__card-name{font-family:var(--body-font, "Lato", sans-serif);color:#fff;text-align:center;display:block;letter-spacing:.5px}@media screen and (max-width:1024px){.nm-categories-grid__grid{gap:20px}}@media screen and (max-width:768px){.nm-categories-grid{padding:40px 0 60px}.nm-categories-grid__container{padding:0 24px}.nm-categories-grid__title{font-size:16px;margin-bottom:32px}.nm-categories-grid__grid{gap:16px}.nm-categories-grid__grid--mobile-1-cols{grid-template-columns:1fr}.nm-categories-grid__grid--mobile-2-cols{grid-template-columns:repeat(2,1fr)}.nm-categories-grid__card-overlay{padding:30px 16px}.nm-categories-grid__card-name{font-size:18px!important}}@media screen and (max-width:480px){.nm-categories-grid{padding:30px 0 50px}.nm-categories-grid__container{padding:0 20px}.nm-categories-grid__grid--mobile-1-cols{max-width:350px;margin:0 auto;gap:20px}.nm-categories-grid__card-name{font-size:16px!important}}
/*# sourceMappingURL=/cdn/shop/t/144/assets/nm-categories-grid.css.map */