.mk-card{--mk-ink:var(--chocolate-deep);--mk-ease:cubic-bezier(.2,.7,.2,1);aspect-ratio:1/1.18;background:var(--cream);box-shadow:0 0 0 1px color-mix(in oklab,var(--mk-ink) 8%,transparent);color:var(--mk-ink);transition:transform .45s var(--mk-ease),background-color .45s var(--mk-ease),box-shadow .45s var(--mk-ease),color .3s ease;border-radius:20px;flex-direction:column;justify-content:space-between;min-width:0;padding:22px;display:flex;position:relative}.mk-link{z-index:1;border-radius:inherit;position:absolute;inset:0}.mk-link:focus-visible{outline:2px solid var(--burnt);outline-offset:3px}.mk-top,.mk-bottom{pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.mk-btn{pointer-events:auto;z-index:2;background:color-mix(in oklab,var(--mk-ink) 7%,transparent);width:40px;height:40px;color:var(--mk-ink);cursor:pointer;transition:background-color .25s,color .25s,opacity .3s ease,transform .35s var(--mk-ease);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.mk-btn svg{width:17px;height:17px}.mk-btn:active{transform:scale(.9)}.mk-price{font-family:var(--font-sans);letter-spacing:-.01em;font-size:20px;font-weight:700}.mk-fav.is-saved{background:var(--burnt);color:var(--cream)}.mk-fav.is-saved svg{fill:currentColor}.mk-cart{background:var(--mk-ink);color:var(--cream)}.mk-cart:hover:not(:disabled){background:var(--burnt)}.mk-cart:disabled{cursor:default}.mk-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:0;display:flex;position:relative;overflow:visible}.mk-stage img{aspect-ratio:1;object-fit:cover;mix-blend-mode:multiply;filter:brightness(1.1)contrast(1.15);width:auto;max-width:100%;height:100%;margin:auto;transition:transform .5s ease-out,filter .3s;position:absolute;inset:0}.mk-card--logo{--mk-logo-zoom:1.4}.mk-card--logo .mk-stage{overflow:hidden}.mk-card--logo .mk-stage img{transform:scale(var(--mk-logo-zoom));transform-origin:50%}.mk-stage>span{font-family:var(--font-heading);font-size:22px}.mk-meta{flex-direction:column;gap:3px;min-width:0;display:flex}.mk-meta small{letter-spacing:.12em;text-transform:uppercase;opacity:.6;font-size:11px}.mk-meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;overflow:hidden}.mk-card:hover{box-shadow:0 0 0 1px color-mix(in oklab,var(--mk-ink) 8%,transparent),0 30px 56px -22px #00000047;background:#fff;transform:translateY(-6px)}.mk-card:hover .mk-stage img{transform:scale(1.04)}.mk-card--logo:hover .mk-stage img{transform:scale(calc(var(--mk-logo-zoom)*1.04))}@media (hover:hover){.mk-cart{opacity:0;transform:scale(.8)}.mk-card:hover .mk-cart,.mk-card:focus-within .mk-cart,.mk-card.in-cart .mk-cart{opacity:1;transform:scale(1)}}.mk-card.is-premium:hover{color:#fff4ec;background:#1c1e21}.mk-card.is-premium:hover .mk-fav:not(.is-saved){color:#fff4ec;background:oklab(97.3556% .00830105 .0136216/.14)}.mk-card.is-premium:hover .mk-cart{color:#1c1e21;background:#fff4ec}.mk-card.is-premium:hover .mk-stage img{filter:brightness(1.1)contrast(1.15)invert()grayscale();mix-blend-mode:screen}@media (prefers-reduced-motion:reduce){.mk-card,.mk-stage img,.mk-btn{transition:none}.mk-card:hover{transform:none}}@media (hover:none){.mk-card,.mk-card:hover{background:var(--cream);transform:none}.mk-card .mk-stage img{mix-blend-mode:multiply;filter:none}}@media (width<=640px){.mk-card{aspect-ratio:auto;border-radius:16px;gap:8px;padding:14px}.mk-card .mk-stage{aspect-ratio:1;flex:none}.mk-price{font-size:15px}.mk-meta small{letter-spacing:.1em;font-size:9px}.mk-meta strong{font-size:14px}.mk-btn{width:32px;height:32px}.mk-btn svg{width:14px;height:14px}}.mk-card.is-gold{--gold-hi:#d7b186;--gold:#9c6f4e;--gold-deep:#9c6f4e;isolation:isolate;overflow:hidden}.mk-card.is-gold:after{content:"";border-radius:inherit;pointer-events:none;z-index:2;opacity:0;background:linear-gradient(115deg,#0000 30%,#fff4d68c 47%,#ffffffbf 50%,#fff4d68c 53%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.mk-card.is-gold:hover{color:#fff;box-shadow:0 0 0 1px color-mix(in oklab,var(--gold-hi) 70%,transparent),0 28px 56px -16px #0e10126b,0 12px 24px -8px #0e101233;background:linear-gradient(135deg,#9c6f4e 0%,#d7b186 100%)}.mk-card.is-gold:hover:after{animation:1.1s cubic-bezier(.2,.7,.2,1) forwards mkGoldSweep}@keyframes mkGoldSweep{0%{opacity:1;transform:translate(-120%)}to{opacity:0;transform:translate(120%)}}.mk-card.is-gold:hover .mk-stage img{filter:brightness(1.1)contrast(1.2)invert()grayscale();mix-blend-mode:screen}.mk-card.is-gold:hover .mk-meta small,.mk-card.is-gold:hover .mk-meta strong,.mk-card.is-gold:hover .mk-price{color:#fff}.mk-card.is-gold:hover .mk-fav:not(.is-saved){color:#fff;background:#ffffff2e}.mk-gold-tag{z-index:3;background:var(--gold);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;color:#1c1e21;background-image:linear-gradient(135deg,#9c6f4e 0%,#d7b186 100%);background-clip:padding-box;border:0;border-radius:999px;align-self:flex-end;margin-left:auto;padding:7px 11px 7px 13px;font-size:10px;font-weight:700;transition:background .45s,color .3s,border-color .3s;position:relative}.mk-card.is-gold:hover .mk-gold-tag{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff29;box-shadow:inset 0 0 0 1px #fffc}@media (prefers-reduced-motion:reduce){.mk-card.is-gold:hover:after{opacity:0;animation:none}}.mk-card.is-gold .mk-stage img{transition:transform .5s ease-out,opacity .45s}.mk-card.is-gold .mk-stage img.mk-gold-mark{opacity:0;mix-blend-mode:normal;filter:none;pointer-events:none}.mk-card.is-gold:hover .mk-stage img:not(.mk-gold-mark){filter:brightness(1.1)contrast(1.15);mix-blend-mode:multiply;opacity:0}.mk-card.is-gold:hover .mk-stage img.mk-gold-mark{opacity:1}@media (width<=767px){.catalog-grid{grid-auto-flow:dense}.catalog-grid>.mk-card.is-gold{grid-column:1/-1!important}.mk-card.is-gold .mk-stage{aspect-ratio:16/9;min-height:0}.mk-card.is-gold .mk-meta strong{white-space:nowrap;overflow:visible}}.mk-card.is-clear .mk-stage{overflow:visible}.mk-card.is-clear .mk-stage img,.mk-card.is-clear:hover .mk-stage img{aspect-ratio:auto;object-fit:contain;mix-blend-mode:normal;filter:none;opacity:1;width:53%;max-width:none;height:53%;inset:23.5%;transform:none}.mk-card.is-clear:hover .mk-stage img{transform:scale(1.04)}.mk-card.is-clear.is-gold:hover .mk-stage img,.mk-card.is-clear.is-premium:hover .mk-stage img{filter:brightness(0)invert()}@media (width<=767px){.mk-card.is-clear.is-gold .mk-stage img{width:56%;height:56%;inset:22%}}.mk-card.is-clear.is-gold:hover .mk-stage img:not(.mk-gold-mark){opacity:1;mix-blend-mode:normal;filter:brightness(0)invert()}@media (hover:none){.mk-card.is-clear .mk-stage img,.mk-card.is-clear:hover .mk-stage img{mix-blend-mode:normal;filter:none}}
