.mb-card__visual{position:relative}@media(hover:hover){.mb-card__visual:hover .mb-card__img--hover{opacity:1}.mb-card__visual:hover .mb-card__img--primary.mb-has-hover{opacity:0}.mb-card__visual:hover .mb-card__img--primary:not(.mb-has-hover){transform:scale(1.04)}}.mb-qa{position:absolute;left:0;right:0;bottom:0;z-index:3;pointer-events:none}.mb-qa>*{pointer-events:auto}.mb-qa__bar{display:flex;align-items:center;justify-content:center;width:calc(100% - 16px);margin:0 8px 8px;min-height:42px;padding:0 12px;border:0;border-radius:var(--mb-radius, 3px);background:#fffdf9f0;color:var(--mb-ink);font-family:var(--mb-sans);font-size:.6875rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:0 2px 10px #0000000f;transition:background .2s ease,color .2s ease}.mb-qa__bar:hover{background:var(--mb-accent);color:#fff}.mb-qa__done,.mb-qa__bar.is-added .mb-qa__text{display:none}.mb-qa__bar.is-added .mb-qa__done{display:inline}.mb-qa__bar.is-busy,.mb-qa__size.is-busy,.mb-qa__plus.is-busy{opacity:.55;cursor:progress}.mb-qa__panel{margin:0 8px 8px;padding:10px 10px 8px;background:#fffdf9f5;border-radius:var(--mb-radius, 3px);box-shadow:0 2px 10px #0000000f;text-align:center}.mb-qa__label{display:block;margin-bottom:8px;font-family:var(--mb-sans);font-size:.625rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--mb-muted)}.mb-qa__sizes{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.mb-qa__size{min-width:34px;height:30px;padding:0 7px;border:1px solid var(--mb-line);border-radius:0;background:#fff;color:var(--mb-ink);font-family:var(--mb-sans);font-size:.6875rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.mb-qa__size:hover:not(:disabled){background:var(--mb-accent);border-color:var(--mb-accent);color:#fff}.mb-qa__size:disabled{color:var(--mb-muted);text-decoration:line-through;cursor:not-allowed;opacity:.6}.mb-qa__size.is-added{background:var(--mb-accent);border-color:var(--mb-accent);color:#fff}.mb-qa__plus{display:none;position:absolute;right:8px;bottom:8px;width:34px;height:34px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#fffdf9f2;color:var(--mb-ink);box-shadow:0 2px 8px #0000001f;cursor:pointer}.mb-qa__plus svg{width:16px;height:16px;transition:transform .2s ease}.mb-qa__plus.is-added{background:var(--mb-accent);color:#fff}.mb-qa--sizes.is-open .mb-qa__toggle svg{transform:rotate(45deg)}@media(hover:hover)and (pointer:fine){.mb-qa__bar,.mb-qa__panel{opacity:0;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,background .2s ease,color .2s ease}.mb-card__visual:hover .mb-qa__bar,.mb-card__visual:hover .mb-qa__panel,.mb-card__visual:focus-within .mb-qa__bar,.mb-card__visual:focus-within .mb-qa__panel{opacity:1;transform:none}}@media(hover:none),(pointer:coarse){.mb-qa__bar{display:none}.mb-qa__plus{display:inline-flex}.mb-qa--sizes .mb-qa__panel{display:none;margin-bottom:50px}.mb-qa--sizes.is-open .mb-qa__panel{display:block}.mb-qa__size{min-width:36px;height:34px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/mb-cards.css.map */