.gmix{background:#eceee5;color:#14160f;scroll-margin-top:100px}
.gmix [hidden]{display:none!important}
.gmix-head{display:grid;grid-template-columns:1.2fr .8fr;column-gap:64px;align-items:end;margin-bottom:32px}
.gmix-kicker{grid-column:1/-1;font-size:.82rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}
.gmix-head h1,.gmix-head h2{font-family:"Barlow Condensed",Barlow,sans-serif;font-size:clamp(3rem,6.5vw,6rem);font-weight:900;line-height:.98;text-transform:uppercase;max-width:16ch;margin:0;text-wrap:balance}
.gmix-intro{max-width:42ch;font-size:clamp(1.05rem,1.8vw,1.2rem);line-height:1.55;margin:0}
.gmix-open{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;font-size:1.15rem;font-weight:800;border-top:2px solid #15180f;border-bottom:1px solid #a9ae9c;cursor:pointer;list-style:none}
.gmix-open::-webkit-details-marker{display:none}
.gmix-open span{font-size:2rem;font-weight:500;line-height:1;transition:transform .2s ease-out}
.gmix-disclosure[open]>.gmix-open span{transform:rotate(45deg)}
.gmix-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(26px,5vw,70px);padding-top:32px;align-items:start}
.gmix-mobile-summary{display:none}
.gmix-step-label{font-size:.85rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px}
.gmix-family{border:0;border-bottom:1px solid #a9ae9c;min-width:0;margin:0 0 24px;padding:0 0 12px}
.gmix-family legend{font-family:"Barlow Condensed",Barlow,sans-serif;font-size:1.6rem;font-weight:800;line-height:1.15;text-transform:uppercase;padding:0 0 12px;max-width:100%}
.gmix-item{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:12px;align-items:center;padding-block:10px;position:relative}
.gmix-image{width:92px;height:92px;display:block;overflow:hidden;background:#161913;border-radius:4px}
.gmix-image img{width:100%;height:100%;object-fit:contain}
.gmix-item-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;line-height:1.4}
.gmix-flavour{font-size:1rem;font-weight:700;color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}
.gmix-price{font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums}
.gmix-item .gp-unit,.gmix-stock{font-size:.8rem;color:#4e5645}
.gmix-quantity{display:grid;grid-template-columns:44px 42px 44px;align-items:center;min-height:46px;border:1px solid #737b65;border-radius:4px;overflow:hidden;background:#f8f9f3}
.gmix-quantity button{width:44px;min-height:44px;padding:0;font:700 1.2rem Barlow,sans-serif;background:transparent;border:0;color:#14160f;cursor:pointer}
.gmix-quantity button:hover:not(:disabled){background:#d6e8b9}
.gmix-quantity button:disabled{opacity:.35;cursor:not-allowed}
.gmix-quantity input{appearance:textfield;-moz-appearance:textfield;width:42px;border:0;background:transparent;padding:0;text-align:center;font:700 1rem Barlow,sans-serif;color:#14160f;min-height:44px;font-variant-numeric:tabular-nums}
.gmix-quantity input::-webkit-inner-spin-button,.gmix-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.gmix-item.is-selected .gmix-quantity{border-color:#142008;background:var(--neon,#a6ff1f)}
.gmix-summary{position:sticky;top:110px;background:#15180f;color:#f3f5ec;padding:28px;border-radius:8px}
.gmix-summary h2{font-family:"Barlow Condensed",Barlow,sans-serif;font-size:2rem;font-weight:800;line-height:1.05;text-transform:uppercase;margin:0 0 24px;scroll-margin-top:110px}
.gmix-count{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.gmix-count strong{font-family:"Barlow Condensed",Barlow,sans-serif;font-size:4rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.gmix-count span{color:#c9cfbb;font-size:1rem}
.gmix-progress{height:6px;background:#454e37;overflow:hidden;border-radius:3px}
.gmix-progress span{display:block;width:100%;height:100%;background:var(--neon,#a6ff1f);transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.22,1,.36,1)}
.gmix-progress-copy{font-size:.9rem;line-height:1.5;color:#d3d9c8;margin:12px 0 22px;min-height:2.7em}
.gmix.is-complete .gmix-progress-copy{color:var(--neon,#a6ff1f)}
.gmix-selection{padding:0;margin:0 0 22px;list-style:none;max-height:230px;overflow:auto;scrollbar-width:thin;scrollbar-color:#6a7558 transparent}
.gmix-selection:empty{display:none}
.gmix-selection li{display:flex;gap:12px;font-size:.9rem;line-height:1.45;padding:7px 0;border-bottom:1px solid #3c4431}
.gmix-selection strong{min-width:2ch;color:var(--neon,#a6ff1f);font-variant-numeric:tabular-nums}
.gmix-total{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-weight:700;border-top:1px solid #606b50;padding-top:18px}
.gmix-total strong{font-size:clamp(1.6rem,2.5vw,2rem);font-variant-numeric:tabular-nums;white-space:nowrap}
.gmix-price-note,.gmix-packing{font-size:.8rem;line-height:1.5;color:#bec6af;margin-top:10px}
.gmix-add{width:100%;margin-top:20px;padding:12px 18px;border-radius:4px;text-align:center;white-space:normal;min-height:56px}
.gmix-add:disabled{color:#b9c2a8;background:#353e29;border-color:#535f43;cursor:not-allowed;box-shadow:none;transform:none}
.gmix-feedback{color:var(--neon,#a6ff1f);font-size:.9rem;line-height:1.5;margin-top:14px}
.gmix-feedback:empty{display:none}
.gmix-packing{border-top:1px solid #3c4431;padding-top:16px;margin-top:20px}
.gmix-clear{display:block;background:transparent;border:0;padding:0;color:#cbd3bd;font:inherit;font-size:.85rem;text-decoration:underline;text-underline-offset:4px;min-height:44px;cursor:pointer;margin-top:8px}
.gmix-clear:disabled{opacity:.4;cursor:not-allowed}
.gmix-allergen{font-size:.85rem;line-height:1.55;color:#47503b;max-width:75ch;margin-top:12px}
.gmix-noscript{line-height:1.5;padding-top:20px}
.gmix :is(a,button,input,summary):focus-visible{outline:3px solid #496720;outline-offset:3px}
.gmix-summary :is(a,button):focus-visible{outline-color:var(--neon,#a6ff1f)}
@media(max-width:1000px){.gmix-head{column-gap:30px}.gmix-workspace{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.gmix-item{grid-template-columns:70px minmax(0,1fr);gap:10px 14px}.gmix-image{width:70px;height:84px;grid-row:span 2}.gmix-quantity{grid-column:2;justify-self:start}.gmix-summary{padding:24px}}
@media(max-width:720px){.gmix-head{display:block}.gmix-head h1,.gmix-head h2{margin-bottom:20px}.gmix-intro{max-width:50ch}.gmix-workspace{grid-template-columns:1fr;gap:28px}.gmix-summary{position:static}.gmix-item{grid-template-columns:80px minmax(0,1fr) auto;gap:12px}.gmix-image{width:80px;height:90px;grid-row:auto}.gmix-quantity{grid-column:auto}.gmix-allergen{margin-bottom:0}.gmix-selection{max-height:none}.gmix-summary{padding:24px}.gmix-summary h2{margin-bottom:20px}}
@media(max-width:720px){.gmix-mobile-summary{display:grid;grid-template-columns:1fr auto;gap:6px 14px;position:sticky;top:80px;z-index:2;background:#15180f;color:#f3f5ec;padding:14px 16px;border-radius:4px;font-size:.9rem;line-height:1.4}.gmix-mobile-summary p{margin:0}.gmix-mobile-summary strong{font-variant-numeric:tabular-nums}.gmix-mobile-summary [data-mix-mobile-total]{display:block;color:var(--neon,#a6ff1f);font-weight:700;font-variant-numeric:tabular-nums}.gmix-mobile-summary a{color:#f3f5ec;align-content:center;min-height:44px;text-underline-offset:4px}.gmix-mobile-progress{grid-column:1/-1;color:#cbd3bd;font-size:.8rem}.gmix-mobile-summary a:focus-visible{outline-color:var(--neon,#a6ff1f)}}
@media(max-width:430px){.gmix-item{grid-template-columns:66px minmax(0,1fr);gap:6px 14px}.gmix-image{width:66px;height:84px;grid-row:span 2}.gmix-quantity{grid-column:2;justify-self:start}.gmix-family legend{font-size:1.45rem}.gmix-family{margin-bottom:20px}.gmix-total strong{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){.gmix *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}