.mix-match{border-top:1px solid var(--color-line);background:radial-gradient(circle at 10% 0%,rgba(201,225,239,.52),transparent 32rem),var(--color-background)}.mix-match__header{max-width:760px;margin:0 auto clamp(28px,5vw,46px);text-align:center}.mix-match__header h2{margin-bottom:12px}.mix-match__eyebrow,.mix-match__summary-label{margin-bottom:8px;color:var(--color-accent);font-family:Archivo,system-ui,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.mix-match__intro{color:var(--color-muted)}.mix-match__progress{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:14px 22px;align-items:center;margin-bottom:28px}.mix-match__progress-track{height:10px;overflow:hidden;border:1px solid var(--color-line);border-radius:999px;background:#ffffffb8}.mix-match__progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:var(--color-accent);transition:width .22s ease}.mix-match__status{margin:0;color:var(--color-muted);font-size:.92rem;font-weight:700}.mix-match__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2.2vw,26px)}.mix-match-card{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--color-line);border-radius:12px;background:var(--color-surface);box-shadow:0 12px 32px -27px #0b2740a6;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.mix-match-card[data-selected=true]{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent),0 18px 38px -28px #0b2740b3;transform:translateY(-2px)}.mix-match-card__media{position:relative;display:grid;aspect-ratio:1 / 1;place-items:center;overflow:hidden;background:linear-gradient(160deg,#f9fdff,#e8f5fb)}.mix-match-card__media img,.mix-match-card__media svg{width:100%;height:100%;object-fit:contain}.mix-match-card__count{position:absolute;top:12px;right:12px;display:grid;min-width:34px;height:34px;padding:0 8px;place-items:center;border-radius:999px;background:var(--color-accent);color:#fff;font-family:Archivo,system-ui,sans-serif;font-size:.88rem;font-weight:800}.mix-match-card__body{display:flex;flex:1;flex-direction:column;gap:16px;padding:17px}.mix-match-card__body h3{margin:0;font-size:clamp(.96rem,1.8vw,1.1rem);line-height:1.25}.mix-match-card__controls{display:grid;grid-template-columns:42px minmax(36px,1fr) 42px;align-items:center;margin-top:auto;overflow:hidden;border:1px solid var(--color-line);border-radius:999px}.mix-match-card__control{display:grid;min-width:42px;min-height:42px;padding:0;place-items:center;border:0;background:transparent;color:var(--color-text);cursor:pointer;font:inherit;font-size:1.35rem;line-height:1}.mix-match-card__control:hover:not(:disabled){background:#e4f3fa;color:var(--color-accent)}.mix-match-card__control:disabled{cursor:not-allowed;opacity:.28}.mix-match-card__quantity{min-width:0;text-align:center;font-family:Archivo,system-ui,sans-serif;font-weight:800}.mix-match__summary{position:sticky;z-index:20;bottom:14px;display:grid;grid-template-columns:minmax(170px,1fr) minmax(180px,.7fr) auto;gap:18px;align-items:center;margin-top:clamp(28px,5vw,48px);padding:18px 20px;border:1px solid var(--color-line);border-radius:12px;background:#fffffff2;box-shadow:0 22px 55px -26px #0b274080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mix-match__summary-copy p{margin:0}.mix-match__variant label{font-size:.82rem;font-weight:700}.mix-match__actions{display:flex;align-items:center;gap:14px}.mix-match__reset{min-height:44px;padding:5px;border:0;background:transparent;color:var(--color-accent);cursor:pointer;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px}.mix-match__reset:disabled{cursor:not-allowed;opacity:.42}.mix-match__add{min-width:min(310px,38vw)}.mix-match__message{min-height:1.5em;margin:14px 0 0;color:var(--color-muted);text-align:right}.mix-match__message[data-state=error]{color:var(--color-error);font-weight:700}.mix-match__message[data-state=success]{color:var(--color-accent);font-weight:700}.mix-match__setup-note{margin-top:24px;padding:18px;border-left:4px solid var(--color-accent);background:var(--color-surface)}@media(max-width:990px){.mix-match__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mix-match__summary{grid-template-columns:1fr auto}.mix-match__variant{grid-column:1 / -1;grid-row:1}}@media(max-width:700px){.mix-match__progress{grid-template-columns:1fr}.mix-match__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-match-card__body{padding:13px}.mix-match__summary{position:static;grid-template-columns:1fr;padding:16px}.mix-match__variant{grid-column:auto;grid-row:auto}.mix-match__actions{align-items:stretch;flex-direction:column-reverse}.mix-match__add{width:100%;min-width:0}.mix-match__message{text-align:left}}@media(prefers-reduced-motion:reduce){.mix-match-card,.mix-match__progress-track span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/mix-and-match-bundle.css.map */