.drawer-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;background:#0f1e1499;justify-content:flex-end;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.drawer-overlay.is-closing{animation:.24s forwards fadeOut}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.drawer-panel{border-left:1px solid var(--primary-border);will-change:transform;background:#fff;flex-direction:column;width:100%;max-width:460px;height:100%;animation:.32s cubic-bezier(.16,1,.3,1) slideIn;display:flex;position:relative;box-shadow:-15px 0 50px #0003}.drawer-panel.is-closing{animation:.24s cubic-bezier(.16,1,.3,1) forwards slideOut}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.drawer-overlay,.drawer-overlay.is-closing,.drawer-panel,.drawer-panel.is-closing{animation-duration:.01ms!important}}.drawer-header{border-bottom:1px solid var(--border-light);background:#fff;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.drawer-title-wrap{align-items:center;gap:12px;display:flex}.drawer-bag-icon{color:var(--primary)}.drawer-title{color:var(--text-title);letter-spacing:-.01em;font-size:20px;font-weight:800}.drawer-count-badge{color:var(--primary);background:var(--primary-light);border-radius:var(--radius-full);padding:2px 8px;font-size:14px;font-weight:600}.drawer-close-btn{background:var(--bg-neutral);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-title);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.drawer-close-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary);transform:rotate(90deg)}.drawer-body{flex:1;padding:24px 28px;overflow-y:auto}.empty-cart-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 20px;display:flex}.empty-bag-icon{color:var(--border-subtle);margin-bottom:16px}.empty-cart-state h4{color:var(--text-title);margin-bottom:8px;font-size:19px;font-weight:700}.empty-cart-state p{color:var(--text-muted);font-size:14px;line-height:1.5}.cart-items-list{flex-direction:column;gap:18px;display:flex}.cart-item{border-bottom:1px solid var(--border-light);align-items:center;gap:16px;padding-bottom:18px;display:flex}.item-img-wrap{background:radial-gradient(circle, var(--primary-surface) 0%, var(--bg-neutral) 70%);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;padding:6px;display:flex}.item-img{object-fit:contain;max-height:100%}.item-info{flex:1}.item-name{color:var(--text-title);margin-bottom:2px;font-size:14.5px;font-weight:700;line-height:1.3}.item-weight{color:var(--text-muted);font-size:11.5px;display:block}.item-unit-price{color:var(--primary);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.item-controls{align-items:center;gap:14px;display:flex}.qty-counter{border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:#fff linear-gradient(#fff 0%,#f5f8f5 100%);align-items:center;padding:2px 8px;display:inline-flex;box-shadow:0 1px 4px #0000000a,inset 0 1px #fff}.qty-btn{width:24px;height:24px;color:var(--text-title);transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex}.qty-btn:hover{color:var(--primary)}.qty-val{color:var(--text-title);padding:0 8px;font-size:13px;font-weight:700}.item-remove-btn{color:var(--text-subtle);transition:color var(--transition-fast);align-items:center;display:flex}.item-remove-btn:hover{color:#ef4444}.item-line-total{font-family:var(--font-sans);color:var(--text-title);font-size:16px;font-weight:800}.drawer-footer{border-top:1px solid var(--border-subtle);background:#fdfefb;flex-direction:column;gap:16px;padding:24px 28px;display:flex}.note-input{border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff;outline:none;width:100%;padding:12px 16px;font-size:13px;transition:border-color .2s}.note-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-border)}.subtotal-row{justify-content:space-between;align-items:center;display:flex}.subtotal-label{color:var(--text-title);font-size:16px;font-weight:600}.subtotal-val{font-family:var(--font-sans);color:var(--text-title);letter-spacing:-.02em;font-size:24px;font-weight:800}.checkout-actions{flex-direction:column;gap:10px;margin-top:4px;display:flex}.btn-drawer-checkout{letter-spacing:-.01em;box-sizing:border-box;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 22px;font-size:15px;font-weight:700;display:flex;text-decoration:none!important}
.page-transition-container{will-change:transform, opacity;backface-visibility:hidden;width:100%;min-height:100vh;overflow-x:clip;transform:translate(0,0)}.page-transition-slide-right{animation:.28s cubic-bezier(.16,1,.3,1) both pageSlideFromRight}.page-transition-slide-left{animation:.28s cubic-bezier(.16,1,.3,1) both pageSlideFromLeft}.page-transition-fade{animation:.22s cubic-bezier(.16,1,.3,1) both pageFadeIn}@keyframes pageSlideFromRight{0%{opacity:.9;transform:translate(12px)}to{opacity:1;transform:translate(0,0)}}@keyframes pageSlideFromLeft{0%{opacity:.9;transform:translate(-12px)}to{opacity:1;transform:translate(0,0)}}@keyframes pageFadeIn{0%{opacity:.92}to{opacity:1}}@media (prefers-reduced-motion:reduce){.page-transition-slide-right,.page-transition-slide-left,.page-transition-fade{opacity:1!important;animation:none!important;transform:none!important}}