.mzr{--mzr-accent:#d69e2e;--mzr-cart:#252a51;color:#111;overflow:hidden}
.mzr *{box-sizing:border-box}
.mzr button{font:inherit}
.mzr__intro{width:min(1020px,calc(100% - 44px));margin:0 auto 54px}
.mzr__heading{margin:0 0 14px;font-family:var(--font-body-family);font-size:clamp(24px,2.2vw,34px);font-weight:750;line-height:1.15;letter-spacing:.06em;text-transform:uppercase;color:inherit}
.mzr__description{max-width:600px;font-size:16px;line-height:1.75}
.mzr__description p{margin:0}
.mzr__stage{position:relative;width:calc(100% - 140px);max-width:1022px;margin:0 auto 60px;padding:12px 30px 110px;background:var(--mzr-accent)}
.mzr__viewport{overflow:hidden}
.mzr__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;padding:84px 0 35px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}
.mzr__track--short{justify-content:center}
.mzr__track::-webkit-scrollbar{display:none}
.mzr-card{position:relative;min-width:0;min-height:392px;background:#fff;border:1px solid transparent;scroll-snap-align:start;transition:background .2s,border-color .2s,color .2s}
.mzr-card.is-current,.mzr-card:hover{background:transparent;border-color:#fff;color:#fff}
.mzr-card__number{position:absolute;z-index:2;top:-64px;left:50%;transform:translateX(-50%);font-family:var(--mz-serif,var(--font-heading-family));font-size:104px;font-weight:var(--mz-serif-weight,400);line-height:1;letter-spacing:-.02em;color:var(--mzr-number,#050505)}
.mzr-card.is-current .mzr-card__number,.mzr-card:hover .mzr-card__number{color:#fff}
.mzr-card__body{display:flex;flex-direction:column;align-items:center;height:100%;padding:58px 22px 44px;text-align:center}
.mzr-card h3{margin:0;font-family:var(--font-body-family);font-size:13px;font-weight:800;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:inherit}
.mzr-card p{min-height:50px;margin:12px 0 16px;font-size:10.5px;line-height:1.5}
.mzr-card__image{display:flex;align-items:center;justify-content:center;width:100%;min-height:180px;margin-top:auto}
.mzr-card__image img{display:block;width:100%;height:180px;object-fit:contain}
.mzr-card__placeholder{display:block;width:100%;height:180px;padding:20px;opacity:.45}
.mzr-card__cart{position:absolute;z-index:3;right:50%;bottom:-24px;display:grid;place-items:center;width:48px;height:48px;padding:11px;border:0;border-radius:50%;background:var(--mzr-cart);color:#fff;transform:translateX(50%);cursor:pointer;transition:transform .18s ease,opacity .18s ease}
.mzr-card__cart:hover{transform:translateX(50%) translateY(-3px)}
.mzr-card__cart:disabled{opacity:.38;cursor:not-allowed}
.mzr-card__cart svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mzr__arrow{position:absolute;z-index:4;top:50%;display:grid;place-items:center;width:60px;height:86px;padding:12px;border:0;background:transparent;color:#111;transform:translateY(-50%);cursor:pointer}
.mzr__arrow--prev{left:-100px}.mzr__arrow--next{right:-100px}
.mzr__arrow svg{width:26px;height:46px;fill:none;stroke:currentColor;stroke-width:1.2}
.mzr__add-all{position:absolute;bottom:-21px;left:50%;min-width:310px;min-height:42px;padding:10px 28px;border:1px solid #111;border-radius:999px;background:var(--mzr-cart);color:#fff;font-size:10px;font-weight:750;letter-spacing:.22em;text-transform:uppercase;transform:translateX(-50%);cursor:pointer}
.mzr__add-all:disabled{opacity:.55;cursor:wait}
.mzr__status{position:absolute;right:0;bottom:-54px;left:0;margin:0;text-align:center;font-size:12px}
@media(max-width:1199px){.mzr__track{grid-auto-columns:calc((100% - 32px)/3)}.mzr__stage{width:calc(100% - 120px)}.mzr__arrow--prev{left:-62px}.mzr__arrow--next{right:-62px}}
@media(max-width:899px){.mzr__track{grid-auto-columns:calc((100% - 16px)/2)}.mzr__track--short{justify-content:start}.mzr__stage{width:calc(100% - 32px);padding-right:20px;padding-left:20px}.mzr__arrow{display:none}}
@media(max-width:599px){.mzr__description{font-size:15px;line-height:1.55}.mzr__stage{width:100%;padding:10px 16px 100px}.mzr__track{grid-auto-columns:78%;gap:12px}.mzr__add-all{min-width:calc(100% - 40px)}.mzr-card__number{font-size:88px;top:-54px}}