/* Coşkuner Reklam teması — Boratav Bilişim. Renkler: antrasit #111318 · turuncu #ff6a00 · açık gri #f4f5f7 */
:root { --ant:#111318; --ant2:#1b1f27; --tur:#ff6a00; --tur2:#e05d00; --gri:#f4f5f7; --cizgi:#e5e7eb; --metin:#1f2430; --soluk:#6b7280; --beyaz:#fff; --r:14px; --golge:0 10px 30px rgba(17,19,24,.10); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; }
body { margin:0; font-family:'Manrope',system-ui,Segoe UI,Arial,sans-serif; color:var(--metin); background:var(--beyaz); line-height:1.6; font-size:16px; -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4 { font-family:'Sora','Manrope',sans-serif; line-height:1.15; margin:0 0 .5em; letter-spacing:-.01em; }
h1 { font-size:clamp(34px,5vw,58px); font-weight:800; } h2 { font-size:clamp(26px,3.4vw,40px); font-weight:800; } h3 { font-size:19px; font-weight:700; } h4 { font-size:15px; text-transform:uppercase; letter-spacing:.08em; color:var(--tur); }
p { margin:0 0 1em; } a { color:inherit; text-decoration:none; } img { max-width:100%; height:auto; display:block; }
.kap { width:min(1180px,92vw); margin:0 auto; }
.ik { width:1.15em; height:1.15em; vertical-align:-.2em; flex:none; }
.atla { position:absolute; left:-999px; } .atla:focus { left:10px; top:10px; background:#fff; padding:8px; z-index:999; }
.hp { position:absolute; left:-9999px; }
.soluk { color:var(--soluk); } .soluk-acik { color:#a3a9b5; } .kucuk { font-size:13px; } .orta { text-align:center; }
/* düğmeler */
.dugme { display:inline-flex; align-items:center; gap:8px; padding:12px 22px; border-radius:999px; font-weight:700; font-size:15px; border:2px solid transparent; transition:.18s; cursor:pointer; font-family:inherit; }
.dugme.buyuk { padding:15px 28px; font-size:16px; }
.dugme-turuncu { background:var(--tur); color:#fff; box-shadow:0 8px 20px rgba(255,106,0,.28); } .dugme-turuncu:hover { background:var(--tur2); transform:translateY(-1px); }
.dugme-cizgi { border-color:var(--ant); color:var(--ant); background:transparent; } .dugme-cizgi:hover { background:var(--ant); color:#fff; }
.dugme-cizgi.acik { border-color:#fff; color:#fff; } .dugme-cizgi.acik:hover { background:#fff; color:var(--ant); }
/* üst şerit + başlık */
.ust-serit { background:var(--ant); color:#c9ced8; font-size:13px; } .ust-serit .kap { display:flex; justify-content:space-between; align-items:center; min-height:34px; gap:12px; }
.ust-serit span { display:inline-flex; align-items:center; gap:6px; } .ust-sag { gap:16px; } .ust-serit a { display:inline-flex; align-items:center; gap:6px; color:#fff; }
.baslik { position:sticky; top:0; z-index:50; background:rgba(255,255,255,.92); backdrop-filter:blur(10px); border-bottom:1px solid transparent; transition:.2s; }
.baslik.yapisik { border-color:var(--cizgi); box-shadow:0 4px 18px rgba(0,0,0,.06); }
.baslik-ic { display:flex; align-items:center; justify-content:space-between; min-height:76px; gap:20px; }
.logo img { max-height:56px; width:auto; } .logo-yazi { font-family:'Sora',sans-serif; font-weight:800; font-size:24px; letter-spacing:.02em; display:inline-flex; align-items:baseline; gap:6px; color:var(--ant); }
.logo-yazi em { font-style:normal; color:var(--tur); font-weight:700; font-size:.8em; } .logo-yazi.kucuk { font-size:20px; color:#fff; }
.menu { display:flex; align-items:center; gap:22px; } .menu-liste { list-style:none; margin:0; padding:0; display:flex; gap:26px; } .menu-liste a { font-weight:600; font-size:15px; color:var(--metin); position:relative; padding:6px 0; }
.menu-liste a::after { content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:var(--tur); transition:.2s; } .menu-liste a:hover::after, .menu-liste .current-menu-item a::after { width:100%; }
.menu-liste .sub-menu { display:none; position:absolute; background:#fff; box-shadow:var(--golge); border-radius:10px; padding:8px 0; list-style:none; min-width:200px; } .menu-liste li { position:relative; } .menu-liste li:hover > .sub-menu { display:block; } .sub-menu a { display:block; padding:8px 16px; }
.menu-ac { display:none; width:44px; height:44px; border:none; background:none; cursor:pointer; flex-direction:column; justify-content:center; gap:5px; } .menu-ac span { display:block; height:2.5px; background:var(--ant); border-radius:2px; transition:.2s; }
/* vitrin */
.vitrin { background:radial-gradient(1200px 600px at 80% -10%, #2a2f3a 0%, var(--ant) 55%); color:#fff; overflow:hidden; position:relative; }
.vitrin::after { content:''; position:absolute; inset:auto -10% -40% auto; width:60%; height:80%; background:radial-gradient(closest-side, rgba(255,106,0,.28), transparent 70%); pointer-events:none; }
.vitrin-ic { display:grid; grid-template-columns:1.15fr .85fr; gap:40px; align-items:center; padding:72px 0 80px; position:relative; z-index:1; }
.etiket-cip { display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); padding:6px 14px; border-radius:999px; font-size:13px; font-weight:600; color:#ffd9bf; margin-bottom:18px; }
.vitrin h1 { color:#fff; max-width:14ch; } .vitrin h1::after { content:''; display:block; width:80px; height:6px; background:var(--tur); border-radius:3px; margin-top:16px; }
.vitrin p { font-size:18px; color:#c9ced8; max-width:52ch; margin:18px 0 26px; }
.vitrin-dugmeler { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:34px; }
.vitrin-sayilar { display:flex; gap:34px; flex-wrap:wrap; } .vitrin-sayilar b { display:block; font-family:'Sora'; font-size:30px; color:#fff; } .vitrin-sayilar span { font-size:13px; color:#a3a9b5; }
.kart-yigin { position:relative; height:400px; } .kart-yigin div { position:absolute; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; width:180px; height:150px; border-radius:20px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(6px); color:#fff; font-weight:700; box-shadow:0 20px 50px rgba(0,0,0,.35); animation:yuz 6s ease-in-out infinite; }
.kart-yigin .ik { width:44px; height:44px; color:var(--tur); } .kart-yigin .k1 { left:6%; top:6%; } .kart-yigin .k2 { right:4%; top:22%; animation-delay:-1.5s; background:var(--tur); border-color:var(--tur); } .kart-yigin .k2 .ik { color:#fff; } .kart-yigin .k3 { left:16%; bottom:6%; animation-delay:-3s; } .kart-yigin .k4 { right:14%; bottom:0; animation-delay:-4.5s; }
@keyframes yuz { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-12px); } }
/* bölümler */
.bolum { padding:84px 0; } .bolum.koyu { background:var(--ant); color:#fff; } .bolum.acik-gri { background:var(--gri); }
.bolum-baslik { max-width:640px; margin-bottom:40px; } .bolum-baslik.acik h2 { color:#fff; } .bolum-baslik.acik p { color:#a3a9b5; } .bolum-baslik p { color:var(--soluk); font-size:17px; }
.ust-yazi { display:inline-block; font-size:13px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--tur); margin-bottom:10px; }
.hizmet-izgara { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.hizmet-kart { background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); padding:26px 22px 22px; display:flex; flex-direction:column; gap:10px; transition:.2s; position:relative; overflow:hidden; }
.hizmet-kart:hover { transform:translateY(-4px); box-shadow:var(--golge); border-color:#ffd0b3; }
.hizmet-ikon { width:56px; height:56px; border-radius:14px; background:#fff1e8; color:var(--tur); display:grid; place-items:center; } .hizmet-ikon .ik { width:28px; height:28px; }
.hizmet-foto { border-radius:10px; aspect-ratio:4/3; object-fit:cover; margin:-8px -4px 6px; }
.hizmet-kart h3 { margin:6px 0 0; } .hizmet-kart p { color:var(--soluk); font-size:14.5px; margin:0; flex:1; } .devam { color:var(--tur); font-weight:700; font-size:14px; display:inline-flex; align-items:center; gap:6px; }
.is-izgara { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-bottom:30px; }
.is-kart { position:relative; border-radius:var(--r); overflow:hidden; background:var(--ant2); aspect-ratio:4/3; display:block; }
.is-kart img { width:100%; height:100%; object-fit:cover; transition:.4s; } .is-kart:hover img { transform:scale(1.05); }
.is-bos { width:100%; height:100%; display:grid; place-items:center; background:linear-gradient(135deg,#232834,#151820); color:#4b5260; } .is-bos .ik { width:64px; height:64px; }
.is-bilgi { position:absolute; left:0; right:0; bottom:0; padding:18px; background:linear-gradient(transparent, rgba(0,0,0,.75)); color:#fff; } .is-bilgi span { font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#ffb380; } .is-bilgi h3 { margin:4px 0 0; font-size:17px; }
.surec-izgara { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.surec-kart { background:var(--gri); border-radius:var(--r); padding:26px 22px; position:relative; } .surec-kart .no { position:absolute; right:18px; top:12px; font-family:'Sora'; font-size:44px; font-weight:800; color:#e3e6eb; } .surec-kart .ik { width:32px; height:32px; color:var(--tur); margin-bottom:10px; } .surec-kart p { color:var(--soluk); font-size:14.5px; margin:0; }
.hakkinda-izgara { display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center; } .hakkinda-izgara p { color:var(--soluk); font-size:16.5px; }
.tik-liste { list-style:none; padding:0; margin:14px 0 0; display:grid; gap:10px; } .tik-liste li { display:flex; gap:10px; align-items:center; font-weight:600; } .tik-liste .ik { color:var(--tur); background:#fff1e8; border-radius:50%; padding:4px; width:26px; height:26px; }
.referans-kutu { background:var(--ant); color:#fff; border-radius:20px; padding:30px; } .referans-kutu h3 { color:#ffb380; display:flex; gap:8px; align-items:center; }
.referans-kutu blockquote { margin:0 0 18px; padding-left:16px; border-left:3px solid var(--tur); font-size:15.5px; color:#dfe3ea; } .referans-kutu footer { font-size:13px; color:#a3a9b5; margin-top:6px; }
.iletisim-izgara { display:grid; grid-template-columns:.9fr 1.1fr; gap:48px; align-items:start; }
.iletisim-liste { list-style:none; padding:0; margin:0; display:grid; gap:10px; } .iletisim-liste li { display:flex; gap:10px; align-items:flex-start; } .iletisim-liste .ik { color:var(--tur); margin-top:3px; }
.buyuk-liste li { font-size:16.5px; font-weight:600; } .buyuk-liste a:hover { color:var(--tur); }
.harita { margin-top:22px; border-radius:var(--r); overflow:hidden; aspect-ratio:16/10; } .harita iframe { width:100%; height:100%; border:0; }
.form { background:var(--gri); border-radius:20px; padding:28px; display:grid; gap:14px; } .form label { display:block; font-weight:700; font-size:14px; }
.form input, .form select, .form textarea { display:block; width:100%; margin-top:6px; padding:12px 14px; border:1.5px solid var(--cizgi); border-radius:10px; font:inherit; background:#fff; } .form input:focus, .form textarea:focus, .form select:focus { outline:none; border-color:var(--tur); box-shadow:0 0 0 3px rgba(255,106,0,.15); }
.form-ikili { display:grid; grid-template-columns:1fr 1fr; gap:14px; } .form .dugme { justify-self:start; }
.uyari { padding:12px 16px; border-radius:10px; font-weight:600; } .uyari.yesil { background:#e8f7ee; color:#166534; } .uyari.kirmizi { background:#fdecec; color:#991b1b; }
/* cta + alt bilgi */
.cta-serit { background:var(--tur); color:#fff; } .cta-ic { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:44px 0; flex-wrap:wrap; } .cta-ic h2 { color:#fff; margin-bottom:4px; } .cta-ic p { margin:0; color:#ffe4d1; } .cta-dugmeler { display:flex; gap:12px; flex-wrap:wrap; }
.cta-serit .dugme-turuncu { background:var(--ant); box-shadow:none; } .cta-serit .dugme-cizgi { border-color:#fff; color:#fff; } .cta-serit .dugme-cizgi:hover { background:#fff; color:var(--tur); }
.alt { background:var(--ant); color:#c9ced8; padding:56px 0 0; font-size:14.5px; } .alt-izgara { display:grid; grid-template-columns:1.4fr 1fr 1.2fr; gap:40px; padding-bottom:40px; } .alt h4 { color:#fff; margin-bottom:14px; }
.alt-liste { list-style:none; padding:0; margin:0; display:grid; gap:8px; } .alt-liste a:hover { color:var(--tur); } .alt .iletisim-liste .ik { color:var(--tur); }
.sosyal { display:flex; gap:10px; margin-top:14px; } .sosyal a { width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.08); display:grid; place-items:center; color:#fff; } .sosyal a:hover { background:var(--tur); } .sosyal .ik { width:20px; height:20px; }
.alt-cizgi { border-top:1px solid rgba(255,255,255,.1); padding:18px 0; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; font-size:13px; } .alt-cizgi a { color:#fff; } .alt-menu { list-style:none; display:flex; gap:18px; margin:0; padding:0; }
.wa-yuzen { position:fixed; right:18px; bottom:18px; z-index:60; display:flex; align-items:center; gap:8px; background:#25d366; color:#fff; padding:12px 18px 12px 14px; border-radius:999px; font-weight:800; box-shadow:0 10px 26px rgba(37,211,102,.4); } .wa-yuzen .ik { width:24px; height:24px; }
/* iç sayfalar */
.ic-baslik { background:var(--ant); color:#fff; padding:56px 0 44px; } .ic-baslik h1 { color:#fff; margin:0; } .cips { display:flex; gap:8px; flex-wrap:wrap; margin-top:18px; } .cip { border:1px solid rgba(255,255,255,.25); border-radius:999px; padding:6px 14px; font-size:13px; font-weight:700; color:#fff; } .cip.aktif, .cip:hover { background:var(--tur); border-color:var(--tur); }
.icerik-dar { max-width:820px; } .icerik-dar h2, .icerik h2 { margin-top:1.2em; } .tekil-izgara { display:grid; grid-template-columns:1fr 340px; gap:40px; align-items:start; } .tekil-foto { border-radius:var(--r); margin-bottom:22px; }
.icerik img { border-radius:12px; } .icerik .wp-block-gallery { gap:10px; }
.yan { position:sticky; top:96px; display:grid; gap:18px; } .yan-kutu { background:var(--gri); border-radius:var(--r); padding:22px; display:grid; gap:10px; } .yan-kutu p { color:var(--soluk); font-size:14.5px; margin:0 0 4px; } .yan-kutu .dugme { justify-content:center; }
.yazi-izgara { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.pagination { margin-top:30px; } .pagination .page-numbers { display:inline-block; padding:8px 14px; border:1px solid var(--cizgi); border-radius:8px; margin-right:6px; } .pagination .current { background:var(--tur); color:#fff; border-color:var(--tur); }
/* canlanma */
.canlan { opacity:0; transform:translateY(16px); transition:opacity .5s ease, transform .5s ease; } .canlan.goster { opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce) { .canlan { opacity:1; transform:none; } .kart-yigin div { animation:none; } }
/* duyarlı */
@media (max-width:1000px) { .hizmet-izgara, .surec-izgara { grid-template-columns:repeat(2,1fr); } .is-izgara, .yazi-izgara { grid-template-columns:repeat(2,1fr); } .vitrin-ic { grid-template-columns:1fr; padding:48px 0 60px; } .vitrin-gorsel { display:none; } .hakkinda-izgara, .iletisim-izgara, .tekil-izgara { grid-template-columns:1fr; } .alt-izgara { grid-template-columns:1fr 1fr; } .yan { position:static; } }
@media (max-width:720px) { .ust-serit .kap span:first-child { display:none; } .menu-ac { display:flex; } .menu { position:fixed; inset:0 0 0 auto; width:min(320px,86vw); background:#fff; flex-direction:column; align-items:flex-start; padding:90px 26px 26px; gap:18px; transform:translateX(100%); transition:.25s; box-shadow:-10px 0 40px rgba(0,0,0,.2); z-index:49; }
  .menu.acik { transform:none; } .menu-liste { flex-direction:column; gap:14px; } .menu-liste a { font-size:18px; } body.menu-acik { overflow:hidden; } .menu-ac { position:relative; z-index:51; }
  .hizmet-izgara, .surec-izgara, .is-izgara, .yazi-izgara, .alt-izgara, .form-ikili { grid-template-columns:1fr; } .bolum { padding:56px 0; } .vitrin-sayilar { gap:22px; } .cta-ic { padding:32px 0; } .wa-yuzen span { display:none; } .wa-yuzen { padding:12px; } .form { padding:20px; } }