#urunler .catalog-input-shell{border:1px solid #ffffff26;border-radius:18px;background:linear-gradient(120deg,#00ccff08,transparent 55%),#13151c;box-shadow:0 8px 24px #0002;transition:border-color .2s,box-shadow .2s}#urunler .catalog-input-shell:focus-within{border-color:#0cf9;box-shadow:0 0 0 3px #00ccff12,0 8px 24px #0002}#urunler .catalog-input-shell>.material-symbols-outlined{left:auto;inset-inline-start:18px;font-size:22px;color:#0cf}html[dir=rtl] #urunler .catalog-input-shell>.material-symbols-outlined{left:auto;right:18px}#urunler input.catalog-search{min-height:60px;padding-block:16px;padding-inline:54px 56px;border:0;background:transparent;border-radius:18px;font-size:16px;box-shadow:none;outline:none}#urunler .catalog-search::-moz-placeholder{color:#9498a8;opacity:1}#urunler .catalog-search::placeholder{color:#9498a8;opacity:1}#urunler .catalog-search::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}#urunler .catalog-search-clear{right:auto;inset-inline-end:8px;width:40px;height:40px;border-radius:12px;color:#a5adbd}#urunler .catalog-search-clear:hover{color:#0cf;background:#00ccff12}.catalog-category-toggle{display:none}@media(max-width:767px){#urunler .catalog-category-picker{margin-bottom:20px}#urunler .catalog-category-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:60px;padding:14px 16px;border:1px solid #ffffff26;border-radius:18px;background:#13151c;color:#fff;text-align:start;cursor:pointer;transition:border-color .2s,background .2s}#urunler .catalog-category-toggle>.material-symbols-outlined:first-child{font-size:21px;color:#0cf}#catalog-category-value{flex:1;min-width:0;font-size:14px;font-weight:600;line-height:1.5}.catalog-category-total{display:grid;place-items:center;min-width:30px;height:28px;padding-inline:6px;border:1px solid #ffffff14;border-radius:8px;background:#ffffff08;color:#aab3c3;font-size:11px;font-variant-numeric:tabular-nums}.catalog-category-chevron{font-size:20px;color:#9ba4b4;transition:transform .2s}#urunler .catalog-category-toggle[aria-expanded=true]{border-color:#00ccff70;background:#00ccff0a}.catalog-category-toggle[aria-expanded=true] .catalog-category-chevron{transform:rotate(180deg);color:#0cf}#urunler #category-filters{display:flex;flex-direction:column;gap:4px;max-height:340px;max-height:min(340px,55svh);overflow-y:auto;overscroll-behavior:contain;margin:8px 0 0;padding:6px;background:#11131b;border:1px solid #ffffff24;border-radius:18px;box-shadow:0 12px 32px #0003;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent}#urunler #category-filters .filter-button{width:100%;min-height:50px;gap:12px;padding:12px;text-align:start;justify-content:space-between;border:1px solid transparent;border-radius:12px;background:transparent;box-shadow:none;text-transform:none;letter-spacing:normal;color:#c5cad5;font-size:13px;line-height:1.5;white-space:normal}#urunler #category-filters .filter-button>span:first-child{flex:1}#urunler #category-filters .filter-button:hover{background:#ffffff08;color:#fff}#urunler #category-filters .filter-button.active{background:#00ccff12;border-color:#00ccff35;color:#70e5ff}#urunler #category-filters .filter-button.active:after{content:"✓";color:#0cf;font-size:16px}#urunler #category-filters .filter-count{flex-shrink:0;min-width:28px;border-radius:8px;font-size:11px}#urunler .catalog-category-toggle:focus-visible,#urunler #category-filters .filter-button:focus-visible{outline:2px solid #00ccff;outline-offset:2px}}@media(prefers-reduced-motion:reduce){#urunler .catalog-input-shell,#urunler .catalog-category-toggle,.catalog-category-chevron{transition:none}}