.mk-cats{background:#000;padding:72px 0 56px;overflow:hidden;color:#f5f5f7}.mk-cats__head{padding:0 20px;max-width:1400px;margin:0 auto 30px;text-align:center}.mk-cats__eyebrow{margin:0 0 10px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#4d9fff;font-weight:600}.mk-cats__title{margin:0;font-size:clamp(1.9rem,6.4vw,2.9rem);line-height:1.08;color:#f5f5f7;font-weight:600;letter-spacing:-.02em}.mk-cats__sub{margin:12px auto 0;max-width:46ch;color:#a1a1a6;font-size:15px;line-height:1.5}.mk-cats__viewport{position:relative;max-width:1440px;margin:0 auto}.mk-cats__track{list-style:none;margin:0;padding:8px 20px 20px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;outline:none;cursor:grab}.mk-cats__track::-webkit-scrollbar{display:none}.mk-cats__track.is-dragging{cursor:grabbing;scroll-snap-type:none}.mk-cats__track:focus-visible{outline:2px solid #0071e3;outline-offset:-2px;border-radius:12px}.mk-cat{flex:0 0 min(74vw,300px);scroll-snap-align:start;margin:0;padding:0}.mk-cat__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:#f5f5f7;border:1px solid rgba(255,255,255,.1);border-radius:22px;overflow:hidden;background:#07090d;transition:border-color .3s,transform .3s,box-shadow .3s}.mk-cat__link:hover,.mk-cat.is-active .mk-cat__link:hover{border-color:#0071e3cc;transform:translateY(-3px);box-shadow:0 18px 44px -22px #0071e3b3}.mk-cat.is-active .mk-cat__link{border-color:#4d9fff61}.mk-cat__media{position:relative;display:block;aspect-ratio:1/1;background:radial-gradient(60% 50% at 50% 42%,#162033,#070a10 70%,#000)}.mk-cat__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:8%;object-fit:contain;mix-blend-mode:lighten;filter:none;pointer-events:none;-webkit-user-drag:none;-webkit-mask-image:radial-gradient(closest-side,#000 74%,transparent 100%);mask-image:radial-gradient(closest-side,#000 74%,transparent 100%)}.mk-cat__count{position:absolute;left:12px;top:12px;z-index:1;font-size:11px;font-weight:600;letter-spacing:.04em;padding:5px 11px;border-radius:999px;background:#0009;border:1px solid rgba(255,255,255,.14);color:#d2d2d7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mk-cat__body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}.mk-cat__name{font-size:18px;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.5em}.mk-cat__tag{font-size:13px;line-height:1.45;color:#a1a1a6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.9em}.mk-cat__cta{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:10px;font-size:14px;font-weight:600;color:#4d9fff}.mk-cat__cta svg{transition:transform .25s}.mk-cat__link:hover .mk-cat__cta svg{transform:translate(4px)}.mk-cats__controls{display:flex;align-items:center;gap:12px;max-width:1440px;margin:2px auto 0;padding:0 20px}.mk-cats__count{font-variant-numeric:tabular-nums;color:#a1a1a6;font-size:13px;letter-spacing:.04em;min-width:58px}.mk-cats__bar{flex:1;height:3px;background:#ffffff24;border-radius:3px;overflow:hidden;display:block}.mk-cats__fill{display:block;height:100%;width:20%;background:#0071e3;border-radius:3px;transition:transform .2s ease-out,width .2s}.mk-cats__btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#ffffff0a;color:#fff;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s}.mk-cats__btn:hover:not(:disabled){background:#0071e3;border-color:#0071e3}.mk-cats__btn:disabled{opacity:.3;cursor:default}.mk-cats__btn:focus-visible{outline:2px solid #4d9fff;outline-offset:2px}@media(min-width:750px){.mk-cats{padding:96px 0 72px}.mk-cat{flex-basis:clamp(250px,22vw,300px)}.mk-cats__track,.mk-cats__head,.mk-cats__controls{padding-inline:40px}.mk-cats__track{scroll-padding-inline:40px;gap:20px}}@media(prefers-reduced-motion:reduce){.mk-cat__link,.mk-cat__cta svg,.mk-cats__fill{transition:none}}product-card slideshow-arrows,product-card slideshow-controls,product-card .slideshow-control,product-card slideshow-pagination{display:none!important}product-card slideshow-slide:not(:first-child){display:none!important}
/*# sourceMappingURL=/cdn/shop/t/33/assets/mk-cats.css.map */