/* Site-Ekle.Com - mobil öncelikli, orijinal renk paleti korunmuştur */
:root{
  --blue:#3366cc; --lime:#ccff33; --sand:#ffcc66; --cream:#ffff99;
  --bg:#f6f6f6; --ink:#000; --line:#222; --muted:#555; --radius:8px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Tahoma,Arial,Geneva,sans-serif}
a{color:var(--ink);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.wrap{max-width:1180px;margin:0 auto;padding:0 14px}

/* Üst bant */
.top{background:var(--blue);padding:14px 0 12px;border-bottom:3px solid #264f9e}
.top .wrap{display:grid;gap:8px;grid-template-columns:1fr auto;align-items:center}
.logo{margin:0;color:var(--cream);font-size:22px;line-height:1.2}
.tag{grid-column:1/-1;margin:0;color:#e8efff;font-size:12px;order:3}
.search{grid-column:1/-1;display:flex;gap:6px;order:4}
.search input{flex:1;min-width:0;padding:10px 12px;border:1px solid #1d3f85;border-radius:var(--radius);font:inherit}
.search button,.btn{background:var(--sand);color:#000;border:1px solid var(--line);border-radius:var(--radius);padding:9px 14px;font:inherit;font-weight:bold;cursor:pointer;display:inline-block;text-decoration:none}
.btn:hover,.search button:hover{background:var(--lime);text-decoration:none}
.btn.big{width:100%;padding:12px;font-size:15px}
.mainnav{display:flex;gap:10px;align-items:center}
.mainnav a:not(.btn){color:#fff}

@media(min-width:760px){
  .top .wrap{grid-template-columns:auto 1fr auto;gap:6px 18px}
  .tag{grid-column:1/3;order:0;grid-row:2}
  .search{grid-column:2;order:0;grid-row:1}
  .brand{grid-row:1}
  .mainnav{grid-row:1;grid-column:3}
  .logo{font-size:26px}
}

/* Kategori çipleri */
.chips{display:flex;gap:6px;overflow-x:auto;padding:14px 0 6px;scrollbar-width:thin}
.chips a{white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13px}
.chips a small{color:var(--muted)}
.chips a.on{background:var(--lime);font-weight:bold}
@media(min-width:760px){.chips{flex-wrap:wrap;overflow:visible}}

.bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0}
.bar h1{margin:0;font-size:18px}
.bar h1 small{color:var(--muted);font-weight:normal;font-size:13px}
.sort{display:flex;gap:4px}
.sort a{padding:4px 10px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;font-size:13px}
.sort a.on{background:var(--sand);font-weight:bold}

/* Kart ızgarası */
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin:8px 0 18px}
@media(max-width:520px){.grid{grid-template-columns:1fr 1fr;gap:10px}}
@media(max-width:360px){.grid{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;position:relative}
.card-h{margin:0;padding:8px 10px;font-size:13px;text-align:center;background:var(--lime);border-bottom:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card:nth-child(even) .card-h{background:var(--sand)}
.card-h a{font-weight:bold}
.thumb{display:block;aspect-ratio:4/3;background:linear-gradient(135deg,#dfe8ff,#f3f6ff);position:relative;overflow:hidden}
.thumb::before{content:attr(data-letter);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:bold;color:#9db4e8}
.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;background:#fff}
.desc{margin:0;padding:8px 10px 4px;font-size:12px;color:#222;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.meta{display:flex;justify-content:space-between;gap:6px;padding:4px 10px 8px;font-size:11px;color:var(--muted)}
.meta .host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.badge{position:absolute;top:36px;left:6px;background:rgba(0,0,0,.72);color:#fff;font-size:10px;padding:2px 7px;border-radius:999px}

.empty{text-align:center;padding:40px 10px;background:#fff;border:1px dashed var(--line);border-radius:var(--radius)}

/* Sayfalama */
.pager{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:10px 0 24px}
.pager a,.pager span{min-width:36px;text-align:center;padding:7px 10px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.pager .cur{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:bold}
.pager .gap{border:0;background:none}

/* Bildirimler */
.alert{padding:10px 12px;border-radius:var(--radius);margin:12px 0;border:1px solid}
.alert.ok{background:#e9ffd0;border-color:#8fc43a}
.alert.err{background:#ffe3e0;border-color:#d9534f}
.alert.info{background:#fff8d6;border-color:#e0c040}

/* Form */
.formbox{max-width:620px;margin:18px auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.formbox h1{margin:0 0 4px}
.hint{color:var(--muted);margin:0 0 12px}
.formbox label{display:block;margin:12px 0;font-weight:bold}
.formbox label small{font-weight:normal;color:var(--muted)}
.formbox input,.formbox select,.formbox textarea{display:block;width:100%;margin-top:4px;padding:10px;border:1px solid #888;border-radius:var(--radius);font:inherit;background:#fff}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}

/* Alt bilgi */
.foot{margin-top:30px;background:#e9e9e9;border-top:1px solid #ccc;padding:14px 0;font-size:12px;color:#333}
.foot p{margin:4px 0}
.foot a{text-decoration:underline}

/* SEO sayfaları */
.logo{display:block;font-weight:bold}
.intro{margin:4px 0 12px;color:#333}
.intro a{text-decoration:underline}
.crumbs{margin:12px 0 0;font-size:12px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.crumbs li+li::before{content:"›";margin-right:4px;color:var(--muted)}
.crumbs a{text-decoration:underline}
.more{text-decoration:underline}
a.badge{text-decoration:none}
.detail{display:grid;gap:16px;margin:14px 0 22px}
@media(min-width:760px){.detail{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}}
.thumb.big{border:1px solid var(--line);border-radius:var(--radius)}
.thumb.big::before{font-size:96px}
.info{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.info h1{margin:0 0 6px;font-size:24px;line-height:1.25}
.hostline{margin:0 0 10px}
.hostline a{text-decoration:underline}
.facts{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:12px 0 16px}
.facts dt{color:var(--muted)}.facts dd{margin:0}
.facts a{text-decoration:underline}
.related h2{font-size:18px;margin:6px 0}
.fcats{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:10px}

/* Günlük limit: form pasif */
fieldset.plain{border:0;margin:0;padding:0;min-width:0}
fieldset.plain:disabled{opacity:.5}
fieldset.plain:disabled .btn{cursor:not-allowed;background:#ddd}

/* Öne çıkan siteler */
.featured-strip{background:#fffbe0;border:1px solid #e0c040;border-radius:var(--radius);padding:10px 12px 2px;margin:8px 0 18px}
.strip-h{margin:0 0 8px;font-size:15px}
.card.featured{border:2px solid var(--blue)}
.card.featured::after{content:"Öne çıkan";position:absolute;top:36px;right:6px;background:var(--blue);color:#fff;font-size:10px;padding:2px 7px;border-radius:999px}
.fulldesc{white-space:pre-line;overflow-wrap:anywhere}