@keyframes pouch-wobble{0%{transform:rotate(0)scale(1)}25%{transform:rotate(-9deg)scale(1.08)}50%{transform:rotate(7deg)scale(1.04)}75%{transform:rotate(-3deg)}to{transform:rotate(0)scale(1)}}.pouch-drawer{transition:translate .38s cubic-bezier(.22, 1, .36, 1), display .38s allow-discrete, overlay .38s allow-discrete;translate:100%}.pouch-drawer[open]{translate:0}@starting-style{.pouch-drawer[open]{translate:100%}}.pouch-drawer::backdrop{transition:background .38s, display .38s allow-discrete, overlay .38s allow-discrete;background:#5a3a2a00}.pouch-drawer[open]::backdrop{background:#5a3a2a52}@starting-style{.pouch-drawer[open]::backdrop{background:#5a3a2a00}}.pouch-paper{background-color:#fffaf1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .24 0 0 0 0 .16 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.pouch-folded{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);position:relative}.pouch-folded:after{content:"";background:linear-gradient(225deg,#0000 50%,#dcc6a6 50%);width:22px;height:22px;position:absolute;top:0;right:0}@media (prefers-reduced-motion:reduce){.pouch-drawer,.pouch-drawer::backdrop{transition:none}}.pouch-drawer{background:var(--studio-sage,#dce1d1);padding:16px}.pouch-paper{outline:5px solid var(--studio-paper,#fffaf1);background-color:var(--studio-paper,#fffaf1);background-image:var(--studio-grain);border:1.5px dashed #c9a27a;border-radius:6px;overflow:hidden;box-shadow:0 12px 42px #2c322329}.pouch-drawer[open]::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#39412f61}.pouch-close{color:var(--color-chocolate);border-radius:50%;transition:background .2s}.pouch-close:hover{background:#eee5d5}.pouch-quantity{color:var(--color-chocolate);background:#f7efdf;border-color:#d1c1a8}.pouch-quantity:hover{background:#ede2ce}.pouch-quantity:active{transform:translateY(1px)}.pouch-gift{background:#dce1d1;border:1px solid #cbd0bd;border-radius:6px;padding:18px;position:relative}.pouch-gift-preview{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.pouch-gift-preview>span:first-child{font-family:var(--font-serif);background:#fffaf1;padding:16px 22px;font-size:19px;font-style:italic;line-height:1.25;display:block;transform:rotate(-4deg);box-shadow:0 6px 12px #39412f1f}.pouch-gift-seal{background:var(--color-wax);width:42px;height:42px;font-family:var(--font-script);color:var(--color-paper);outline-offset:-5px;border-radius:50%;outline:1px solid #ffffff40;flex-shrink:0;place-items:center;font-size:28px;display:grid;box-shadow:0 2px 4px #4e231b33}.pouch-folded{background:#fffaf1}.pouch-checkout{padding-bottom:max(16px, env(safe-area-inset-bottom));background:#fffaf1;border-top:1px solid #e4d8c6;flex-shrink:0}.pouch-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9bfaa transparent}.pouch-paper button:focus-visible,.pouch-paper a:focus-visible{outline:2px solid var(--color-wax);outline-offset:3px}@media (max-width:420px){.pouch-drawer{padding:8px}.pouch-paper>div:first-child{padding:20px 18px 14px}.pouch-content>ul,.pouch-content>div{padding-inline:18px}.pouch-row-controls{gap:6px}.pouch-row-controls button:last-child{margin-left:0}.pouch-gift{padding:14px}}@media (prefers-reduced-motion:reduce){.pouch-drawer svg path,.pouch-drawer svg g{transition:none!important}}