/* ============================================================
   WEGA BT — HİZMET SAYFASI TASARIMI (2027) — paylaşılan, TEK yer
   11 Haz 2026. Kapsam: .w-hizmet (sadece hizmet sayfaları). Tokenlar
   wega-2027.css'teki .wega27'den gelir (sayfa kökü: class="wega27 w-hizmet").
   Çakışma yok (hepsi .w-hizmet / .w-phero altında). İçerik birebir korunur;
   sadece görünüm bu dosyadan gelir → bir hizmet sayfasının tasarımı değişince
   tüm hizmet sayfaları güncellenir.
   ============================================================ */

/* Eski global/section sınıflarını nötrle (mor inline kaldırıldı) */
.wega27.w-hizmet{
  /* Shared fallback tokens:
     Bu sayfalar normalde css/wega-2027.css'teki tokenları kullanır.
     Ancak cache/override/yüklenme sırası problemlerinde özellikle CTA blokları
     beyaz zemine düşüp okunmaz hale gelebiliyordu. Buradaki minimum set,
     hizmet sayfalarının kritik renklerini kendi içinde emniyete alır. */
  --w-sand-50:#FBFAF7;
  --w-sand-100:#F4EEE2;
  --w-surface:#FFFFFF;
  --w-surface-2:#F7F4EE;
  --w-border:#E7E2D6;
  --w-border-2:#CFC7B9;
  --w-ink:#1C1E1B;
  --w-ink-2:#3D423B;
  --w-ink-3:#6B7065;
  --w-teal:#0E7C66;
  --w-teal-50:#EBF7F3;
  --w-teal-100:#D8EFE8;
  --w-teal-600:#0B6857;
  --w-teal-700:#0A5345;
  --w-amber:#E8A23D;
  --w-amber-100:#FBE7C4;
  --w-navy:#16243B;
  --w-navy-2:#1E3C72;
  --w-font-display:'Sora',system-ui,-apple-system,sans-serif;
  --w-r-md:16px;
  --w-r-lg:22px;
  --w-r-xl:30px;
  --w-r-full:9999px;
  --w-shadow-sm:0 1px 2px rgb(28 30 27/.05), 0 2px 6px rgb(28 30 27/.04);
  --w-shadow-md:0 6px 16px rgb(28 30 27/.07), 0 2px 6px rgb(28 30 27/.05);
  --w-shadow-lg:0 18px 40px rgb(28 30 27/.10), 0 6px 14px rgb(28 30 27/.06);
  --w-shadow-teal:0 16px 36px rgb(14 124 102/.22);
  --w-ease:cubic-bezier(.4,0,.2,1);
  --w-ease-spring:cubic-bezier(.34,1.4,.5,1);
}
.w-hizmet .section-modern{padding:0}
.w-hizmet .container{max-width:1240px;margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2rem)}
.w-hizmet h2,.w-hizmet h3,.w-hizmet h4{font-family:var(--w-font-display);color:var(--w-ink);letter-spacing:-.01em}
.w-hizmet p{color:var(--w-ink-2)}
.w-hizmet a{color:var(--w-teal-600);font-weight:600}
.w-hizmet a:hover{color:var(--w-teal)}

/* ===== MAKALE/PROSE (ince içerik sayfaları: seo-uzmani, webtasarimcisi vb.) ===== */
.w-hizmet .w-prose{padding-block:clamp(1.5rem,4vw,3rem)}
.w-hizmet .w-prose::after{content:"";display:block;clear:both}
/* Blog/makale kapak görseli: float → metin dolanır, altına iner */
.w-hizmet .w-prose .blog-cover{float:left;width:clamp(220px,38%,380px);aspect-ratio:16/10;object-fit:cover;margin:.3rem 1.9rem 1rem 0;border-radius:16px}
@media (max-width:640px){.w-hizmet .w-prose .blog-cover{float:none;width:100%;max-width:420px;margin:0 auto 1.2rem;display:block}}
.w-hizmet .w-prose h2{font-size:clamp(1.4rem,1.1rem + 1.4vw,1.95rem);font-weight:700;margin:2.2rem 0 .7rem;padding-top:.3rem}
.w-hizmet .w-prose h2::after{content:"";display:block;width:44px;height:3px;margin-top:.6rem;border-radius:2px;background:linear-gradient(90deg,var(--w-teal),var(--w-amber))}
.w-hizmet .w-prose h3{font-size:1.16rem;font-weight:700;margin:1.5rem 0 .45rem;color:var(--w-ink)}
.w-hizmet .w-prose p{margin:0 0 1rem;line-height:1.78}
.w-hizmet .w-prose ul,.w-hizmet .w-prose ol{margin:0 0 1.2rem;padding-left:1.35rem;line-height:1.72}
.w-hizmet .w-prose li{margin-bottom:.4rem}
.w-hizmet .w-prose strong{color:var(--w-ink);font-weight:700}

/* Eski makale şablonu (hizmet_detay_*) → prose görünümü (8 makale sayfası) */
.w-hizmet .hizmet_detay_block{padding:clamp(1rem,3vw,2.2rem) 0}
.w-hizmet .hizmet_detay_body{color:var(--w-ink-2);line-height:1.78;font-size:1.02rem}
.w-hizmet .hizmet_detay_body div{margin-bottom:.5rem}
.w-hizmet .hizmet_detay_body h2{color:var(--w-ink);font-family:var(--w-font-display);font-size:clamp(1.35rem,1.1rem + 1.2vw,1.85rem);margin:1.9rem 0 .6rem;line-height:1.2}
.w-hizmet .hizmet_detay_body h2::after{content:"";display:block;width:44px;height:3px;margin-top:.55rem;border-radius:2px;background:linear-gradient(90deg,var(--w-teal),var(--w-amber))}
.w-hizmet .hizmet_detay_body h3{color:var(--w-ink);font-family:var(--w-font-display);font-size:1.16rem;margin:1.4rem 0 .4rem}
.w-hizmet .hizmet_detay_body strong{color:var(--w-ink)}
.w-hizmet .hizmet_detay_body a{color:var(--w-teal-600);font-weight:600}
.w-hizmet .hizmet_detay_body img{max-width:100%;height:auto;border-radius:14px;margin-bottom:1rem}
/* Kapak görseli: katı grid (col-4|col-8) yerine FLOAT → metin görseli dolanır + altına iner */
.w-hizmet .hizmet_detay_body .row{display:block}
.w-hizmet .hizmet_detay_body .row::after{content:"";display:block;clear:both}
.w-hizmet .hizmet_detay_body .row > [class*="col-md-4"],.w-hizmet .hizmet_detay_body .row > [class*="col-lg-4"]{float:left;width:clamp(220px,34%,360px);margin:.4rem 1.9rem 1rem 0;padding:0}
.w-hizmet .hizmet_detay_body .row > [class*="col-md-4"] img,.w-hizmet .hizmet_detay_body .row > [class*="col-lg-4"] img{width:100%;margin:0}
.w-hizmet .hizmet_detay_body .row > [class*="col-md-8"],.w-hizmet .hizmet_detay_body .row > [class*="col-lg-8"]{display:block;width:auto;max-width:none;overflow:visible;padding:0}
@media (max-width:640px){.w-hizmet .hizmet_detay_body .row > [class*="col-md-4"],.w-hizmet .hizmet_detay_body .row > [class*="col-lg-4"]{float:none;width:auto;max-width:360px;margin:0 auto 1.2rem}}
.w-hizmet .hizmet_detay_body ul,.w-hizmet .hizmet_detay_body ol{padding-left:1.3rem;line-height:1.72;margin-bottom:1rem}

/* ===== İÇ SAYFA HERO ===== */
.w-hizmet .w-phero{position:relative;overflow:hidden;padding-block:clamp(1.5rem,2vw + 1rem,3rem) clamp(2.5rem,4vw,4rem)}
.w-hizmet .w-phero-mesh{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(46% 50% at 85% 0%,var(--w-teal-100) 0%,transparent 60%),
    radial-gradient(40% 50% at 5% 100%,var(--w-amber-100) 0%,transparent 60%),
    radial-gradient(60% 60% at 50% 0%,var(--w-sand-100) 0%,transparent 70%)}
.w-hizmet .w-phero .w-container{position:relative;z-index:1}
.w-hizmet .w-bc{margin-bottom:1rem}
.w-hizmet .w-bc ol{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;list-style:none;margin:0;padding:0;font-size:.84rem;color:var(--w-ink-3)}
.w-hizmet .w-bc li:not(:last-child)::after{content:"/";margin-inline-start:.45rem;color:var(--w-border-2)}
.w-hizmet .w-bc a{color:var(--w-ink-3);font-weight:500}
.w-hizmet .w-bc a:hover{color:var(--w-teal)}
.w-hizmet .w-bc span[aria-current]{color:var(--w-ink);font-weight:600}
.w-hizmet .w-phero h1{font-size:clamp(1.9rem,1.4rem + 2.4vw,3rem);font-weight:800;line-height:1.12;margin:.4rem 0 .7rem}
.w-hizmet .w-phero .w-lead{font-size:clamp(1.05rem,1rem + .5vw,1.25rem);color:var(--w-ink-3);max-width:60ch;margin-bottom:1.4rem}
.w-hizmet .w-phero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem}
.w-hizmet .w-phero-assure{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;font-weight:600;color:var(--w-ink-2)}
.w-hizmet .w-phero-assure svg{width:14px;height:14px;color:var(--w-teal)}

/* ===== GİRİŞ ===== */
.w-hizmet .service-content-section{padding-block:clamp(2.5rem,5vw,4.5rem)}
.w-hizmet .service-content-wrapper{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;margin-bottom:clamp(2rem,5vw,3.5rem)}
.w-hizmet .service-image-card{border-radius:var(--w-r-xl);overflow:hidden;box-shadow:var(--w-shadow-lg)}
.w-hizmet .service-detail-image{width:100%;height:auto;display:block}
.w-hizmet .highlight-box{background:var(--w-amber-100);border:1px solid #F2D9A8;border-radius:var(--w-r-md);padding:1rem 1.2rem;margin-bottom:1.3rem}
.w-hizmet .highlight-box p{margin:0;color:#7A5A1E;font-size:.96rem}
.w-hizmet .service-intro-text h2{font-size:clamp(1.5rem,1.2rem + 1.4vw,2rem);margin-bottom:.8rem}
.w-hizmet .service-intro-text p{line-height:1.75;margin-bottom:1rem}

/* ===== HİZMET BÖLÜMLERİ — MİNİMAL (kutusuz, ferah, aksan çizgili) ===== */
.w-hizmet .service-section{margin-bottom:clamp(2.2rem,5vw,3.6rem);background:none;border:0;border-radius:0;padding:0;box-shadow:none}
.w-hizmet .service-section > h2{font-size:clamp(1.25rem,1.05rem + .9vw,1.6rem);margin-bottom:clamp(1.3rem,3vw,1.9rem);padding-bottom:.85rem;display:flex;align-items:center;gap:.6rem;border-bottom:1px solid var(--w-border)}
.w-hizmet .service-section > h2 i{color:var(--w-teal);font-size:.9em}
.w-hizmet .service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:clamp(1.6rem,4vw,2.8rem)}
.w-hizmet .service-card{background:none;border:0;border-radius:0;padding:0;box-shadow:none;position:relative;transition:none}
.w-hizmet .service-card::before{content:"";display:block;width:28px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--w-teal),var(--w-amber));margin-bottom:.9rem}
.w-hizmet .service-card:hover{transform:none;box-shadow:none}
.w-hizmet .service-card h3{font-size:1.12rem;margin-bottom:.5rem;color:var(--w-ink)}
.w-hizmet .service-card p{line-height:1.7;margin-bottom:.85rem;font-size:.95rem;color:var(--w-ink-3)}
.w-hizmet .service-card ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.w-hizmet .service-card ul li{padding-left:24px;position:relative;color:var(--w-ink-2);font-size:.92rem;line-height:1.45}
.w-hizmet .service-card ul li::before{content:"";position:absolute;left:2px;top:.42em;width:9px;height:5px;border-left:2px solid var(--w-teal);border-bottom:2px solid var(--w-teal);transform:rotate(-45deg)}

/* ===== NEDEN BİZ — MİNİMAL (beyaz kutu YOK, ferah, ortada aksan) ===== */
.w-hizmet .why-choose-section{margin:clamp(2.5rem,6vw,4rem) 0;background:none;border:0;border-radius:0;padding:0;box-shadow:none}
.w-hizmet .why-choose-section > h2{position:relative;text-align:center;font-size:clamp(1.5rem,1.2rem + 1.4vw,2rem);margin-bottom:2.6rem;display:flex;align-items:center;justify-content:center;gap:.6rem}
.w-hizmet .why-choose-section > h2 i{color:var(--w-amber)}
.w-hizmet .why-choose-section > h2::after{content:"";position:absolute;left:50%;bottom:-.85rem;transform:translateX(-50%);width:48px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--w-teal),var(--w-amber))}
.w-hizmet .benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(1.6rem,4vw,2.6rem)}
.w-hizmet .benefit-card{text-align:center;padding:0;background:none;border:0;border-radius:0;box-shadow:none;transition:none}
.w-hizmet .benefit-card:hover{transform:none;box-shadow:none}
.w-hizmet .benefit-icon{width:62px;height:62px;margin:0 auto 1rem;border-radius:18px;background:linear-gradient(135deg,var(--w-teal),var(--w-teal-700));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.45rem;box-shadow:var(--w-shadow-teal);transition:transform .35s var(--w-ease-spring)}
.w-hizmet .benefit-card:hover .benefit-icon{transform:translateY(-4px) scale(1.06)}
.w-hizmet .benefit-card h3{font-size:1.1rem;margin-bottom:.4rem}
.w-hizmet .benefit-card p{font-size:.92rem;color:var(--w-ink-3)}

/* ===== TEKNOLOJİLER ===== */
.w-hizmet .technologies-section{margin:clamp(2rem,5vw,3.5rem) 0}
.w-hizmet .technologies-section > h2{text-align:center;font-size:clamp(1.4rem,1.1rem + 1.3vw,1.9rem);margin-bottom:2rem;display:flex;align-items:center;justify-content:center;gap:.7rem}
.w-hizmet .technologies-section > h2 i{color:var(--w-teal)}
.w-hizmet .tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}
.w-hizmet .tech-card{text-align:center;padding:1.4rem 1rem;background:var(--w-surface);border:1px solid var(--w-border);border-radius:var(--w-r-md);transition:transform .3s var(--w-ease),box-shadow .3s var(--w-ease),border-color .3s}
.w-hizmet .tech-card:hover{transform:translateY(-4px);box-shadow:var(--w-shadow-md);border-color:var(--w-teal-100)}
.w-hizmet .tech-card i{font-size:2rem;color:var(--w-teal);margin-bottom:.5rem}
.w-hizmet .tech-card .tech-name{display:block;font-size:1rem;margin-bottom:.3rem;font-weight:700}
.w-hizmet .tech-card p{font-size:.82rem;color:var(--w-ink-3)}

/* ===== SSS ===== */
.w-hizmet .faq-section{margin:clamp(2rem,5vw,3.5rem) 0}
.w-hizmet .faq-section > h2{text-align:center;font-size:clamp(1.4rem,1.1rem + 1.3vw,1.9rem);margin-bottom:1.8rem;display:flex;align-items:center;justify-content:center;gap:.7rem}
.w-hizmet .faq-section > h2 i{color:var(--w-teal)}
.w-hizmet .faq-container{display:grid;gap:.8rem}
.w-hizmet .faq-item{background:var(--w-surface);border:1px solid var(--w-border);border-radius:var(--w-r-md);margin-bottom:.8rem;box-shadow:var(--w-shadow-sm);overflow:hidden}
/* Basit FAQ (h3+p doğrudan, hep açık) */
.w-hizmet .faq-item > h3{font-size:1.05rem;margin:0;padding:1.1rem 1.3rem .2rem;color:var(--w-ink)}
.w-hizmet .faq-item > p{font-size:.95rem;color:var(--w-ink-3);line-height:1.65;margin:0;padding:.2rem 1.3rem 1.1rem}
/* Accordion FAQ (.faq-question header + .faq-answer collapsible) */
.w-hizmet .faq-question{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 1.3rem;cursor:pointer;user-select:none;transition:background .2s}
.w-hizmet .faq-question:hover{background:var(--w-sand-50)}
.w-hizmet .faq-question h3{font-size:1.02rem;margin:0;color:var(--w-ink)}
.w-hizmet .faq-toggle{flex:none;width:26px;height:26px;border-radius:50%;background:var(--w-teal-50);color:var(--w-teal-700);font-size:1.15rem;font-weight:700;line-height:1;display:grid;place-items:center;transition:transform .3s var(--w-ease),background .25s,color .25s}
.w-hizmet .faq-item.active .faq-toggle{transform:rotate(45deg);background:var(--w-teal);color:#fff}
.w-hizmet .faq-answer{max-height:0;overflow:hidden;transition:max-height .35s var(--w-ease)}
.w-hizmet .faq-item.active .faq-answer{max-height:420px}
.w-hizmet .faq-answer p{font-size:.95rem;color:var(--w-ink-3);line-height:1.65;margin:0;padding:0 1.3rem 1.15rem}

/* ===== CTA (sayfa içi) ===== */
.w-hizmet .cta-section{margin:clamp(2.5rem,5vw,4rem) 0 0;background:linear-gradient(140deg,var(--w-navy),var(--w-navy-2));border-radius:var(--w-r-xl);padding:clamp(2.2rem,4vw,3.5rem);text-align:center;color:#fff;position:relative;overflow:hidden}
.w-hizmet .cta-section::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 80% at 90% 10%,rgb(14 124 102/.35),transparent 60%)}
.w-hizmet .cta-section > *{position:relative}
.w-hizmet .cta-section h2{color:#fff;font-size:clamp(1.5rem,1.2rem + 1.5vw,2.2rem);margin-bottom:.7rem}
.w-hizmet .cta-section p{color:rgb(255 255 255/.85);max-width:52ch;margin:0 auto 1.6rem}
.w-hizmet .cta-section a,.w-hizmet .cta-section .btn{display:inline-flex;align-items:center;gap:.5em;background:var(--w-teal);color:#fff;font-weight:600;padding:.9em 1.7em;border-radius:var(--w-r-full);text-decoration:none;box-shadow:var(--w-shadow-teal);transition:transform .18s,background .2s;margin:.3rem}
.w-hizmet .cta-section a:hover,.w-hizmet .cta-section .btn:hover{background:var(--w-teal-600);color:#fff;transform:translateY(-2px)}

/* ===== CTA alt-öğeleri (cta-content/buttons/features) ===== */
.w-hizmet .cta-content{position:relative}
.w-hizmet .cta-buttons{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:.4rem}
.w-hizmet .cta-section .btn-secondary{background:rgb(255 255 255/.12);border:1px solid rgb(255 255 255/.32);box-shadow:none}
.w-hizmet .cta-section .btn-secondary:hover{background:rgb(255 255 255/.2)}
/* CTA içindeki beyaz iletişim kutusu: tel/mail linkleri PILL DEĞİL düz teal metin olsun */
.w-hizmet .cta-section .bg-white{color:var(--w-ink)}
.w-hizmet .cta-section .bg-white p{color:var(--w-ink);margin-bottom:.5rem;text-align:left}
.w-hizmet .cta-section .bg-white strong{color:var(--w-ink)}
.w-hizmet .cta-section .bg-white a{display:inline;background:none!important;color:var(--w-teal)!important;padding:0;margin:0;box-shadow:none;border-radius:0;font-weight:700;text-decoration:none}
.w-hizmet .cta-section .bg-white a:hover{background:none!important;transform:none;color:var(--w-teal-700)!important;text-decoration:underline}

/* ===== HİZMET HIZLI-TEKLİF BANNER (wega_hizmet_cta) — dikkat çeken, modal+otomatik seçim ===== */
.w-hizmet .w-hcta-wrap{padding-block:clamp(1.4rem,3vw,2.4rem)}
.w-hizmet .w-hcta{
  display:flex;flex-wrap:wrap;gap:1.4rem 2rem;align-items:center;justify-content:space-between;
  background-color:#0E7C66;
  background-image:linear-gradient(120deg,var(--w-teal,#0E7C66) 0%,var(--w-teal-700,#0A5345) 78%);
  color:#fff;border-radius:var(--w-r-xl,30px);padding:clamp(1.5rem,3vw,2.4rem);
  box-shadow:var(--w-shadow-teal,0 16px 36px rgb(14 124 102/.22));
  position:relative;overflow:hidden
}
.w-hizmet .w-hcta::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(232,162,61,.35),transparent 68%);pointer-events:none}
.w-hizmet .w-hcta-text,.w-hizmet .w-hcta-action{color:#fff}
.w-hizmet .w-hcta-text{flex:1 1 340px;position:relative;z-index:1}
.w-hizmet .w-hcta-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.18);color:#fff;font-weight:700;font-size:.8rem;padding:.34rem .8rem;border-radius:var(--w-r-full,9999px);margin-bottom:.7rem;border:1px solid rgba(255,255,255,.12)}
.w-hizmet .w-hcta-badge svg{width:14px;height:14px;stroke:#fff}
.w-hizmet .w-hcta h2{color:#fff!important;font-size:clamp(1.25rem,1.05rem + 1vw,1.75rem);line-height:1.18;margin:0 0 .35rem}
.w-hizmet .w-hcta p{color:rgba(255,255,255,.92)!important;margin:0;max-width:54ch;font-size:.97rem;line-height:1.55}
.w-hizmet .w-hcta-action{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;position:relative;z-index:1}
.w-hizmet .w-hcta-open{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;background:#fff!important;color:var(--w-teal-700,#0A5345)!important;font-weight:800;border:0;box-shadow:0 10px 26px rgb(0 0 0/.20);cursor:pointer}
.w-hizmet .w-hcta-open:hover{background:var(--w-amber,#E8A23D)!important;color:#fff!important;transform:translateY(-2px)}
.w-hizmet .w-hcta-open svg{width:18px;height:18px}
.w-hizmet .w-hcta-call{color:rgba(255,255,255,.92);font-weight:600;font-size:.88rem;text-decoration:none}
.w-hizmet .w-hcta-call:hover{color:#fff;text-decoration:underline}
@media (max-width:680px){.w-hizmet .w-hcta-action{align-items:stretch;width:100%}.w-hizmet .w-hcta-open{width:100%;justify-content:center}.w-hizmet .w-hcta-call{text-align:center}}
.w-hizmet .cta-features{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:center;margin-top:1.4rem;color:rgb(255 255 255/.85);font-size:.9rem;font-weight:600}
.w-hizmet .cta-features span{display:inline-flex;align-items:center;gap:.4rem}
.w-hizmet .cta-features i{color:#7BE0C4}

/* ===== SÜREÇ / ZAMAN ÇİZELGESİ (timeline-step) ===== */
.w-hizmet .registration-process-section,.w-hizmet .process-section{margin:clamp(2.5rem,6vw,4rem) 0}
.w-hizmet .registration-process-section > h2,.w-hizmet .technology-stack-section > h2{position:relative;text-align:center;font-size:clamp(1.4rem,1.1rem + 1.3vw,1.9rem);margin-bottom:2.4rem;display:flex;align-items:center;justify-content:center;gap:.6rem}
.w-hizmet .registration-process-section > h2 i,.w-hizmet .technology-stack-section > h2 i{color:var(--w-teal)}
.w-hizmet .registration-process-section > h2::after,.w-hizmet .technology-stack-section > h2::after{content:"";position:absolute;left:50%;bottom:-.85rem;transform:translateX(-50%);width:48px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--w-teal),var(--w-amber))}
.w-hizmet .timeline-step{display:flex;gap:1.1rem;align-items:flex-start;padding-bottom:1.6rem;position:relative}
.w-hizmet .timeline-step:not(:last-child)::after{content:"";position:absolute;left:21px;top:50px;bottom:-2px;width:2px;background:var(--w-border)}
.w-hizmet .step-number{flex:none;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--w-teal),var(--w-teal-700));color:#fff;font-family:var(--w-font-display);font-weight:800;display:grid;place-items:center;box-shadow:var(--w-shadow-teal);position:relative;z-index:1}
.w-hizmet .step-content{flex:1;padding-top:.25rem}
.w-hizmet .step-content h3{font-size:1.1rem;margin-bottom:.35rem}
.w-hizmet .step-content p{font-size:.95rem;color:var(--w-ink-3);margin-bottom:.45rem}
.w-hizmet .duration{display:inline-block;font-size:.78rem;font-weight:600;color:var(--w-teal-700);background:var(--w-teal-50);padding:.22rem .75rem;border-radius:var(--w-r-full)}

/* ===== TEKNOLOJİ ROZETLERİ (tech-badge) ===== */
.w-hizmet .technology-stack-section{margin:clamp(2.5rem,6vw,4rem) 0}
.w-hizmet .tech-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(1.4rem,3vw,2rem)}
.w-hizmet .tech-category h3{font-size:1.05rem;margin-bottom:.9rem;padding-bottom:.5rem;border-bottom:1px solid var(--w-border)}
.w-hizmet .tech-badges{display:flex;flex-wrap:wrap;gap:.5rem}
.w-hizmet .tech-badge{display:inline-block;font-size:.82rem;font-weight:600;color:var(--w-teal-700);background:var(--w-teal-50);border:1px solid var(--w-teal-100);padding:.35rem .8rem;border-radius:var(--w-r-full);transition:background .2s,color .2s}
.w-hizmet .tech-badge:hover{background:var(--w-teal);color:#fff}

/* ===== Öne çıkan kart (featured) ===== */
.w-hizmet .service-card.featured::before{background:linear-gradient(90deg,var(--w-amber),var(--w-teal))}

/* ===== NEDEN BİZ varyantı (why-choose-card/icon/grid — 4 sayfa) ===== */
.w-hizmet .why-choose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(1.6rem,4vw,2.6rem)}
.w-hizmet .why-choose-card{text-align:center;background:none;border:0;padding:0}
.w-hizmet .why-choose-icon{width:62px;height:62px;margin:0 auto 1rem;border-radius:18px;background:linear-gradient(135deg,var(--w-teal),var(--w-teal-700));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.45rem;box-shadow:var(--w-shadow-teal);transition:transform .35s var(--w-ease-spring)}
.w-hizmet .why-choose-card:hover .why-choose-icon{transform:translateY(-4px) scale(1.06)}
.w-hizmet .why-choose-card h3{font-size:1.1rem;margin-bottom:.4rem}
.w-hizmet .why-choose-card p{font-size:.92rem;color:var(--w-ink-3)}

/* ===== Yetkili Bayilik logoları (partner-logos) ===== */
.w-hizmet .partnership-intro{margin-bottom:1.3rem}
.w-hizmet .partnership-intro p{font-size:1.02rem;color:var(--w-ink-2)}
.w-hizmet .partner-logos{display:flex;flex-wrap:wrap;gap:.7rem;margin:.4rem 0 1.1rem}
/* Boş placeholder logoları gizle; temiz "yetkili bayi" isim çipi göster.
   Gerçek logolar images/partners/'a konunca .partner-img{display:inline} yap. */
.w-hizmet .partner-img{display:none}
.w-hizmet .partner-logo{display:inline-flex;flex-direction:row;align-items:center;gap:.55rem;background:var(--w-surface);
  border:1px solid var(--w-border);border-radius:var(--w-r-full);padding:.6rem 1.1rem;box-shadow:var(--w-shadow-sm);
  transition:transform .25s var(--w-ease),box-shadow .25s var(--w-ease),border-color .25s}
.w-hizmet .partner-logo:hover{transform:translateY(-2px);box-shadow:var(--w-shadow-md);border-color:var(--w-teal-100)}
.w-hizmet .partner-logo::before{content:"✓";flex:none;width:19px;height:19px;border-radius:50%;
  background:var(--w-teal);color:#fff;font-size:.72rem;font-weight:800;display:grid;place-items:center;line-height:1}
.w-hizmet .partner-logo span{font-size:.9rem;color:var(--w-ink);font-weight:700;line-height:1}

/* ===== Pazaryeri rozetleri (marketplace) ===== */
.w-hizmet .marketplace-list{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}
.w-hizmet .marketplace-item{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--w-teal-700);background:var(--w-teal-50);border:1px solid var(--w-teal-100);padding:.35rem .8rem;border-radius:var(--w-r-full)}
.w-hizmet .marketplace-item i{font-size:.8em;opacity:.75}

/* ===== Fiyatlandırma (pricing) ===== */
.w-hizmet .pricing-section{margin:clamp(2.5rem,6vw,4rem) 0}
.w-hizmet .pricing-intro{text-align:center;color:var(--w-ink-3);max-width:60ch;margin:0 auto 2rem}
.w-hizmet .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem}
.w-hizmet .pricing-card{background:var(--w-surface);border:1px solid var(--w-border);border-radius:var(--w-r-lg);padding:1.8rem;box-shadow:var(--w-shadow-sm);transition:transform .3s var(--w-ease),box-shadow .3s var(--w-ease),border-color .3s;position:relative}
.w-hizmet .pricing-card:hover{transform:translateY(-5px);box-shadow:var(--w-shadow-lg);border-color:var(--w-teal-100)}
.w-hizmet .pricing-card.featured{border:2px solid var(--w-teal);box-shadow:var(--w-shadow-teal)}
.w-hizmet .pricing-header{text-align:center;margin-bottom:1.2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--w-border)}
.w-hizmet .pricing-header > i{font-size:1.6rem;color:var(--w-amber);margin-bottom:.5rem;display:block}
.w-hizmet .pricing-header h3{font-size:1.2rem;margin-bottom:.6rem}
.w-hizmet .price{font-family:var(--w-font-display);font-weight:800;font-size:1.9rem;color:var(--w-teal);line-height:1}
.w-hizmet .price span{font-family:var(--w-font-sans);font-size:.78rem;font-weight:500;color:var(--w-ink-3);margin-left:.3rem}
.w-hizmet .pricing-features ul{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}
.w-hizmet .pricing-features li{display:flex;align-items:center;gap:.5rem;font-size:.92rem;color:var(--w-ink-2)}
.w-hizmet .pricing-features li i{color:var(--w-teal);font-size:.85em;flex:none}
.w-hizmet .pricing-note{text-align:center;font-size:.85rem;color:var(--w-ink-muted);margin-top:1.5rem}

/* ===== Süreç (process-step — step-content YOK, h3+p doğrudan) ===== */
.w-hizmet .design-process-section,.w-hizmet .process-section{margin:clamp(2.5rem,6vw,4rem) 0}
.w-hizmet .process-steps,.w-hizmet .process-timeline{display:grid;gap:1rem}
.w-hizmet .process-step{display:grid;grid-template-columns:auto 1fr;column-gap:1.1rem;row-gap:.2rem;align-items:start;background:var(--w-surface);border:1px solid var(--w-border);border-radius:var(--w-r-md);padding:1.3rem;box-shadow:var(--w-shadow-sm)}
.w-hizmet .process-step .step-number{grid-column:1;grid-row:1 / 3}
.w-hizmet .process-step h3{grid-column:2;grid-row:1;font-size:1.08rem;margin:.2rem 0 0}
.w-hizmet .process-step p{grid-column:2;grid-row:2;font-size:.93rem;color:var(--w-ink-3);margin:0}

/* ortak: bu bölümlerin başlıkları ortada + aksan çizgili */
.w-hizmet .pricing-section > h2,.w-hizmet .design-process-section > h2,.w-hizmet .process-section > h2,.w-hizmet .partnership-section > h2{position:relative;text-align:center;font-size:clamp(1.4rem,1.1rem + 1.3vw,1.9rem);margin-bottom:2.4rem;display:flex;align-items:center;justify-content:center;gap:.6rem}
.w-hizmet .pricing-section > h2 i,.w-hizmet .design-process-section > h2 i,.w-hizmet .process-section > h2 i{color:var(--w-teal)}
.w-hizmet .pricing-section > h2::after,.w-hizmet .design-process-section > h2::after,.w-hizmet .process-section > h2::after{content:"";position:absolute;left:50%;bottom:-.85rem;transform:translateX(-50%);width:48px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--w-teal),var(--w-amber))}

/* ===== BOOTSTRAP → 2027 TEMA KÖPRÜSÜ =====
   Sadece .w-bridge taşıyan Option-A içerik sayfaları (domain-hosting, sanal-santral,
   sosyal-medya, internet-reklam, antalya-seo-hizmeti). 6 desen sayfası .w-bridge taşımaz
   → onların kartları etkilenmez. Tümü .w-hizmet/.w-bridge altında → çakışma yok. */
.w-bridge section[class*="py-"]{padding-block:clamp(2.2rem,5vw,3.8rem)}
.w-bridge .container{max-width:1180px}
.w-bridge .bg-light{background:var(--w-sand-100)!important}
/* "Koyu" Bootstrap bölümleri → FERAH açık zemin (kullanıcı tercihi 12 Haz) */
.w-bridge .bg-primary,.w-bridge .bg-gradient-primary{background:radial-gradient(120% 100% at 50% 0%,var(--w-teal-50) 0%,var(--w-sand-100) 62%)!important;color:var(--w-ink)!important}
/* Açık zemine çevrilen bölümlerde TÜM beyaz metin koyulaşsın (okunabilirlik) */
.w-bridge :is(.bg-primary,.bg-gradient-primary) :is(h1,h2,h3,h4,h5,h6,.display-4,.display-5,.h1,.h2,.h3,.h4,strong,b){color:var(--w-ink)!important}
.w-bridge :is(.bg-primary,.bg-gradient-primary) :is(p,li,span,a,small,div,label,td,th,.lead,.text-white,.text-light,.text-muted,[class*="text-light"]){color:var(--w-ink-2)!important}
/* renkli zeminli öğeler (rozet, buton, ikon karo) beyaz kalsın */
.w-bridge :is(.bg-primary,.bg-gradient-primary) :is(.badge,[class*="-badge"],.btn-primary),.w-bridge :is(.bg-primary,.bg-gradient-primary) :is(.badge,[class*="-badge"],.btn-primary) span,.w-bridge :is(.bg-primary,.bg-gradient-primary) [class*="-icon"],.w-bridge :is(.bg-primary,.bg-gradient-primary) [class*="-icon"] :is(i,svg){color:#fff!important}
/* liste tik ikonları teal */
.w-bridge li :is(i.fa-check,i.fa-check-circle){color:var(--w-teal)!important}
/* başlıklar */
.w-bridge .display-4,.w-bridge .display-5{font-family:var(--w-font-display);font-weight:800;letter-spacing:-.02em;font-size:clamp(1.55rem,1.1rem + 1.9vw,2.3rem);line-height:1.15}
.w-bridge h2,.w-bridge h3,.w-bridge h4{font-family:var(--w-font-display)}
.w-bridge .lead{color:var(--w-ink-2);font-size:1.05rem;line-height:1.6}
.w-bridge .text-muted{color:var(--w-ink-3)!important}
/* kartlar — minimal yüzey */
.w-bridge [class*="-card"]{background:var(--w-surface);border:1px solid var(--w-border);border-radius:var(--w-r-lg);padding:1.7rem;box-shadow:var(--w-shadow-sm);height:100%;transition:transform .25s var(--w-ease),box-shadow .25s var(--w-ease),border-color .25s}
.w-bridge [class*="-card"]:hover{transform:translateY(-4px);box-shadow:var(--w-shadow-md);border-color:var(--w-teal-100)}
/* koyu bölümdeki kartlar — cam efekti, okunur */
.w-bridge .bg-primary [class*="-card"],.w-bridge .bg-gradient-primary [class*="-card"]{background:var(--w-surface);border-color:var(--w-border);box-shadow:var(--w-shadow-sm)}
/* ikon kareleri — teal gradient tile */
.w-bridge [class*="-icon"]{width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;border-radius:15px;background:linear-gradient(135deg,var(--w-teal),var(--w-teal-700));color:#fff;font-size:1.45rem;margin-bottom:1rem}
.w-bridge [class*="-icon"]{font-size:1.45rem}
.w-bridge [class*="-icon"] i{color:#fff!important;font-size:1.4rem!important;line-height:1}
/* listeler: orijinal fa-check ikonları korunur (::before eklemiyoruz → çift tik yok) */
.w-bridge .netislem-features,.w-bridge .partnership-benefits,.w-bridge .number-benefits,.w-bridge .feature-list{list-style:none;padding-left:0}
.w-bridge .netislem-features li,.w-bridge .partnership-benefits li,.w-bridge .number-benefits li,.w-bridge .package-features li,.w-bridge .feature-list li{margin-bottom:.45rem}
/* Bootstrap accordion (FAQ) → minimal */
.w-bridge .accordion-item{background:var(--w-surface);border:1px solid var(--w-border)!important;border-radius:var(--w-r-md)!important;margin-bottom:.7rem;overflow:hidden}
.w-bridge .accordion-button{font-family:var(--w-font-display);font-weight:700;color:var(--w-ink)}
.w-bridge .accordion-button:not(.collapsed){background:var(--w-teal-50);color:var(--w-teal-700);box-shadow:none}
.w-bridge .accordion-button:focus{box-shadow:0 0 0 .2rem var(--w-teal-100);border-color:transparent}
.w-bridge .accordion-body{color:var(--w-ink-2)}
/* butonlar */
.w-bridge .btn-primary{background:var(--w-teal)!important;border-color:var(--w-teal)!important;border-radius:var(--w-r-full);font-weight:700;padding:.7rem 1.6rem}
.w-bridge .btn-primary:hover{background:var(--w-teal-700)!important}
.w-bridge .btn-outline-light{border-radius:var(--w-r-full);font-weight:700;color:var(--w-teal)!important;border-color:var(--w-teal)!important}
.w-bridge .btn-outline-light:hover{background:var(--w-teal)!important;color:#fff!important}

/* Şehir/yerel KOYU bölümler (.whatsapp-cta, .stats-section): metin beyaz kalsın
   (base .w-hizmet h2/p{ink} koyu zeminde başlığı/metni ezip okunmaz yapıyordu) */
/* ===== KOYU BÖLÜM KONTRAST KORUMASI (luminans taramasıyla bulunan TÜM koyu sınıflar) =====
   İçlerindeki HER metin tipi (h1-6/p/li/span/div/td/label/em/a/strong) beyaz kalsın —
   base .w-hizmet h2/p/a{ink} ezmesin. Kendi zemini olan butonlar/rozetler HARİÇ (beyaz-üstü-beyaz olmaz). */
.w-hizmet :is(.whatsapp-cta,.stats-section,.cta-section,.reference-overlay,.alert-error,.brands-cta,.featured-akinsoft,.getting-started-section,.success-card,.service-image-card) :is(h1,h2,h3,h4,h5,h6,p,li,ul,ol,span,div,strong,em,b,small,label,td,th,a,.lead,.stat-number,.stat-label,.stat-text):not([class*="btn"]):not([class*="badge"]):not([class*="-cta"]):not(.brand-link):not(.cta-button){color:#fff!important}
/* brands-cta'yı belirgin kurumsal CTA yap (beyaz zemin yerine navy) */
.w-hizmet .brands-cta{background:linear-gradient(140deg,#16243B 0%,#1E3C72 100%)!important;border-radius:20px}
/* Şehir sayfalarında istatistik kartı/bandı phero'ya fazla uzaktı (eski tall hero için 60px üst margin/padding) → yakınlaştır */
.w-hizmet [class$="-stats"]{margin-top:0!important}
.w-hizmet .stats-section{padding-top:clamp(1.8rem,3vw,2.6rem)!important}

/* ===== RESPONSIVE ===== */
@media (max-width:760px){
  .w-hizmet .service-content-wrapper{grid-template-columns:1fr}
  .w-hizmet .service-image-card{max-width:420px;margin-inline:auto}
}
@media (max-width:560px){
  .w-hizmet .service-grid,.w-hizmet .benefits-grid{grid-template-columns:1fr}
  .w-hizmet .w-phero-actions{gap:.7rem}
  .w-hizmet .w-phero-actions .w-btn{flex:1;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .w-hizmet *{transition-duration:.01ms !important}
}