.bag-section{margin-top:var(--space-section);gap:2rem;display:grid}.bag-section__intro{grid-template-columns:minmax(0,14rem) minmax(0,1fr);align-items:center;gap:2rem;display:grid}.bag-section__intro img{width:100%;height:auto}.bag-section__intro h2{font-family:var(--display);margin:0 0 .5rem;font-weight:400}.bag-section__intro p{max-width:var(--measure);color:var(--ink-soft);margin:0}.bag-section .bag{min-width:0;color:inherit;gap:1.5rem;display:grid}.bag__combos{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.bag__combo{font:inherit;color:var(--ink);cursor:pointer;border:1px solid var(--hair);text-align:center;background:0 0;padding:.9rem 1rem}.bag__combo.is-selected{border-color:var(--ink);font-weight:600}.bag__combo:focus-visible,.bag__stepper button:focus-visible{outline:2px solid var(--crimson);outline-offset:2px}.bag__fill{color:var(--ink-soft);align-items:center;gap:.75rem;margin:0;display:flex}.bag__slots{gap:.35rem;display:inline-flex}.bag__slot{border:1px solid var(--ink);border-radius:50%;width:.9rem;height:.9rem}.bag__slot.is-full{background:var(--crimson);border-color:var(--crimson)}.bag__row{border:0;min-width:0;margin:0;padding:0}.bag__row legend{font-family:var(--display);margin-bottom:.75rem;padding:0;font-size:1.15rem}.bag-section .bag__count{min-width:0;height:auto;font-family:var(--sans);font-size:.9rem;font-weight:400;line-height:inherit;color:var(--ink-soft);background:0 0;border-radius:0;margin-left:.5rem;padding:0;display:inline;position:static;inset:auto}.bag__jars{grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr));gap:.5rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}.bag__jar{border-bottom:1px solid var(--hair);grid-template-columns:3rem minmax(0,1fr) auto;grid-template-areas:"thumb name step""thumb price step";align-items:center;column-gap:.75rem;padding:.5rem 0;display:grid}.bag__jar.is-soldout{opacity:.55}.bag__thumb{background:var(--tile);grid-area:thumb;width:3rem;height:auto}.bag__name{grid-area:name;font-size:.95rem}.bag__price{color:var(--ink-soft);grid-area:price;font-size:.85rem}.bag__stepper{grid-area:step;align-items:center;gap:.5rem;display:inline-flex}.bag__stepper button{border:1px solid var(--hair);width:2rem;height:2rem;color:var(--ink);font:inherit;cursor:pointer;background:0 0}.bag__stepper button:disabled{opacity:.35;cursor:default}.bag__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.bag__total{margin:0;font-size:1.15rem}.bag__total span{color:var(--ink-soft);font-size:.85rem}@media (max-width:40rem){.bag-section__intro{grid-template-columns:1fr}.bag-section__intro img{max-width:14rem}.bag__combos{grid-template-columns:1fr}}
