/* 3D Malzemem v244 — müşteri ürün sıralama çubuğu */
.product-sort-bar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin:0 0 14px;
  min-width:0;
}
.product-sort-control{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:260px;
  max-width:340px;
  padding:8px 10px 8px 12px;
  background:#fff;
  border:1px solid #e2e5e9;
  border-radius:11px;
  box-sizing:border-box;
}
.product-sort-control label{
  flex:0 0 auto;
  color:#626a75;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
}
.product-sort-control select{
  min-width:0;
  flex:1 1 auto;
  height:36px;
  border:0;
  outline:0;
  background:transparent;
  color:#171a1f;
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.product-sort-control select:focus-visible{
  outline:2px solid #ffc400;
  outline-offset:2px;
  border-radius:6px;
}
.search-page .product-sort-bar{
  margin:14px 0 16px;
}
@media(max-width:900px){
  .product-sort-bar{justify-content:stretch;margin-bottom:12px}
  .product-sort-control{width:100%;max-width:none;min-width:0}
}
@media(max-width:600px){
  .product-sort-control{padding:7px 9px 7px 11px;border-radius:10px}
  .product-sort-control label{font-size:11px}
  .product-sort-control select{font-size:12px;height:35px}
}
/* Uygulama görünümü: ürünlerin hemen üstünde, tam genişlik */
html.app-mode .product-sort-bar{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 10px!important;
  padding:0!important;
  display:flex!important;
}
html.app-mode .product-sort-control{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:48px!important;
  background:var(--app-card-bg,#fff)!important;
  border:1px solid #e5e8ec!important;
  border-radius:var(--app-radius,16px)!important;
  padding:6px 10px 6px 12px!important;
}
html.app-mode .product-sort-control label{
  color:#626a75!important;
  font-size:11px!important;
}
html.app-mode .product-sort-control select{
  height:40px!important;
  min-height:40px!important;
  color:var(--app-text,#111)!important;
  font-size:13px!important;
  background:transparent!important;
}
html.app-mode body.app-all-products-page .product-sort-bar{
  display:flex!important;
}