#ulkeSiralaSec[hidden] { display: none !important; }
.themed-sort { position: relative; min-width: 155px; font-size: .82rem; color: var(--text-main); }
.themed-sort summary { display: flex; align-items: center; justify-content: space-between; gap: .75rem; cursor: pointer; list-style: none; border: 1px solid var(--border-color); border-radius: 999px; padding: .55rem .85rem; background: var(--bg-card); color: var(--text-main); }
.themed-sort summary::-webkit-details-marker { display: none; }
.themed-sort summary:focus-visible { outline: 2px solid var(--primary-color); outline-offset: 2px; }
.themed-sort[open] summary { border-color: var(--primary-color); }
.themed-sort-options { position: absolute; z-index: 100; inset-inline-end: 0; top: calc(100% + 8px); width: max-content; min-width: 100%; max-width: calc(100vw - 2rem); padding: .4rem; border: 1px solid var(--border-color); border-radius: 16px; background: var(--bg-card); box-shadow: 0 14px 35px rgba(0,0,0,.24); }
.themed-sort-options button { display: block; width: 100%; padding: .65rem .85rem; border: 0; border-radius: 10px; text-align: start; background: transparent; color: var(--text-main); font: inherit; cursor: pointer; }
.themed-sort-options button:hover, .themed-sort-options button:focus-visible, .themed-sort-options button[aria-pressed="true"] { background: color-mix(in srgb, var(--primary-color) 14%, var(--bg-card)); color: var(--primary-color); }
.themed-sort-options button[aria-pressed="true"] { font-weight: 700; }