/* Folder card and native top-layer dialog follow the storefront reference. */
.mw-svg{display:block;flex:none;width:18px;height:18px}
.mw-full .mw-columns{grid-template-columns:274px minmax(0,1fr);gap:20px}
.mw-full .mw-folders{padding:14px 15px 15px;border-radius:13px;border-color:#e6e2dc;box-shadow:0 2px 6px #24232005}
.mw-folders-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 0 12px;margin-bottom:10px;border-bottom:1px solid var(--mw-line)}
.mw-folders-heading strong{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;line-height:20px}
.mw-folders-heading strong>.mw-svg{width:14px;height:14px;color:var(--mw-wine)}
.mw-workspace .mw-folders-heading .mw-new-small{border-radius:5px;background:#faf9f6;font-size:10px;line-height:18px;white-space:nowrap;padding:0 7px;font-weight:400;color:#625e59}
.mw-full .mw-folder-list{display:flex;flex-direction:column;gap:5px}
.mw-full .mw-folder-wrap{gap:2px;min-width:0;padding:0 3px 0 0}
.mw-full .mw-folder{display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;column-gap:9px;flex:1;min-width:0;width:auto;margin:0!important;padding:9px 6px 9px 9px;border:1px solid transparent!important;border-radius:7px;background:transparent;text-align:left;line-height:1.4;color:#242320;overflow:visible;font-weight:400;letter-spacing:0;text-transform:none}
.mw-full .mw-folder:hover{background:#faf9f6}
.mw-full .mw-folder-all{width:100%;padding:9px;min-height:53px;margin-bottom:3px!important}
.mw-full .mw-folder.is-active{background:#faf4f7;border-color:#e6d4dd!important;color:var(--mw-wine)}
.mw-full .mw-folder-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid #e9e5df;background:#faf9f6;border-radius:6px;color:#858079}
.mw-full .mw-folder.is-active .mw-folder-icon{background:#fff;border-color:#e7d7df;color:var(--mw-wine)}
.mw-full .mw-folder-icon .mw-svg{width:16px;height:16px}
.mw-folder-copy{display:block;min-width:0}
.mw-full .mw-folder-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:18px;word-break:normal;overflow-wrap:normal}
.mw-full .mw-folder.is-active .mw-folder-name{font-weight:600}
.mw-full .mw-folder-copy small{display:block;font-size:10.5px;line-height:15px;color:#969089;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-weight:400}
.mw-full .mw-folder em{float:none;display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;align-self:center;justify-self:end;font:400 10px/1 system-ui,sans-serif;padding:0 4px;border-radius:10px;background:#f2efeb;color:#837b74}
.mw-full .mw-folder.is-active em{background:var(--mw-wine);color:#fff}
.mw-full .mw-folder-wrap>.mw-folder-action{display:grid;place-items:center;flex:none;width:22px;height:28px;border:0;border-radius:5px;background:transparent;padding:0;color:#a29c95}
.mw-full .mw-folder-action .mw-svg{width:13px;height:13px}
.mw-full .mw-folder-action:hover{color:var(--mw-wine);background:#faf4f7}
.mw-folder-footer{margin-top:14px;padding-top:12px;border-top:1px solid var(--mw-line)}
.mw-folder-footer>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;color:#827b74;font-size:10px;line-height:16px}
.mw-workspace .mw-folder-footer [data-mw-customize]{padding:0;border:0;background:transparent;color:var(--mw-wine);font-size:10px;line-height:16px;border-radius:2px}
.mw-folder-footer form{display:flex;gap:6px;align-items:center;margin:0}
.mw-workspace .mw-folder-footer input{flex:1;min-width:0;width:100%;height:30px;padding:5px 8px;border-color:#d9d3cc;border-radius:5px;font-size:11px;line-height:18px;box-shadow:none}
.mw-workspace .mw-folder-footer .mw-primary{flex:none;padding:5px 8px;height:30px;white-space:nowrap;font-size:10.5px;line-height:18px;border-radius:5px;font-weight:600}
.mw-full .mw-compact-create{display:none}
.mw-compact .mw-folders-heading,.mw-compact .mw-folder-footer,.mw-compact .mw-folder-icon,.mw-compact .mw-folder-copy small{display:none!important}
.mw-compact .mw-folder-list{display:contents}
.mw-compact .mw-folder-copy,.mw-compact .mw-folder-name{display:inline;min-width:0}
.mw-workspace .mw-price-actions>.mw-price-change{display:inline-flex;align-items:center;gap:3px;max-width:100%;font-size:11px;line-height:1.5;color:#8d867f;white-space:normal;text-align:inherit}
.mw-workspace .mw-price-actions>.mw-price-change--lower{color:#47715a}
.mw-price-change .mw-svg{width:12px;height:12px}
.mw-workspace .mw-folder-dialog{position:fixed;inset:0;width:min(452px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;margin:auto;border:1px solid #e3dfd9;border-radius:12px;background:#fff;color:#242320;box-shadow:0 22px 65px #0003;font:12px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;text-align:left;overflow:auto;overscroll-behavior:contain}
.mw-folder-dialog:not([open]){display:none}
.mw-folder-dialog::backdrop{background:#24232070;backdrop-filter:blur(2px)}
.mw-folder-dialog form{margin:0}
.mw-folder-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #e6e2dc}
.mw-folder-dialog h3{margin:0;font:600 14px/22px system-ui,sans-serif;color:#242320;letter-spacing:0;text-transform:none}
.mw-workspace .mw-folder-dialog header button{display:grid;place-items:center;width:24px;height:24px;padding:4px;border:0;background:transparent;color:#969089}
.mw-folder-dialog header .mw-svg{width:13px;height:13px}
.mw-dialog-fields{padding:15px 20px 19px}
.mw-folder-dialog .mw-icon-picker{border:0;padding:0;margin:0 0 12px;min-width:0}
.mw-icon-picker legend,.mw-dialog-label{display:block;color:#77716a;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0;text-transform:none}
.mw-icon-picker legend{margin-bottom:6px;padding:0}
.mw-icon-picker>div{display:flex;gap:6px;flex-wrap:wrap}
.mw-icon-picker label{position:relative;display:block;width:34px;height:34px;cursor:pointer;margin:0}
.mw-folder-dialog .mw-icon-picker input{position:absolute;width:1px;height:1px;opacity:0;margin:0;padding:0}
.mw-icon-picker span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e8e3dd;border-radius:6px;background:#faf9f6;color:#817b74}
.mw-icon-picker .mw-svg{width:17px;height:17px}
.mw-icon-picker input:checked+span{border-color:#7c2947;color:#7c2947;background:#faf3f6}
.mw-icon-picker input:focus-visible+span{outline:2px solid #7c2947;outline-offset:2px}
.mw-workspace .mw-folder-dialog .mw-dialog-label input,.mw-workspace .mw-folder-dialog textarea{display:block;width:100%;margin-top:5px;border:1px solid #d8d2cc;border-radius:6px;padding:6px 10px;font:12px/18px system-ui,sans-serif;color:#242320;background:#fff;box-shadow:none;letter-spacing:0}
.mw-workspace .mw-folder-dialog .mw-dialog-label input{height:33px}
.mw-workspace .mw-folder-dialog textarea{min-height:52px;resize:vertical}
.mw-folder-presets{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0 12px}
.mw-workspace .mw-folder-presets button{padding:2px 8px;border:0;border-radius:12px;background:#f3f0eb;color:#7d776f;font-size:10px;line-height:17px;font-weight:400}
.mw-dialog-feedback{margin:8px 0 0;color:#a03346;font-size:11px;line-height:1.5}
.mw-dialog-feedback:empty{display:none}
.mw-folder-dialog footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 20px 14px;border-top:1px solid #e6e2dc;background:#faf9f6}
.mw-workspace .mw-folder-dialog footer button{border-radius:6px;padding:7px 13px;font-size:12px;line-height:18px}
.mw-folder-dialog footer .mw-primary{font-weight:600}
@media(min-width:769px) and (max-width:1000px){.mw-full .mw-columns{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:768px){.mw-full .mw-folders{width:100%;max-width:100%}.mw-folder-dialog header{padding:14px 16px}.mw-dialog-fields{padding:14px 16px 16px}.mw-folder-dialog footer{padding:12px 16px}.mw-folder-presets{gap:4px}.mw-workspace .mw-folder-presets button{font-size:9.5px;padding-inline:6px}}
