.mix-entry{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 18px;margin:19px 0 23px;border:1px solid #ddd;border-radius:8px;text-decoration:none;background:#faf9f7;color:#111}.mix-entry>span:first-child{display:grid;gap:5px}.mix-entry strong{font-size:15px}.mix-entry small{font-size:12px;color:#555}.mix-entry>span:last-child{font-size:24px}.mix-entry:hover{border-color:#111}.mix-builder{max-width:1320px;margin:auto;padding:28px 5% 70px}.mix-builder .breadcrumbs{font-size:12px;margin-bottom:28px}.mix-heading{margin:0 0 32px}.mix-heading h1{font-size:clamp(34px,4vw,56px);line-height:1.07;letter-spacing:-1.8px;margin:10px 0 16px}.mix-heading>p:last-child{max-width:600px;color:#555;font-size:16px;line-height:1.6}.mix-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:44px;align-items:start}.mix-tiers{border:0;padding:0;margin:0 0 23px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.mix-tiers legend{font-weight:700;font-size:16px;margin-bottom:13px}.mix-tier{display:flex;align-items:center;gap:12px;padding:19px 14px;border:1px solid #ddd;border-radius:9px;cursor:pointer}.mix-tier>span{display:grid;gap:4px;flex:1}.mix-tier strong{font-size:17px}.mix-tier small{font-size:11px;color:#666}.mix-tier>input{appearance:auto;accent-color:#111;width:18px;height:18px;padding:0;margin:0;flex-shrink:0}.mix-tier.is-selected{background:#f8f6f3;border-color:#111}.mix-items{display:grid;gap:22px}.mix-item{min-width:0;margin:0;padding:17px 20px 20px;border:1px solid #dedbd7;border-radius:10px;background:#fff}.mix-item[hidden]{display:none}.mix-item legend{font-size:14px;font-weight:700;padding:0 7px}.mix-item-top{display:grid;grid-template-columns:75px minmax(0,1fr);gap:18px;align-items:center;margin-bottom:17px}.mix-item-top img{width:75px;height:94px;object-fit:contain;border-radius:7px;background:#f8f8f8}.mix-item label{display:grid;gap:7px;font-size:12px;font-weight:600;min-width:0}.mix-item label[hidden],.mix-item [hidden]{display:none}.mix-item input,.mix-item select{width:100%;min-width:0;max-width:100%;border:1px solid #d6d6d6;border-radius:6px;background:#fff;height:45px;padding:9px;font:14px Arial,Helvetica,sans-serif;color:#111}.mix-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mix-name,.mix-placement{margin-top:16px}.mix-name small{font-size:10px;color:#777;font-weight:400}.mix-no-name{font-size:12px;color:#666;margin:15px 0 0}.mix-size-guide{display:inline-block;margin-top:20px;text-underline-offset:4px;font-size:12px}.mix-summary{position:sticky;top:115px;border:1px solid #dfdcd7;border-radius:10px;padding:24px;background:#faf9f7}.mix-summary>.eyebrow{font-size:10px;color:#666}.mix-summary h2{font-size:27px;letter-spacing:-.8px;margin:8px 0 20px}.mix-summary-item{display:flex;gap:12px;margin:0 0 17px;min-width:0}.mix-summary-item img{width:54px;height:68px;border-radius:4px;object-fit:contain}.mix-summary-item>div{min-width:0;display:grid;gap:4px}.mix-summary-item small{font-size:9px;color:#777}.mix-summary-item strong{font-size:12px;line-height:1.4}.mix-summary-item span{font-size:11px;color:#666;overflow-wrap:anywhere}.mix-total{border-top:1px solid #ddd;padding-top:20px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:14px}.mix-total>div{display:flex;gap:9px;align-items:baseline}.mix-total strong{font-size:23px}.mix-total del{color:#777;font-size:12px}.mix-saving{color:#35634b;font-size:12px;margin:12px 0 20px;min-height:16px}.mix-summary>.btn{width:100%;min-height:50px;font-size:12px}.mix-summary-note{font-size:11px;line-height:1.6;color:#777;margin:15px 0 0}.mix-stock{font-size:12px;color:#a22131}.mix-mobile-add{display:none}.mix-builder :focus-visible,.mix-entry:focus-visible{outline:2px solid #111;outline-offset:3px}@media(max-width:800px){.mix-builder{padding:23px 18px 112px}.mix-layout{grid-template-columns:1fr;gap:27px}.mix-heading{margin-bottom:24px}.mix-heading h1{font-size:36px;letter-spacing:-1.1px}.mix-heading>p:last-child{font-size:14px}.mix-tier{padding:16px 11px;gap:8px}.mix-tier strong{font-size:15px}.mix-tier small{font-size:10px}.mix-item{padding:14px 14px 17px}.mix-item-top{grid-template-columns:65px minmax(0,1fr);gap:12px}.mix-item-top img{width:65px;height:82px}.mix-item select,.mix-item input{font-size:16px}.mix-summary{position:static;padding:22px}.mix-mobile-add{display:flex;position:fixed;z-index:35;bottom:0;left:0;right:0;justify-content:space-between;gap:15px;align-items:center;background:#fff;border-top:1px solid #ddd;padding:12px 18px calc(12px + env(safe-area-inset-bottom))}.mix-mobile-add>span{display:grid;gap:3px}.mix-mobile-add small{font-size:10px;color:#666}.mix-mobile-add strong{font-size:20px}.mix-mobile-add>.btn{font-size:11px;min-height:45px;min-width:180px;padding-inline:14px}}@media(prefers-reduced-motion:reduce){.mix-builder *{scroll-behavior:auto!important}}

.mix-mobile-add{z-index:25}.mix-builder:has(input[data-mix-name]:focus) .mix-mobile-add{display:none}.mix-builder .btn{color:#fff;text-decoration:none}.mix-builder select{overflow:hidden;text-overflow:ellipsis}