/* VASLUNO Market V1.10 — stable and readable price filters.
   Loaded after V1.9 to override the old four-column layout without touching other pages. */
.market-search-panel #market-search {
  display:grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(135px,170px) minmax(135px,170px);
  grid-template-areas: "query query category country" "prices prices prices submit";
  align-items:stretch;
  gap:12px;
  min-width:0;
}
.market-search-panel #market-search > .searchbox { grid-area: query; min-width:0; }
.market-search-panel #market-search > select[name="category"] { grid-area:category; min-width:0; }
.market-search-panel #market-search > select[name="country"] { grid-area:country; min-width:0; }
.market-search-panel #market-search > .filter-button { grid-area:submit; min-height:47px; }
.market-search-panel #market-search > .market-price-range {
  grid-area:prices;
  display:grid;
  grid-template-columns: repeat(2,minmax(0,170px));
  gap:12px;
  min-width:0;
  align-items:end;
}
.market-search-panel #market-search .market-price-field {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:6px;
  min-width:0;
  white-space:normal;
  font-weight:600;
  font-size:12px;
  color:#b7bfda;
}
.market-search-panel #market-search .market-price-field input {
  display:block;
  width:100%;
  min-width:0;
  min-height:45px;
  box-sizing:border-box;
  border-radius:11px;
  padding:0 13px;
  font-size:13px;
  flex:none;
}
.market-search-panel #market-search .market-price-field input[aria-invalid="true"] {border-color:#dc868e;}
.market-search-panel .market-price-error:not([hidden]) {
  display:block;
  color:#ffb1b5;
  font-size:12px;
  line-height:1.5;
  padding:10px 12px;
  margin:12px 0 0;
  background:#812e392c;
  border:1px solid #d7697955;
  border-radius:10px;
}
@media (max-width:1000px) {
  .market-search-panel #market-search {
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:"query query" "category country" "prices prices" "submit submit";
    gap:10px;
  }
  .market-search-panel #market-search > .market-price-range {grid-template-columns:repeat(2,minmax(0,1fr));}
  .market-search-panel #market-search > .filter-button {grid-column:1/-1;}
}
@media (max-width:480px) {
  .market-search-panel #market-search {gap:8px;}
  .market-search-panel #market-search > .market-price-range {gap:8px;}
  .market-search-panel #market-search .market-price-field input {min-height:44px;padding:0 9px;}
  .market-search-panel .market-price-hint {font-size:11px;line-height:1.55;}
}