.mix-match-bundle{--mmb-color-border: rgba(0, 0, 0, .12);--mmb-color-accent: #121212;--mmb-color-success: #108043;--mmb-color-error: #d82c0d;--mmb-color-muted: rgba(0, 0, 0, .55);display:block;padding-top:3rem;padding-bottom:3rem}.mix-match-bundle:not(.page-width){margin:0 auto;max-width:120rem;padding-left:1.5rem;padding-right:1.5rem}.mmb-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:2rem}.mmb-header__text{display:flex;flex-direction:column;gap:.4rem}.mmb-heading{margin:0;font-size:2.4rem;line-height:1.2}.mmb-deal{margin:0;font-size:1.6rem;font-weight:600;color:var(--mmb-color-success)}.mmb-editor-hint{margin:0 0 2rem;padding:1rem 1.4rem;font-size:1.3rem;color:var(--mmb-color-muted);background-color:#0000000a;border:1px dashed var(--mmb-color-border);border-radius:6px}.mmb-counter{margin:0;font-size:1.6rem;font-weight:600;padding:.6rem 1.4rem;border:1px solid var(--mmb-color-border);border-radius:999px;transition:border-color .25s ease,color .25s ease,background-color .25s ease}.mmb-counter--complete{color:#fff;background-color:var(--mmb-color-success);border-color:var(--mmb-color-success)}.mmb-grid{display:grid;grid-template-columns:repeat(var(--mmb-columns-mobile, 2),minmax(0,1fr));gap:var(--mmb-card-spacing, 16px);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.mmb-grid{grid-template-columns:repeat(var(--mmb-columns-tablet, 3),minmax(0,1fr))}}@media screen and (min-width:990px){.mmb-grid{grid-template-columns:repeat(var(--mmb-columns-desktop, 4),minmax(0,1fr))}}.mmb-card{position:relative;display:flex;flex-direction:column;height:100%;border:2px solid var(--mmb-color-border);border-radius:var(--mmb-card-radius, 8px);overflow:hidden;background:#fff;transition:border-color .25s ease,box-shadow .25s ease,opacity .25s ease,transform .25s ease}@media(hover:hover){.mmb-card:not(.mmb-card--disabled):not(.mmb-card--sold-out):hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}}.mmb-card--selected{border-color:var(--mmb-color-accent);box-shadow:0 0 0 1px var(--mmb-color-accent)}.mmb-card--disabled,.mmb-card--sold-out{opacity:.5}.mmb-card--disabled .mmb-card__select,.mmb-card--sold-out .mmb-card__select{cursor:not-allowed}.mmb-card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#0000000a}.mmb-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}@media(hover:hover){.mmb-card:not(.mmb-card--disabled):not(.mmb-card--sold-out):hover .mmb-card__image{transform:scale(1.04)}}.mmb-card__image--placeholder .mmb-placeholder-svg{width:100%;height:100%}.mmb-card__check{position:absolute;top:.8rem;right:.8rem;display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:50%;color:#fff;background-color:var(--mmb-color-accent);opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.mmb-card--selected .mmb-card__check{opacity:1;transform:scale(1)}.mmb-card__content{display:flex;flex-direction:column;flex-grow:1;gap:.8rem;padding:1.2rem}.mmb-card__title{margin:0;font-size:1.5rem;line-height:1.3;font-weight:600}.mmb-card__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem;font-size:1.5rem}.mmb-price{font-weight:700}.mmb-compare-price{color:var(--mmb-color-muted);font-size:1.3rem}.mmb-card__stock{margin:0;font-size:1.2rem;font-weight:600;color:var(--mmb-color-success)}.mmb-card__stock--sold-out{color:var(--mmb-color-error)}.mmb-card__options{display:flex;flex-direction:column;gap:.8rem}.mmb-option{display:flex;flex-direction:column;gap:.3rem}.mmb-option__label{font-size:1.2rem;color:var(--mmb-color-muted)}.mmb-option__select{width:100%;padding:.7rem 1rem;font-size:1.4rem;border:1px solid var(--mmb-color-border);border-radius:6px;background-color:#fff;cursor:pointer;transition:border-color .2s ease}.mmb-option__select:hover{border-color:var(--mmb-color-accent)}.mmb-option__select:focus-visible{outline:2px solid var(--mmb-color-accent);outline-offset:1px}.mmb-card__select{display:flex;align-items:center;gap:.8rem;margin-top:auto;padding:.9rem 1.2rem;font-size:1.4rem;font-weight:600;border:1px solid var(--mmb-color-border);border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.mmb-card__select:hover{border-color:var(--mmb-color-accent)}.mmb-card--selected .mmb-card__select{color:#fff;background-color:var(--mmb-color-accent);border-color:var(--mmb-color-accent)}.mmb-card__checkbox{width:1.8rem;height:1.8rem;margin:0;accent-color:var(--mmb-color-accent);cursor:inherit}.mmb-card__checkbox:focus-visible{outline:2px solid var(--mmb-color-accent);outline-offset:2px}.mmb-card--selected .mmb-card__checkbox{accent-color:#fff}.mmb-footer{display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin-top:2.4rem}.mmb-error{margin:0;padding:1rem 1.6rem;font-size:1.4rem;color:var(--mmb-color-error);background-color:#d82c0d14;border:1px solid rgba(216,44,13,.35);border-radius:6px}.mmb-add-button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-width:26rem;min-height:4.8rem;padding:1.2rem 3rem;font-size:1.5rem;font-weight:600;letter-spacing:.05em;color:#fff;background-color:var(--mmb-color-accent);border:1px solid var(--mmb-color-accent);border-radius:6px;cursor:pointer;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}.mmb-add-button:hover:not(:disabled){box-shadow:0 4px 14px #00000040;transform:translateY(-1px)}.mmb-add-button:focus-visible{outline:2px solid var(--mmb-color-accent);outline-offset:3px}.mmb-add-button:disabled{opacity:.45;cursor:not-allowed}.mmb-add-button--loading .mmb-add-button__text{opacity:.7}.mmb-spinner{width:1.8rem;height:1.8rem;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:mmb-spin .7s linear infinite}@keyframes mmb-spin{to{transform:rotate(360deg)}}.mmb-empty{padding:4rem 2rem;text-align:center;font-size:1.5rem;color:var(--mmb-color-muted);border:1px dashed var(--mmb-color-border);border-radius:8px}.mix-match-bundle .visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){.mmb-card,.mmb-card__image,.mmb-card__check,.mmb-add-button,.mmb-counter{transition:none}.mmb-spinner{animation-duration:1.5s}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/mix-match-bundle.css.map */