@layer tokens,base,layout,components,utilities;@layer components{.catpage .kategori-listeleri>.pl-page{padding-block:0}.catpage .kategori-listeleri>.pl-page>.page-title:empty{display:none}.catpage .kategori-listeleri>.pl-page>.page-content:empty{display:none}.catpage form#urunsirala{margin-top:0}.catpage table.urunsirala{margin-top:0;margin-bottom:0}.catpage{display:grid;grid-template-columns:264px 1fr;gap:28px;align-items:start}.filters{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;position:sticky;top:72px}.filters-head{display:none;align-items:center;justify-content:space-between;margin-bottom:8px}.filters-close{display:none}.filter-group+.filter-group{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.filter-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:700;margin-bottom:12px}.filter-list{display:flex;flex-direction:column;gap:2px}.filter-list li{min-width:0}.filter-list a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--ink-2)!important}.filter-list a:after{content:"\203a";color:var(--muted-2);font-size:12px;flex:none}.filter-list a:hover{background:var(--bg-soft);color:var(--brand)!important}.filter-list .on>a,.filter-list a.active,.filter-list a.on{background:var(--brand-050);color:var(--brand-700)!important;font-weight:700}.check{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--text)}.check input{width:18px;height:18px;accent-color:var(--brand);flex:none}.filter-subtitle{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:700;margin:16px 0 8px}.filter-item,.filter-item a{color:var(--text)}.filter-item a:hover{color:var(--brand)}input.filterCheck{appearance:none;-webkit-appearance:none;width:18px;height:18px;flex:none;border:1.6px solid var(--line-2);border-radius:5px;background:#fff;vertical-align:middle;margin:0 9px 0 0;cursor:pointer;transition:all var(--t)}input.filterCheck:checked{background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat;border-color:var(--brand)}label.filterCheck{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:calc(100% - 38px);vertical-align:middle;padding:6px 0;font-size:14px;font-weight:600;color:var(--ink-2)!important;cursor:pointer;text-transform:none!important}label.filterCheck:hover{color:var(--brand)}input.filterCheck:checked+label{color:var(--brand-700)}.filter-clear{margin:1px 0}.fcount{flex:none;font-size:10.5px;font-weight:600;color:var(--muted-2);background:var(--bg-soft);border-radius:999px;padding:1px 8px}.card--mini .card-name{font-size:var(--fs-sm);min-height:2.4em}.card--mini .card-body{padding:10px;gap:6px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.toolbar h1{font-size:var(--fs-xl)}.toolbar h1 span{color:var(--muted);font-weight:500;font-size:var(--fs-base)}.sort{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 8px 0 16px;border:1.5px solid var(--line-2);border-radius:var(--r-pill);background:#fff;font-weight:600;color:var(--text)}.sort select{border:0;background:none;font-weight:600;color:var(--text);cursor:pointer;padding-right:4px}.sort .ico{width:16px;height:16px;color:var(--muted)}.catpage select,.kategori-listeleri select,.cat-listing select{height:42px;padding:0 12px;border:1.5px solid var(--line-2);border-radius:var(--r-sm);background:#fff;font-weight:600;color:var(--text);cursor:pointer}.catpage select:focus,.kategori-listeleri select:focus{outline:none;border-color:var(--brand)}.kategori-listeleri>div:empty,.cat-listing>div:empty{display:none}.filter-bar{display:none}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--brand-050);color:var(--brand);border-radius:var(--r-pill);padding:5px 12px;font-size:var(--fs-sm);font-weight:600}.chip button{color:var(--brand);display:grid;place-items:center;line-height:1;font-size:15px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:32px;flex-wrap:wrap}.pagination a,.pagination span{min-width:40px;height:40px;padding:0 8px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:var(--r-sm);font-weight:600;color:var(--text);background:#fff}.pagination a:hover{border-color:var(--brand);color:var(--brand)}.pagination .on{background:var(--cta);border-color:var(--cta);color:#fff}.pagination .nav-btn{color:var(--muted)}@media(max-width:991px){.catpage{grid-template-columns:1fr}.filter-bar{display:flex;gap:10px;margin-bottom:16px}.filter-bar button{flex:1;height:46px;border:1.5px solid var(--line-2);border-radius:var(--r-sm);font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff}.filter-bar .ico{width:18px;height:18px}.filters{position:fixed;inset:0 auto 0 0;z-index:1300;width:300px;max-width:85vw;border:0;border-radius:0;transform:translate(-100%);transition:transform .25s ease;overflow-y:auto;background:#fff}.filters.open{transform:none}.filters-head{display:flex}.filters-close{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r-pill);background:var(--bg-soft)}.filter-backdrop{position:fixed;inset:0;background:#00000073;opacity:0;visibility:hidden;transition:.2s;z-index:1250}.filter-backdrop.open{opacity:1;visibility:visible}}}@layer components{.cat-title{font-size:var(--fs-xl)}.cat-listing{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cat-listing>*:not(.card){grid-column:1 / -1}body.pl-arama .cat-listing{grid-template-columns:repeat(5,1fr);gap:14px}@media(max-width:1100px){body.pl-arama .cat-listing{grid-template-columns:repeat(4,1fr)}}@media(max-width:767px){body.pl-arama .cat-listing{grid-template-columns:repeat(2,1fr);gap:10px}}.kategori-listeleri h1,.kategori-listeleri>h2,.cat-listing h1,.cat-listing>h2,.kategori-listeleri .anasBaslik,.cat-listing .anasBaslik{font-size:var(--fs-xl);font-weight:800;color:var(--ink);margin:0 0 12px;line-height:1.25}.kategori-listeleri .anasBaslik h1,.kategori-listeleri .anasBaslik h2{font-size:inherit;margin:0}.kategori-listeleri .pl-page>.page-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kategori-listeleri .pl-page{padding-top:0}.kategori-listeleri>br,.cat-listing>br{display:none}.kategori-listeleri>div:empty,.cat-listing>div:empty{display:none;margin:0}.kategori-listeleri .temizle,.cat-listing .temizle{clear:both;height:0;margin:0}@media(max-width:1100px){.cat-listing{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.cat-listing{grid-template-columns:repeat(2,1fr)}}}
