.zk-mp__sec{position:relative;padding:76px 0}.zk-mp__head{max-width:740px;margin:0 auto 40px;padding:0 20px;text-align:center}.zk-mp__kicker{margin-bottom:10px;color:var(--mp-acc);font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.zk-mp__h2{font-family:var(--font-heading-family,inherit);font-weight:400;font-size:clamp(32px,5vw,58px);line-height:1;text-transform:uppercase}.zk-mp__sub{margin-top:14px;opacity:.78}.zk-mp__reveal{background:linear-gradient(180deg,transparent,rgba(255,255,255,.035) 40%,transparent)}.zk-mp__deck{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:980px;margin:0 auto;padding:10px 20px 0;perspective:1000px}.zk-mp__card{position:relative;width:148px;aspect-ratio:3/4.3;padding:0;border:0;background:none;cursor:pointer;transform:rotate(var(--r,0deg));transition:transform .35s cubic-bezier(.2,.9,.3,1.3)}.zk-mp__card:hover{transform:rotate(var(--r,0deg)) translateY(-10px)}.zk-mp__card:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:14px}.zk-mp__card-in{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.9,.25,1.1)}.zk-mp__card.is-flipped .zk-mp__card-in{transform:rotateY(180deg)}.zk-mp__face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:14px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.zk-mp__face--front{background:linear-gradient(155deg,#2c2c31,#0d0d0e);border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 34px -14px #000;font-family:var(--font-heading-family,inherit);font-size:72px;color:var(--mp-acc)}.zk-mp__face--front:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px dashed rgba(255,255,255,.2);border-radius:9px}.zk-mp__face--back{transform:rotateY(180deg);padding:12px;background:linear-gradient(150deg,var(--mp-acc),#ffe17a);color:#111;text-align:center;font-family:var(--font-heading-family,inherit);font-size:26px;line-height:1.05;text-transform:uppercase;box-shadow:0 18px 40px -12px var(--mp-acc-a2)}.zk-mp__deck-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-top:34px;padding:0 20px}.zk-mp__count{min-width:150px;text-align:center;font-size:14px;font-weight:700;opacity:.8}.zk-mp__ghost{padding:12px 22px;border-radius:99px;border:2px solid var(--mp-acc);background:transparent;color:var(--mp-acc);font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}.zk-mp__ghost:hover{background:var(--mp-acc);color:#111}.zk-mp__note{margin-top:18px;padding:0 20px;text-align:center;font-size:13px;opacity:.6}.zk-mp__bens{max-width:1100px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.zk-mp__ben{position:relative;padding:30px 26px;border-radius:20px;background:var(--mp-surf);border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:transform .3s ease,border-color .3s}.zk-mp__ben:hover{transform:translateY(-6px) rotate(-.6deg);border-color:var(--mp-acc)}.zk-mp__ben-big{font-family:var(--font-heading-family,inherit);font-size:72px;line-height:1;color:var(--mp-acc)}.zk-mp__ben h3{margin:8px 0;font-family:var(--font-heading-family,inherit);font-weight:400;font-size:24px;text-transform:uppercase}.zk-mp__ben p{opacity:.78;font-size:15px}.zk-mp__faq{max-width:820px;margin:0 auto;padding:0 20px;display:grid;gap:12px}.zk-mp__faq details{border:1px solid rgba(255,255,255,.14);border-radius:14px;background:var(--mp-surf);transition:border-color .2s}.zk-mp__faq details[open]{border-color:var(--mp-acc)}.zk-mp__faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;cursor:pointer;list-style:none;font-weight:700}.zk-mp__faq summary::-webkit-details-marker{display:none}.zk-mp__faq summary:after{content:"+";flex:0 0 auto;font-size:26px;line-height:1;color:var(--mp-acc);transition:transform .3s ease}.zk-mp__faq details[open] summary:after{transform:rotate(135deg)}.zk-mp__faq summary:focus-visible{outline:3px solid #fff;outline-offset:-3px;border-radius:14px}.zk-mp__faq-a{padding:0 20px 20px;opacity:.82}.zk-mp__bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#0f0f10f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.14);visibility:hidden;transform:translateY(100%);transition:transform .35s ease,visibility .35s}.zk-mp__bar.is-on{visibility:visible;transform:none}.zk-mp__bar-info{flex:1;min-width:0;display:flex;flex-direction:column}.zk-mp__bar-name{font-size:12px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zk-mp__bar-price{font-size:19px;font-weight:800}.zk-mp__bar .zk-mp__atc-wrap{flex:0 0 52%}.zk-mp__bar .zk-mp__atc{min-height:48px;font-size:18px}.zk-mp.is-js [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.zk-mp.is-js [data-reveal].is-in{opacity:1;transform:none}@media(max-width:989px){.zk-mp__sec{padding:56px 0}}@media(max-width:749px){.zk-mp__card{width:calc(33.33% - 12px);max-width:150px}.zk-mp__face--front{font-size:56px}.zk-mp__face--back{font-size:21px}.zk-mp__bar{display:flex}.zk-mp__has-bar{padding-bottom:70px}}@media(prefers-reduced-motion:reduce){.zk-mp *,.zk-mp *:before,.zk-mp *:after{animation:none!important;transition:none!important}.zk-mp.is-js [data-reveal]{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/zk-mystery-pack-extras.css.map */
