:root{--app-max-w:768px}.app-shell{height:100dvh;max-width:var(--app-max-w);background:var(--ds-color-surface);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.app-content{padding:var(--ds-space-3) var(--ds-space-4);padding-bottom:calc(80px + var(--ds-space-4));flex-direction:column;flex:1;gap:8px;display:flex;overflow:hidden auto}.ds-search-shell{position:relative}.ds-search{align-items:center;gap:var(--ds-space-2);background:var(--ds-color-surface);border-radius:var(--ds-radius-xl);padding:10px var(--ds-space-4);border:2px solid #0000;transition:border-color .15s;display:flex}.ds-search:focus-within{border-color:var(--ds-color-green-100)}.ds-search__input{font-family:var(--ds-font-family);font-size:var(--ds-font-size-label);color:var(--ds-color-black);background:0 0;border:none;outline:none;flex:1}.ds-search__input::placeholder{color:var(--ds-color-gray-400)}.ds-search__close{cursor:pointer;color:var(--ds-color-gray-400);background:0 0;border:none;padding:0;display:flex}.ds-search__panel{background:var(--ds-color-white);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-03-big);z-index:50;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0}.ds-search__hit{cursor:pointer;text-align:left;width:100%;padding:12px var(--ds-space-4);font-family:var(--ds-font-family);font-size:var(--ds-font-size-label);color:var(--ds-color-black);background:0 0;border:none}.ds-search__hit:hover{background:var(--ds-color-surface)}.ds-search__match{font-weight:700}.ds-filter-bar{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;display:flex;overflow-x:auto}.ds-filter-bar::-webkit-scrollbar{display:none}.ds-filter-chip{cursor:pointer;font-family:var(--ds-font-family);-webkit-tap-highlight-color:transparent;background:var(--ds-color-green-100);color:var(--ds-color-black);border:none;border-radius:99px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.ds-filter-chip--disabled{background:var(--ds-color-gray-100);color:var(--ds-color-gray-400)}.ds-sheet{z-index:200;cursor:pointer;position:fixed;overflow:hidden}.ds-sheet__scrim{z-index:199;cursor:pointer;background:#00000059;border:none;width:100%;height:100%;position:fixed;inset:0}.ds-sheet__content{flex-direction:column;height:100%;display:flex}.ds-sheet__handle{flex-shrink:0;justify-content:center;padding:12px;display:flex}.ds-sheet__handle-btn{cursor:pointer;background:0 0;background:var(--ds-color-gray-200);border:none;border-radius:99px;justify-content:center;align-items:center;width:40px;height:4px;padding:4px;display:flex}.ds-sheet__body{padding:0 var(--ds-space-4);flex:1;overflow-y:auto}.ds-sheet__footer{padding:var(--ds-space-4);padding-bottom:calc(var(--ds-space-4) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--ds-color-gray-100);background:var(--ds-color-white);flex-shrink:0}.ds-sheet__fab{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ds-sheet__title-row{align-items:center;gap:var(--ds-space-3);padding-bottom:var(--ds-space-4);display:flex}.ds-sheet__title{font-size:var(--ds-font-size-subtitle);margin:0;font-weight:700}.ds-sheet__avatar{border-radius:var(--ds-radius-md);background:var(--ds-color-green-100);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ds-qty-selector{border-radius:99px;align-items:center;gap:4px;padding:4px;display:inline-flex}.ds-dropdown{position:relative}.ds-dropdown__trigger{padding:12px var(--ds-space-4);background:var(--ds-color-surface);border:2px solid var(--ds-color-gray-200);border-radius:var(--ds-radius-lg);cursor:pointer;font-family:var(--ds-font-family);font-size:var(--ds-font-size-label);text-align:left;align-items:center;gap:8px;width:100%;display:flex}.ds-dropdown__panel{background:var(--ds-color-white);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-03-big);z-index:50;max-height:240px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.ds-dropdown__item{padding:12px var(--ds-space-4);cursor:pointer;font-size:var(--ds-font-size-label);border-bottom:1px solid var(--ds-color-gray-100)}.ds-dropdown__item:last-child{border-bottom:none}.ds-dropdown__item:hover{background:var(--ds-color-surface)}.ds-toggle-cards{display:inline-flex}