.mobil-ara{display:none;margin-top:14px;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:0 12px;height:44px}
.mobil-ara i{color:var(--muted)}
.mobil-ara input{border:0;outline:0;width:100%;min-width:0;font-size:.95rem;background:transparent}
@media (max-width:1199.98px){.mobil-ara{display:flex}}

.kat-serit{border-bottom:1px solid var(--line-2);background:#fff}
.kat-kaydir{display:flex;gap:10px;overflow-x:auto;padding:14px 0;scrollbar-width:thin;scroll-snap-type:x proximity}
.kat-kaydir::-webkit-scrollbar{height:6px}
.kat-kaydir::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
.kchip{flex:none;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line-2);border-radius:999px;padding:5px 14px 5px 5px;font-size:.78rem;font-weight:600;color:var(--ink-2);background:#fff;white-space:nowrap;scroll-snap-align:start;transition:border-color .2s,background .2s,color .2s}
.kchip img{width:38px;height:38px;border-radius:50%;object-fit:contain;background:var(--bg-2);padding:4px;flex:none}
.kchip .hepsi{width:38px;height:38px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1rem;flex:none}
.kchip:hover{border-color:var(--accent);color:var(--ink)}
.kchip.is-on{background:var(--primary);border-color:var(--primary);color:#fff}
.kchip.is-on img{background:#fff}

.magaza{padding:32px 0 72px}
.magaza-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:32px;align-items:start}
@media (max-width:991.98px){.magaza{padding-top:20px}.magaza-grid{grid-template-columns:1fr}}

@media (min-width:992px){.filtre{position:sticky;top:84px}}
.filtre.offcanvas-lg .offcanvas-body{display:block;padding:0;overflow:visible}
.f-grup{border:1px solid var(--line-2);border-radius:var(--r-lg);padding:16px 18px;margin-bottom:12px;background:#fff}
.f-grup h4{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--muted);margin:0 0 10px}
.f-kat{list-style:none;padding:0;margin:0}
.f-kat li a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r);font-size:.84rem;color:var(--ink-2);font-weight:500}
.f-kat li a:hover{background:var(--bg-2);color:var(--ink)}
.f-kat li a.is-on{background:var(--accent-soft);color:var(--accent);font-weight:700}
.f-kat li a .n{font-size:.7rem;color:var(--muted);background:var(--bg-2);border-radius:3px;padding:1px 6px;flex:none}
.f-kat li a.is-on .n{background:#fff}
.f-check{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:.86rem;color:var(--ink-2);cursor:pointer;margin:0}
.f-check input{width:16px;height:16px;accent-color:var(--accent);margin:0;flex:none}
.f-check .n{margin-left:auto;font-size:.7rem;color:var(--muted)}
.f-fiyat{display:flex;align-items:center;gap:6px}
.f-fiyat input{width:100%;min-width:0;border:1px solid var(--line);border-radius:var(--r);padding:8px 10px;font-size:.84rem;color:var(--ink)}
.f-fiyat input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.f-fiyat span{color:var(--muted)}
.f-fiyat .btn-o.sm{padding:9px 12px;flex:none}
.w100{width:100%}
.f-yardim{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line-2);border-radius:var(--r-lg);padding:16px;background:var(--bg-2);margin-top:12px}
.f-yardim > i{font-size:1.2rem;color:var(--accent);margin-top:2px}
.f-yardim strong{display:block;font-size:.9rem}
.f-yardim small{display:block;color:var(--muted);font-size:.8rem;margin:2px 0 8px}
.filtre.offcanvas-lg{--bs-offcanvas-width:320px}
@media (max-width:991.98px){.filtre.offcanvas-lg .offcanvas-body{padding:16px;overflow-y:auto}}

.arac{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:0 0 16px;border-bottom:1px solid var(--line-2);margin-bottom:20px;scroll-margin-top:84px}
.arac .sonuc{font-weight:700;font-size:.9rem;white-space:nowrap}
.arac .sonuc small{font-weight:500;color:var(--muted)}
.etiketler{display:flex;gap:6px;flex-wrap:wrap}
.etiketler button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 10px;font-size:.74rem;font-weight:600;color:var(--ink-2);display:inline-flex;align-items:center;gap:6px;transition:border-color .2s}
.etiketler button:hover{border-color:var(--ink)}
.arac .sag{margin-left:auto;display:flex;align-items:center;gap:12px}
.arac label{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--muted);font-weight:600;margin:0;white-space:nowrap}
.arac select{border:1px solid var(--line);border-radius:var(--r);padding:8px 10px;font-size:.84rem;color:var(--ink);background:#fff;font-family:inherit}
.gorunum{display:flex;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.gorunum button{width:38px;height:38px;border:0;background:#fff;color:var(--muted);transition:background .2s,color .2s}
.gorunum button.is-on{background:var(--primary);color:#fff}
.filtre-ac{padding:9px 14px}
@media (max-width:575.98px){.arac .sag{margin-left:0;width:100%;justify-content:space-between}}
.f-alt{list-style:none;padding:2px 0 6px 14px;margin:0;border-left:2px solid var(--accent-soft);margin-left:8px}
.f-alt li a{font-size:.8rem;padding:4px 8px}
.etiketler a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 10px;font-size:.74rem;font-weight:600;color:var(--ink-2);display:inline-flex;align-items:center;gap:6px;transition:border-color .2s}
.etiketler a:hover{border-color:var(--ink);color:var(--ink-2)}
.js .f-uygula{display:none}
.liste.is-yukleniyor{opacity:.55;pointer-events:none;transition:opacity .15s}

.ugrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ugrid > .ucard{animation:kartGir .4s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 30ms)}
@media (hover:none){.u-aksiyon{opacity:1;transform:none}}
.ugrid.liste{grid-template-columns:1fr}
.ugrid.liste .ucard{flex-direction:row}
.ugrid.liste .u-media{width:220px;flex:none;aspect-ratio:1/1;border-bottom:0;border-right:1px solid var(--line-2)}
.ugrid.liste .u-body{padding:18px 22px}
.ugrid.liste .ucard h3{min-height:0;font-size:1.05rem}
.ugrid.liste .u-alt{justify-content:flex-start;gap:24px}
@media (max-width:1199.98px){.ugrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:991.98px){.ugrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767.98px){.ugrid{grid-template-columns:repeat(2,1fr);gap:10px}.u-media{padding:14px}.u-body{padding:12px}.ucard h3{font-size:.86rem}.u-alt{flex-direction:column;align-items:stretch}.u-alt .btn-a.sm{width:100%}.ugrid.liste .ucard{flex-direction:column}.ugrid.liste .u-media{width:100%;border-right:0;border-bottom:1px solid var(--line-2)}.ugrid.liste .u-alt{flex-direction:column;align-items:stretch;gap:10px}}
.bos{text-align:center;padding:60px 20px;border:1px dashed var(--line);border-radius:var(--r-lg);color:var(--muted)}
.bos i{font-size:2rem;color:var(--line);display:block;margin-bottom:10px}
.bos .btn-o{margin-top:14px}
.sayfalama{display:flex;justify-content:center;gap:6px;margin-top:28px;flex-wrap:wrap}
.sayfalama:empty{display:none}
.sayfalama button{min-width:40px;height:40px;border:1px solid var(--line);border-radius:var(--r);background:#fff;font-weight:700;font-size:.84rem;color:var(--ink-2);padding:0 10px;transition:border-color .2s}
.sayfalama button:hover{border-color:var(--ink)}
.sayfalama button.is-on{background:var(--primary);border-color:var(--primary);color:#fff}
.sayfalama button:disabled{opacity:.4;cursor:default;border-color:var(--line)}
.sayfalama a,.sayfalama span{min-width:40px;height:40px;border:1px solid var(--line);border-radius:var(--r);background:#fff;font-weight:700;font-size:.84rem;color:var(--ink-2);padding:0 10px;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s}
.sayfalama a:hover{border-color:var(--ink);color:var(--ink-2)}
.sayfalama a.is-on{background:var(--primary);border-color:var(--primary);color:#fff}
.sayfalama .pasif{opacity:.4;pointer-events:none}

.guven{border-top:1px solid var(--line-2);background:var(--bg-2);padding:26px 0}
.guven .container{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.guven div{display:flex;align-items:center;gap:12px}
.guven i{font-size:1.2rem;color:var(--accent);width:40px;height:40px;border-radius:var(--r);background:#fff;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;flex:none}
.guven strong{display:block;font-size:.88rem;line-height:1.2}
.guven small{color:var(--muted);font-size:.76rem}
@media (max-width:991.98px){.guven .container{grid-template-columns:1fr 1fr}}
@media (max-width:575.98px){.guven .container{grid-template-columns:1fr}}