.nh-cats{--nh-cats-cols: 4;--nh-cats-gap: 20px;--nh-cats-radius: 14px;--nh-cats-ratio: 1 / 1;--nh-cats-media-bg: #f4f6f9;--nh-cats-title: #0a1f3c;--nh-cats-sub: rgba(10, 31, 60, .55);--nh-cats-card-bg: #ffffff;--nh-cats-border: rgba(10, 31, 60, .08);--nh-cats-accent: #d4af37;--nh-cats-mobile-w: 62vw;width:100%;box-sizing:border-box}.nh-cats__inner{max-width:1400px;margin:0 auto;padding-left:20px;padding-right:20px;box-sizing:border-box}.nh-cats__header{text-align:center;margin-bottom:28px}.nh-cats__heading{margin:0;color:var(--nh-cats-title);font-size:clamp(1.4rem,3.4vw,2.2rem);line-height:1.15}.nh-cats__subheading{margin:10px auto 0;max-width:640px;color:var(--nh-cats-sub);font-size:clamp(.9rem,1.8vw,1.05rem);line-height:1.5}.nh-cats__grid{display:grid;grid-template-columns:repeat(var(--nh-cats-cols),minmax(0,1fr));gap:var(--nh-cats-gap)}.nh-cats__card{display:flex;flex-direction:column;background:var(--nh-cats-card-bg);border:1px solid var(--nh-cats-border);border-radius:var(--nh-cats-radius);overflow:hidden;text-decoration:none;color:inherit;min-width:0;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}@media(hover:hover){.nh-cats__card:hover{transform:translateY(-4px);border-color:var(--nh-cats-accent);box-shadow:0 10px 26px #0a1f3c1f}.nh-cats__card:hover .nh-cats__media img{transform:scale(1.04)}}.nh-cats__card:focus-visible{outline:2px solid var(--nh-cats-accent);outline-offset:3px}.nh-cats__media{display:block;position:relative;aspect-ratio:var(--nh-cats-ratio);background:var(--nh-cats-media-bg);overflow:hidden}.nh-cats__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform .35s ease}.nh-cats__media--contain img{object-fit:contain;padding:10%;box-sizing:border-box}.nh-cats__media--cover img{object-fit:cover}.nh-cats__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#0a1f3c2e}.nh-cats__placeholder svg{width:38%;height:38%}.nh-cats__veil{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:7px;padding:34px 12px 13px;background:linear-gradient(180deg,#051b3500,#051b358c 45%,#051b35eb);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;text-align:center;line-height:1.25;pointer-events:none}.nh-cats__veil svg{width:13px;height:13px;color:var(--nh-cats-accent);flex:none}.nh-cats__body{display:flex;flex-direction:column;gap:4px;padding:14px 14px 16px;text-align:center}.nh-cats__title{margin:0;color:var(--nh-cats-title);font-size:clamp(.85rem,1.5vw,1rem);font-weight:700;line-height:1.25;text-transform:uppercase;letter-spacing:.4px}.nh-cats__count,.nh-cats__caption{color:var(--nh-cats-sub);font-size:.78rem;line-height:1.3}.nh-cats--transparent{background:transparent}.nh-cats--white{background:#fff}.nh-cats--light{background:#f4f6f9}.nh-cats--navy{background:linear-gradient(135deg,#051b35,#0a2d55);--nh-cats-title: #ffffff;--nh-cats-sub: rgba(255, 255, 255, .6);--nh-cats-card-bg: rgba(255, 255, 255, .04);--nh-cats-border: rgba(255, 255, 255, .14);--nh-cats-media-bg: rgba(255, 255, 255, .06)}.nh-cats--navy .nh-cats__placeholder{color:#fff3}@media(max-width:989px)and (min-width:750px){.nh-cats__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.nh-cats__inner{padding-left:0;padding-right:0}.nh-cats__header{padding-left:16px;padding-right:16px}.nh-cats__grid{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:16px;padding:4px 16px 14px;contain:layout style;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nh-cats__grid::-webkit-scrollbar{display:none}.nh-cats__card{flex:0 0 var(--nh-cats-mobile-w);scroll-snap-align:start;scroll-snap-stop:always}.nh-cats__card:hover{transform:none;box-shadow:none}.nh-cats__body{padding:12px 10px 14px}.nh-cats__title{font-size:.82rem}}@media(max-width:749px){.nh-cats--mobile-grid .nh-cats__inner{padding-left:16px;padding-right:16px}.nh-cats--mobile-grid .nh-cats__header{padding-left:0;padding-right:0}.nh-cats--mobile-grid .nh-cats__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible;padding:0}.nh-cats--mobile-grid .nh-cats__card{flex:none}}@media(prefers-reduced-motion:reduce){.nh-cats__card,.nh-cats__media img{transition:none}}@media(max-width:749px){.nh-cats__grid.nh-caro-on .nh-cats__veil{font-size:.88rem;padding:42px 14px 15px}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/nh-category-grid.css.map */