@charset "UTF-8";

/* =========================================================
   SEO MAKİNESİ - HEADER FORCE FINAL
   Dosya: seomakinesi.com/assets/header-force.css
   Amaç: Tüm sayfalarda header, logo, menü ve buton hizasını eşitler.
========================================================= */

html{
    scroll-padding-top:74px !important;
}

body{
    margin:0 !important;
    padding-top:74px !important;
}

/* Desktop */
@media (min-width:1200px){

    .ks27ph-header{
        width:100% !important;
        min-height:74px !important;
        overflow:visible !important;
    }

    .ks27ph-header .ks27ph-inner{
        width:min(100% - 42px,1760px) !important;
        max-width:1760px !important;
        min-height:74px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        padding-left:0 !important;
        padding-right:0 !important;
        display:grid !important;
        grid-template-columns:230px minmax(0,1fr) 420px !important;
        align-items:center !important;
        gap:22px !important;
        overflow:visible !important;
    }

    .ks27ph-header .ks27ph-logo{
        width:230px !important;
        min-width:230px !important;
        max-width:230px !important;
        height:74px !important;
        margin:0 !important;
        padding:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
    }

    .ks27ph-header .ks27ph-logo-link{
        margin:0 !important;
        padding:0 !important;
        gap:4px !important;
        display:inline-flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:center !important;
        color:#07111f !important;
        text-decoration:none !important;
    }

    .ks27ph-header .ks27ph-logo-main{
        display:block !important;
        color:#07111f !important;
        font-size:25px !important;
        line-height:1 !important;
        font-weight:900 !important;
        letter-spacing:-.030em !important;
        word-spacing:4px !important;
        white-space:nowrap !important;
    }

    .ks27ph-header .ks27ph-logo-line{
        width:190px !important;
        height:3px !important;
        margin-top:0 !important;
        border-radius:999px !important;
        display:block !important;
        background:linear-gradient(90deg,#4285f4 0 25%,#ea4335 25% 45%,#fbbc05 45% 68%,#34a853 68% 100%) !important;
    }

    .ks27ph-header .ks27ph-nav{
        width:100% !important;
        min-width:0 !important;
        height:74px !important;
        margin:0 !important;
        padding:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:6px !important;
        overflow:visible !important;
    }

    .ks27ph-header .ks27ph-nav-link,
    .ks27ph-header .ks27ph-drop-trigger{
        min-height:42px !important;
        padding:0 10px !important;
        border-radius:13px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:6px !important;
        color:#111827 !important;
        background:transparent !important;
        font-size:14.6px !important;
        font-weight:800 !important;
        line-height:1 !important;
        letter-spacing:-.022em !important;
        white-space:nowrap !important;
        text-decoration:none !important;
    }

    .ks27ph-header .ks27ph-nav-link:hover,
    .ks27ph-header .ks27ph-drop-trigger:hover,
    .ks27ph-header .ks27ph-nav-link.is-active,
    .ks27ph-header .ks27ph-drop-trigger.is-active{
        color:#0b57d0 !important;
        background:rgba(66,133,244,.075) !important;
    }

    .ks27ph-header .ks27ph-actions{
        width:420px !important;
        min-width:420px !important;
        max-width:420px !important;
        height:74px !important;
        margin:0 !important;
        padding:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        gap:10px !important;
    }

    .ks27ph-header .ks27ph-phone,
    .ks27ph-header .ks27ph-cta{
        min-height:46px !important;
        padding:0 16px !important;
        border-radius:15px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:9px !important;
        font-size:14.6px !important;
        font-weight:870 !important;
        line-height:1 !important;
        white-space:nowrap !important;
        text-decoration:none !important;
    }

    .ks27ph-header .ks27ph-drop{
        position:relative !important;
        overflow:visible !important;
    }

    .ks27ph-header .ks27ph-drop-panel{
        top:calc(100% + 12px) !important;
        z-index:2147482500 !important;
    }
}

/* 1500px altı desktop */
@media (min-width:1200px) and (max-width:1500px){

    .ks27ph-header .ks27ph-inner{
        width:min(100% - 34px,1760px) !important;
        grid-template-columns:220px minmax(0,1fr) 400px !important;
        gap:16px !important;
    }

    .ks27ph-header .ks27ph-logo{
        width:220px !important;
        min-width:220px !important;
        max-width:220px !important;
    }

    .ks27ph-header .ks27ph-logo-main{
        font-size:24px !important;
        letter-spacing:-.030em !important;
        word-spacing:4px !important;
    }

    .ks27ph-header .ks27ph-logo-line{
        width:182px !important;
    }

    .ks27ph-header .ks27ph-actions{
        width:400px !important;
        min-width:400px !important;
        max-width:400px !important;
    }

    .ks27ph-header .ks27ph-nav-link,
    .ks27ph-header .ks27ph-drop-trigger{
        padding:0 7px !important;
        font-size:13.8px !important;
    }

    .ks27ph-header .ks27ph-phone,
    .ks27ph-header .ks27ph-cta{
        min-height:44px !important;
        padding:0 13px !important;
        font-size:13.8px !important;
    }
}

/* 1280px altı desktop */
@media (min-width:1200px) and (max-width:1280px){

    .ks27ph-header .ks27ph-inner{
        grid-template-columns:220px minmax(0,1fr) 230px !important;
        gap:12px !important;
    }

    .ks27ph-header .ks27ph-phone{
        display:none !important;
    }

    .ks27ph-header .ks27ph-actions{
        width:230px !important;
        min-width:230px !important;
        max-width:230px !important;
    }
}

/* Tablet ve mobilde üst boşluk korunsun */
@media (max-width:1199px){
    html{
        scroll-padding-top:76px !important;
    }

    body{
        padding-top:76px !important;
    }
}

@media (max-width:767px){
    html{
        scroll-padding-top:74px !important;
    }

    body{
        padding-top:74px !important;
    }
}