/** Shopify CDN: Minification failed

Line 72:0 Unexpected "}"

**/
/* ===================================================
   Webkul Marketplace overrides
   Seller listing / seller profile
   =================================================== */

/* =========================================
   TOOLBAR — make Sort + Search perfectly aligned
   ========================================= */

.mp_sp_page .filter-block > .row {
  display: flex !important;
  align-items: center !important;          /* SAME BASELINE */
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: nowrap !important;
}

/* Columns become flex items */
.mp_sp_page .filter-block > .row > [class*="col-"] {
  float: none !important;
  width: auto !important;
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
}

/* Middle (tags) can shrink */
.mp_sp_page .filter-block > .row > .col-md-5,
.mp_sp_page .filter-block > .row > .col-lg-5,
.mp_sp_page .filter-block > .row > .col-sm-5 {
  flex: 1 1 auto !important;
  min-width: 160px !important;
}

/* Sort label + select alignment */
.mp_sp_page .filters-row__select {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.mp_sp_page .sort_label {
  margin: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* Match sort select height to search */
.mp_sp_page #wk_seller_app_filter {
  height: 44px !important;
  line-height: 44px !important;
  padding: 0 14px !important;
}

/* Mobile stacking */
@media (max-width: 749px) {
  .mp_sp_page .filter-block > .row {
    flex-wrap: wrap !important;
    align-items: stretch !important;
  }

  .mp_sp_page .filter-block > .row > [class*="col-"] {
    flex: 1 1 100% !important;
  }
}

}

/* Let the tags column flex/shrink in the middle */
.mp_sp_page .filter-block > .row > .col-md-5,
.mp_sp_page .filter-block > .row > .col-lg-5,
.mp_sp_page .filter-block > .row > .col-sm-5 {
  flex: 1 1 auto !important;
  min-width: 160px !important;
}

/* Mobile: stack */
@media (max-width: 749px) {
  .mp_sp_page .filter-block > .row {
    flex-wrap: wrap !important;
  }
  .mp_sp_page .filter-block > .row > [class*="col-"] {
    flex: 1 1 100% !important;
  }
}

/* =========================================
   Search bar fixes
   - remove Webkul float/100% behavior
   - fix "Search" clipping to "earch"
   ========================================= */

.mp_sp_page form.mp-search-bar {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Keep input + button aligned to the right within its column */
.mp_sp_page form.mp-search-bar .InputAddOn {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;

  /* IMPORTANT: prevents left side clipping from parent/overflow rules */
  padding-left: 2px !important;
}

/* Input field sizing + prevent left text cut */
.mp_sp_page form.mp-search-bar .InputAddOn-field {
  height: 44px !important;
  line-height: 44px !important;
  box-sizing: border-box !important;

  /* Fix "earch" issue */
  padding-left: 16px !important;
  text-indent: 0 !important;
}

/* Button sizing + prevent truncation */
.mp_sp_page form.mp-search-bar .InputAddOn-item {
  height: 44px !important;
  line-height: 44px !important;
  white-space: nowrap !important;
}

/* Stable product image box (prevents jumping) */
main[data-template="page.mp_seller_profile"] .mp-product-image-block{
  aspect-ratio: 1 / 1;         /* square */
  width: 100%;
  overflow: hidden;
  border-radius: 16px;
}

/* Make image cover the box */
main[data-template="page.mp_seller_profile"] img.mp-product-image{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

#header-group,
#MainContent,
footer {
  max-width: 100%;
  overflow-x: hidden !important;
}

/* Prevent sideways panning gestures */
body {
  touch-action: pan-y;
}

/* Helps on some browsers */
html {
  overscroll-behavior-x: none;
}