.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.06);background:#fafaf9;color:#0009;font-family:var(--font-family-base);font-size:.75rem;line-height:1.35}@container (min-width: 34rem){.demo-bar{padding:.5rem 1.25rem}}.demo-hint{color:#000;font-weight:500}.demo-toggle{display:inline-flex;flex-shrink:0;align-items:center;gap:.375rem;min-height:1.5rem;font-weight:600;color:#000;transition:color .2s}.demo-toggle[hidden]{display:none}.demo-toggle:hover{color:#00f}.demo-toggle svg{width:.75rem;height:.75rem;fill:currentColor}.demo-toggle .demo-icon-pause,.demo-toggle.is-playing .demo-icon-play{display:none}.demo-toggle.is-playing .demo-icon-pause{display:block}.demo-cursor{position:absolute;top:0;left:0;z-index:3;width:20px;height:22px;opacity:0;pointer-events:none;transition:transform .55s cubic-bezier(.45,0,.2,1),opacity .3s}.demo-cursor.no-transition{transition:opacity .3s}.demo-cursor.is-visible{opacity:1}.demo-cursor svg{position:relative;width:20px;height:22px;fill:#111;stroke:#fff;stroke-width:1.25;stroke-linejoin:round;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.35))}.demo-cursor:before{content:"";position:absolute;top:2px;left:3px;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:#0000ff40;opacity:0}.demo-cursor-tag{position:absolute;top:19px;left:13px;padding:.125rem .4375rem;border-radius:999px;background:#00f;color:#fff;font-family:var(--font-family-base);font-size:.6875rem;font-weight:600;line-height:1.4;white-space:nowrap;box-shadow:0 1px 2px #00000040}.demo-cursor.is-left .demo-cursor-tag{right:16px;left:auto}.demo-cursor.is-up .demo-cursor-tag{top:-20px}.demo-cursor.is-pressing:before{animation:demo-ripple .45s ease-out}.demo-cursor.is-pressing svg{animation:demo-tap .24s ease-out}@keyframes demo-ripple{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1)}}@keyframes demo-tap{50%{transform:scale(.85)}}@media(prefers-reduced-motion:reduce){.demo-cursor{transition:opacity .2s}}member-pricing-demo{--mpd-member: #a8525f;--mpd-offer: #1e2656;--mpd-tile: #f3e3e5;display:block;container-type:inline-size;background:#fff;color:#333;font-family:DIN,Helvetica Neue,Arial,sans-serif;font-size:.8125rem;font-variant-numeric:tabular-nums;line-height:1.35}.mpd-stage{position:relative}.mpd-plan{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.375rem .75rem;border-bottom:1px solid rgba(0,0,0,.06);background:#fafaf9;color:#0009;font-family:var(--font-family-base);font-size:.75rem}.mpd-days{display:flex;flex:1;padding:2px;border:1px solid rgba(0,0,0,.15);border-radius:999px;background:#fff}.mpd-day{position:relative;flex:1;min-height:1.5rem;padding:.25rem .5rem;border-radius:999px;color:#222;font-weight:500;text-align:center;white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s}.mpd-day input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.mpd-day:hover{background:#f0f0ee}.mpd-day:has(:checked){background:#222;color:#fff}.mpd-day.is-pressed{background:#555;color:#fff}.mpd-day:has(:focus-visible){outline:2px solid #0000ff;outline-offset:1px}.mpd-plan-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mpd-shop{display:grid;gap:.75rem;padding:.75rem}.mpd-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.mpd-card{display:flex;flex-direction:column;min-width:0;border:1px solid #e8e8e8;text-align:center}.mpd-image{position:relative;display:block;aspect-ratio:5 / 2;background:var(--mpd-tile)}.mpd-image svg{position:absolute;inset:0;width:100%;height:100%}.mpd-title,.mpd-band,.mpd-line-title,.mpd-line-note{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mpd-title{padding:.375rem .5rem 0;font-weight:500;color:#222}.mpd-band{min-height:calc(1.2em + .375rem);margin-top:.375rem;padding:.1875rem .375rem;color:#fff;font-size:.75rem;font-weight:700;line-height:1.2}[data-tone=member]>.mpd-band,.mpd-tag[data-tone=member]{background:var(--mpd-member)}[data-tone=offer]>.mpd-band,.mpd-tag[data-tone=offer]{background:var(--mpd-offer)}.mpd-price{margin-top:.375rem;color:#222;font-size:1.375rem;font-weight:700;line-height:1.1}.mpd-sub{min-height:1.35em;margin-top:.0625rem;color:#222;font-weight:500}.mpd-sub s,.mpd-line-note s{color:#6b6b6b;font-weight:400}.mpd-ends{display:flex;align-items:center;justify-content:center;min-height:calc(2.6em + .375rem + 2px);margin:.375rem .25rem 0;padding:.1875rem .375rem;border:1px solid #222;border-radius:.75rem;color:#222;font-size:.6875rem;line-height:1.3}[data-tone=normal]>.mpd-ends{visibility:hidden}.mpd-btn{min-height:2.25rem;padding:.5rem .75rem;border:1px solid #222;background:#fff;color:#222;font:inherit;transition:background-color .2s,color .2s}.mpd-btn:hover,.mpd-btn.is-pressed{background:#222;color:#fff}.mpd-add{margin:.5rem .375rem .375rem}.mpd-add[aria-disabled=true]{border-color:#e0e0e0;background:#fff;color:#6b6b6b;cursor:default}.mpd-btn-primary{background:#222;color:#fff}.mpd-btn-primary:hover,.mpd-btn-primary.is-pressed{border-color:#555;background:#555}.mpd-cart{--mpd-line: calc(4.875rem + 1px) ;position:relative;display:flex;flex-direction:column;min-width:0;padding:.75rem;border:1px solid #e8e8e8}.mpd-cart:focus{outline:none}.mpd-cart:focus-visible{outline:2px solid #0000ff}.mpd-cart-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.375rem;border-bottom:1px solid #e8e8e8;color:#222;font-weight:500}.mpd-status{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:.25rem;min-width:0;min-height:1.5rem;color:#6b6b6b;font-size:.75rem;font-weight:400;white-space:nowrap}.mpd-lines{flex-grow:1;min-height:calc(2 * var(--mpd-line))}.mpd-list{margin:0;padding:0;list-style:none}.mpd-line{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1.125rem 1.25rem 1.5rem;grid-template-areas:"title price" "note note" "actions actions";align-items:center;gap:.125rem .5rem;padding:.375rem 0;border-bottom:1px solid #f0f0f0}.mpd-line-thumb{display:none;grid-area:thumb;align-self:start;aspect-ratio:1;background:var(--mpd-tile)}.mpd-line-thumb svg{display:block;width:100%;height:100%}.mpd-line-title{grid-area:title;color:#222;font-weight:500}.mpd-line-price{grid-area:price;color:#222;font-weight:700;text-align:right;transition:opacity .2s}.mpd-line-note,.mpd-line-actions{display:flex;align-items:center;gap:.375rem;min-width:0}.mpd-line-note{grid-area:note;color:#555}.mpd-line-actions{grid-area:actions}.mpd-line.is-checking .mpd-line-price{opacity:.35}.mpd-line.is-checking .mpd-line-note{animation:mpd-pulse 1s ease-in-out infinite alternate}.mpd-tag{flex-shrink:0;padding:.0625rem .3125rem;color:#fff;font-size:.6875rem;font-weight:700;line-height:1.3}.mpd-join{min-height:1.5rem;padding:.125rem .5rem;border:1px solid var(--mpd-member);background:#fff;color:var(--mpd-member);font:inherit;font-size:.75rem;font-weight:500;transition:background-color .2s,color .2s}.mpd-join:hover,.mpd-join.is-pressed{background:var(--mpd-member);color:#fff}.mpd-join:disabled{visibility:hidden}.mpd-remove,.mpd-link{min-height:1.5rem;color:#6b6b6b;font:inherit;font-size:.75rem;text-decoration:underline;text-underline-offset:.2em}.mpd-remove{margin-left:auto}.mpd-remove:hover,.mpd-link:hover{color:#000}.mpd-empty{padding:1rem 0;color:#6b6b6b}.mpd-cart-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.625rem}.mpd-total{display:flex;align-items:baseline;gap:.375rem;color:#222;white-space:nowrap}.mpd-total-label{color:#555;font-size:.75rem}.mpd-total [data-total]{display:inline-block;min-width:3.25em;font-size:1.375rem;font-weight:700;line-height:1.1;transform-origin:left center}.mpd-cart-foot .mpd-btn-primary{flex-shrink:0;padding-inline:1rem}.mpd-note{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:1rem;background:#ffffffe6;color:#222;font-size:.9375rem;font-weight:500;text-align:center;opacity:0;transition:opacity .25s;pointer-events:none}.mpd-note.is-visible{opacity:1}.mpd-card .is-changed,.mpd-line.is-changed{animation:mpd-flash .45s ease-out}[data-total].is-changed{animation:mpd-total .9s ease-out}.mpd-line.is-new{animation:mpd-in .35s ease-out}@keyframes mpd-flash{0%{opacity:.15}}@keyframes mpd-total{0%{color:var(--mpd-member);transform:scale(1.15)}40%{color:var(--mpd-member)}}@keyframes mpd-in{0%{opacity:0;transform:translateY(4px)}}@keyframes mpd-pulse{to{opacity:.45}}@container (min-width: 24rem){.mpd-plan-label{position:static;width:auto;height:auto;overflow:visible;clip:auto}.mpd-days{flex:0 1 auto}.mpd-day{padding-inline:.75rem}.mpd-band{font-size:.8125rem}.mpd-price{font-size:1.75rem}.mpd-ends{min-height:calc(1.3em + .375rem + 2px);border-radius:999px}.mpd-line{grid-template-columns:2rem minmax(0,1fr) auto;grid-template-areas:"thumb title price" "thumb note note" ". actions actions"}.mpd-line-thumb{display:block}.mpd-total [data-total]{font-size:1.5rem}}@container (min-width: 30rem) and (max-width: 41.9375rem){.mpd-cart{--mpd-line: calc(3.5rem + 1px) }.mpd-line{grid-template-rows:1.125rem 1.5rem;grid-template-areas:"thumb title price" "thumb note actions"}.mpd-line-actions{justify-content:flex-end}.mpd-remove{margin-left:0}.mpd-image{aspect-ratio:3 / 1}}@container (min-width: 34rem){.mpd-plan{padding-inline:1rem}.mpd-shop{gap:1rem;padding:1rem}.mpd-cards{gap:.75rem}}@container (min-width: 42rem){.mpd-stage{display:flex;flex-direction:column;min-height:27rem}.mpd-shop{flex:1;grid-template-columns:minmax(0,1fr) 17rem}.mpd-image{flex:1 1 auto}}@container (min-width: 46rem){.mpd-stage{min-height:33.375rem}.mpd-shop{grid-template-columns:minmax(0,1fr) 18.5rem}}@media(prefers-reduced-motion:reduce){.mpd-card .is-changed,.mpd-line.is-changed,.mpd-line.is-new,[data-total].is-changed,.mpd-line.is-checking .mpd-line-note{animation:none}}order-grid-demo{display:block;container-type:inline-size;background:#fff;color:#333;font-family:DIN,Helvetica Neue,Arial,sans-serif;font-size:.8125rem;font-variant-numeric:tabular-nums;line-height:1.35}.ogd-stage{position:relative;display:grid;padding:1rem .75rem .75rem}.ogd-view{grid-area:1 / 1;display:flex;flex-direction:column;min-width:0;transition:opacity .35s ease,transform .35s ease,visibility 0s}.ogd-view[inert]{opacity:0;visibility:hidden;transform:translate(16px);transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s}.ogd-view[data-view=grid][inert]{transform:translate(-16px)}.ogd-table{width:100%;border-collapse:collapse;table-layout:fixed}.ogd-table .ogd-product-col{width:5rem}.ogd-table .ogd-total-col{width:4.25rem}.ogd-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 .5rem;padding-bottom:.75rem;font-weight:500;color:#222}.ogd-heading .ogd-sub{font-weight:400}.ogd-table thead th{padding:0 .1875rem .625rem;border-bottom:1px solid #e8e8e8;font-size:.6875rem;font-weight:500;color:#222;text-align:center;text-transform:uppercase}.ogd-table td,.ogd-table tbody th,.ogd-table tfoot th{padding:.5rem .1875rem;vertical-align:middle;font-weight:400;text-align:center}[data-view=grid] .ogd-table tbody td,[data-view=grid] .ogd-table tbody th{padding-block:.875rem}.ogd-table .ogd-product-col,.ogd-table tbody th,.ogd-table tfoot th{padding-left:0;text-align:left}.ogd-table .ogd-total-col,.ogd-row-total{padding-right:0;text-align:right;white-space:nowrap}.ogd-table tfoot th,.ogd-table tfoot td{border-top:1px solid #e8e8e8;color:#6b6b6b;font-size:.75rem}.ogd-product{display:flex;align-items:center;gap:.5rem}.ogd-thumb{display:grid;place-items:center;flex-shrink:0;width:1.75rem;aspect-ratio:3 / 4;background:#f1f0ed}.ogd-thumb svg{width:80%}.ogd-thumb path{stroke:#0000002e;stroke-width:.75;stroke-linejoin:round}.ogd-meta{display:flex;flex-direction:column;min-width:0}.ogd-title{font-weight:500;color:#222}.ogd-sub,.ogd-color,.ogd-items{color:#6b6b6b}.ogd-qty{width:2.25rem;height:2.25rem;padding:0;border:1px solid #e0e0e0;border-radius:0;background:#fff;color:#555;font:inherit;font-size:1rem;text-align:center;transition:border-color .2s,box-shadow .2s,background-color .2s}.ogd-qty.is-filled{border-color:#0000ff59;background:#0000ff08;color:#000;font-weight:500}.ogd-qty:focus,.ogd-qty.is-active{border-color:#00f;box-shadow:0 0 0 1px #00f;outline:none}.ogd-row-total{transition:opacity .15s}.ogd-row-total.is-saving{opacity:.35}.ogd-amount{display:block;font-weight:500;color:#222}.ogd-items{display:block;font-size:.6875rem}.ogd-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:.875rem;border-top:1px solid #e8e8e8}.ogd-btn{padding:.625rem 1.25rem;border:1px solid #222;background:#fff;color:#222;font:inherit;transition:background-color .2s,color .2s}.ogd-btn:hover,.ogd-btn.is-pressed,.ogd-btn-primary{background:#222;color:#fff}.ogd-btn-primary:hover,.ogd-btn-primary.is-pressed{border-color:#555;background:#555}.ogd-link{min-height:1.5rem;margin-right:auto;color:#333;font:inherit;text-decoration:underline;text-underline-offset:.2em}.ogd-link:hover{color:#000}.ogd-grand{text-align:right}.ogd-grand .ogd-amount{font-size:.9375rem}.ogd-style{margin-bottom:.75rem}.ogd-style-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.25rem .75rem;padding-bottom:.75rem;border-bottom:1px solid #e8e8e8;margin-bottom:.75rem}.ogd-style-head .ogd-thumb{width:1.75rem}.ogd-earlier{padding-bottom:.75rem}.ogd-earlier-label{margin-bottom:.25rem;font-size:.6875rem;color:#6b6b6b;text-transform:uppercase}.ogd-style-other{display:flex;align-items:center;gap:.75rem;padding:.25rem 0;border-top:1px solid #f0f0f0}.ogd-style-other .ogd-thumb{width:1.25rem}.ogd-style-other .ogd-title{flex:1;min-width:0}.ogd-style-other .ogd-amount{min-width:4.5rem;text-align:right}.ogd-note{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:1rem;background:#ffffffe6;color:#222;font-size:.9375rem;font-weight:500;text-align:center;opacity:0;transition:opacity .25s;pointer-events:none}.ogd-note.is-visible{opacity:1}.ogd-stats{display:flex;gap:1rem;margin-left:auto;text-align:right}.ogd-stats div{display:flex;flex-direction:column-reverse}.ogd-stats dt{font-size:.6875rem;color:#6b6b6b}.ogd-stats dd{font-weight:500;color:#222}.ogd-empty{padding:1rem 0;color:#6b6b6b}.ogd-edge,.ogd-cur,.ogd-product .ogd-title,.ogd-product .ogd-sub,.ogd-product .ogd-unit-price,.ogd-table tfoot,.ogd-style-head .ogd-thumb,.ogd-style-head .ogd-sub,.ogd-style-other .ogd-thumb,.ogd-long{display:none}@container (max-width: 22rem){.ogd-table .ogd-product-col{width:2rem}.ogd-table td{padding-inline:.125rem}.ogd-product .ogd-color{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ogd-row-total .ogd-items,.ogd-stats div:not(:last-child){display:none}}@container (min-width: 34rem){.ogd-stage{padding:1.25rem 1.25rem 1rem}.ogd-table .ogd-edge{display:table-cell}.ogd-table .ogd-total-col{width:6rem}.ogd-cur,.ogd-long{display:inline}.ogd-qty{width:2.5rem}.ogd-style-other .ogd-amount{min-width:6.5rem}}@container (min-width: 46rem){.ogd-table .ogd-product-col{width:36%}.ogd-table .ogd-total-col{width:6.5rem}.ogd-product{gap:.75rem}.ogd-product .ogd-title,.ogd-product .ogd-sub,.ogd-product .ogd-unit-price{display:block}.ogd-style-head .ogd-sub{display:inline}.ogd-style-head .ogd-thumb,.ogd-style-other .ogd-thumb{display:grid}.ogd-table tfoot{display:table-footer-group}.ogd-heading{display:none}.ogd-thumb{width:2.5rem}.ogd-qty{width:2.75rem;height:2.5rem}}@media(prefers-reduced-motion:reduce){.ogd-view,.ogd-view[inert]{transform:none;transition:none}}