.shopping-bag-drawer{width:min(480px,100%);max-width:100%;height:100dvh;max-height:100dvh;color:var(--ink,#271d39);background:#fffafc;border:0;margin:0;padding:clamp(1.25rem,4vw,2rem);position:fixed;inset:0 0 0 auto;overflow-y:auto;box-shadow:-12px 0 50px #35123222}.shopping-bag-drawer::backdrop{background:#26132b70}.shopping-bag-drawer header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.shopping-bag-drawer .eyebrow{align-items:center;gap:.6rem;display:flex}.shopping-bag-drawer h2{font-family:var(--font-heading,serif);margin:1.7rem 0 1rem;font-size:clamp(2rem,5vw,2.6rem);line-height:1.1}.shopping-bag-drawer h2 em{color:#b21866}.bag-success{color:#46613d;align-items:center;gap:.6rem;font-size:.9rem;display:flex}.bag-added-piece{overflow-wrap:anywhere;grid-template-columns:110px 1fr;gap:1rem;padding:1.5rem 0;display:grid}.bag-added-piece img{object-fit:contain;background:#f5edf2;border-radius:10px;width:110px;height:140px}.bag-added-piece h3{margin:0;font-size:1rem;line-height:1.5}.bag-added-piece p{margin:.45rem 0;font-size:.85rem}.bag-added-piece small{font-weight:400}.bag-image-pending{align-self:center;font-size:.8rem}.bag-drawer-subtotal{border-block:1px solid #e4d7e1;justify-content:space-between;gap:1rem;padding:1.25rem 0;display:flex}.bag-drawer-note{font-size:.85rem;line-height:1.6}.shopping-bag-drawer nav{gap:.75rem;margin-top:1.5rem;display:grid}.shopping-bag-drawer .button{justify-content:center;width:100%;min-height:46px}.shopping-bag-drawer .icon-button{min-width:44px;min-height:44px}@media (prefers-reduced-motion:no-preference){.shopping-bag-drawer[open]{animation:.2s ease-out bag-arrival}@keyframes bag-arrival{0%{opacity:0;transform:translate(20%)}to{opacity:1;transform:translate(0)}}}