.mix-wrap{padding:36px 0 6px}.mix{max-width:560px;margin:0 auto;padding:22px 14px 16px;border:1px solid var(--c-border);border-radius:20px;background:#fff;box-shadow:0 8px 28px #2b17220f;scroll-margin-top:90px}@media(min-width:750px){.mix{padding:28px 24px 22px}}.mix__head{text-align:center;margin-bottom:20px}.mix__eyebrow{margin:0 0 6px;font-size:11.5px;font-weight:var(--font-body-weight-bold);letter-spacing:.16em;text-transform:uppercase;color:var(--c-accent)}.mix__title{margin:0 0 6px;font-size:calc(25px * var(--heading-scale))}.mix__text{margin:0 auto;max-width:420px;font-size:14px;line-height:1.45;color:var(--c-muted)}.mix__summary{display:inline-block;margin:10px 0 0;padding:5px 12px;border-radius:999px;background:var(--c-accent-soft);color:var(--c-primary);font-size:12px;font-weight:var(--font-body-weight-bold);line-height:1.4}.mix__step{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:11.5px;font-weight:var(--font-body-weight-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted)}.mix__num{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--c-primary);color:#fff;font-size:11px;letter-spacing:0}.mix__row{position:relative;border:1.5px solid var(--c-border);border-radius:14px;background:#fff;transition:border-color .15s,box-shadow .15s,background .15s}.mix__main{background:var(--c-bg-soft);border-color:transparent}.mix__item:hover{border-color:rgba(var(--c-primary-rgb),.45)}.mix__item.is-selected{border-color:var(--c-primary);box-shadow:0 0 0 1px var(--c-primary);background:rgba(var(--c-primary-rgb),.025)}.mix__row.is-error{border-color:var(--c-error);animation:shake .4s}.mix__row.is-error .select{border-color:var(--c-error)}.mix__pick{display:grid;grid-template-columns:22px 56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.mix__pick--static{grid-template-columns:56px minmax(0,1fr) auto;cursor:default}.mix__pick input{position:absolute;opacity:0;pointer-events:none}.mix__check{width:22px;height:22px;border-radius:50%;border:2px solid var(--c-border);display:grid;place-items:center;transition:border-color .15s}.mix__check:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--c-primary);transform:scale(0);transition:transform .15s}.mix__pick input:checked~.mix__check{border-color:var(--c-primary)}.mix__pick input:checked~.mix__check:after{transform:scale(1)}.mix__pick input:focus-visible~.mix__check{outline:2px solid var(--c-accent);outline-offset:2px}.mix__img{width:56px;height:56px;border-radius:10px;overflow:hidden;background:var(--c-bg-soft)}.mix__img img{width:100%;height:100%;object-fit:cover}.mix__name{min-width:0;font-size:14.5px;font-weight:var(--font-body-weight-bold);line-height:1.3}.mix__price{display:grid;justify-items:end;gap:1px;white-space:nowrap;font-variant-numeric:tabular-nums}.mix__price strong{font-size:15px;font-weight:var(--font-body-weight-bold)}.mix__price s{font-size:12px;color:var(--c-muted)}.mix__more{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:0 12px 12px}.mix__list>*,.mix__more>*{min-width:0}.mix__more:not(:has(>:not([hidden]))){display:none}@media(min-width:750px){.mix__item .mix__more{padding-left:114px}.mix__main .mix__more{padding-left:80px}}.mix__selects{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.mix__selects .select{min-width:0;width:100%;background-color:#fff}.mix__plus{display:flex;align-items:center;gap:12px;margin:16px 0}.mix__plus:before,.mix__plus:after{content:"";flex:1;height:1px;background:var(--c-border)}.mix__plus span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--c-accent);color:var(--c-accent);background:#fff}.mix__plus .icon{width:14px;height:14px}.mix__list{display:grid;gap:10px}.mix__tabs{display:flex;gap:8px;margin:0 -14px 2px;padding:2px 14px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mix__tabs::-webkit-scrollbar{display:none}@media(min-width:750px){.mix__tabs{margin:0 0 2px;padding:2px 0;flex-wrap:wrap}}.mix__tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 15px;border-radius:999px;border:1.5px solid var(--c-border);background:#fff;color:var(--c-text);font-family:var(--font-body);font-size:13.5px;font-weight:var(--font-body-weight-medium);line-height:1.2;cursor:pointer;transition:border-color .15s,background .15s,color .15s;-webkit-tap-highlight-color:transparent}.mix__tab:hover{border-color:rgba(var(--c-primary-rgb),.45)}.mix__tab.is-active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.mix__tab:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.mix__tab-count{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--c-accent);color:#fff;font-size:11px;font-weight:var(--font-body-weight-bold)}.mix__tab.is-active .mix__tab-count{background:#fff;color:var(--c-primary)}.mix__panel{display:grid;gap:10px}.mix__tag{display:block;width:fit-content;margin-top:4px;padding:2px 8px;border-radius:999px;background:var(--c-accent-soft);color:var(--c-primary);font-size:11px;font-weight:var(--font-body-weight-bold);letter-spacing:.02em;line-height:1.5}.mix__list.is-error{animation:shake .4s}.mix__total{display:grid;gap:10px;margin-top:16px;padding:16px;border-radius:16px;background:var(--c-primary);color:#fff}.mix__total p{margin:0}.mix__total-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mix__total-label{font-size:11.5px;font-weight:var(--font-body-weight-bold);letter-spacing:.14em;text-transform:uppercase}.mix__total-label small{display:block;margin-top:3px;font-size:12.5px;font-weight:var(--font-body-weight);letter-spacing:0;text-transform:none;opacity:.85}.mix__total-price{display:grid;justify-items:end;font-variant-numeric:tabular-nums;white-space:nowrap}.mix__total-price strong{font-size:21px;font-weight:var(--font-body-weight-bold);line-height:1.15}.mix__total-price s{font-size:12.5px;opacity:.7}.mix__perks{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px}.mix__perks span{display:inline-flex;align-items:center;gap:5px}.mix__perks .icon{width:15px;height:15px}.mix__perks .is-free{color:#bff0cf;font-weight:var(--font-body-weight-bold)}.mix__next{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;background:#ffffff1a;font-size:12.5px}.mix__next .icon{width:15px;height:15px;flex-shrink:0}.mix__total .btn.is-waiting{opacity:.82}.mix__total .btn.is-loading:after{border-color:var(--c-primary);border-right-color:transparent}.mix__error{margin:10px 0 0;font-size:13.5px;text-align:center;color:var(--c-error)}@media(max-width:380px){.mix__pick{grid-template-columns:22px 48px minmax(0,1fr) auto;gap:10px;padding:11px}.mix__pick--static{grid-template-columns:48px minmax(0,1fr) auto}.mix__img{width:48px;height:48px}}.set__mix-link{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 12px;border-radius:12px;border:1.5px dashed rgba(var(--c-primary-rgb),.35);color:var(--c-primary);font-size:13.5px;font-weight:var(--font-body-weight-bold);text-align:center;text-decoration:none;transition:border-color .15s,background .15s}.set__mix-link:hover{border-color:var(--c-primary);background:rgba(var(--c-primary-rgb),.03)}.set__mix-link .icon{width:15px;height:15px;flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/27/assets/oc-mix.css.map */