.bbmix{--ink:#21352d;--cream:#f7f1e6;--green:#486f56;max-width:1180px;margin:0 auto;padding:72px 24px 100px;color:var(--ink);font-family:inherit}.bbmix__intro{text-align:center;max-width:760px;margin:0 auto 42px}.bbmix__eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--green);margin-bottom:14px}.bbmix h1{font-size:clamp(38px,6vw,70px);line-height:1.02;margin:0 0 18px;font-weight:800}.bbmix h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.bbmix__intro p{font-size:18px;line-height:1.65;max-width:650px;margin:auto}.bbmix__progress{background:#fff;border:1px solid #e6dfd2;border-radius:18px;padding:20px 24px;margin-bottom:22px;box-shadow:0 8px 30px rgba(33,53,45,.06)}.bbmix__progress>div:first-child{font-size:24px}.bbmix__progress small{display:block;margin-top:8px;color:#6b746f}.bbmix__bar{height:10px;background:#eee8de;border-radius:99px;overflow:hidden;margin-top:12px}.bbmix__bar i{display:block;width:0;height:100%;background:var(--green);border-radius:inherit;transition:width .25s}.bbmix__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bbmix__card{overflow:hidden;background:#fff;border:1px solid #e6dfd2;border-radius:24px;box-shadow:0 12px 38px rgba(33,53,45,.07)}.bbmix__image{aspect-ratio:1.15;background:color-mix(in srgb,var(--accent) 10%,#fff);display:flex;align-items:center;justify-content:center}.bbmix__image img{width:78%;height:90%;object-fit:contain;transition:transform .25s}.bbmix__card:hover img{transform:translateY(-4px) scale(1.02)}.bbmix__content{padding:20px}.bbmix__content h2{font-size:22px;margin:0 0 4px}.bbmix__content p{margin:0 0 16px;color:#6b746f}.bbmix__stepper{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;border:1px solid #d8d2c7;border-radius:14px;overflow:hidden}.bbmix__stepper button{height:48px;border:0;background:var(--cream);font-size:24px;color:var(--ink);cursor:pointer}.bbmix__stepper button:disabled{opacity:.35;cursor:not-allowed}.bbmix__stepper input{width:100%;height:48px;border:0;text-align:center;font-size:20px;font-weight:800;color:var(--ink);background:#fff}.bbmix__summary{position:sticky;bottom:12px;z-index:10;margin-top:24px;background:var(--ink);color:white;border-radius:20px;padding:20px 22px;display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center;box-shadow:0 18px 50px rgba(20,36,29,.24)}.bbmix__summary span,.bbmix__summary small{display:block;color:#d8e1dc}.bbmix__summary>div>strong{display:block;font-size:18px;margin:3px 0}.bbmix__total{text-align:right}.bbmix__total strong{font-size:26px!important}.bbmix__submit{border:0;border-radius:14px;padding:16px 22px;background:#f0b84c;color:#17251f;font-weight:800;cursor:pointer;white-space:nowrap}.bbmix__submit:disabled{background:#697770;color:#cdd4d0;cursor:not-allowed}.bbmix__submit:focus-visible,.bbmix__stepper button:focus-visible{outline:3px solid #f0b84c;outline-offset:2px}
@media(max-width:780px){.bbmix{padding:42px 14px 80px}.bbmix__intro{margin-bottom:26px}.bbmix__intro p{font-size:16px}.bbmix__progress{padding:16px}.bbmix__grid{grid-template-columns:1fr;gap:12px}.bbmix__card{display:grid;grid-template-columns:126px 1fr;border-radius:18px}.bbmix__image{aspect-ratio:auto;min-height:164px}.bbmix__image img{width:95%;height:150px}.bbmix__content{padding:16px}.bbmix__content h2{font-size:19px}.bbmix__summary{bottom:8px;margin:16px 0 0;padding:16px;grid-template-columns:1fr auto;gap:10px 16px;border-radius:16px}.bbmix__summary small{font-size:11px}.bbmix__total strong{font-size:22px!important}.bbmix__submit{grid-column:1/-1;width:100%;min-height:52px}.bbmix__stepper{grid-template-columns:44px 1fr 44px}.bbmix__stepper button,.bbmix__stepper input{height:44px}}