/* ISTANBUL TOPTAN - MOBILE FILTER FINAL
   Desktop untouched. Mobile drawer override only. */

@media (max-width: 900px) {

  body.filter-drawer-open {
    overflow: hidden !important;
    touch-action: none;
  }

  body.filter-drawer-open::after {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    background: rgba(10,20,38,.58) !important;
    backdrop-filter: blur(2px);
  }

  .category-filter-page [data-filter-panel],
  .products-page [data-filter-panel],
  .itf-global-page [data-filter-panel],
  [data-global-filter-scope] [data-filter-panel],
  .category-filter-page .smart-filter-panel {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: 0 !important;

    width: min(92vw, 390px) !important;
    height: 100dvh !important;
    max-height: 100dvh !important;

    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 24px 24px 0 !important;

    background: #fff !important;
    z-index: 2147483001 !important;

    transform: translate3d(-105%,0,0) !important;
    transition: transform .25s ease !important;

    overflow: hidden !important;
    visibility: visible !important;
  }

  .category-filter-page [data-filter-panel].is-open,
  .products-page [data-filter-panel].is-open,
  .itf-global-page [data-filter-panel].is-open,
  [data-global-filter-scope] [data-filter-panel].is-open,
  body.filter-drawer-open [data-filter-panel] {
    transform: translate3d(0,0,0) !important;
  }

  [data-filter-panel] .filter-card-head {
    position: relative !important;
    z-index: 5 !important;
    margin: 0 !important;
    padding: 18px 62px 16px 18px !important;
    border-radius: 0 !important;
  }

  [data-filter-panel] [data-filter-close],
  [data-filter-panel] .filter-drawer-close {
    display: flex !important;
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 40px !important;
    height: 40px !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 20 !important;
    border: 0 !important;
    border-radius: 12px !important;
    cursor: pointer !important;
  }

  [data-filter-panel] [data-global-filter-form],
  [data-filter-panel] form {
    height: calc(100dvh - 74px) !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 100px !important;
  }

  [data-filter-panel] .filter-sticky-actions {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 15 !important;
    background: #fff !important;
    padding: 12px !important;
    box-shadow: 0 -10px 25px rgba(15,23,42,.10) !important;
  }

  [data-filter-open],
  .filter-mobile-trigger,
  .filter-drawer-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}