.mk-pack{--foil:linear-gradient(160deg, #e8edf6 0%, #8f9bb3 22%, #dfe5ef 40%, #6e7a93 62%, #c9d1df 80%, #8390a8 100%);--foil-ink:#1a2238;--foil-trim:#f1d79b;aspect-ratio:5/8;filter:drop-shadow(0 18px 22px #0000008c);width:100%;position:relative;container-type:inline-size}.mk-pack[data-kind=standard],.mk-pack[data-kind=voucher_standard]{--foil:linear-gradient(160deg, #a9c4f5 0%, #2c4a8c 24%, #7fa3e6 42%, #1b2f5e 64%, #5f84cc 82%, #22396f 100%);--foil-ink:#f3ead6}.mk-pack[data-kind=premium],.mk-pack[data-kind=voucher_premium]{--foil:linear-gradient(160deg, #fff4d6 0%, #b8862f 22%, #f1d79b 40%, #8a6424 62%, #e8c98a 80%, #9c7330 100%);--foil-ink:#1b1406;--foil-trim:#fff4d6}.mk-pack__body{background:var(--foil);--tooth:clamp(6px, 4.5cqi, 10px);-webkit-mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / var(--tooth) 51% repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / var(--tooth) 51% repeat-x;-webkit-mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / var(--tooth) 51% repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / var(--tooth) 51% repeat-x;mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / var(--tooth) 51% repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / var(--tooth) 51% repeat-x;position:absolute;inset:0;overflow:hidden}.mk-pack__seal{background:repeating-linear-gradient(90deg,#ffffff47 0 1px,#0000001f 1px 3px);height:8%;position:absolute;inset-inline:0;box-shadow:inset 0 -1px #00000040}.mk-pack__seal--top{top:0}.mk-pack__seal--bottom{bottom:0;box-shadow:inset 0 1px #00000040}.mk-pack__tear{inset-inline:6%;border-top:1px dashed color-mix(in srgb, var(--foil-ink) 45%, transparent);position:absolute;top:11%}.mk-pack__brand{inset-inline:0;text-align:center;font-family:var(--font-card);letter-spacing:.08em;color:var(--foil-ink);text-shadow:0 1px #ffffff40;font-size:clamp(11px,10cqi,24px);font-weight:800;position:absolute;top:13.5%}.mk-pack__window{border:clamp(1.5px, 1.4cqi, 3px) solid var(--foil-trim);background:radial-gradient(circle at 50% 30%,#2a3557,#0c111f);border-radius:999px 999px 10px 10px;position:absolute;inset:24% 13% 27%;overflow:hidden;box-shadow:0 0 0 1px #00000059,inset 0 0 18px #0009}.mk-pack__window img{object-fit:cover;object-position:top center;width:100%;height:100%}.mk-pack__window:after{content:"";background:linear-gradient(#0000 55%,#0c111fa6);position:absolute;inset:0}.mk-pack__label{inset-inline:0;color:var(--foil-ink);text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;bottom:10%}.mk-pack__kind{font-family:var(--font-card);letter-spacing:.1em;text-transform:uppercase;font-size:clamp(10px,8cqi,18px);font-weight:700}.mk-pack__count{opacity:.8;font-size:clamp(9px,5.5cqi,12px);font-weight:600}.mk-pack__sheen{pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(105deg,#0000 35%,#ffffff73 47%,#0000 58%) -120% 0/250% 100% no-repeat,repeating-linear-gradient(72deg,#ffffff0d 0 6px,#0000000d 6px 13px);transition:background-position .9s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}@media (hover:hover){.mk-pack:hover .mk-pack__sheen,:where(button,a,[data-pack-hover]):hover .mk-pack__sheen{background-position:220% 0,0 0}}.mk-pack[data-kind=theme]{--foil:linear-gradient(160deg, #ffd9ec 0%, #8a4f9e 22%, #9fe3d2 42%, #2f5d7a 62%, #f7b3d9 80%, #5a3f8a 100%);--foil-ink:#fff4fb;--foil-trim:#ffe08a}.mk-pack[data-kind=theme] .mk-pack__brand,.mk-pack[data-kind=theme] .mk-pack__label{text-shadow:0 1px 3px #00000073}.mk-pack[data-kind=theme] .mk-pack__kind{text-overflow:ellipsis;white-space:nowrap;max-width:86%;font-size:clamp(9px,6.5cqi,15px);overflow:hidden}.mk-pack[data-kind=theme_premium]{--foil:linear-gradient(160deg, #fff1c4 0%, #2b2118 22%, #e8c25d 42%, #16110b 62%, #f5d98a 80%, #3a2b14 100%);--foil-ink:#fff4d6;--foil-trim:#ffe08a}.mk-pack[data-kind=theme_premium] .mk-pack__brand,.mk-pack[data-kind=theme_premium] .mk-pack__label{text-shadow:0 1px 3px #0009}.mk-pack[data-kind=theme_premium] .mk-pack__kind{text-overflow:ellipsis;white-space:nowrap;max-width:86%;font-size:clamp(9px,6.5cqi,15px);overflow:hidden}.mk-pack[data-kind=theme][data-hue]{--foil:linear-gradient(160deg, hsl(var(--pack-hue) 95% 90%) 0%, hsl(var(--pack-hue) 55% 34%) 22%, hsl(calc(var(--pack-hue) + 38) 75% 74%) 42%, hsl(var(--pack-hue) 60% 22%) 62%, hsl(calc(var(--pack-hue) + 18) 85% 80%) 80%, hsl(var(--pack-hue) 50% 28%) 100%)}.mk-pack[data-kind=theme_premium][data-hue]{--foil:linear-gradient(160deg, #fff1c4 0%, hsl(var(--pack-hue) 45% 14%) 22%, #e8c25d 42%, hsl(var(--pack-hue) 50% 9%) 62%, #f5d98a 80%, hsl(var(--pack-hue) 40% 16%) 100%)}.mk-pack[data-special][data-kind]{--foil:linear-gradient(160deg, #fff4d6 0%, #b8862f 18%, #ffd1f0 34%, #8a6424 50%, #b4f0ff 66%, #f1d79b 82%, #6e4f1c 100%);--foil-ink:#fff8e6;--foil-trim:#fff4d6;filter:drop-shadow(0 18px 22px #0000008c)drop-shadow(0 0 14px #e8c25d73)}.mk-pack[data-special] .mk-pack__brand,.mk-pack[data-special] .mk-pack__label{text-shadow:0 1px 3px #000000b3}.mk-pack[data-special] .mk-pack__body:after{content:"";pointer-events:none;mix-blend-mode:color-dodge;background:linear-gradient(115deg,#0000 20%,#ffd1f059 38%,#b4f0ff59 50%,#fff4d666 62%,#0000 80%) 0 0/300% 100%;animation:6s ease-in-out infinite alternate mk-pack-holo;position:absolute;inset:0}@keyframes mk-pack-holo{0%{background-position:0 0}to{background-position:100% 0}}@media (prefers-reduced-motion:reduce){.mk-pack[data-special] .mk-pack__body:after{background-position:50% 0;animation:none}}