:root{--safe-bottom:env(safe-area-inset-bottom,0px)}
.theme-mizly-native{margin:0;background:#f6f7f8;color:#202226;font-family:Vazirmatn,Vazir,Tahoma,sans-serif;font-size:13px;line-height:1.65;overflow-x:hidden}.theme-mizly-native *{box-sizing:border-box}.theme-mizly-native button,.theme-mizly-native input,.theme-mizly-native select,.theme-mizly-native textarea{font:inherit}.app-loader{position:fixed;inset:0;z-index:9999;background:#fff;display:grid;place-items:center;align-content:center;gap:14px;transition:.35s ease;color:#35373d}.app-loader.hide{opacity:0;visibility:hidden;transform:scale(1.02)}.loader-logo{width:82px;height:82px;border-radius:28px;background:#fff;border:1px solid rgba(53,55,61,.12);box-shadow:0 22px 70px rgba(53,55,61,.14);display:grid;place-items:center;overflow:hidden;animation:appPulse 1.5s infinite ease-in-out}.loader-logo img,.loader-logo svg{width:70%;height:70%;object-fit:contain}.app-loader span{font-weight:800;font-size:15px;letter-spacing:-.2px}@keyframes appPulse{50%{transform:translateY(-4px);box-shadow:0 28px 80px rgba(7,168,170,.18)}}.app-shell{width:min(560px,100%);min-height:100vh;margin:0 auto;background:#fff;box-shadow:0 0 0 1px rgba(53,55,61,.06);position:relative}.app-main{padding:12px 12px calc(86px + var(--safe-bottom));min-height:100vh}.app-hero{display:grid;grid-template-columns:126px minmax(0,1fr);gap:12px;background:#fff;border:1px solid rgba(53,55,61,.1);border-radius:22px;padding:10px;box-shadow:0 16px 42px rgba(53,55,61,.08);position:relative;overflow:hidden}.app-hero:before{content:"";position:absolute;left:-42px;bottom:-44px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(7,168,170,.12),transparent 68%);pointer-events:none}.app-hero-media{height:142px;border-radius:18px;overflow:hidden;background:#2a2a2a;position:relative;display:grid;place-items:center}.app-hero-media>img{width:100%;height:100%;object-fit:cover}.app-media-fallback{width:100%;height:100%;display:grid;place-items:center;background:#2a2a2a}.app-media-fallback svg{width:70px;height:70px}.app-hero-logo{position:absolute;right:8px;bottom:8px;width:46px;height:46px;border-radius:15px;background:#fff;border:1px solid rgba(255,255,255,.75);box-shadow:0 12px 28px rgba(0,0,0,.16);display:grid;place-items:center;overflow:hidden}.app-hero-logo img{width:84%;height:84%;object-fit:contain}.app-hero-info{min-width:0;padding:4px 0 2px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.app-kicker{display:inline-flex;align-self:flex-start;background:rgba(7,168,170,.09);color:var(--app-primary);border:1px solid rgba(7,168,170,.12);border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:800;margin-bottom:6px}.app-hero h1{margin:0;color:var(--app-secondary);font-size:18px;line-height:1.35;letter-spacing:-.5px}.app-hero p{margin:4px 0 8px;color:#667085;font-size:11.5px;line-height:1.75}.app-address{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:#58606c;font-size:11px;margin-bottom:7px}.app-status-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.app-status-line b{font-size:11.5px;color:#35373d}.app-status-line em{font-style:normal;background:#f3f4f6;border:1px solid #e6e8eb;border-radius:999px;padding:2px 7px;font-size:10.5px;color:#667085}.accept-dot{width:8px;height:8px;border-radius:50%;background:#d0d5dd;display:inline-flex}.accept-dot.on{background:#17b26a;box-shadow:0 0 0 4px rgba(23,178,106,.12)}.accept-dot.off{background:#f04438;box-shadow:0 0 0 4px rgba(240,68,56,.1)}.app-filter-row{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);margin:10px -12px 0;padding:10px 12px;border-bottom:1px solid rgba(53,55,61,.07);display:grid;grid-template-columns:minmax(135px,1fr) minmax(0,1.3fr) 38px;gap:7px;align-items:center}.app-search{height:38px;border:1px solid #e6e8eb;background:#f9fafb;border-radius:14px;display:flex;align-items:center;gap:4px;padding:0 9px}.app-search button{border:0;background:transparent;color:#98a2b3;font-size:16px;padding:0}.app-search input{border:0;background:transparent;outline:0;width:100%;min-width:0;font-size:12px;color:#35373d}.app-cats{display:flex;gap:6px;overflow:auto;scrollbar-width:none;padding:1px}.app-cats::-webkit-scrollbar{display:none}.app-cats .cat-chip{border:1px solid #e6e8eb;background:#fff;color:#515866;border-radius:14px;min-height:36px;padding:0 11px;white-space:nowrap;font-size:11.5px;font-weight:700}.app-cats .cat-chip.active{background:var(--app-secondary);border-color:var(--app-secondary);color:#fff}.app-sort{width:38px;height:38px;border:1px solid #e6e8eb;border-radius:14px;background:#fff;color:transparent;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#667085 50%),linear-gradient(135deg,#667085 50%,transparent 50%);background-position:13px 17px,18px 17px;background-size:5px 5px;background-repeat:no-repeat;outline:0}.app-ai-card{margin:12px 0 2px;background:linear-gradient(135deg,#35373d,#2f3137);border-radius:22px;padding:14px;color:#fff;box-shadow:0 18px 46px rgba(53,55,61,.16);overflow:hidden;position:relative}.app-ai-card:after{content:"";position:absolute;left:-40px;top:-42px;width:140px;height:140px;border-radius:50%;background:rgba(211,165,78,.2)}.app-ai-card>div{position:relative;z-index:1}.app-ai-card span{display:block;color:#d3a54e;font-weight:800;font-size:10.5px}.app-ai-card h2{font-size:14px;margin:3px 0;color:#fff}.app-ai-card p{margin:0 0 10px;color:rgba(255,255,255,.72);font-size:11.5px;line-height:1.75}.app-ai-card .ai-mood-input{display:grid;grid-template-columns:1fr auto;background:#fff;border-radius:15px;padding:5px;gap:5px}.app-ai-card input{border:0;outline:0;padding:7px 9px;font-size:12px;min-width:0}.app-ai-card button{border:0;border-radius:12px;background:var(--app-primary);color:#fff;padding:7px 10px;font-size:11.5px;font-weight:800}.ai-mood-chips{display:flex;gap:6px;overflow:auto;margin-top:8px}.ai-mood-chips button{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);white-space:nowrap}.app-menu-list{padding-top:12px}.app-category{margin-bottom:18px}.app-section-title{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:0 2px 9px}.app-section-title h2{font-size:15px;margin:0;color:#2d3036;letter-spacing:-.25px}.app-section-title p{margin:3px 0 0;color:#7a8290;font-size:11.5px}.app-section-title span{font-size:10.5px;color:#667085;background:#f3f4f6;border:1px solid #e6e8eb;border-radius:999px;padding:3px 8px;white-space:nowrap}.app-items-list{display:grid;gap:8px}.app-menu-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;background:#fff;border:1px solid rgba(53,55,61,.09);border-radius:18px;padding:8px;box-shadow:0 8px 22px rgba(53,55,61,.055);position:relative;overflow:hidden}.app-menu-card.disabled{opacity:.58}.app-item-image{width:76px;height:76px;border-radius:15px;background:#f0f2f4;overflow:hidden;display:grid;place-items:center}.app-item-image img{width:100%;height:100%;object-fit:cover}.app-item-image span{font-size:24px}.app-item-content{min-width:0;display:grid;gap:2px}.app-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.app-item-top h3{margin:0;font-size:13.2px;color:#25272c;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-item-top em{font-style:normal;background:rgba(211,165,78,.13);color:#9d7225;border-radius:999px;padding:1px 6px;font-size:9.5px;font-weight:800}.app-item-content small{font-size:10.5px;color:#99a0ac;direction:ltr;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-item-content p{margin:0;color:#737b88;font-size:11.2px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-item-foot{display:flex;align-items:center;gap:7px;margin-top:4px}.app-item-foot b{font-size:12.5px;color:#25272c;margin-left:auto}.app-item-foot del{font-size:10px;color:#98a2b3}.app-item-foot button{border:0;background:var(--app-secondary);color:#fff;border-radius:11px;padding:5px 10px;font-size:11px;font-weight:800;min-width:58px}.app-item-foot button:disabled{background:#d0d5dd;color:#667085}.app-time-label{position:absolute;left:8px;top:8px;background:#fff4ed;color:#b54708;border:1px solid #fedf89;border-radius:999px;padding:2px 7px;font-size:10px}.app-bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(560px,100%);z-index:80;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-top:1px solid rgba(53,55,61,.1);display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px calc(8px + var(--safe-bottom));box-shadow:0 -14px 38px rgba(53,55,61,.08)}.app-bottom-nav button{border:0;background:transparent;color:#667085;display:grid;place-items:center;gap:2px;min-height:45px;border-radius:14px;position:relative}.app-bottom-nav button.active{background:rgba(7,168,170,.09);color:var(--app-primary)}.app-bottom-nav i{font-style:normal;font-size:17px;line-height:1}.app-bottom-nav span{font-size:10.2px;font-weight:800}.app-bottom-nav b{position:absolute;top:3px;left:15px;min-width:17px;height:17px;border-radius:999px;background:var(--app-accent);color:#fff;display:grid;place-items:center;font-size:10px;border:2px solid #fff}.app-panel{position:fixed;inset:0;z-index:120;pointer-events:none;background:rgba(20,22,26,.18);opacity:0;transition:.24s ease}.app-panel.show{pointer-events:auto;opacity:1}.app-panel-card{position:absolute;inset:42px 0 0;width:min(560px,100%);margin:0 auto;background:#fff;border-radius:26px 26px 0 0;transform:translateY(102%);transition:.32s cubic-bezier(.2,.8,.2,1);box-shadow:0 -28px 70px rgba(53,55,61,.18);overflow:hidden;display:flex;flex-direction:column}.app-panel.show .app-panel-card{transform:translateY(0)}.app-panel-card header{height:58px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf0f2;padding:0 14px}.app-panel-card header button{border:0;background:#f3f4f6;color:#35373d;border-radius:12px;padding:7px 10px;font-size:12px;font-weight:800}.app-panel-card h2{font-size:15px;margin:0;color:#25272c}.app-panel-body{padding:14px;overflow:auto;flex:1}.contact-panel{display:grid;gap:10px}.contact-panel>a,.contact-panel>div:not(.app-static-pages){border:1px solid #e6e8eb;background:#fbfcfd;border-radius:16px;padding:12px;display:grid;gap:3px}.contact-panel b{color:#25272c}.contact-panel span,.contact-panel p{color:#667085;margin:0;line-height:1.8}.app-static-pages{display:grid;gap:10px}.app-static-pages article,.app-event-list article{border:1px solid #e6e8eb;background:#fff;border-radius:18px;padding:12px;box-shadow:0 7px 20px rgba(53,55,61,.045)}.app-static-pages h3,.app-event-list h3{margin:0 0 6px;font-size:13.5px;color:#25272c}.app-static-pages p,.app-event-list p{font-size:12px;color:#667085;line-height:1.9;margin:0}.app-event-list{display:grid;gap:10px}.app-event-list article{display:grid;grid-template-columns:84px 1fr;gap:10px}.app-event-list img{width:84px;height:84px;border-radius:15px;object-fit:cover;background:#f3f4f6}.app-event-list small{color:#9a6a1e;font-size:11px}.app-hours-list{display:grid;gap:8px}.app-hours-list div{border:1px solid #e6e8eb;background:#fbfcfd;border-radius:16px;padding:11px 12px;display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center}.app-hours-list span{font-weight:800;color:#35373d}.app-hours-list b{color:#25272c}.app-hours-list small{grid-column:1/-1;color:#667085}.app-empty{border:1px dashed #d0d5dd;background:#fbfcfd;border-radius:18px;padding:26px;text-align:center;color:#667085}.theme-mizly-native .sheet{z-index:140;background:rgba(20,22,26,.22);backdrop-filter:blur(5px)}.theme-mizly-native .sheet.show{display:flex}.theme-mizly-native .sheet-card{width:min(560px,100%);height:calc(100vh - 42px);max-height:none;margin:auto auto 0;background:#fff;border-radius:26px 26px 0 0;overflow:auto;padding:18px 14px calc(20px + var(--safe-bottom));box-shadow:0 -28px 80px rgba(53,55,61,.22)}.theme-mizly-native .sheet-close{position:sticky;top:0;margin-right:auto;width:36px;height:36px;border-radius:12px;border:0;background:#f3f4f6;color:#35373d;z-index:4}.theme-mizly-native .btn.primary{background:var(--app-primary);border-color:var(--app-primary);color:#fff}.theme-mizly-native .food-placeholder.big{height:190px;border-radius:22px;background:#f3f4f6;display:grid;place-items:center;font-size:42px}.theme-mizly-native .product-main-img{width:100%;height:220px;object-fit:cover;border-radius:22px}.theme-mizly-native .product-top h2{font-size:18px;color:#25272c}.theme-mizly-native .choice-card,.theme-mizly-native .choice-pill,.theme-mizly-native .slider-point{border-radius:16px}.theme-mizly-native .notice{position:fixed;top:16px;left:50%;transform:translate(-50%,-10px);z-index:300;width:min(480px,calc(100% - 32px));background:#25272c;color:#fff;border-radius:14px;padding:11px 13px;opacity:0;pointer-events:none;transition:.2s;text-align:center}.theme-mizly-native .notice.show{opacity:1;transform:translate(-50%,0)}.theme-mizly-native .notice.bad{background:#b42318}@media(max-width:410px){.app-main{padding-left:10px;padding-right:10px}.app-hero{grid-template-columns:112px 1fr;border-radius:20px}.app-hero-media{height:132px}.app-filter-row{grid-template-columns:minmax(122px,1fr) minmax(0,1.2fr) 36px;margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}.app-menu-card{grid-template-columns:70px 1fr}.app-item-image{width:70px;height:70px}.app-bottom-nav span{font-size:9.5px}}

/* v17 app template critical fixes */
.theme-mizly-native{--app-nav-h:74px}
.app-hero-cover-card{display:block;padding:0;overflow:hidden;border-radius:24px;background:#fff}.app-hero-cover{height:126px;background:#f0f2f4;overflow:hidden;display:grid;place-items:center}.app-hero-cover>img{width:100%;height:100%;object-fit:cover}.app-hero-cover .app-media-fallback{background:linear-gradient(135deg,#f3f4f6,#fff);height:100%}.app-hero-info{padding:12px 12px 13px}.app-title-row{display:flex;align-items:center;gap:10px;min-width:0}.app-hero-logo-inline{width:58px;height:58px;border-radius:18px;background:#fff;border:1px solid rgba(53,55,61,.1);box-shadow:0 12px 28px rgba(53,55,61,.11);display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.app-hero-logo-inline img,.app-hero-logo-inline svg{width:80%;height:80%;object-fit:contain}.app-title-copy{min-width:0}.app-title-copy .app-kicker{margin-bottom:3px}.app-title-copy h1{font-size:20px}.app-title-copy p{margin:3px 0 0}.app-hero-info .app-address{margin:10px 0 7px}.app-cats .cat-chip{display:inline-flex;align-items:center;gap:6px}.app-cats .cat-chip span:not(.cat-media){display:inline-block}.cat-media{width:22px;height:22px;border-radius:8px;background:#f3f4f6;display:inline-grid;place-items:center;overflow:hidden;flex:0 0 auto;font-size:15px;line-height:1}.cat-media img{width:100%;height:100%;object-fit:cover}.app-cats .cat-chip.active .cat-media{background:rgba(255,255,255,.18)}.app-section-title h2{display:flex;align-items:center;gap:7px}.app-section-title h2 .cat-media{width:26px;height:26px;border-radius:9px}
.app-panel{inset:0 0 calc(var(--app-nav-h) + var(--safe-bottom)) 0;z-index:70}.app-panel-card{inset:42px 0 0;max-height:calc(100dvh - 42px - var(--app-nav-h) - var(--safe-bottom));border-radius:26px 26px 0 0}.app-bottom-nav{z-index:90}.theme-mizly-native .sheet{z-index:70;top:0;bottom:calc(var(--app-nav-h) + var(--safe-bottom));height:auto;align-items:flex-end}.theme-mizly-native .sheet-card{height:calc(100dvh - 42px - var(--app-nav-h) - var(--safe-bottom));padding-bottom:18px;margin:0 auto;border-radius:26px 26px 0 0;transform:translateY(105%);transition:.32s cubic-bezier(.2,.8,.2,1)}.theme-mizly-native .sheet.show .sheet-card{transform:translateY(0)}.theme-mizly-native #cartSheet .sheet-card{display:flex;flex-direction:column}.theme-mizly-native #cartLines{flex:1;overflow:auto}.theme-mizly-native .note-actions,.theme-mizly-native .order-form{background:#fff;position:sticky;bottom:0;padding-top:10px}.theme-mizly-native #cartSheet .cart-card h2{font-size:16px;margin:0 0 12px;color:#25272c}.theme-mizly-native .empty-cart{border-radius:18px;background:#f8fafc;border:1px dashed #d0d5dd}.theme-mizly-native .cart-line{border:1px solid #edf0f2;border-radius:16px;margin-bottom:8px;padding:10px;background:#fff}.theme-mizly-native .cart-line:last-child{margin-bottom:0}
@media(max-width:520px){.app-filter-row{grid-template-columns:minmax(0,1fr) 40px;gap:8px}.app-search{grid-column:1/2;grid-row:1}.app-sort{grid-column:2;grid-row:1;width:40px;height:40px}.app-cats{grid-column:1/-1;grid-row:2;width:100%;padding-top:2px;min-height:42px}.app-cats .cat-chip{min-height:38px}.app-hero-cover{height:118px}.app-title-copy h1{font-size:18px}.app-hero-logo-inline{width:52px;height:52px;border-radius:16px}}

/* v18 app behavior and layout fixes */
.app-hero-cover-card{background:#fff;padding:0;display:block}
.app-hero-cover{display:none!important}
.app-hero-info{background-size:cover;background-position:center;border-radius:24px;padding:16px;min-height:154px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(53,55,61,.06)}
.app-title-row{position:relative;z-index:1}.app-hero-info .app-address,.app-hero-info .app-status-line{position:relative;z-index:1}
.app-cats{min-width:0;max-width:100%;overflow-x:auto!important;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch;touch-action:pan-x;cursor:grab;padding-bottom:3px}
.app-cats::-webkit-scrollbar{display:block;height:6px}.app-cats::-webkit-scrollbar-thumb{background:#d8dde3;border-radius:999px}.app-cats::-webkit-scrollbar-track{background:transparent}
.app-cats .cat-chip{flex:0 0 auto}
.app-menu-card{cursor:pointer}.app-menu-card.disabled{cursor:default}.app-menu-card:not(.disabled):hover{border-color:rgba(7,168,170,.28);box-shadow:0 12px 32px rgba(7,168,170,.08)}
.app-menu-card.inactive{opacity:.46}.app-menu-card.inactive .app-item-foot button:disabled{background:#eef0f3;color:#8a93a2}
.theme-mizly-native .app-sheet-back{position:sticky;top:0;margin-right:auto;width:auto;min-width:74px;height:36px;padding:0 12px;border-radius:12px;border:0;background:#f3f4f6;color:#35373d;font-size:12px;font-weight:900;z-index:4;float:none}
.theme-mizly-native #cartSheet .sheet-card{display:flex;flex-direction:column}.theme-mizly-native #cartSheet #cartLines{min-height:120px}.theme-mizly-native #cartSheetTitle{padding-top:2px}
.theme-mizly-native .product-sheet-hero{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:start;direction:rtl}
.theme-mizly-native .product-sheet-visual{grid-column:1;grid-row:1;width:150px;height:150px;justify-self:stretch}
.theme-mizly-native .product-sheet-copy{grid-column:2;grid-row:1;min-width:0}.theme-mizly-native .product-sheet-top{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.theme-mizly-native .sheet-base-price{justify-self:start}
.theme-mizly-native .product-sheet-visual img,.theme-mizly-native .product-sheet-visual .food-placeholder.big{width:100%;height:100%;border-radius:18px;object-fit:cover}
.theme-mizly-native .mod-slider .slider-picker{width:100%;overflow-x:auto;padding-inline:0}.theme-mizly-native .mod-slider .slider-rail{display:flex;align-items:flex-start;justify-content:space-between;width:100%;min-width:100%;gap:0}.theme-mizly-native .mod-slider .slider-rail:before{left:42px;right:42px;top:12px}.theme-mizly-native .mod-slider .slider-point{flex:1 1 0;min-width:86px;text-align:center}
.theme-mizly-native .choice-card.selected,.theme-mizly-native .choice-pill.selected{border-color:var(--app-primary)!important;background:rgba(7,168,170,.14)!important;box-shadow:0 0 0 3px rgba(7,168,170,.18), inset 0 0 0 1px var(--app-primary)!important;color:#113b3d}
.theme-mizly-native .choice-card.selected:after,.theme-mizly-native .choice-pill.selected:after{content:"✓";position:absolute;top:7px;left:7px;width:20px;height:20px;border-radius:50%;background:var(--app-primary);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900;box-shadow:0 4px 10px rgba(7,168,170,.28)}
.theme-mizly-native .slider-point.selected span{background:var(--app-primary);box-shadow:0 0 0 5px rgba(7,168,170,.18)}
@media(max-width:520px){.app-filter-row{grid-template-columns:minmax(0,1fr) 42px;gap:8px}.app-search{grid-column:1/2;grid-row:1}.app-sort{grid-column:2;grid-row:1}.app-cats{grid-column:1/-1;grid-row:2;width:100%;min-height:46px;padding:4px 0 6px}.app-cats .cat-chip{min-height:40px}.app-hero-info{min-height:146px}.theme-mizly-native .product-sheet-hero{grid-template-columns:118px minmax(0,1fr);gap:12px}.theme-mizly-native .product-sheet-visual{width:118px;height:118px}.theme-mizly-native .product-sheet-top h2{font-size:19px}.theme-mizly-native .mod-slider .slider-point{min-width:78px}}
@media(max-width:390px){.theme-mizly-native .product-sheet-hero{grid-template-columns:104px minmax(0,1fr)}.theme-mizly-native .product-sheet-visual{width:104px;height:104px}}

/* v19 app compact search + reliable category click/drag */
body.theme-mizly-native:not(.theme-mizly-vip) .app-compact-filter-row,
body.theme-mizly-native:not(.theme-mizly-vip) .app-filter-row.app-compact-filter-row{
  position:sticky;
  top:0;
  z-index:42;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  min-height:60px;
  margin-top:10px;
  overflow:hidden!important;
}
body.theme-mizly-native:not(.theme-mizly-vip) .app-compact-filter-row .app-search,
body.theme-mizly-native:not(.theme-mizly-vip) .app-compact-filter-row .app-sort,
body.theme-mizly-native:not(.theme-mizly-vip) .app-compact-filter-row #sortSelect,
body.theme-mizly-native:not(.theme-mizly-vip) #sortSelect{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.theme-mizly-native:not(.theme-mizly-vip) .app-search-toggle{
  grid-column:1;
  grid-row:1;
  width:44px;
  height:40px;
  border:1px solid rgba(53,55,61,.10);
  border-radius:14px;
  background:#fff;
  color:var(--app-primary);
  display:grid;
  place-items:center;
  font-size:20px;
  line-height:1;
  box-shadow:0 8px 22px rgba(53,55,61,.055);
  cursor:pointer;
  z-index:2;
}
body.theme-mizly-native:not(.theme-mizly-vip) .app-compact-filter-row .app-cats,
body.theme-mizly-native:not(.theme-mizly-vip) .app-compact-filter-row .cat-tabs{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  padding:3px 1px 7px!important;
  background:transparent!important;
  border:0!important;
  cursor:grab;
  touch-action:pan-x!important;
  user-select:none;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;
}
body.theme-mizly-native:not(.theme-mizly-vip) .app-compact-filter-row .app-cats.is-dragging,
body.theme-mizly-native:not(.theme-mizly-vip) .app-compact-filter-row .cat-tabs.is-dragging{
  cursor:grabbing!important;
  scroll-behavior:auto!important;
}
body.theme-mizly-native:not(.theme-mizly-vip) .app-compact-filter-row .cat-chip{
  flex:0 0 auto!important;
  min-height:40px!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
  touch-action:manipulation!important;
}
body.theme-mizly-native:not(.theme-mizly-vip) .app-compact-filter-row .cat-chip *{pointer-events:none!important}
body.theme-mizly-native:not(.theme-mizly-vip) .app-search-panel{
  position:absolute;
  inset:9px;
  z-index:8;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:8px;
  align-items:center;
  height:40px;
  opacity:0;
  visibility:hidden;
  transform:translateY(6px) scale(.985);
  pointer-events:none;
  transition:.18s ease;
}
body.theme-mizly-native:not(.theme-mizly-vip) .app-compact-filter-row.search-open .app-search-panel{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
body.theme-mizly-native:not(.theme-mizly-vip) .app-compact-filter-row.search-open .app-search-toggle,
body.theme-mizly-native:not(.theme-mizly-vip) .app-compact-filter-row.search-open .app-cats{
  opacity:0!important;
  pointer-events:none!important;
  filter:blur(3px);
}
body.theme-mizly-native:not(.theme-mizly-vip) .app-search-panel input{
  width:100%;
  height:40px;
  border:1px solid rgba(53,55,61,.12);
  outline:0;
  border-radius:14px;
  background:#fff;
  color:#25272c;
  padding:0 13px;
  box-shadow:0 8px 22px rgba(53,55,61,.07);
  direction:rtl;
}
body.theme-mizly-native:not(.theme-mizly-vip) .app-search-close{
  width:40px;
  height:40px;
  border:1px solid rgba(53,55,61,.10);
  border-radius:14px;
  background:#f3f4f6;
  color:#35373d;
  font-size:24px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
}
@media(max-width:520px){
  body.theme-mizly-native:not(.theme-mizly-vip) .app-compact-filter-row{grid-template-columns:42px minmax(0,1fr)!important;min-height:58px!important}
  body.theme-mizly-native:not(.theme-mizly-vip) .app-search-toggle{width:42px;height:40px}
}