.bag-drawer{position:fixed;inset:0 0 0 auto;width:min(460px,100%);height:100dvh;max-height:100dvh;max-width:100%;margin:0;padding:0;border:0;background:var(--cms-background,#f3eae1);color:var(--cms-text,#112524);box-shadow:-10px 0 50px #11252422;overflow:hidden;animation:bag-enter .22s ease-out}.bag-drawer::backdrop{background:#11252477;backdrop-filter:blur(2px)}[dir=rtl] .bag-drawer{inset:0 auto 0 0}.bag-drawer-inner{height:100%;display:flex;flex-direction:column}.bag-heading{justify-content:space-between;padding:26px 24px 20px;border-bottom:1px solid var(--cms-border,#d8cbbb)}.bag-heading,.bag-heading h2{display:flex;align-items:center}.bag-heading h2{font-size:1.3rem;gap:10px;margin:8px 0 0}.bag-heading h2>span{font:12px Arial;border-radius:50%;background:#dce3d3;min-width:24px;height:24px;display:grid;place-items:center}.bag-added{display:flex;align-items:center;gap:10px;padding:14px 24px;background:#dce3d3;font-size:.85rem;line-height:1.6}.bag-added svg{flex-shrink:0}.bag-drawer-items{padding:0 24px;overflow-y:auto;flex:1;overscroll-behavior:contain}.bag-drawer-item{display:grid;grid-template-columns:85px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--cms-border,#d8cbbb);align-items:start}.bag-drawer-item img{width:85px;height:110px;object-fit:contain;background:#e7d7c8}.bag-item-placeholder{height:100px;display:grid;place-items:center;background:#e7d7c8}.bag-drawer-item h3{font-size:1rem;line-height:1.6;margin:0 0 4px}.bag-drawer-item p{font-size:.8rem;margin:3px 0;color:#56615a}.bag-drawer-item strong{font-size:.9rem}.bag-quantity{display:flex;align-items:center;gap:6px;margin-top:10px}.bag-quantity>span{min-width:24px;text-align:center;font-size:.9rem}.bag-quantity .bag-remove{margin-inline-start:auto}.bag-drawer-footer{padding:20px 24px max(24px,env(safe-area-inset-bottom));border-top:1px solid var(--cms-border,#d8cbbb);background:#fffaf5}.bag-subtotal{display:flex;align-items:center;justify-content:space-between;font-size:.95rem}.bag-drawer-footer .hint{display:flex;gap:8px;align-items:center;font-size:.75rem;margin:12px 0 18px}.bag-checkout,.bag-continue{width:100%;padding:13px 12px}.bag-checkout svg:last-child{margin-inline-start:auto}.bag-continue{margin-top:10px;background:transparent}.bag-empty{padding:50px 8px;text-align:center}.bag-empty svg{color:#859976;margin-bottom:18px}.bag-empty h3{font-size:1.25rem}.bag-empty p{font-size:.88rem}.bag-fetch-error{font-size:.82rem;line-height:1.7;padding:12px 0}.bag-fetch-error button{font-size:.8rem;padding:5px 12px}.bag-notification{position:fixed;z-index:90;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:14px;align-items:center;width:min(600px,calc(100% - 32px));padding:14px 16px;background:#fffaf5;border:1px solid #b7c3ab;box-shadow:0 8px 40px #11252422;border-radius:10px}.bag-notification>svg{color:#45624e;flex-shrink:0}.bag-notification>div{min-width:0;flex:1}.bag-notification span,.bag-notification strong{display:block;font-size:.82rem;line-height:1.6}.bag-notification>div>span{font-size:.75rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#56615a}.bag-notification>button:not(.icon-button){padding:9px 12px;font-size:.8rem;white-space:nowrap}.bag-notification>button>span{padding-inline:4px}.bag-drawer button:disabled{cursor:not-allowed}@keyframes bag-enter{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.bag-drawer{animation:none}}@media(max-width:480px){.bag-heading{padding:20px}.bag-drawer-items{padding:0 20px}.bag-drawer-footer{padding-inline:20px}.bag-notification{gap:7px;padding:12px 10px;bottom:16px}.bag-notification>button:not(.icon-button){font-size:.75rem;padding:8px}.bag-notification>svg{width:18px}.bag-drawer-item{gap:14px}}