.bag-drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#00000059;opacity:0;pointer-events:none;transition:opacity .4s}.bag-drawer-scrim.is-active{opacity:1;pointer-events:all}.bag-drawer{position:fixed;top:0;right:0;width:100%;max-width:440px;height:100vh;height:100dvh;background:var(--bg);z-index:310;padding:5rem 2rem 2rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px));transform:translate(100%);transition:transform .45s var(--ease-out);display:flex;flex-direction:column;border-left:1px solid var(--ink);box-shadow:-4px 0 24px #0000000a}.bag-drawer.is-open{transform:translate(0)}.bag-drawer-close{position:absolute;top:1.4rem;right:1.5rem;font-size:2rem;line-height:1;opacity:.5;transition:opacity .3s}.bag-drawer-close:hover{opacity:1}.bag-drawer-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--ink-08)}.bag-drawer-title{font-family:var(--font-display);font-size:.65rem;letter-spacing:.4em;text-transform:uppercase}.bag-drawer-sub{font-family:var(--font-editorial);font-style:italic;font-size:.9rem;color:var(--ink-50);margin-top:.4rem}.bag-drawer-items{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.3rem}.bag-item{display:grid;grid-template-columns:72px 1fr auto;gap:1rem;align-items:center;padding-bottom:1.3rem;border-bottom:1px solid var(--ink-08)}.bag-item:last-child{border-bottom:none}.bag-item-thumb{width:72px;height:90px;overflow:hidden;background:var(--bg-soft)}.bag-item-thumb img{width:100%;height:100%;object-fit:cover}.bag-item-info{min-width:0}.bag-item-title{font-family:var(--font-display);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.3rem}.bag-item-price{font-family:var(--font-functional);font-size:.8rem;color:var(--ink-70)}.bag-item-remove{font-size:1.4rem;line-height:1;opacity:.3;padding:.2rem .4rem;transition:opacity .3s}.bag-item-remove:hover{opacity:1}.bag-drawer-footer{padding-top:1.5rem;border-top:1px solid var(--ink-08);display:flex;flex-direction:column;gap:1rem}.bag-drawer-subtotal{display:flex;justify-content:space-between;font-family:var(--font-functional);font-size:.8rem;letter-spacing:.05em}.bag-drawer-subtotal span:first-child{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-50)}.bag-drawer-checkout{display:block;text-align:center;padding:1.1rem 2rem;background:var(--ink);color:var(--bg);font-family:var(--font-functional);font-size:.65rem;letter-spacing:.35em;text-transform:uppercase;transition:background .3s}.bag-drawer-checkout:hover{background:var(--ink-70)}.bag-toast{position:fixed;top:calc(var(--nav-height) + 1rem);right:1.5rem;z-index:250;background:var(--bg);border:1px solid var(--ink-08);padding:1rem 1.4rem;display:flex;align-items:center;gap:.8rem;min-width:260px;transform:translate(120%);transition:transform .5s var(--ease-out)}.bag-toast.is-visible{transform:translate(0)}.bag-toast-glyph{width:28px;height:28px;flex-shrink:0;color:var(--sage-deep)}.bag-toast-title{font-family:var(--font-display);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}.bag-toast-sub{font-family:var(--font-editorial);font-style:italic;font-size:.8rem;color:var(--ink-50)}.bag-page{max-width:1200px;margin:0 auto;padding:calc(var(--nav-height) + 4rem) 3rem 6rem}.bag-page-header{text-align:center;margin-bottom:4rem}.bag-page-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);letter-spacing:.04em;text-transform:uppercase;font-weight:400;margin-bottom:.5rem}.bag-page-sub{font-family:var(--font-editorial);font-style:italic;color:var(--ink-50)}.bag-page-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:4rem;align-items:flex-start}.bag-page-items{display:flex;flex-direction:column}.bag-page-summary{position:sticky;top:calc(var(--nav-height) + 2rem);padding:2rem;background:var(--bg-soft)}.bag-empty{text-align:center;padding:6rem 0}.bag-empty-glyph{width:60px;height:60px;margin:0 auto 2rem;color:var(--ink-30)}.bag-empty-message{font-family:var(--font-editorial);font-style:italic;font-size:1.3rem;color:var(--ink-50)}.bag-empty-link{display:inline-block;margin-top:2rem;font-family:var(--font-functional);font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:2px}@media(max-width:900px){.bag-drawer{max-width:100%}.bag-page{padding:calc(var(--nav-height) + 2rem) 1.5rem 4rem}.bag-page-layout{grid-template-columns:1fr;gap:3rem}.bag-page-summary{position:static}.bag-toast{right:1rem;left:1rem;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/prototype-bag.css.map */