/* One consumer bottom-sheet shell at every viewport width. Never loaded by admin. */
.commerce-app .modal-backdrop{display:flex;align-items:flex-end;justify-content:center;padding:0;inset:0;top:var(--sheet-top,0px);bottom:auto;height:var(--sheet-height,100dvh);background:#11182780;backdrop-filter:none;overscroll-behavior:none;animation:sheet-mask-in .22s ease-out both}
.commerce-app .modal,.commerce-app .modal.wide,.commerce-app .modal:has(.goods-sku-sheet),.commerce-app .modal:has(.goods-image-viewer){display:flex;flex-direction:column;min-height:0;width:100%;max-width:600px;max-height:92%;margin:0;border-radius:22px 22px 0 0;background:#fff;overflow:hidden;box-shadow:0 -12px 45px #10182812;animation:sheet-rise .28s cubic-bezier(.22,.7,.22,1) both}
.commerce-app .modal-header,.commerce-app .modal:has(.goods-sku-sheet) .modal-header{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:60px;padding:18px 58px 16px;border-bottom:1px solid #f0f1f5;background:#fff;gap:0;text-align:center}
.commerce-app .modal-header h2,.commerce-app .modal:has(.goods-sku-sheet) .modal-header h2{margin:0;min-width:0;font-family:inherit;font-size:17px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.commerce-app .modal-header .close-modal{position:absolute;right:12px;top:8px;width:44px;height:44px;display:grid;place-items:center;padding:11px;background:transparent;color:#939ba8;border:0;border-radius:50%}
.commerce-app .modal-header .close-modal svg{width:21px;height:21px}
.commerce-app .modal-body,.commerce-app .modal:has(.goods-sku-sheet) .modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:18px 18px calc(20px + env(safe-area-inset-bottom));scroll-padding:20px}
.commerce-app .modal-body>form{margin:0;min-width:0}.commerce-app .sheet-actions{position:sticky;bottom:calc(-20px - env(safe-area-inset-bottom));z-index:4;margin:18px -18px calc(-20px - env(safe-area-inset-bottom));padding:14px 18px calc(16px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #f0f1f5;box-shadow:0 -6px 18px #10182803}
.commerce-app .sheet-actions .form-error:empty{display:none}.commerce-app .sheet-actions .form-error{margin:0 0 9px;font-size:12px;line-height:1.6}.commerce-app .sheet-actions>.button,.commerce-app .sheet-actions>.goods-sheet-confirm{width:100%;min-height:45px;margin:0;border-radius:24px;background:linear-gradient(100deg,#ff4055,#f22138);border-color:transparent;color:#fff;font-size:14px;font-weight:600;box-shadow:none}
.commerce-app .goods-sku-sheet .goods-sku-options{max-height:none;overflow:visible;margin-bottom:22px}.commerce-app .goods-sku-sheet .sheet-actions>.goods-sheet-confirm{padding:13px 18px;line-height:1.4}.commerce-app .goods-sheet-summary{align-items:flex-start;margin-bottom:24px}.commerce-app .goods-sheet-summary>img{width:94px;height:94px;border-radius:12px}.commerce-app .goods-sku-options>button{border-radius:9px;padding:11px 15px}.commerce-app .goods-sku-options>button.active{border-color:#f2273c;color:#ed2942;background:#fff1f3}
.commerce-app .modal-body:has(.goods-image-viewer){padding:12px 12px calc(16px + env(safe-area-inset-bottom))}.commerce-app .goods-image-viewer img{max-height:74dvh}
.commerce-app .modal-backdrop.sheet-replacing,.commerce-app .sheet-replacing>.modal{animation:none}
@keyframes sheet-rise{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}
@keyframes sheet-mask-in{from{background-color:#11182700}to{background-color:#11182780}}
@media(prefers-reduced-motion:reduce){.commerce-app .modal-backdrop,.commerce-app .modal{animation:none}}