.f24-owner-modal-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  background:rgba(0,0,0,.55)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding:0!important;
  display:flex;
  align-items:stretch;
  justify-content:center;
}
.f24-owner-modal-panel{
  width:100%;
  max-width:56rem;
  min-height:100dvh;
  margin:0 auto;
  background:#fff;
  border-radius:0!important;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.f24-owner-modal-header{
  position:sticky;
  top:0;
  z-index:3;
  background:#fff;
}
.f24-market-mobile-nav{
  display:flex!important;
  height:calc(4rem + env(safe-area-inset-bottom,0px))!important;
  padding-bottom:env(safe-area-inset-bottom,0px)!important;
}
.f24-market-main{
  padding-bottom:calc(6rem + env(safe-area-inset-bottom,0px))!important;
}
.f24-market-detail-mobile-nav,
.f24-global-mobile-nav{
  display:flex!important;
}
@media (min-width:640px){
  .f24-owner-modal-overlay{
    padding:1rem!important;
    align-items:center;
  }
  .f24-owner-modal-panel{
    min-height:320px;
    height:auto;
    max-height:calc(100dvh - 2rem);
    border-radius:1.5rem!important;
  }
}
@media (min-width:1024px){
  .f24-owner-modal-overlay{
    padding:2rem!important;
  }
  .f24-owner-modal-panel{
    max-height:calc(100dvh - 4rem);
  }
  .f24-market-mobile-nav,
  .f24-market-detail-mobile-nav,
  .f24-global-mobile-nav{
    display:none!important;
  }
  .f24-market-main{
    padding-bottom:1.25rem!important;
  }
}

/* R24 owner/create/seller responsive hardening */
.f24-owner-modal-panel,
.f24-create-modal-panel,
.f24-owner-modal-panel *,
.f24-create-modal-panel *{
  box-sizing:border-box;
  min-width:0;
}

.f24-owner-edit-titlebar{
  align-items:flex-start!important;
  flex-wrap:wrap!important;
}

.f24-owner-edit-titlebar h3{
  flex:1 1 12rem;
  overflow-wrap:anywhere;
}

.f24-owner-edit-titlebar button{
  flex:0 1 auto;
  max-width:100%;
  white-space:normal;
  text-align:right;
}

.f24-owner-card-main{
  align-items:flex-start;
}

.f24-owner-card-actions{
  align-items:stretch;
}

.f24-owner-card-actions > button,
.f24-owner-card-actions > select{
  flex:1 1 9rem;
  max-width:100%;
}

.f24-owner-status{
  width:100%;
}

.f24-owner-media-grid,
.f24-create-media-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.f24-owner-options,
.f24-create-options{
  gap:.75rem!important;
}

.f24-owner-options > label,
.f24-create-options > label{
  flex:1 1 9rem;
  min-width:0;
}

.f24-owner-actions,
.f24-create-actions{
  position:sticky;
  bottom:0;
  z-index:4;
  background:#fff;
  flex-wrap:wrap!important;
  padding-bottom:calc(
    1rem + env(safe-area-inset-bottom,0px)
  )!important;
  border-top:1px solid rgb(226 232 240);
}

.f24-owner-actions > button,
.f24-create-actions > button{
  flex:1 1 8rem;
  min-width:0;
}

.f24-create-modal-overlay{
  padding:0!important;
  display:flex;
  align-items:stretch;
  justify-content:center;
}

.f24-create-modal-panel{
  width:100%;
  max-width:42rem;
  min-height:100dvh;
  margin:0 auto;
  border-radius:0!important;
  overflow-y:auto;
  overscroll-behavior:contain;
}

.f24-create-modal-header{
  position:sticky;
  top:0;
  z-index:4;
  background:#fff;
}

.f24-market-header-inner{
  height:auto!important;
  min-height:4rem;
  flex-wrap:wrap;
  padding-top:.5rem;
  padding-bottom:.5rem;
}

.f24-market-search{
  order:20;
  flex:1 0 100%;
  max-width:none!important;
  margin-left:0!important;
}

.f24-market-mobile-nav,
.f24-global-mobile-nav,
.f24-market-detail-mobile-nav{
  overflow-x:auto;
  overscroll-behavior-x:contain;
}

.f24-market-mobile-nav > *,
.f24-global-mobile-nav > *,
.f24-market-detail-mobile-nav > *{
  min-width:0;
}

.f24-seller-listings,
.f24-seller-listings button{
  max-width:100%;
  min-width:0;
}

@media (max-width:639px){
  .f24-owner-modal-header{
    padding:1rem!important;
  }

  .f24-owner-list-grid,
  .f24-owner-edit-grid,
  .f24-create-modal-body{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .f24-owner-card-main{
    gap:.75rem!important;
    padding:1rem!important;
  }

  .f24-owner-card-main > :first-child{
    width:4.5rem!important;
    height:4.5rem!important;
  }

  .f24-owner-card-actions{
    padding:0 1rem 1rem!important;
  }

  .f24-owner-media-grid,
  .f24-create-media-grid{
    grid-template-columns:
      repeat(3,minmax(0,1fr))!important;
  }

  .f24-owner-actions{
    margin-left:-1.25rem;
    margin-right:-1.25rem;
    padding-left:1rem!important;
    padding-right:1rem!important;
  }

  .f24-create-actions{
    padding-left:1rem!important;
    padding-right:1rem!important;
  }

  .f24-create-modal-body,
  .f24-create-modal-header{
    padding:1rem!important;
  }
}

@media (min-width:640px) and (max-width:1023px){
  .f24-owner-modal-overlay,
  .f24-create-modal-overlay{
    padding:1rem!important;
    align-items:center;
  }

  .f24-owner-modal-panel,
  .f24-create-modal-panel{
    min-height:0;
    height:auto;
    max-height:calc(100dvh - 2rem);
    border-radius:1.5rem!important;
  }

  .f24-owner-list-grid,
  .f24-owner-edit-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }

  .f24-market-header-inner{
    flex-wrap:wrap;
  }

  .f24-market-search{
    flex:1 0 100%;
  }
}

@media (min-width:1024px){
  .f24-owner-actions,
  .f24-create-actions{
    position:static;
  }

  .f24-owner-media-grid,
  .f24-create-media-grid{
    grid-template-columns:
      repeat(5,minmax(0,1fr))!important;
  }

  .f24-market-header-inner{
    height:4rem!important;
    flex-wrap:nowrap;
    padding-top:0;
    padding-bottom:0;
  }

  .f24-market-search{
    order:initial;
    flex:1 1 auto;
    max-width:42rem!important;
    margin-left:auto!important;
  }
}