.mk-products{padding-top:calc(var(--mk-pt, 36px) * .75);padding-bottom:calc(var(--mk-pb, 36px) * .75)}@media screen and (min-width:750px){.mk-products{padding-top:var(--mk-pt, 36px);padding-bottom:var(--mk-pb, 36px)}}.mk-products__inner{display:block;position:relative}.mk-products__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.8rem 2.4rem;margin-bottom:2.4rem}.mk-products__title{flex:1 1 auto;max-width:100%;margin:0;color:var(--mk-ink)}.mk-products__tools{display:flex;align-items:center;gap:1.6rem;flex:none}.mk-products__tools:empty{display:none}.mk-products__all{display:inline-flex;align-items:center;gap:.6rem;min-height:4.4rem;font-weight:700;font-size:1.6rem;line-height:1.2;color:var(--mk-ink);text-decoration:underline;text-decoration-color:var(--mk-orange);text-decoration-thickness:.2rem;text-underline-offset:.35em;border-radius:.4rem}.mk-products__all svg{width:1.5rem;height:1.5rem;flex:none;transition:transform .45s var(--mk-ease)}.mk-products__all:hover{text-decoration-thickness:.3rem}.mk-products__all:hover svg{transform:translate(.3rem)}@media screen and (min-width:750px){.mk-products__head{margin-bottom:2.8rem}}.mk-products__list{list-style:none;margin:0;padding:0}.mk-products__item{display:flex;min-width:0}.mk-products__item>.mk-card{flex:1 1 auto}.mk-card{position:relative;display:flex;flex-direction:column;min-width:0;color:var(--mk-ink)}.mk-card__tile{position:relative;border-radius:var(--mk-radius);background:var(--mk-blue-tile);transition:transform .45s var(--mk-ease),box-shadow .45s var(--mk-ease)}.mk-card__media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:inherit;background:var(--mk-blue-tile);isolation:isolate}.mk-card__media img,.mk-card__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mk-card__img{object-fit:contain;mix-blend-mode:multiply;transition:transform .7s var(--mk-ease),opacity .5s cubic-bezier(.22,1,.36,1)}.mk-card__img--alt{object-fit:cover;mix-blend-mode:normal;opacity:0}.mk-card__img--placeholder{fill:#14202e40;background:transparent}@media(hover:hover){.mk-card:hover .mk-card__tile{transform:translateY(-.4rem);box-shadow:var(--mk-shadow)}.mk-card--swap:hover .mk-card__img--alt{opacity:1}.mk-card:not(.mk-card--swap):hover .mk-card__img{transform:scale(1.04)}}.mk-card:focus-within .mk-card__tile{transform:translateY(-.4rem);box-shadow:var(--mk-shadow)}.mk-card__rank{position:absolute;top:1rem;left:1rem;z-index:2;display:inline-grid;place-items:center;min-width:3.4rem;height:3.4rem;padding:0 .9rem;border-radius:99rem;background:#fff;color:var(--mk-ink);font-family:var(--font-heading-family);font-weight:800;font-size:1.6rem;font-variant-numeric:tabular-nums;font-variation-settings:"opsz" 24;line-height:1;letter-spacing:-.01em;box-shadow:0 .6rem 1.4rem -1rem #14202e99;pointer-events:none}.mk-card__badge{position:absolute;top:1rem;right:1rem;z-index:2;max-width:calc(100% - 6.4rem);padding:.5rem 1.2rem;border-radius:99rem;background:var(--mk-orange);color:var(--mk-ink);font-weight:700;font-size:1.3rem;line-height:1.2;pointer-events:none}.mk-card__badge--soldout{background:var(--mk-ink);color:#fff}.mk-card__body{display:flex;flex-direction:column;flex:1 1 auto;gap:.6rem;padding:1.4rem .4rem 0}.mk-card__title{margin:0;font-family:var(--font-heading-family);font-weight:700;font-size:clamp(1.5rem,1.3rem + .3vw,1.75rem);font-stretch:100%;font-variation-settings:"opsz" 24;line-height:1.2;letter-spacing:-.01em;color:var(--mk-ink);text-wrap:pretty;overflow-wrap:anywhere}.mk-card__link{color:inherit;text-decoration:none;border-radius:.4rem}.mk-card__link:hover{text-decoration:underline;text-decoration-color:var(--mk-orange);text-decoration-thickness:.2rem;text-underline-offset:.22em}.mk-card__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;margin:0;font-weight:700;font-size:1.6rem;line-height:1.3;font-variant-numeric:tabular-nums;color:var(--mk-ink)}.mk-card__price-was{font-weight:400;font-size:.875em;color:var(--mk-ink-soft)}.mk-card__action{margin-top:auto;padding-top:.6rem}.mk-card__action product-form,.mk-card__form{display:block}.mk-card .mk-card__btn{width:100%;margin:0;text-decoration:none;text-wrap:balance}.mk-card .mk-card__btn[disabled]{background:var(--mk-blue-tile);color:var(--mk-ink-soft);opacity:1;cursor:not-allowed}.mk-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.8rem 1.2rem}.mk-wall__feature{grid-column:1 / -1}.mk-card--feature .mk-card__title{font-weight:800;font-size:clamp(2.2rem,1.7rem + 1.1vw,3.2rem);font-stretch:88%;font-variation-settings:"opsz" 72;line-height:1.06;letter-spacing:-.02em;text-wrap:balance}.mk-card--feature .mk-card__price{font-weight:800;font-size:clamp(1.8rem,1.55rem + .5vw,2.2rem);letter-spacing:-.01em}.mk-card--feature .mk-card__body{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title title" "price action";align-items:center;gap:1rem 1.6rem;padding-top:1.6rem}.mk-card--feature .mk-card__title{grid-area:title}.mk-card--feature .mk-card__price{grid-area:price}.mk-card--feature .mk-card__action{grid-area:action;margin:0;padding:0}.mk-card--feature .mk-card__btn{width:auto;min-width:18rem}.mk-card--feature .mk-card__rank{top:clamp(1.4rem,.8rem + 1.2vw,2.6rem);left:clamp(1.6rem,1rem + 1.4vw,3.2rem);height:auto;min-width:0;padding:0;background:none;box-shadow:none;color:var(--mk-blue-deep);font-size:clamp(8rem,5.6rem + 6vw,16rem);font-stretch:80%;font-variation-settings:"opsz" 72;line-height:.8;letter-spacing:-.05em}.mk-card--feature .mk-card__badge{top:clamp(1.4rem,.8rem + 1.2vw,2.4rem);right:clamp(1.4rem,.8rem + 1.2vw,2.4rem);font-size:1.4rem}@media screen and (max-width:749px){.mk-products__all{font-size:1.5rem}.mk-card--feature .mk-card__btn{min-width:0;max-width:20rem}}@media screen and (min-width:750px)and (max-width:989px){.mk-wall{gap:3.2rem 2rem}.mk-card--feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:3.2rem}.mk-card--feature .mk-card__body{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "price" "action";align-content:end;justify-items:start;padding:0 0 .4rem}.mk-card--feature .mk-card__action{width:100%;margin-top:1.2rem}.mk-card--feature .mk-card__btn{width:100%}}@media screen and (min-width:990px){.mk-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:3.6rem 2rem}.mk-wall__feature{grid-column:span 2;grid-row:span 2}.mk-card--feature .mk-card__tile{display:flex;flex:1 1 auto}.mk-card--feature .mk-card__media{flex:1 1 auto;aspect-ratio:auto;min-height:36rem}.mk-card--feature .mk-card__body{flex:0 0 auto;padding-top:1.8rem}}.mk-rail__track{--mk-visible: 1.6;--mk-gap: 1.2rem;--mk-bleed: 1.5rem;display:flex;gap:var(--mk-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--mk-bleed);scrollbar-width:none;margin:-1.2rem calc(var(--mk-bleed) * -1) -1.6rem;padding:1.2rem var(--mk-bleed) 1.6rem}.mk-rail__track::-webkit-scrollbar{display:none}.mk-rail__item{flex:0 0 calc((100% - (var(--mk-visible) - 1) * var(--mk-gap)) / var(--mk-visible));scroll-snap-align:start}.mk-rail__nav{display:none;gap:.8rem}.mk-rail__btn{display:inline-grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:99rem;background:transparent;color:var(--mk-ink);box-shadow:inset 0 0 0 .15rem #14202e2e;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.mk-rail__btn svg{width:1.6rem;height:1.6rem}.mk-rail__btn:not([disabled]):hover{background:var(--mk-ink);color:#fff;box-shadow:inset 0 0 0 .15rem var(--mk-ink)}.mk-rail__btn[disabled]{opacity:.35;cursor:default}.mk-rail__progress{display:none;height:.4rem;margin-top:2.8rem;border-radius:99rem;background:var(--mk-blue-tile);overflow:hidden}.mk-rail__thumb{display:block;height:100%;width:calc(var(--mk-size, .3) * 100%);border-radius:inherit;background:var(--mk-blue-deep);transform:translate(calc(var(--mk-pos, 0) * (1 / var(--mk-size, .3) - 1) * 100%))}mk-rail[data-overflow] .mk-rail__progress{display:block}@media screen and (min-width:750px){.mk-rail__track{--mk-visible: 2.6;--mk-gap: 2rem;--mk-bleed: 5rem}mk-rail[data-overflow] .mk-rail__nav{display:flex}}@media screen and (min-width:990px){.mk-rail__track{--mk-visible: 4;--mk-bleed: 2rem}}@media screen and (min-width:1600px){.mk-rail__track{--mk-visible: 5}}@media(prefers-reduced-motion:reduce){.mk-card__tile,.mk-card__img,.mk-products__all svg,.mk-rail__btn{transition:none}.mk-card:hover .mk-card__tile,.mk-card:focus-within .mk-card__tile,.mk-card:hover .mk-card__img,.mk-products__all:hover svg{transform:none}.mk-rail__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/mk-products.css.map */