.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{aspect-ratio:4/5;background:var(--tile);cursor:zoom-in;border:0;grid-area:thumb;width:3rem;padding:0;display:block;position:relative;overflow:hidden}.bag__thumb img{object-fit:cover;width:100%;height:100%;display:block}.bag__thumb:focus-visible{outline:2px solid var(--crimson);outline-offset:2px}.bag__thumb-icon{display:none}.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}}.bag--christmas .bag__jars{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem clamp(1.25rem,3vw,2.5rem)}.bag--christmas .bag__jar{grid-template-columns:6rem minmax(0,1fr) auto;column-gap:1rem;padding:.75rem 0}.bag--christmas .bag__thumb{width:6rem}.bag--christmas .bag__thumb img{transform-origin:47% 64%;transform:scale(1.9)}.bag--christmas .bag__thumb-icon{width:1.5rem;height:1.5rem;color:var(--ink);background:var(--ground);border-radius:50%;padding:.2rem;display:block;position:absolute;bottom:.3rem;right:.3rem}.bag--christmas .bag__name{font-size:1rem}@media (max-width:62rem){.bag--christmas .bag__jars{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:40rem){.bag--christmas .bag__jars{grid-template-columns:1fr}.bag--christmas .bag__jar{grid-template-columns:5rem minmax(0,1fr) auto}.bag--christmas .bag__thumb{width:5rem}}.bag__zoom{background:var(--ground);color:var(--ink);border:0;width:min(30rem,100vw - 2rem);max-height:calc(100dvh - 2rem);padding:0;overflow:auto}.bag__zoom::backdrop{background:#28221e9e}.bag__zoom-inner{position:relative}.bag__zoom-photo{aspect-ratio:4/5;background:var(--tile);overflow:hidden}.bag__zoom-photo img{object-fit:cover;transform-origin:50% 58%;width:100%;height:100%;display:block;transform:scale(1.22)}.bag__zoom-words{padding:1.1rem 1.25rem 1.35rem}.bag__zoom-name{font-family:var(--display);margin:0;font-size:1.5rem;line-height:1.15}.bag__zoom-line{color:var(--ink-soft);margin:.4rem 0 0;font-size:.95rem;line-height:1.55}.bag__zoom-close{background:var(--ground);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:.6rem;right:.6rem}.bag__zoom-close:focus-visible{outline:2px solid var(--crimson);outline-offset:2px}.bag-section__title{font-family:var(--display);margin:0 0 .5rem;font-weight:400}.bag-section__lead{max-width:var(--measure);color:var(--ink-soft);margin:0}.wrap.bag-section{padding-bottom:var(--space-section);margin-top:0;scroll-margin-top:6rem}
