/* IDEAS Web v7.4 - Mobile Catalog UX */
.mobile-catalog-tools,.catalog-load-more-wrap,.mobile-filter-backdrop,.mobile-filter-sheet-head,.mobile-apply-filters{display:none}
.filter-panel-top{display:flex;justify-content:space-between;align-items:center}
.catalog-load-more-wrap{align-items:center;justify-content:center;flex-direction:column;gap:8px;margin:26px 0 4px}.catalog-load-more{min-width:220px;min-height:48px;border:1px solid #111316;border-radius:10px;background:#111316;color:#fff;font-weight:600;padding:0 20px;cursor:pointer}.catalog-load-more-wrap span{font-size:12px;color:var(--muted)}
@media(max-width:900px){
  body.filters-open{overflow:hidden}
  .shop-toolbar{display:none!important}
  .mobile-catalog-tools{display:block;position:sticky;top:72px;z-index:35;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);padding:14px 0 12px;border-bottom:1px solid var(--line);margin-bottom:16px}
  .mobile-catalog-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.mobile-catalog-topline strong{font-size:18px}.mobile-catalog-topline span{font-size:13px;color:var(--muted)}
  .mobile-search-wrap{position:relative}.mobile-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:#707780}.mobile-shop-search{width:100%;height:52px;border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:0 14px 0 42px;font:inherit;color:inherit;outline:none}.mobile-shop-search:focus{border-color:#9aa0a8;box-shadow:0 0 0 3px rgba(17,19,22,.05)}
  .mobile-category-chips{display:flex;gap:8px;overflow-x:auto;padding:11px 1px 4px;scrollbar-width:none}.mobile-category-chips::-webkit-scrollbar{display:none}.mobile-category-chip{white-space:nowrap;border:1px solid var(--line);background:#fff;color:#17191c;border-radius:999px;min-height:38px;padding:0 14px;font-size:13px;font-weight:500}.mobile-category-chip.active{background:#111316;color:#fff;border-color:#111316}
  .mobile-actions-row{display:flex;gap:8px;margin-top:10px}.mobile-filter-btn,.mobile-reset-btn{height:42px;border-radius:10px;border:1px solid var(--line);background:#fff;color:#111316;font-weight:600;padding:0 15px}.mobile-filter-btn{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.mobile-filter-btn b{min-width:22px;height:22px;border-radius:50%;background:var(--red);color:#fff;display:inline-grid;place-items:center;font-size:11px}.mobile-reset-btn{padding:0 13px;color:#737a84}
  .mobile-filter-backdrop{display:block;position:fixed;inset:0;background:rgba(6,8,10,.46);z-index:149;opacity:0;visibility:hidden;transition:.22s}.mobile-filter-backdrop.open{opacity:1;visibility:visible}
  .filters-panel{display:block!important;position:fixed!important;left:0;right:0;bottom:0;top:auto!important;z-index:150;border-radius:20px 20px 0 0!important;max-height:min(78vh,680px);overflow:auto;padding:18px 18px 22px!important;transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:0 -24px 70px rgba(0,0,0,.16)}.filters-panel.open{transform:translateY(0)}
  .mobile-filter-sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:4px}.mobile-filter-sheet-head small{display:block;color:var(--red);letter-spacing:.11em;font-weight:700;font-size:10px}.mobile-filter-sheet-head h3{margin:2px 0 0;font-size:24px}.mobile-filter-close{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:25px;line-height:1}.filter-panel-top{display:none}.mobile-apply-filters{display:block;width:100%;height:48px;border:0;border-radius:10px;background:var(--red);color:#fff;font-weight:700;margin-top:16px}
  .filter-group{padding:14px 0}.filter-group h4{font-size:15px}.check{font-size:14px;padding:7px 0}
  .catalog-load-more-wrap:not([hidden]){display:flex}
}
@media(max-width:640px){
  .mobile-catalog-tools{top:72px;margin-left:-1px;margin-right:-1px}
  .shop-grid{gap:16px}
  .shop-grid .p-card{border-radius:12px}
  .shop-grid .p-media{height:360px}
  .shop-grid .p-body{padding:16px 14px 18px}
  .catalog-load-more{width:100%;min-height:52px}
}
