.ng-categories{background:var(--ng-bg, #fff);color:var(--ng-text, #111);padding:65px 0;overflow:hidden}.ng-categories__container{width:100%;max-width:1600px;padding:0 5%;margin:auto}.ng-categories__header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px}.ng-categories__eyebrow{display:block;font-size:11px;letter-spacing:3px;margin-bottom:12px}.ng-categories__heading{margin:0;font-size:clamp(26px,3vw,42px);font-weight:500;letter-spacing:1px;color:var(--ng-text)}.ng-categories__description{margin:10px 0 0;font-size:14px;opacity:.65}.ng-categories__navigation{display:flex;gap:10px}.ng-categories__arrow{width:42px;height:42px;border:1px solid var(--ng-text);border-radius:50%;background:transparent;color:var(--ng-text);cursor:pointer;font-size:20px;transition:.25s}.ng-categories__arrow:hover{background:var(--ng-text);color:var(--ng-bg)}.ng-categories__grid{display:grid;grid-template-columns:repeat(var(--ng-columns, 4),minmax(0,1fr));gap:var(--ng-gap, 18px)}.ng-category-card{display:block;min-width:0;color:inherit;text-decoration:none}.ng-category-card__media{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--ng-radius, 0px);background:#f2f2f2}.ng-categories[data-ratio=square] .ng-category-card__media{aspect-ratio:1 / 1}.ng-categories[data-ratio=landscape] .ng-category-card__media{aspect-ratio:4 / 3}.ng-category-card__image,.ng-category-card__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.ng-category-card:hover .ng-category-card__image{transform:scale(1.045)}.ng-category-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.4),transparent 55%);pointer-events:none}.ng-category-card__content{display:flex;justify-content:space-between;align-items:center;gap:10px}.ng-category-card__content--below{padding:15px 0 0}.ng-category-card__content--overlay{position:absolute;z-index:1;left:20px;right:20px;bottom:20px;color:#fff}.ng-category-card__title{font-size:16px;font-weight:500;letter-spacing:.5px}.ng-category-card__icon{font-size:20px;transition:transform .25s}.ng-category-card:hover .ng-category-card__icon{transform:translate(3px,-3px)}.ng-categories__empty{grid-column:1 / -1;text-align:center;padding:30px;font-size:13px}@media(max-width:749px){.ng-categories{padding:40px 0}.ng-categories__container{padding:0 16px}.ng-categories__header{margin-bottom:22px}.ng-categories__heading{font-size:26px}.ng-categories__description{font-size:12px}.ng-categories__navigation{gap:6px}.ng-categories__arrow{width:34px;height:34px;font-size:16px}.ng-categories[data-mobile-layout=carousel] .ng-categories__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:5px}.ng-categories[data-mobile-layout=carousel] .ng-categories__grid::-webkit-scrollbar{display:none}.ng-categories[data-mobile-layout=carousel] .ng-category-card{flex:0 0 calc((100% - (var(--ng-mobile-cards, 1.5) - 1) * var(--ng-gap, 18px)) / var(--ng-mobile-cards, 1.5));scroll-snap-align:start}.ng-categories[data-mobile-layout=grid] .ng-categories__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ng-category-card__content--below{padding-top:10px}.ng-category-card__title{font-size:13px}.ng-category-card__content--overlay{left:12px;right:12px;bottom:12px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/ng-shop-by-category.css.map */