.mix-page{background:#f7f2e9;padding-bottom:85px}.mix-hero{color:#fff;background:linear-gradient(120deg,#2f1d12 0%,#57351f 64%,#8b5c31 100%);grid-template-columns:1fr 280px;align-items:center;gap:70px;max-width:none;min-height:390px;padding-top:68px;padding-bottom:68px;display:grid}.mix-hero>div{max-width:930px;margin-left:max(0px,50vw - 880px)}.mix-hero small,.mix-title small,.mix-summary>small{letter-spacing:2.5px;color:#d8a96e;font-size:10px;font-weight:800}.mix-hero h1{margin:16px 0;font:800 58px/1.05 Manrope,Arial}.mix-hero p{color:#eadfd3;max-width:760px;font-size:17px;line-height:1.65}.mix-rules{gap:28px;margin-top:38px;display:flex}.mix-rules span{align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.mix-rules b{color:#d8a96e;border:1px solid #d8a96e;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.mix-hero aside{background:#ffffff0d;border:1px solid #ffffff38;border-radius:24px;flex-direction:column;align-items:center;margin-right:max(0px,50vw - 880px);padding:34px;display:flex}.mix-hero aside strong{color:#f0c68d;font-size:70px}.mix-hero aside span{margin-bottom:25px;font-size:12px}.mix-hero aside b{font-size:30px}.mix-hero aside small{color:#d8c9bb;letter-spacing:0}.mix-work{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:32px;padding-top:65px;display:grid}.mix-title{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.mix-title h2,.mix-summary h2{margin:8px 0 0;font:800 34px Manrope,Arial}.mix-title p{color:#766b62;font-size:12px}.ingredient-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.ingredient-grid article{background:#fff;border:2px solid #0000;border-radius:14px;transition:all .2s;overflow:hidden}.ingredient-grid article.selected{border-color:#a86f36;box-shadow:0 10px 30px #56351d18}.ingredient-image{background:#eee;height:220px;position:relative}.ingredient-image img{object-fit:cover;width:100%;height:100%}.ingredient-image em{color:#fff;background:#2e4a36;border-radius:20px;padding:7px 11px;font-size:9px;font-style:normal;font-weight:800;position:absolute;top:12px;left:12px}.ingredient-body{padding:18px}.ingredient-body h3{margin:0 0 6px;font-size:15px}.ingredient-body>small{color:#8a7e73;font-size:10px}.choose,.add-mix{color:#fff;cursor:pointer;background:#a86f36;border:0;border-radius:24px;width:100%;height:44px;margin-top:16px;font-size:10px;font-weight:800}.gram-control{border:1px solid #e2d8ce;border-radius:24px;grid-template-columns:38px 1fr 38px;align-items:center;margin-top:15px;display:grid;overflow:hidden}.gram-control button{color:#3b2416;background:#f8f4ee;border:0;height:38px;font-size:19px}.gram-control button:disabled{opacity:.35}.gram-control strong{text-align:center;font-size:17px}.gram-control strong small{margin-left:2px;font-size:10px}.ingredient-body input[type=range]{accent-color:#a86f36;width:100%;margin:15px 0 0}.range-labels{color:#9a8e82;justify-content:space-between;font-size:9px;display:flex}.remove-mix{color:#9a563f;background:0 0;border:0;margin:11px auto 0;font-size:9px;text-decoration:underline;display:block}.mix-summary{background:#fff;border-radius:16px;padding:28px;position:sticky;top:265px;box-shadow:0 14px 45px #4d32141a}.mix-summary h2{margin-bottom:22px;font-size:27px}.mix-empty{text-align:center;background:#f8f4ee;border-radius:12px;padding:35px 20px}.mix-empty>span{color:#b79470;font-size:30px}.mix-empty p{font-size:13px;font-weight:700}.mix-empty small{color:#8a7e72;line-height:1.5}.mix-lines>div{border-bottom:1px solid #eee;justify-content:space-between;gap:15px;padding:13px 0;font-size:11px;display:flex}.mix-lines span small{color:#9b8e82;margin-top:4px;display:block}.mix-total{justify-content:space-between;align-items:end;padding:24px 0;display:flex}.mix-total span small{color:#8b8076;font-size:9px;display:block}.mix-total span b{font-size:18px}.mix-total>strong{font-size:24px}.add-mix:disabled{cursor:not-allowed;background:#c8bdb3}.go-cart{color:#a86f36;border:1px solid #a86f36;border-radius:23px;place-items:center;height:44px;margin-top:10px;font-size:10px;font-weight:800;display:grid}.mix-summary>p{text-align:center;color:#8a7f75;margin:16px 15px 0;font-size:9px;line-height:1.55}.mix-nav a{color:#a86f36!important;font-weight:800!important}.mix-nav a:before{content:"✦";margin-right:6px}@media (width<=1200px){.ingredient-grid{grid-template-columns:repeat(2,1fr)}.mix-work{grid-template-columns:minmax(0,1fr) 330px}}@media (width<=1000px){.mix-hero{grid-template-columns:1fr 210px;padding:55px 24px}.mix-hero>div{margin-left:0}.mix-hero aside{margin-right:0}.mix-hero h1{font-size:46px}.mix-work{grid-template-columns:1fr}.mix-summary{order:-1;position:static}.mix-nav a:before{display:none}}@media (width<=560px){.mix-hero{grid-template-columns:1fr;padding:45px 20px}.mix-hero h1{font-size:37px}.mix-hero p{font-size:14px}.mix-rules{gap:12px;display:grid}.mix-hero aside{grid-template-columns:auto 1fr;justify-content:center;column-gap:14px;display:grid}.mix-hero aside strong{grid-row:1/3;font-size:50px}.mix-hero aside span{margin:0}.mix-hero aside b{font-size:24px}.mix-work{padding-top:38px}.mix-title{display:block}.mix-title h2{font-size:27px}.ingredient-grid{grid-template-columns:1fr}.ingredient-image{height:260px}.mix-summary{padding:22px}}@media (hover:hover){.ingredient-grid article:hover{border-color:#d9b98f;transform:translateY(-5px);box-shadow:0 16px 34px #56351d20}.ingredient-grid article:hover .ingredient-image img{transform:scale(1.045)}.ingredient-image img{transition:transform .4s}.choose,.add-mix,.go-cart,.gram-control button,.remove-mix{transition:transform .2s,background .2s,color .2s,box-shadow .2s,border-color .2s}.choose:hover,.add-mix:not(:disabled):hover{background:#75451f;transform:translateY(-2px);box-shadow:0 10px 22px #74451f36}.go-cart:hover{color:#fff;background:#a86f36;transform:translateY(-2px);box-shadow:0 9px 20px #74451f2e}.gram-control button:not(:disabled):hover{color:#fff;background:#a86f36}.remove-mix:hover{color:#6d2f1c;text-decoration-thickness:2px;transform:translateY(-1px)}.mix-lines>div:hover{background:#faf6f0;padding-left:7px;padding-right:7px}.mix-rules span:hover b{color:#382318;background:#d8a96e}.mix-rules b{transition:background .2s,color .2s}}.choose:focus-visible,.add-mix:focus-visible,.go-cart:focus-visible,.gram-control button:focus-visible,.remove-mix:focus-visible{outline-offset:3px;outline:3px solid #d8a96e}.ingredient-grid article,.mix-lines>div{transition:transform .25s,box-shadow .25s,border-color .25s,background .2s,padding .2s}.mix-summary-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.mix-summary-heading span>small{display:block}.mix-summary-heading h2{margin-top:7px}.mix-summary-heading>button{color:#8d5728;letter-spacing:.4px;cursor:pointer;background:#fff7ee;border:1px solid #b67834;border-radius:20px;flex:none;padding:10px 14px;font-size:9px;font-weight:900;transition:background .2s,color .2s,transform .2s}.mix-summary-heading>button:hover{color:#fff;background:#b67834;transform:translateY(-1px)}@media (width<=560px){.mix-summary-heading{align-items:center}.mix-summary-heading>button{padding:9px 10px;font-size:8px}.mix-summary-heading h2{font-size:25px}}.mobile-mix-bar{display:none}@media (width<=1000px){.mix-page{padding-bottom:140px}.mix-summary{display:none}.mobile-mix-bar{z-index:90;background:#fffaf4;border:1px solid #e6d6c3;border-radius:18px;grid-template-columns:minmax(128px,1fr) minmax(0,1.55fr);align-items:center;gap:9px;min-height:78px;padding:10px 11px 10px 18px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 12px 38px #2e1b1360}.mobile-mix-total{min-width:0}.mobile-mix-bar small{color:#8a796a;white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.mobile-mix-bar strong{color:#3b2416;white-space:nowrap;margin-top:3px;font-size:18px;line-height:1;display:block}.mobile-mix-actions{grid-template-columns:1fr 1fr;align-items:center;gap:7px;min-width:0;display:grid}.mobile-mix-actions button,.mobile-mix-actions>a{color:#fff;text-align:center;background:#b57835;border:0;border-radius:14px;place-items:center;width:100%;min-width:0;height:50px;padding:0 8px;font-size:9px;font-weight:900;line-height:1.15;transition:background .2s,transform .2s,box-shadow .2s;display:grid}.mobile-mix-actions>:only-child{grid-column:1/-1}.mobile-mix-actions .new-mobile-mix{color:#8d5728;background:#fff;border:1px solid #b57835}.mobile-mix-actions button:disabled{color:#fff;background:#c9beb2;border-color:#c9beb2}.mobile-mix-bar.has-selection button:active,.mobile-mix-actions>a:active{transform:scale(.97)}.wa{bottom:104px}}@media (width<=520px){.mobile-mix-bar{grid-template-columns:124px minmax(0,1fr);gap:6px;padding-left:12px}.mobile-mix-bar strong{font-size:17px}.mobile-mix-actions{gap:5px}.mobile-mix-actions button,.mobile-mix-actions>a{height:48px;padding:0 6px;font-size:8px}}@media (width<=380px){.mobile-mix-bar{grid-template-columns:112px minmax(0,1fr);left:7px;right:7px}.mobile-mix-total small{font-size:8px}.mobile-mix-bar strong{font-size:15px}}@media (width>=1001px){.mix-work{align-items:stretch!important}.mix-summary{overscroll-behavior:contain;z-index:5;flex-direction:column;height:min(720px,100vh - 258px);max-height:calc(100vh - 258px);display:flex;align-self:start!important;position:sticky!important;top:238px!important;overflow:hidden!important}.mix-summary-heading{flex:none}.mix-scroll-area{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:0;margin-right:-7px;padding-right:7px;overflow-y:auto}.mix-scroll-area::-webkit-scrollbar{width:6px}.mix-scroll-area::-webkit-scrollbar-thumb{background:#c9a57e;border-radius:6px}.mix-summary-footer{background:#fff;border-top:1px solid #eee3d8;flex:none;margin-top:10px;padding-top:2px}.mix-summary-heading>button{color:#fff;background:#b67834;border:0;border-radius:22px;min-height:42px;padding:0 17px;font-size:9px;box-shadow:0 8px 20px #b6783433}.mix-summary-heading>button:hover{background:#75451f;box-shadow:0 10px 24px #75451f38}}.go-cart,.mobile-mix-actions>a{color:#fff!important;background:linear-gradient(135deg,#20b95b,#139746)!important;border-color:#159447!important;font-weight:900!important;box-shadow:0 8px 20px #15944735!important}.go-cart:hover,.mobile-mix-actions>a:hover{transform:translateY(-1px);background:linear-gradient(135deg,#23c763,#10883e)!important}.ingredient-categories{flex-direction:column;gap:30px;display:flex}.ingredient-category{background:#fffaf4;border:1px solid #e3d5c7;border-radius:20px;padding:24px;box-shadow:0 12px 34px #4c2f1810}.ingredient-category:nth-child(4n+2){background:#f5faf5}.ingredient-category:nth-child(4n+3){background:#fff8ed}.ingredient-category:nth-child(4n+4){background:#faf4ef}.ingredient-category-head{border-bottom:1px solid #e6d9cd;grid-template-columns:46px 1fr auto;align-items:center;gap:13px;margin-bottom:21px;padding-bottom:17px;display:grid}.ingredient-category-head>span{color:#fff;background:#3b2416;border-radius:50%;place-items:center;width:46px;height:46px;font-size:12px;font-weight:900;display:grid}.ingredient-category:nth-child(4n+2) .ingredient-category-head>span{background:#2e593c}.ingredient-category:nth-child(4n+3) .ingredient-category-head>span{background:#b36f28}.ingredient-category:nth-child(4n+4) .ingredient-category-head>span{background:#824725}.ingredient-category-head h3{color:#38251a;margin:0;font:900 25px/1.1 Manrope,Arial}.ingredient-category-head small{letter-spacing:.6px;color:#9a7b5c;background:#fff;border:1px solid #e2d2c2;border-radius:18px;padding:8px 11px;font-size:10px;font-weight:800}.ingredient-subgroup+.ingredient-subgroup{border-top:1px dashed #d8c8b8;margin-top:27px;padding-top:23px}.ingredient-subgroup>h4{color:#fff;letter-spacing:.2px;background:#2e593c;border-radius:9px;margin:0 0 16px;padding:9px 14px;font-size:14px;display:inline-flex}.ingredient-category .ingredient-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ingredient-grid article.unavailable{opacity:.72;background:#f5f1ed;border-color:#ddd2c7}.ingredient-grid article.unavailable .ingredient-image img{filter:grayscale(.35)}.ingredient-grid article.unavailable .ingredient-image em{background:#837567}.ingredient-grid article.unavailable .choose:disabled{color:#fff;cursor:not-allowed;background:#b7aca2}.ingredient-grid article.unavailable:hover{box-shadow:none;border-color:#ddd2c7;transform:none}@media (width<=1400px){.ingredient-category .ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1000px){.ingredient-category{padding:20px}.ingredient-category .ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.ingredient-categories{gap:20px}.ingredient-category{border-radius:16px;padding:15px}.ingredient-category-head{grid-template-columns:40px 1fr auto;gap:10px}.ingredient-category-head>span{width:40px;height:40px}.ingredient-category-head h3{font-size:21px}.ingredient-category-head small{padding:7px 8px;font-size:8px}.ingredient-category .ingredient-grid{grid-template-columns:1fr}.ingredient-subgroup>h4{font-size:13px}.ingredient-image{height:230px!important}}.remove-mix{cursor:pointer;border-radius:21px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:40px;padding:0 16px;font-weight:850;color:#75451f!important;background:#fff9eb!important;border:1px solid #c68a43!important;margin:14px auto 0!important;font-size:11px!important;text-decoration:none!important;display:flex!important}.remove-mix:before{content:"×";font-size:18px;line-height:1}.ingredient-grid article.selected,.choice-group-v2 article.active{background:#fff5d3!important;border-color:#b97831!important;box-shadow:0 10px 26px #3b241624,inset 0 0 0 1px #b97831!important}@media (hover:hover){.ingredient-grid article:hover,.choice-group-v2 article:hover{background:#fff5d3!important;border-color:#b97831!important;transform:translateY(-2px)!important;box-shadow:0 10px 26px #3b241624,inset 0 0 0 1px #b97831!important}.remove-mix:hover{transform:translateY(-1px);color:#3b2416!important;background:#ffcc3d!important;border-color:#ffcc3d!important;box-shadow:0 8px 18px #d99a4238!important}}.remove-mix:focus-visible{outline-offset:2px;outline:3px solid #ffcc3d88}