.mix-builder{margin:24px 0;padding:22px;border:1px solid #ead8c7;border-radius:22px;background:linear-gradient(145deg,#fffdf9,#fff5e8);box-shadow:0 14px 34px rgba(75,39,20,.08)}
.mix-builder__heading span{color:#b46b00;font-size:12px;font-weight:900;letter-spacing:.16em}.mix-builder__heading h2{margin:6px 0;font:700 28px/1.1 Georgia,serif;color:#291812}.mix-builder__heading p{margin:0;color:#6d5b51;line-height:1.55}
.mix-count{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.mix-count input{position:absolute;opacity:0}.mix-count span{display:block;padding:13px;border:2px solid #ead8c7;border-radius:14px;background:#fff;cursor:pointer}.mix-count b,.mix-count small{display:block}.mix-count b{color:#2a1812}.mix-count small{margin-top:3px;color:#817168}.mix-count input:checked+span{border-color:#d1191f;background:#fff5f3;box-shadow:0 0 0 3px rgba(209,25,31,.08)}
.mix-slots{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mix-slot{padding:12px;border:1px solid #ead8c7;border-radius:14px;background:#fff}.mix-slot label{display:block;margin-bottom:7px;color:#b46b00;font-size:11px;font-weight:900;letter-spacing:.12em}.mix-slot select{width:100%;min-height:44px;border:1px solid #dcc8b8;border-radius:10px;padding:0 10px;background:#fff;color:#291812;font-weight:700}.mix-slot.is-selected{border-color:#79a866;background:#fbfff9}.mix-slot__price{display:block;margin-top:7px;color:#387b2b;font-size:12px;font-weight:800}
.mix-calculation{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;margin-top:14px;padding:14px 16px;border-radius:14px;background:#271812;color:#fff}.mix-calculation span{font-size:13px}.mix-calculation strong{font-size:22px;color:#ffb000}.mix-calculation small{grid-column:1/-1;color:#d5c5bb}
@media(max-width:620px){.mix-builder{padding:17px;margin:18px 0}.mix-slots{grid-template-columns:1fr}.mix-count b{font-size:13px}}