/* Ürün listesi üst araç çubuğu — premium (var token'lar → dark-mode otomatik) */
.pl-toolbar {
    display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .75rem;
    padding: .7rem .95rem; margin-bottom: 1.25rem;
    background: var(--surface); border: 1px solid var(--border); border-radius: 14px;
    box-shadow: 0 8px 24px -18px rgba(0, 0, 0, .35);
}
.pl-count { font: 500 .92rem/1 "Montserrat", sans-serif; color: var(--muted); letter-spacing: .01em; }
.pl-count strong { color: var(--text); font-weight: 700; font-variant-numeric: tabular-nums; }

.pl-controls { display: flex; gap: .5rem; flex-wrap: wrap; }
.pl-select { position: relative; display: inline-flex; align-items: center; }
.pl-field {
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    border: 1px solid var(--border); background: var(--surface); color: var(--text);
    font: 500 .86rem/1 "Montserrat", sans-serif; border-radius: 999px;
    padding: .55rem 2.35rem .55rem 2.2rem; cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease;
}
.pl-field:hover { border-color: color-mix(in srgb, var(--accent) 55%, var(--border)); }
.pl-field:focus-visible { outline: none; border-color: var(--accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); }
.pl-select__icon { position: absolute; left: .92rem; color: var(--muted); font-size: .95rem; pointer-events: none; }
.pl-select__caret { position: absolute; right: .92rem; color: var(--muted); font-size: .72rem; pointer-events: none;
    transition: transform .18s ease; }

@media (max-width: 575.98px) {
    .pl-toolbar { justify-content: center; }
    .pl-controls { width: 100%; justify-content: center; }
}

/* Mobil: iOS Safari odak-zoom'unu engelle (font-size >= 16px) + dokunma hedefi >= 44px */
@media (max-width: 767.98px) {
    .pl-field { font-size: 16px; min-height: 44px; }
    .pl-page .form-control-sm,
    .pl-page .form-select-sm { font-size: 16px; min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
    .pl-field, .pl-select__caret { transition: none; }
}