/* AraMotor - açık tema, kurumsal minimalist */
:root{
    --ink:#2b2d3a;
    --primary:#4a4e69;
    --primary-dark:#3d415a;
    --violet:#6d597a;
    --wine:#723d46;
    --accent:#e76f51;
    --teal:#005f73;
    --muted:#9a8c98;
    --bg:#f7f7f9;
    --card:#ffffff;
    --line:#e5e4ea;
    --mark:#fdeae2;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;display:flex;flex-direction:column;min-height:100vh}
main{flex:1}
.container{max-width:860px;margin:0 auto;padding:0 20px;width:100%}
a{color:var(--teal)}
mark{background:var(--mark);color:var(--wine);padding:0 2px;border-radius:3px;font-weight:600}

/* Header */
.site-header{background:var(--card);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;gap:24px;padding:14px 20px;flex-wrap:wrap}
.logo{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:19px;color:var(--primary);text-decoration:none;letter-spacing:-.02em}
.logo-mark{width:14px;height:14px;border-radius:4px;background:linear-gradient(135deg,var(--primary),var(--violet));display:inline-block;position:relative}
.logo-mark::after{content:'';position:absolute;right:-3px;bottom:-3px;width:7px;height:7px;border-radius:50%;background:var(--accent)}

/* Arama formu */
.search-form{display:flex;flex:1;max-width:560px}
.search-form input[type=search]{flex:1;padding:11px 16px;border:1px solid var(--line);border-right:0;border-radius:10px 0 0 10px;font:inherit;font-size:15px;background:var(--card);min-width:0}
.search-form input[type=search]:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px rgba(109,89,122,.12)}
.search-form button{padding:11px 22px;border:0;border-radius:0 10px 10px 0;background:var(--primary);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.search-form button:hover{background:var(--primary-dark)}

/* Ana sayfa */
.hero{text-align:center;padding:96px 0 60px}
.hero h1{font-size:44px;font-weight:800;letter-spacing:-.03em;color:var(--primary);margin:0 0 8px}
.hero-sub{color:var(--muted);margin:0 0 32px;font-size:17px}
.hero-search{margin:0 auto;max-width:600px}
.hero-search input[type=search]{padding:15px 20px;font-size:16px}
.hero-search button{padding:15px 30px}

/* Sonuçlar */
.results-h1{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:28px 0 2px;color:var(--primary)}
.results-meta{color:var(--muted);font-size:14px;margin:0 0 22px}
.results-meta strong{color:var(--wine)}
.result{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--violet);border-radius:10px;padding:18px 22px;margin-bottom:14px;transition:border-color .15s, box-shadow .15s}
.result:hover{border-left-color:var(--accent);box-shadow:0 3px 14px rgba(74,78,105,.07)}
.result-host{font-size:12.5px;color:var(--muted);letter-spacing:.02em}
.result-title{margin:3px 0 6px;font-size:18px;line-height:1.35}
.result-title a{color:var(--teal);text-decoration:none;font-weight:700}
.result-title a:hover{text-decoration:underline}
.result-snippet{margin:0;font-size:14.5px;color:#4c4e5c}

/* Reklam alanları */
.ad-slot{margin:0 0 16px;text-align:center}
.ad-inline{margin:2px 0 16px}

/* Benzer aramalar */
.similar{margin:34px 0 20px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px 24px}
.similar h2{margin:0 0 12px;font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--violet)}
.similar ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:9px}
.similar a{display:inline-block;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:7px 15px;font-size:14px;color:var(--primary);text-decoration:none;font-weight:500}
.similar a:hover{border-color:var(--accent);color:var(--accent)}

/* Sayfalama */
.pagination{display:flex;gap:7px;flex-wrap:wrap;margin:26px 0}
.pagination .page{display:inline-block;min-width:38px;text-align:center;padding:8px 0;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--primary);text-decoration:none;font-weight:600;font-size:14px}
.pagination .page:hover{border-color:var(--violet)}
.pagination .current{background:var(--primary);color:#fff;border-color:var(--primary)}

.empty-state{background:var(--card);border:1px dashed var(--line);border-radius:10px;padding:34px;text-align:center;color:var(--muted)}

/* Footer */
.site-footer{margin-top:60px;background:var(--card);border-top:1px solid var(--line)}
.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:34px;padding:38px 20px 24px}
.footer-col h3{font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:var(--violet);margin:0 0 12px}
.footer-col ul{list-style:none;margin:0;padding:0}
.footer-col li{margin-bottom:7px}
.footer-col a{color:var(--ink);text-decoration:none;font-size:14px}
.footer-col a:hover{color:var(--accent)}
.footer-brand p{color:var(--muted);font-size:13.5px;margin:10px 0 0;max-width:300px}
.footer-logo{font-size:17px}
.footer-bottom{border-top:1px solid var(--line);padding:16px 20px;color:var(--muted);font-size:13px}
.footer-bottom p{margin:0}

@media(max-width:680px){
    .hero{padding:56px 0 40px}
    .hero h1{font-size:32px}
    .header-inner{gap:12px}
    .header-search{order:3;flex-basis:100%}
    .footer-inner{grid-template-columns:1fr;gap:24px}
    .result{padding:15px 16px}
}