/* Ortak bileşenler */
.site-nav{position:fixed;top:14px;left:50%;transform:translate(-50%,-150%);z-index:50;width:min(1120px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 13px 10px 18px;border:1px solid var(--border);border-radius:999px;background:var(--nav-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:transform .35s ease,opacity .35s ease,background .25s}.site-nav.nav-visible,.site-nav.is-visible{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.site-nav.home-nav{position:sticky;top:12px;left:auto;transform:none;opacity:0;visibility:hidden;pointer-events:none;margin:-68px auto 0;width:min(1120px,calc(100% - 28px));z-index:50;transition:opacity .3s ease,visibility .3s ease,background .25s;border-radius:999px}.site-nav.home-nav.is-stuck{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.nav-links{display:flex;align-items:center;gap:clamp(12px,2.4vw,28px);font-size:.8rem}.nav-links a:hover{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:8px}.theme-toggle{border:1px solid var(--border);border-radius:50%;width:38px;height:38px;background:var(--surface);display:grid;place-items:center;cursor:pointer}.menu-toggle{display:none;border:1px solid var(--border);border-radius:50%;width:38px;height:38px;background:var(--surface)}.card{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow);transition:transform .25s,border-color .25s}.card:hover{transform:translateY(-4px);border-color:var(--accent)}.card-image{aspect-ratio:1.55;background:var(--surface-2);overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card-body{padding:20px}.card h3{font-size:1.08rem;line-height:1.3;letter-spacing:-.035em;margin:8px 0}.card p{font-size:.85rem;color:var(--muted)}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;color:var(--muted);font-size:.7rem}.tag{font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;color:var(--accent)}.data-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.data-grid .card:first-child .card-image{aspect-ratio:1.55}.data-grid .card:not(:first-child) .card-image{aspect-ratio:1.55}.post-grid,.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.post-card{padding:25px;display:flex;flex-direction:column;min-height:230px}.post-card p{margin-top:8px}.post-card .text-link{margin-top:auto;padding-top:24px}.product-visual{height:145px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,var(--hero-glow),transparent 65%),var(--surface-2);color:var(--accent)}.product-visual svg{width:66px;height:66px}.empty-state{padding:35px;border:1px dashed var(--border);border-radius:16px;color:var(--muted)}.search-row{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.search-input,.filter-select{min-height:46px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);padding:0 14px}.search-input{flex:1;min-width:220px}.search-input:focus,.filter-select:focus{outline:2px solid var(--accent);outline-offset:2px}.article-body{max-width:760px;margin:38px auto 0;font-size:1.04rem}.article-body p{margin:0 0 1.4em;color:var(--muted)}.article-body h2{margin:2em 0 .6em;font-size:1.7rem;letter-spacing:-.04em}.breadcrumb{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:.78rem;margin-bottom:24px}.breadcrumb a:hover{color:var(--accent)}