.y-ft-perde { position: fixed; inset: 0; background: rgba(17,24,39,.45); z-index: 92; opacity: 0; pointer-events: none; transition: opacity .2s; }
.y-ft-panel { overflow-x: hidden; position: fixed; top: 0; right: 0; bottom: 0; width: min(82vw, 380px); background: #fff; z-index: 93; transform: translateX(100%); transition: transform .25s ease; display: flex; flex-direction: column; box-shadow: -8px 0 24px rgba(0,0,0,.12); }
body.ft-acik { overflow: hidden; } body.ft-acik .y-ft-perde { opacity: 1; pointer-events: auto; } body.ft-acik .y-ft-panel { transform: none; }
.y-ft-ust { display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; border-bottom: 1px solid #e5e7eb; }
.y-ft-ust b { font-size: 20px; font-weight: 700; color: #111827; }
.y-ft-ust .kapat { border: 0; background: #f3f4f6; width: 38px; height: 38px; border-radius: 50%; font-size: 17px; color: #111; cursor: pointer; }
.y-ft-govde { flex: 1; overflow-y: auto; padding: 6px 20px 20px; }
.y-ft-govde h4 { font-size: 12.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #4A4D55; margin: 22px 0 10px; }
.y-fs { display: flex; align-items: center; gap: 12px; padding: 7px 0; cursor: pointer; font-size: 15.5px; color: #111827; }
.y-fs input { width: 20px; height: 20px; margin: 0; accent-color: #E8430A; flex: 0 0 auto; }
.y-fs span { flex: 1; min-width: 0; }
.y-fs em { font-style: normal; font-size: 12.5px; color: #4A4D55; background: #f3f4f6; border-radius: 6px; padding: 2px 8px; }
.y-ft-deger { font-size: 15px; font-weight: 600; color: #E8430A; margin-bottom: 6px; }
.y-ft-oran { width: 100%; accent-color: #E8430A; }
.y-ft-olcek { display: flex; justify-content: space-between; font-size: 12px; color: #4A4D55; margin-top: 2px; }
.y-ft-fiyat { display: flex; align-items: center; gap: 10px; }
.y-ft-fiyat label { flex: 1 1 0; min-width: 0; display: flex; align-items: center; gap: 4px; border: 1px solid #d1d5db; border-radius: 10px; padding: 0 10px; }
.y-ft-fiyat label span { color: #4A4D55; }
.y-ft-fiyat input { flex: 1; min-width: 0; width: 100%; border: 0; outline: none; padding: 10px 0; font: inherit; font-size: 15px; background: transparent; }
.y-ft-fiyat i { font-style: normal; color: #4A4D55; font-size: 14px; }
.y-ft-alt { display: flex; gap: 12px; padding: 14px 20px calc(14px + env(safe-area-inset-bottom)); border-top: 1px solid #e5e7eb; }
.y-ft-alt button { flex: 1; border: 0; border-radius: 12px; padding: 13px; font: inherit; font-weight: 600; font-size: 15.5px; cursor: pointer; }
.y-ft-alt .temizle { background: #f3f4f6; color: #374151; } .y-ft-alt .uygula { background: #E8430A; color: #fff; }
.y-sonsuz { text-align: center; color: #4A4D55; font-size: 14px; padding: 18px 0 8px; }
.gp-kat-cip { display: inline-flex; align-items: center; gap: 8px; margin: 10px 0 0; padding: 8px 14px; border: 0; border-radius: 999px; background: #111316; color: #fff; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.gp-kat-cip span { font-size: 13px; opacity: .8; }
.y-sonsuz.tus { display: block; width: fit-content; margin: 16px auto 4px; padding: 12px 22px; border-radius: 14px; background: #111316; color: #fff; font-weight: 700; cursor: pointer; }
.gp-ft { display: flex; align-items: center; gap: 10px; padding: 12px 0 2px; }
.gp-ft-say[hidden] { display: none; } .gp-ft-sirala { margin-right: auto; } .gp-ft-say { flex: 1; min-width: 0; font-size: 15px; color: #4A4D55; } .gp-ft-say b { color: #111316; }
.gp-ft-sirala { appearance: none; -webkit-appearance: none; font: 500 14px Inter, system-ui, sans-serif; color: #111316; background: #fff; border: 1.5px solid #D6D2C8; border-radius: 12px; padding: 0 14px; height: 44px; max-width: 52vw; }
.gp-ft-tus { position: relative; flex: none; width: 44px; height: 44px; display: grid; place-items: center; border: 0; border-radius: 12px; background: #111316; color: #fff; cursor: pointer; }
.gp-ft-tus.on { background: #C2410C; } .gp-ft-tus b { position: absolute; top: -6px; right: -6px; background: #FCD53B; color: #111316; font-size: 11px; min-width: 18px; height: 18px; border-radius: 9px; display: grid; place-items: center; }
.gp-ft-tus b[hidden] { display: none; }
/* 13 Kas ux: NDC gibi panel soldan acilir, ustte menu linkleri */
.y-ft-panel.sol{left:0;right:auto;transform:translateX(-100%);box-shadow:8px 0 24px rgba(0,0,0,.15)}
body.ft-acik .y-ft-panel.sol{transform:none}
.y-ft-menu{display:flex;flex-direction:column;border-bottom:1px solid #E5E7EB;margin:0 0 6px;padding-bottom:6px}
.y-ft-menu a{padding:12px 0;font:700 17px Inter,system-ui,sans-serif;color:#111827;text-decoration:none}
/* kullanici 2026-11-13: sol menude "👀 İncelediklerin" */
.y-ft-inc{border-bottom:1px solid #E5E7EB;margin:0 0 6px;padding:2px 0 8px}
.y-ft-inc summary{cursor:pointer;padding:10px 0;font:700 17px Inter,system-ui,sans-serif;color:#111827;list-style:none}
.y-ft-inc summary::-webkit-details-marker{display:none}
.y-ft-inc summary b{font-size:13px;color:#6B7280;font-weight:600;margin-left:4px}
.y-ft-inc-l{display:grid;gap:8px}
.y-ft-inc-l a{display:flex;gap:10px;align-items:center;text-decoration:none;color:#111827}
.y-ft-inc-l img,.y-ft-inc-l a>span:first-child{width:48px;height:48px;flex:none;object-fit:contain;background:#fff;border:1px solid #E5E7EB;border-radius:8px}
.y-ft-inc-l b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:600 13px/1.3 Inter,system-ui,sans-serif}
.y-ft-inc-l i{font-style:normal;font:700 13px Inter,system-ui,sans-serif;color:#C2410C}