/* DÜZELTİLDİ: create.css'in DOĞRU (Flutter blogInk ile aynı) paleti
   buraya yayıldı — eski --k:#18160F/--k3:#9A948C, amber vurgu ve
   Inter font eksikliği düzeltildi. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--a:#0F172A;--aL:#0F172A;--aD:#0F172A;--bg:#FAFAFA;--w:#fff;--k:#0F172A;--k2:#475569;--k3:#94A3B8;--sh:0 1px 2px rgba(0,0,0,.06),0 3px 10px rgba(0,0,0,.04);--brd:#EDEDEE;--red:#EF4444;--blue:#2563EB}
*{box-sizing:border-box}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}

.sn{position:sticky;top:0;z-index:999;background:var(--w);border-bottom:1px solid #EDE9E2}
.sni{max-width:720px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:10px}
.sback{width:34px;height:34px;border-radius:50%;background:#F4F1EC;display:flex;align-items:center;justify-content:center;color:var(--k);flex-shrink:0;text-decoration:none}
.sback svg{width:18px;height:18px}
.ssrch{flex:1;position:relative;display:flex;align-items:center}
.ssrch svg{position:absolute;left:12px;width:16px;height:16px;color:var(--k3)}
.ssrch input{width:100%;height:38px;padding:0 36px 0 36px;background:#F4F1EC;border:none;border-radius:19px;font-size:14px;color:var(--k);outline:none;font-family:inherit}
.ssrch input::placeholder{color:var(--k3)}
.sclear{position:absolute;right:8px;width:24px;height:24px;border-radius:50%;background:#E2DFD8;border:none;color:var(--k2);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.slang{display:flex;background:#F4F1EC;border-radius:9px;padding:3px;flex-shrink:0}
.slang button{padding:5px 10px;border:none;background:transparent;border-radius:6px;font-size:10.5px;font-weight:800;color:var(--k3);cursor:pointer;font-family:inherit}
.slang button.on{background:var(--a);color:#fff}

.ssurf{max-width:720px;margin:0 auto;display:flex;gap:6px;padding:8px 16px 0}
.ssb{padding:6px 14px;border-radius:16px;border:none;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;background:#F4F1EC;color:var(--k2)}
.ssb.on{background:var(--k);color:#fff}

.stabs{max-width:720px;margin:0 auto;display:flex;gap:4px;padding:8px 16px 10px;overflow-x:auto;scrollbar-width:none}
.stabs::-webkit-scrollbar{display:none}
.stab{padding:7px 12px;font-size:11.5px;font-weight:700;color:var(--k3);cursor:pointer;white-space:nowrap;border-radius:14px;border:1.5px solid var(--brd);background:var(--w);font-family:inherit;flex-shrink:0}
.stab.on{background:var(--a);color:#fff;border-color:transparent}

.slay{max-width:720px;margin:0 auto;padding:14px 16px 80px}
.scard{background:var(--w);border-radius:14px;box-shadow:var(--sh);overflow:hidden}

.strends-ttl{font-size:12.5px;font-weight:700;color:var(--k);padding:12px 14px 8px}
.strends-list{display:flex;flex-wrap:wrap;gap:7px;padding:0 14px 14px}
.strend-chip{padding:7px 13px;border-radius:16px;background:#F4F1EC;color:var(--k2);font-size:12px;font-weight:600;cursor:pointer;border:none;font-family:inherit}
.strend-chip:hover{background:#EDE9E2}

.sresult-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #F4F1EC;cursor:pointer}
.sresult-card:last-child{border-bottom:none}
.sresult-card:hover{background:#FAFAF7}
.sr-thumb{width:52px;height:52px;border-radius:10px;background:#F1F5F9;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--k3);font-weight:800}
.sr-thumb img{width:100%;height:100%;object-fit:cover}
.sr-thumb.round{border-radius:50%}
.sr-info{flex:1;min-width:0}
.sr-ttl{font-size:13.5px;font-weight:700;color:var(--k);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-sub{font-size:12px;color:var(--k3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-price{font-size:13px;font-weight:800;color:var(--a);flex-shrink:0}
.sr-pill{padding:2px 7px;border-radius:5px;font-size:9px;font-weight:700;flex-shrink:0}
.pp{background:#EFF6FF;color:#1D4ED8}.ps{background:#F5F3FF;color:#6D28D9}.pv{background:#ECFDF5;color:#047857}.pb{background:#FFF7ED;color:#C2410C}.ppr{background:#FEF2F2;color:#B91C1C}
.sfw{margin-left:auto;flex-shrink:0;height:28px;padding:0 12px;border-radius:8px;border:1.5px solid #BFDBFE;background:#EFF6FF;color:var(--blue);font-size:11px;font-weight:700;cursor:pointer;font-family:inherit}
.sfw.on{background:var(--blue);color:#fff;border-color:transparent}

.sno-result{padding:36px 20px;text-align:center;color:var(--k3);font-size:13.5px}
.sno-result-ttl{font-size:15px;font-weight:800;color:var(--k);margin-bottom:6px}
.sfallback{padding:20px;text-align:center;color:var(--aD);font-size:13px;background:#FFFBEB;border-radius:12px}
.ssug-ttl{font-size:12.5px;font-weight:700;color:var(--k);padding:16px 14px 6px}

.ssk{background:linear-gradient(90deg,#EDE9E2 25%,#E4DFD7 50%,#EDE9E2 75%);background-size:200% 100%;animation:ssk 1.4s infinite;border-radius:6px}
@keyframes ssk{0%{background-position:200% 0}100%{background-position:-200% 0}}