@charset "UTF-8";

/* =========================================================
   SEO MAKİNESİ GLOBAL FONT STANDARD FINAL
   Tüm site font standardı:
   Header / Hero / Blog Liste / Blog Detay / Hizmet Detay / Footer
   Dosya: assets/font-standard.css

   NOT:
   Bu dosya sadece font, kalınlık, harf aralığı ve okunabilirlik ayarı yapar.
   Layout, genişlik, margin, padding, header pozisyonu içermez.
========================================================= */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");

:root{
    --sm27-font-main:"Inter","Google Sans","Segoe UI",Roboto,Arial,Helvetica,sans-serif;
    --sm27-font-title:"Inter","Google Sans","Segoe UI",Roboto,Arial,Helvetica,sans-serif;

    --sm27-fw-text:430;
    --sm27-fw-text-strong:500;
    --sm27-fw-menu:760;
    --sm27-fw-button:760;
    --sm27-fw-title:820;
    --sm27-fw-title-soft:800;
    --sm27-fw-logo:850;

    --sm27-ls-title:-.055em;
    --sm27-ls-title-mobile:-.045em;
    --sm27-ls-heading:-.048em;
    --sm27-ls-card:-.038em;
    --sm27-ls-menu:-.018em;
    --sm27-ls-text:-.006em;

    --sm27-title-color:#111827;
    --sm27-text-color:#475569;
    --sm27-muted-color:#64748b;
    --sm27-blue:#0b57d0;
}

/* =========================================================
   TEMEL FONT
========================================================= */

html,
body,
button,
input,
textarea,
select{
    font-family:var(--sm27-font-main)!important;
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale!important;
    text-rendering:geometricPrecision!important;
}

body{
    font-weight:var(--sm27-fw-text)!important;
    letter-spacing:var(--sm27-ls-text)!important;
    color:var(--sm27-text-color);
}

/* =========================================================
   HEADER / MENÜ / MOBİL MENÜ
========================================================= */

.ks27ph-header,
.ks27ph-header *,
.ks27ph-mobile,
.ks27ph-mobile *,
.ks27ph-overlay,
.ks27ph-overlay *,
.ks27ph-nav-link,
.ks27ph-drop-trigger,
.ks27ph-drop-panel a,
.ks27ph-ghost,
.ks27ph-cta{
    font-family:var(--sm27-font-main)!important;
}

/* Logo */
.ks27ph-text-logo,
.sm27f-text-logo strong{
    font-family:var(--sm27-font-title)!important;
    font-weight:var(--sm27-fw-logo)!important;
    letter-spacing:-.046em!important;
    line-height:1.05!important;
}

/* Menü linkleri */
.ks27ph-nav-link,
.ks27ph-drop-trigger,
.ks27ph-drop-panel a,
.ks27ph-mobile a,
.ks27ph-mobile-row a,
.ks27ph-mobile-sub a{
    font-family:var(--sm27-font-main)!important;
    font-weight:var(--sm27-fw-menu)!important;
    letter-spacing:var(--sm27-ls-menu)!important;
    line-height:1.22!important;
}

/* Header butonlar */
.ks27ph-ghost,
.ks27ph-cta,
.ks27ph-mobile-primary,
.ks27ph-contact-card{
    font-family:var(--sm27-font-main)!important;
    font-weight:var(--sm27-fw-button)!important;
    letter-spacing:-.018em!important;
}

/* =========================================================
   ANA SAYFA HERO / GENEL HERO
========================================================= */

.sm27-hero h1,
.sm27-index-hero h1,
.sm27-main h1,
.sm27-home-hero h1,
.sm27-hero-title,
.sm27-index-title{
    font-family:var(--sm27-font-title)!important;
    font-weight:var(--sm27-fw-title)!important;
    letter-spacing:var(--sm27-ls-title)!important;
    line-height:1.06!important;
    color:var(--sm27-title-color)!important;
}

.sm27-hero p,
.sm27-index-hero p,
.sm27-main p,
.sm27-home-hero p,
.sm27-hero-desc,
.sm27-index-desc{
    font-family:var(--sm27-font-main)!important;
    font-weight:var(--sm27-fw-text)!important;
    letter-spacing:var(--sm27-ls-text)!important;
    line-height:1.72!important;
    color:var(--sm27-text-color)!important;
}

/* =========================================================
   HİZMET / SİSTEM / PAKET DETAY SAYFALARI
   detail.css: .sm27-virtual-detail / .sm27-v-*
========================================================= */

.sm27-virtual-detail,
.sm27-virtual-detail *,
.sm27-v-container,
.sm27-v-container *{
    font-family:var(--sm27-font-main)!important;
}

.sm27-v-hero h1{
    font-family:var(--sm27-font-title)!important;
    font-weight:var(--sm27-fw-title)!important;
    letter-spacing:var(--sm27-ls-title)!important;
    line-height:1.06!important;
    color:var(--sm27-title-color)!important;
}

.sm27-v-hero-text p{
    font-family:var(--sm27-font-main)!important;
    font-weight:var(--sm27-fw-text)!important;
    letter-spacing:var(--sm27-ls-text)!important;
    line-height:1.72!important;
    color:var(--sm27-text-color)!important;
}

.sm27-v-kicker,
.sm27-v-breadcrumb,
.sm27-v-breadcrumb a,
.sm27-v-breadcrumb span{
    font-family:var(--sm27-font-main)!important;
    font-weight:760!important;
    letter-spacing:-.012em!important;
}

.sm27-v-btn{
    font-family:var(--sm27-font-main)!important;
    font-weight:var(--sm27-fw-button)!important;
    letter-spacing:-.018em!important;
}

/* Hizmet detay içerik başlıkları */
.sm27-v-content h1,
.sm27-v-content h2,
.sm27-v-content h3,
.sm27-v-content h4,
.sm27-v-content h5,
.sm27-v-content h6{
    font-family:var(--sm27-font-title)!important;
    color:var(--sm27-title-color)!important;
}

.sm27-v-content h2{
    font-weight:var(--sm27-fw-title)!important;
    letter-spacing:var(--sm27-ls-heading)!important;
    line-height:1.14!important;
}

.sm27-v-content h3{
    font-weight:760!important;
    letter-spacing:-.04em!important;
    line-height:1.2!important;
    color:var(--sm27-blue)!important;
}

.sm27-v-content p,
.sm27-v-content li,
.sm27-v-content blockquote{
    font-family:var(--sm27-font-main)!important;
    font-weight:var(--sm27-fw-text)!important;
    letter-spacing:var(--sm27-ls-text)!important;
    line-height:1.76!important;
    color:var(--sm27-text-color)!important;
}

.sm27-v-content strong,
.sm27-v-content b{
    font-family:var(--sm27-font-main)!important;
    font-weight:700!important;
    color:var(--sm27-title-color)!important;
}

/* Hizmet detay sağ panel */
.sm27-v-side-card strong,
.sm27-v-dash-top span,
.sm27-v-dash-grid strong,
.sm27-v-serp strong{
    font-family:var(--sm27-font-title)!important;
    font-weight:800!important;
    letter-spacing:var(--sm27-ls-card)!important;
    line-height:1.18!important;
    color:var(--sm27-title-color)!important;
}

.sm27-v-side-card p,
.sm27-v-side-card li,
.sm27-v-serp p,
.sm27-v-dash-grid small{
    font-family:var(--sm27-font-main)!important;
    font-weight:var(--sm27-fw-text)!important;
    letter-spacing:var(--sm27-ls-text)!important;
}

/* =========================================================
   BLOG LİSTE / SEO REHBERLERİ
========================================================= */

.ks27-blog-list-page,
.ks27-blog-list-page *,
.ks27-seo-guide-page,
.ks27-seo-guide-page *{
    font-family:var(--sm27-font-main)!important;
}

.ks27-blog-list-hero h1,
.ks27-blog-list-hero-text h1{
    font-family:var(--sm27-font-title)!important;
    font-weight:var(--sm27-fw-title)!important;
    letter-spacing:var(--sm27-ls-title)!important;
    line-height:1.06!important;
    color:var(--sm27-title-color)!important;
}

.ks27-blog-list-hero-text p,
.ks27-blog-snippet-answer p,
.ks27-blog-list-excerpt,
.ks27-blog-faq-item p{
    font-family:var(--sm27-font-main)!important;
    font-weight:var(--sm27-fw-text)!important;
    letter-spacing:var(--sm27-ls-text)!important;
    line-height:1.72!important;
    color:var(--sm27-text-color)!important;
}

.ks27-blog-list-card h2,
.ks27-blog-list-card h2 a,
.ks27-blog-faq h2,
.ks27-blog-faq-item h3,
.ks27-blog-list-toolbar-title{
    font-family:var(--sm27-font-title)!important;
    font-weight:var(--sm27-fw-title-soft)!important;
    letter-spacing:var(--sm27-ls-heading)!important;
    line-height:1.16!important;
    color:var(--sm27-title-color)!important;
}

.ks27-blog-list-meta,
.ks27-blog-list-target,
.ks27-blog-list-seo-mini,
.ks27-blog-list-readtime,
.ks27-blog-list-btn,
.ks27-blog-quick-links a,
.ks27-blog-list-badge,
.ks27-blog-list-kicker{
    font-family:var(--sm27-font-main)!important;
    font-weight:740!important;
    letter-spacing:-.012em!important;
}

/* =========================================================
   BLOG DETAY
   blog-detail.css: .sm27-bd-* / .sm27-blog-* / .sm27-content
========================================================= */

.sm27-blog-detail,
.sm27-blog-detail *,
.sm27-bd-page,
.sm27-bd-page *,
.sm27-bd-fullscreen,
.sm27-bd-fullscreen *,
.sm27-blog-body,
.sm27-blog-body *,
.sm27-content,
.sm27-content *{
    font-family:var(--sm27-font-main)!important;
}

.sm27-blog-title,
.sm27-bd-hero-copy h1,
.sm27-bd-hero h1,
.sm27-bd-fullscreen h1{
    font-family:var(--sm27-font-title)!important;
    font-weight:var(--sm27-fw-title)!important;
    letter-spacing:var(--sm27-ls-title)!important;
    line-height:1.06!important;
    color:var(--sm27-title-color)!important;
}

.sm27-blog-lead,
.sm27-bd-hero-copy p,
.sm27-bd-lead,
.sm27-blog-body p,
.sm27-content p,
.sm27-content li{
    font-family:var(--sm27-font-main)!important;
    font-weight:var(--sm27-fw-text)!important;
    letter-spacing:var(--sm27-ls-text)!important;
    line-height:1.76!important;
    color:var(--sm27-text-color)!important;
}

.sm27-content h1,
.sm27-content h2,
.sm27-content h3,
.sm27-content h4,
.sm27-blog-body h1,
.sm27-blog-body h2,
.sm27-blog-body h3,
.sm27-blog-body h4,
.sm27-bd-content h1,
.sm27-bd-content h2,
.sm27-bd-content h3,
.sm27-bd-content h4{
    font-family:var(--sm27-font-title)!important;
    color:var(--sm27-title-color)!important;
}

.sm27-content h2,
.sm27-blog-body h2,
.sm27-bd-content h2{
    font-weight:var(--sm27-fw-title)!important;
    letter-spacing:var(--sm27-ls-heading)!important;
    line-height:1.14!important;
}

.sm27-content h3,
.sm27-blog-body h3,
.sm27-bd-content h3{
    font-weight:760!important;
    letter-spacing:-.04em!important;
    line-height:1.2!important;
    color:var(--sm27-blue)!important;
}

.sm27-content strong,
.sm27-content b,
.sm27-blog-body strong,
.sm27-blog-body b,
.sm27-bd-content strong,
.sm27-bd-content b{
    font-family:var(--sm27-font-main)!important;
    font-weight:700!important;
    color:var(--sm27-title-color)!important;
}

.sm27-bd-kicker,
.sm27-bd-kicker span,
.sm27-bd-meta-grid,
.sm27-bd-meta-grid *,
.sm27-breadcrumb,
.sm27-breadcrumb *,
.sm27-bd-breadcrumb,
.sm27-bd-breadcrumb *,
.sm27-bd-score,
.sm27-bd-score *,
.sm27-bd-card,
.sm27-bd-card *{
    font-family:var(--sm27-font-main)!important;
}

.sm27-sidebar-box h3,
.sm27-sidebar-box strong,
.sm27-cta-box strong,
.sm27-faq-box h2,
.sm27-faq-item h3,
.sm27-related-box h2,
.sm27-related-card h3{
    font-family:var(--sm27-font-title)!important;
    font-weight:800!important;
    letter-spacing:var(--sm27-ls-card)!important;
    line-height:1.18!important;
    color:var(--sm27-title-color)!important;
}

.sm27-sidebar-box p,
.sm27-cta-box p,
.sm27-faq-item p,
.sm27-related-card p{
    font-family:var(--sm27-font-main)!important;
    font-weight:var(--sm27-fw-text)!important;
    letter-spacing:var(--sm27-ls-text)!important;
    line-height:1.72!important;
    color:var(--sm27-text-color)!important;
}

/* =========================================================
   FOOTER
========================================================= */

.sm27-footer,
.sm27-footer *{
    font-family:var(--sm27-font-main)!important;
}

.sm27f-col .sm27f-acc-head span,
.sm27f-cta strong,
.sm27f-links a,
.sm27f-badges span{
    font-family:var(--sm27-font-main)!important;
    font-weight:750!important;
    letter-spacing:-.018em!important;
}

.sm27f-desc,
.sm27f-contact-mini,
.sm27f-contact-mini *,
.sm27f-copy,
.sm27f-credit,
.sm27f-credit *,
.sm27f-bottom-links,
.sm27f-bottom-links *{
    font-family:var(--sm27-font-main)!important;
    font-weight:var(--sm27-fw-text)!important;
    letter-spacing:var(--sm27-ls-text)!important;
}

/* =========================================================
   GENEL BUTONLAR
========================================================= */

a[class*="btn"],
button,
.ks27ph-cta,
.ks27ph-ghost,
.sm27-v-btn,
.ks27-blog-list-btn,
.sm27-bd-btn,
.sm27-blog-btn,
.sm27-cta-btn{
    font-family:var(--sm27-font-main)!important;
    font-weight:var(--sm27-fw-button)!important;
    letter-spacing:-.018em!important;
}

/* =========================================================
   GOOGLE RENKLİ KELİME
   JS veya HTML ile parçalanan Google kelimesi fontu bozmasın
========================================================= */

.sm27-google-brand-safe,
.sm27-google-brand-safe span,
.sm27-v-google,
.sm27-v-google span,
.ks27-blog-google-word,
.ks27-blog-google-word span{
    font-family:inherit!important;
    font-weight:inherit!important;
    line-height:inherit!important;
    letter-spacing:inherit!important;
}

/* =========================================================
   MOBİL FONT STANDARDI
========================================================= */

@media(max-width:768px){

    .sm27-hero h1,
    .sm27-index-hero h1,
    .sm27-main h1,
    .sm27-home-hero h1,
    .sm27-v-hero h1,
    .sm27-blog-title,
    .sm27-bd-hero-copy h1,
    .sm27-bd-hero h1,
    .sm27-bd-fullscreen h1,
    .ks27-blog-list-hero h1,
    .ks27-blog-list-hero-text h1{
        font-size:34px!important;
        line-height:1.08!important;
        font-weight:800!important;
        letter-spacing:var(--sm27-ls-title-mobile)!important;
    }

    .sm27-v-content h2,
    .sm27-content h2,
    .sm27-blog-body h2,
    .sm27-bd-content h2,
    .ks27-blog-faq h2{
        font-size:28px!important;
        line-height:1.16!important;
        font-weight:800!important;
        letter-spacing:-.044em!important;
    }

    .sm27-v-content h3,
    .sm27-content h3,
    .sm27-blog-body h3,
    .sm27-bd-content h3{
        font-size:22px!important;
        line-height:1.2!important;
        font-weight:760!important;
        letter-spacing:-.038em!important;
    }

    .sm27-hero p,
    .sm27-index-hero p,
    .sm27-main p,
    .sm27-home-hero p,
    .sm27-v-hero-text p,
    .sm27-v-content p,
    .sm27-v-content li,
    .sm27-content p,
    .sm27-content li,
    .sm27-blog-body p,
    .sm27-blog-body li,
    .sm27-bd-content p,
    .sm27-bd-content li,
    .ks27-blog-list-excerpt,
    .ks27-blog-list-hero-text p,
    .ks27-blog-faq-item p{
        font-size:15.8px!important;
        line-height:1.72!important;
        font-weight:430!important;
        letter-spacing:-.006em!important;
    }

    .ks27ph-text-logo{
        font-weight:850!important;
        letter-spacing:-.044em!important;
    }

    .ks27ph-mobile a,
    .ks27ph-mobile-row a,
    .ks27ph-mobile-sub a{
        font-weight:750!important;
        letter-spacing:-.016em!important;
    }
}