/* index2 – açık tema bölümleri (Bixol / Cleanmate / Tony tarzı dokunuşlar) */
:root { --navy:#0b2160; --navy2:#24489a; --sky:#4898d4; --green:#8dc63f; --ink:#1c2b4d; --muted:#5b6b8c; --soft:#f2f7fd; }
body { background:#fff; }
.v2 { padding:90px 0; position:relative; overflow:hidden; }
.v2-wrap { max-width:1200px; margin:0 auto; padding:0 40px; position:relative; z-index:2; }
.v2-eyebrow { color:var(--sky); font-weight:700; font-size:.95rem; display:block; margin-bottom:8px; }
.v2-title { font-family:var(--font-heading); font-weight:900; color:var(--navy2); font-size:2.4rem; line-height:1.15; margin:0 0 14px; }
.v2-title span { color:var(--green); }
.v2-sub { color:var(--muted); max-width:640px; line-height:1.8; }
.v2-center { text-align:center; } .v2-center .v2-sub { margin:0 auto; }
.v2-line { width:90px; height:4px; background:linear-gradient(90deg,var(--sky),var(--green)); border-radius:4px; margin:14px auto 0; position:relative; }
.v2-line::after { content:''; position:absolute; left:50%; top:50%; width:10px; height:10px; background:#fff; border:3px solid var(--sky); border-radius:50%; transform:translate(-50%,-50%); }

/* dekor: noktalı desen + pırıltı */
.dots { position:absolute; width:120px; height:120px; background-image:radial-gradient(#c9d8ee 3px, transparent 3.5px); background-size:20px 20px; z-index:1; }
.sparkle { position:absolute; width:130px; height:130px; opacity:.9; z-index:1; animation:twinkle 5s ease-in-out infinite; }
.sparkle svg { width:100%; height:100%; fill:none; stroke:#e4ebf6; stroke-width:9; stroke-linecap:round; stroke-linejoin:round; }
@keyframes twinkle { 50% { transform:scale(1.15) rotate(8deg); } }

/* HİZMETLER: balonlu daire fotoğraflar */
.bubbles-services { position:relative; display:flex; flex-wrap:wrap; justify-content:center; gap:30px 20px; margin-top:50px; }
.bs-item { position:relative; width:230px; text-align:center; animation:floaty 7s ease-in-out infinite; }
.bs-item:nth-child(even) { animation-delay:-3s; margin-top:40px; }
.bs-item:nth-child(3n) { width:260px; }
@keyframes floaty { 50% { transform:translateY(-12px); } }
.bs-photo { width:100%; aspect-ratio:1; border-radius:50%; overflow:hidden; box-shadow:0 18px 40px rgba(36,72,154,.18); border:6px solid #fff; }
.bs-photo img { width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.bs-item:hover .bs-photo img { transform:scale(1.1); }
.bs-label { position:absolute; left:-10px; top:-8px; width:112px; height:112px; border-radius:50%; display:flex; align-items:center; justify-content:center; text-align:center; padding:12px; font-weight:700; font-size:.82rem; line-height:1.25; color:var(--navy2); background:radial-gradient(circle at 30% 25%, rgba(255,255,255,.95), rgba(190,220,245,.55) 55%, rgba(120,175,225,.35)); border:1px solid rgba(255,255,255,.9); box-shadow:inset 0 0 18px rgba(255,255,255,.7), 0 8px 20px rgba(72,152,212,.25); backdrop-filter:blur(2px); }
.bs-item:nth-child(even) .bs-label { left:auto; right:-10px; }

/* NEDEN BİZ */
.why { background:#fff; }
.why-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:60px; align-items:center; }
.why-list { list-style:none; padding:0; margin:30px 0 0; display:grid; gap:22px; }
.why-list li { display:grid; grid-template-columns:34px 1fr; gap:16px; }
.why-list .ck { width:32px; height:32px; border:2px solid var(--sky); border-radius:50%; color:var(--sky); display:flex; align-items:center; justify-content:center; font-size:.85rem; }
.why-list h3 { font-family:var(--font-heading); font-weight:800; font-size:1.15rem; color:var(--navy2); margin:0 0 4px; }
.why-list p { margin:0; color:var(--muted); font-size:.92rem; line-height:1.7; }
.why-media { position:relative; min-height:480px; }
.why-media .c { position:absolute; border-radius:50%; overflow:hidden; border:8px solid #fff; box-shadow:0 20px 50px rgba(36,72,154,.2); }
.why-media .c img { width:100%; height:100%; object-fit:cover; }
.why-media .c1 { width:330px; height:330px; right:40px; top:0; }
.why-media .c2 { width:250px; height:250px; left:10px; bottom:10px; }
.why-media .c3 { width:210px; height:210px; right:0; bottom:40px; }
.why-media .badge { position:absolute; left:40px; top:30px; background:var(--green); color:var(--navy); border-radius:18px; padding:14px 20px; font-weight:800; text-align:center; z-index:3; box-shadow:0 12px 30px rgba(141,198,63,.4); }
.why-media .badge b { display:block; font-size:1.8rem; line-height:1; font-family:var(--font-heading); }

/* SAYAÇ BANDI */
.stats-band { background:linear-gradient(rgba(11,33,96,.88),rgba(36,72,154,.82)), url('../img/site/hali-580x410.jpg') center/cover; padding:80px 0 70px; color:#fff; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; max-width:1100px; margin:0 auto; padding:0 40px; }
.stat-v2 { position:relative; padding:6px 0 0 24px; border-left:2px solid rgba(255,255,255,.75); }
.stat-v2::after { content:''; position:absolute; left:-6px; bottom:-8px; width:10px; height:10px; border-radius:50%; background:var(--green); border:2px solid #fff; }
.stat-v2 .n { font-family:var(--font-heading); font-weight:300; font-size:3.4rem; line-height:1; }
.stat-v2 .l { font-size:.78rem; letter-spacing:.18em; text-transform:uppercase; margin-top:10px; opacity:.9; }
.stat-v2 .n sup { font-size:1.4rem; color:var(--green); }

/* SÜREÇ */
.steps2 { display:grid; grid-template-columns:repeat(4,1fr); gap:26px; margin-top:50px; position:relative; counter-reset:s; list-style:none; padding:0; }
.steps2 li { text-align:center; position:relative; }
.steps2 .ic { width:96px; height:96px; margin:0 auto 18px; border-radius:50%; background:#fff; border:2px dashed var(--sky); display:flex; align-items:center; justify-content:center; font-size:2rem; color:var(--navy2); position:relative; }
.steps2 .ic::after { counter-increment:s; content:counter(s); position:absolute; right:-4px; top:-4px; width:30px; height:30px; border-radius:50%; background:var(--green); color:var(--navy); font-weight:800; font-size:.9rem; display:flex; align-items:center; justify-content:center; }
.steps2 h3 { font-family:var(--font-heading); font-weight:800; font-size:1.1rem; color:var(--navy2); margin:0 0 6px; }
.steps2 p { color:var(--muted); font-size:.9rem; margin:0; }

/* FİYAT */
.price-v2 { background:var(--soft); }
.pgrid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin:44px auto 0; max-width:960px; }
.pcard { background:#fff; border-radius:20px; padding:34px 26px; text-align:center; border:1px solid #dbe7f6; box-shadow:0 12px 34px rgba(36,72,154,.08); transition:transform .3s; }
.pcard:hover { transform:translateY(-6px); }
.pcard h3 { font-family:var(--font-heading); font-weight:800; color:var(--navy2); font-size:1.2rem; }
.pcard .pr { font-size:2.2rem; font-weight:800; color:var(--green); margin:10px 0 4px; font-family:var(--font-heading); }
.pcard .pr small { font-size:.9rem; color:var(--muted); font-weight:600; }
.pcard p { margin:0; color:var(--muted); font-size:.85rem; }

/* YORUMLAR (lacivert) */
.testi { background:var(--navy); color:#fff; }
.testi .v2-title { color:#fff; }
.testi .bgstar { position:absolute; right:-40px; top:20px; width:300px; opacity:.08; z-index:1; }
.tgrid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-top:80px; }
.tcard { background:#fff; color:var(--muted); border-radius:6px; padding:56px 28px 28px; position:relative; text-align:center; box-shadow:0 20px 40px rgba(0,0,0,.25); }
.tcard .av { position:absolute; left:50%; top:-40px; transform:translateX(-50%); width:80px; height:80px; border-radius:50%; background:linear-gradient(135deg,var(--sky),var(--navy2)); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:1.8rem; border:4px solid #fff; box-shadow:0 8px 20px rgba(0,0,0,.25); }
.tcard .st { color:#f5b301; letter-spacing:3px; margin-bottom:12px; }
.tcard blockquote { font-size:.95rem; line-height:1.75; margin:0 0 18px; }
.tcard .nm { font-family:var(--font-heading); font-weight:800; color:var(--navy2); font-size:1.15rem; }
.tcard .rl { font-size:.85rem; }
.tcard .qm { position:absolute; right:22px; bottom:14px; font-size:3.4rem; color:#eef1f7; line-height:1; font-family:Georgia,serif; }
.tdots { display:flex; justify-content:center; gap:8px; margin-top:40px; }
.tdots i { width:26px; height:8px; border-radius:8px; background:rgba(255,255,255,.35); } .tdots i:first-child { background:var(--sky); }

/* BLOG */
.blog { background:#fafcff; }
.bgrid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; margin-top:46px; }
.bcard { background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 12px 34px rgba(36,72,154,.08); transition:transform .3s; display:flex; flex-direction:column; }
.bcard:hover { transform:translateY(-6px); }
.bcard .bi { position:relative; height:220px; overflow:hidden; }
.bcard .bi img { width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.bcard:hover .bi img { transform:scale(1.08); }
.bcard .dt { position:absolute; left:22px; top:22px; background:var(--navy2); color:#fff; border-radius:6px; padding:10px 12px; text-align:center; font-weight:700; font-size:.78rem; line-height:1.3; }
.bcard .dt b { display:block; font-size:1.2rem; }
.bcard .bb { padding:24px 26px 28px; }
.bcard h3 { font-family:var(--font-heading); font-weight:800; font-size:1.25rem; color:var(--navy2); margin:0 0 12px; line-height:1.3; }
.bcard .meta { font-size:.8rem; color:var(--muted); margin-bottom:12px; display:flex; gap:16px; }
.bcard .meta i { color:var(--navy2); margin-right:5px; }
.bcard p { color:var(--muted); font-size:.92rem; line-height:1.7; margin:0 0 16px; }
.bcard .more { font-weight:700; font-size:.8rem; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
.bcard .more i { color:var(--sky); margin-left:6px; }

/* GOOGLE ROZETİ (sayfa sonu) */
.g-pill { display:inline-flex; align-items:center; gap:16px; background:#fff; border-radius:60px; padding:10px 22px 10px 12px; box-shadow:0 12px 30px rgba(0,0,0,.25); color:var(--ink); text-decoration:none; }
.g-pill .gs { width:46px; height:46px; border-radius:50%; background:#fff6d6; color:#f5b301; display:flex; align-items:center; justify-content:center; font-size:1.4rem; }
.g-pill .gt b { font-size:1.15rem; margin-right:6px; } .g-pill .gt .fa-google { color:#4285f4; }
.g-pill .gt small { display:block; color:var(--muted); font-size:.8rem; }
.g-pill .gav { display:flex; } .g-pill .gav span { width:34px; height:34px; border-radius:50%; border:2px solid #fff; margin-left:-10px; color:#fff; font-size:.8rem; font-weight:700; display:flex; align-items:center; justify-content:center; }
.g-wrap { background:var(--navy); padding:40px 0 10px; text-align:center; }

@media (max-width:991px){ .why-grid{grid-template-columns:1fr;} .why-media{min-height:420px; max-width:480px; margin:0 auto; width:100%;} .stats-grid,.steps2{grid-template-columns:repeat(2,1fr); gap:34px 20px;} .tgrid,.bgrid,.pgrid{grid-template-columns:1fr; max-width:520px; margin-left:auto; margin-right:auto;} .tgrid{gap:60px;} }
@media (max-width:575px){ .v2{padding:60px 0;} .v2-wrap,.stats-grid{padding:0 20px;} .v2-title{font-size:1.8rem;} .bs-item,.bs-item:nth-child(3n){width:170px;} .bs-label{width:92px;height:92px;font-size:.7rem;} .why-media .c1{width:240px;height:240px;right:10px;} .why-media .c2{width:180px;height:180px;} .why-media .c3{width:150px;height:150px;} }

/* Logo balonları (pırıltı yerine) */
.sparkle.balon { width:120px; height:auto; opacity:.28; animation:balonFloat 6s ease-in-out infinite; }
.sparkle.balon img { width:100%; height:auto; display:block; }
@keyframes balonFloat { 50% { transform:translateY(-14px) rotate(4deg); } }