/* =========================================================
   MURAT KARAN — HOME HYBRID V2 / FINAL POLISH LAYER
   Bu dosya yalnızca ana sayfada, Hero CSS'lerinden SONRA yüklenir.
   Amaç: çakışmaları önlemek, tipografiyi düzeltmek, butonları
   tek stile yaklaştırmak ve tüm breakpoint'lerde güvenli layout.
========================================================= */

body.mk-customer-premium-v10{
    --mk-home-bg:#030C14;
    --mk-home-panel:#081826;
    --mk-home-panel-2:#0B2130;
    --mk-home-border:rgba(133,215,250,.18);
    --mk-home-border-strong:rgba(96,165,250,.42);
    --mk-home-text:#F6FCFF;
    --mk-home-muted:#7DC2E0;
    --mk-home-purple:#60A5FA;
    --mk-home-blue:#38BDF8;
    --mk-home-cyan:#67E8F9;
    --mk-home-radius:18px;
    background:
        radial-gradient(circle at 15% 8%,rgba(63,192,247,.13),transparent 29rem),
        radial-gradient(circle at 88% 24%,rgba(10,174,245,.07),transparent 30rem),
        linear-gradient(rgba(93,202,248,.022) 1px,transparent 1px),
        linear-gradient(90deg,rgba(93,202,248,.022) 1px,transparent 1px),
        var(--mk-home-bg)!important;
    background-size:auto,auto,44px 44px,44px 44px!important;
    color:var(--mk-home-text);
}

html{
    scroll-padding-top:96px;
}

main.mk-home-v2{
    position:relative;
    width:100%;
    overflow-x:clip;
    overflow-y:visible;
}

@supports not (overflow:clip){
    main.mk-home-v2{overflow-x:hidden;}
}

main.mk-home-v2 *,
main.mk-home-v2 *::before,
main.mk-home-v2 *::after{
    box-sizing:border-box;
}

main.mk-home-v2 img,
main.mk-home-v2 video,
main.mk-home-v2 svg{
    max-width:100%;
}

main.mk-home-v2 section[id],
main.mk-home-v2 #home{
    scroll-margin-top:96px;
}

main.mk-home-v2 .container{
    width:min(1180px,calc(100% - 40px))!important;
    margin-inline:auto!important;
}

/* =========================================================
   TYPOGRAPHY / SAFE TEXT FLOW
========================================================= */
main.mk-home-v2 h1,
main.mk-home-v2 h2,
main.mk-home-v2 h3,
main.mk-home-v2 h4,
main.mk-home-v2 p,
main.mk-home-v2 li,
main.mk-home-v2 strong,
main.mk-home-v2 small,
main.mk-home-v2 span{
    overflow-wrap:break-word;
}

main.mk-home-v2 h1,
main.mk-home-v2 h2,
main.mk-home-v2 h3,
main.mk-home-v2 h4{
    text-wrap:balance;
}

main.mk-home-v2 p{
    text-wrap:pretty;
}

main.mk-home-v2 .section-head,
main.mk-home-v2 .premium-section-head,
main.mk-home-v2 .premium-testimonials-head,
main.mk-home-v2 .premium-experiences-head{
    min-width:0!important;
}

main.mk-home-v2 .section-head h2,
main.mk-home-v2 .premium-testimonials-titlebox h2,
main.mk-home-v2 .premium-experiences-titlebox h2,
main.mk-home-v2 .premium-contact-top h2{
    margin-top:0!important;
    margin-bottom:0!important;
    color:var(--mk-home-text)!important;
    font-size:clamp(30px,4vw,48px)!important;
    line-height:1.08!important;
    letter-spacing:-.04em!important;
}

main.mk-home-v2 .section-head p,
main.mk-home-v2 .premium-testimonials-intro,
main.mk-home-v2 .premium-experiences-intro,
main.mk-home-v2 .premium-contact-top p{
    color:var(--mk-home-muted)!important;
    line-height:1.72!important;
}

/* =========================================================
   SECTION RHYTHM
========================================================= */
main.mk-home-v2>section:not(.hero),
main.mk-home-v2>.mkhd-host + section{
    position:relative;
}

main.mk-home-v2>section:not(.hero){
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding-top:48px!important;
    padding-bottom:48px!important;
    background:transparent!important;
}

main.mk-home-v2 .section-head,
main.mk-home-v2 .premium-section-head,
main.mk-home-v2 .premium-testimonials-head,
main.mk-home-v2 .premium-experiences-head{
    margin-bottom:24px!important;
}

main.mk-home-v2>section:not(:last-child)::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:min(1180px,calc(100% - 40px));
    height:1px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,rgba(91,201,248,.15),rgba(103,232,249,.10),transparent);
    pointer-events:none;
}

/* =========================================================
   HERO — FIXED NAV + NO OVERLAP
========================================================= */
main.mk-home-v2 .mkhd-host{
    position:relative!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    overflow:visible!important;
}

main.mk-home-v2 .mkhd-legacy-wrap{
    position:relative!important;
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
}

@media (min-width:769px){
    main.mk-home-v2 .mkhd-legacy-desktop.hero-premium,
    main.mk-home-v2 .mkhd-legacy-wrap .hero-premium{
        position:relative!important;
        display:block!important;
        min-height:0!important;
        height:auto!important;
        padding:112px 0 26px!important;
        overflow:hidden!important;
    }

    main.mk-home-v2 .mkhd-legacy-desktop .hero-premium-inner,
    main.mk-home-v2 .mkhd-legacy-wrap .hero-premium-inner{
        display:grid!important;
        grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr)!important;
        align-items:center!important;
        gap:38px!important;
        min-height:540px!important;
        height:auto!important;
        padding:10px 0!important;
    }

    main.mk-home-v2 .mkhd-legacy-desktop .hero-copy,
    main.mk-home-v2 .mkhd-legacy-wrap .hero-copy{
        min-width:0!important;
        max-width:560px!important;
        padding:0!important;
        transform:none!important;
    }

    main.mk-home-v2 .mkhd-legacy-desktop .hero-copy h1,
    main.mk-home-v2 .mkhd-legacy-wrap .hero-copy h1{
        margin:16px 0 14px!important;
        font-size:clamp(54px,5.6vw,82px)!important;
        line-height:.98!important;
        letter-spacing:-.052em!important;
        overflow:visible!important;
    }

    main.mk-home-v2 .mkhd-legacy-desktop .hero-role,
    main.mk-home-v2 .mkhd-legacy-wrap .hero-role{
        margin-top:10px!important;
        font-size:10px!important;
        line-height:1.5!important;
        letter-spacing:.28em!important;
    }

    main.mk-home-v2 .mkhd-legacy-desktop .hero-description,
    main.mk-home-v2 .mkhd-legacy-wrap .hero-description{
        max-width:570px!important;
        margin-top:18px!important;
        color:#8ECAE4!important;
        font-size:14px!important;
        line-height:1.75!important;
    }

    main.mk-home-v2 .mkhd-legacy-desktop .hero-actions,
    main.mk-home-v2 .mkhd-legacy-wrap .hero-actions{
        display:flex!important;
        align-items:center!important;
        flex-wrap:wrap!important;
        gap:10px!important;
        margin-top:22px!important;
    }

    main.mk-home-v2 .mkhd-legacy-desktop .hero-visual,
    main.mk-home-v2 .mkhd-legacy-wrap .hero-visual{
        position:relative!important;
        width:100%!important;
        min-height:520px!important;
        height:auto!important;
        margin:0!important;
        overflow:hidden!important;
    }

    main.mk-home-v2 .mkhd-legacy-desktop .mk-cyber-frame-wrap,
    main.mk-home-v2 .mkhd-legacy-wrap .mk-cyber-frame-wrap{
        width:min(100%,590px)!important;
        max-width:100%!important;
        height:390px!important;
        left:50%!important;
        right:auto!important;
        top:50%!important;
        transform:translate(-50%,-50%)!important;
    }

    main.mk-home-v2 .mkhd-legacy-desktop .hero-stats-stack,
    main.mk-home-v2 .mkhd-legacy-wrap .hero-stats-stack{
        position:absolute!important;
        left:16px!important;
        right:16px!important;
        top:auto!important;
        bottom:14px!important;
        width:auto!important;
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:8px!important;
        z-index:20!important;
    }

    main.mk-home-v2 .mkhd-legacy-desktop .hero-stat-card,
    main.mk-home-v2 .mkhd-legacy-wrap .hero-stat-card{
        min-width:0!important;
        min-height:66px!important;
        padding:10px 11px!important;
    }

    /* En önemli düzeltme: özellik şeridi artık absolute değil. */
    main.mk-home-v2 .mkhd-legacy-desktop .hero-feature-strip,
    main.mk-home-v2 .mkhd-legacy-wrap .hero-feature-strip{
        position:relative!important;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        bottom:auto!important;
        transform:none!important;
        width:min(1180px,calc(100% - 40px))!important;
        margin:16px auto 0!important;
        padding:8px!important;
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:8px!important;
        z-index:3!important;
    }
}

/* Modern hero varyantları */
main.mk-home-v2 .mkhd-title{
    line-height:.98!important;
    letter-spacing:-.045em!important;
}

main.mk-home-v2 .mkhd-desc{
    line-height:1.7!important;
}

main.mk-home-v2 .mkhd-shell,
main.mk-home-v2 .mkhd-copy,
main.mk-home-v2 .mkhd-visual,
main.mk-home-v2 .mkhd-features,
main.mk-home-v2 .mkhd-stats{
    min-width:0!important;
}

/* =========================================================
   BUTTON SYSTEM
========================================================= */
main.mk-home-v2 :is(
    .hero-btn,
    .mkhd-btn,
    .about-more-btn,
    .service-premium-link,
    .premium-project-link,
    .premium-projects-all-btn,
    .premium-contact-submit-v2,
    .premium-experiences-all-btn,
    .premium-testimonials-all-btn
){
    min-height:46px!important;
    max-width:100%;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    padding:0 16px!important;
    border-radius:12px!important;
    font-weight:800!important;
    line-height:1.2!important;
    text-decoration:none!important;
    cursor:pointer;
    transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease!important;
}

main.mk-home-v2 :is(
    .hero-btn,
    .mkhd-btn,
    .about-more-btn,
    .service-premium-link,
    .premium-project-link,
    .premium-projects-all-btn,
    .premium-contact-submit-v2,
    .premium-experiences-all-btn,
    .premium-testimonials-all-btn
):hover{
    transform:translateY(-2px)!important;
}

main.mk-home-v2 :is(a,button,input,textarea,select):focus-visible{
    outline:2px solid var(--mk-home-cyan)!important;
    outline-offset:3px!important;
}

main.mk-home-v2 .hero-btn-primary,
main.mk-home-v2 .mkhd-btn-primary,
main.mk-home-v2 .about-more-btn,
main.mk-home-v2 .premium-contact-submit-v2{
    color:#fff!important;
    border:1px solid rgba(125,212,250,.48)!important;
    background:linear-gradient(115deg,#0284C7 0%,#50C2F3 52%,#0EA5E9 100%)!important;
    box-shadow:0 12px 30px rgba(50,160,207,.24)!important;
}

main.mk-home-v2 .hero-btn-secondary,
main.mk-home-v2 .mkhd-btn-secondary{
    color:#E3F2F8!important;
    border:1px solid rgba(103,184,219,.22)!important;
    background:rgba(7,20,31,.76)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}

/* =========================================================
   SHARED CARDS
========================================================= */
main.mk-home-v2 :is(
    .skill-premium-card,
    .service-premium-card,
    .premium-project-card,
    .premium-experience-card,
    .premium-testimonial-card,
    .premium-stat-card,
    .premium-contact-info-card,
    .premium-map-card,
    .premium-contact-social-card,
    .premium-contact-form-card-v2
){
    min-width:0!important;
    border-color:var(--mk-home-border)!important;
    border-radius:16px!important;
    background:linear-gradient(145deg,rgba(13,33,47,.88),rgba(5,18,28,.94))!important;
    box-shadow:0 16px 44px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)!important;
}

main.mk-home-v2 :is(
    .skill-premium-card,
    .service-premium-card,
    .premium-project-card,
    .premium-experience-card,
    .premium-testimonial-card,
    .premium-stat-card
){
    transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important;
}

main.mk-home-v2 :is(
    .skill-premium-card,
    .service-premium-card,
    .premium-project-card,
    .premium-experience-card,
    .premium-testimonial-card,
    .premium-stat-card
):hover{
    transform:translateY(-4px)!important;
    border-color:var(--mk-home-border-strong)!important;
    box-shadow:0 22px 54px rgba(0,0,0,.24),0 0 28px rgba(52,161,208,.09)!important;
}

/* =========================================================
   ABOUT
========================================================= */
main.mk-home-v2 #about{
    background:linear-gradient(180deg,transparent,rgba(36,132,188,.032),transparent)!important;
}

main.mk-home-v2 #about .about-premium-layout{
    gap:34px!important;
    align-items:center!important;
}

main.mk-home-v2 #about .about-premium-visual,
main.mk-home-v2 #about .about-premium-content{
    min-width:0!important;
    height:auto!important;
}

main.mk-home-v2 #about .about-premium-title{
    margin-top:0!important;
    font-size:clamp(30px,4vw,50px)!important;
    line-height:1.06!important;
    letter-spacing:-.04em!important;
}

main.mk-home-v2 #about .about-premium-description{
    font-size:14px!important;
    line-height:1.78!important;
}

main.mk-home-v2 #about .about-feature-grid{
    gap:9px!important;
}

/* =========================================================
   SKILLS
========================================================= */
main.mk-home-v2 .skills-premium-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
}

main.mk-home-v2 .skill-premium-card{
    min-height:0!important;
    padding:18px!important;
}

main.mk-home-v2 .skill-premium-content p{
    min-height:0!important;
    margin-bottom:14px!important;
    line-height:1.55!important;
}

main.mk-home-v2 .skill-premium-progress{
    height:5px!important;
}

/* =========================================================
   SERVICES
========================================================= */
main.mk-home-v2 #services{
    background:radial-gradient(circle at 50% 20%,rgba(56,190,247,.065),transparent 36rem)!important;
}

main.mk-home-v2 .services-premium-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
}

main.mk-home-v2 .service-premium-card{
    min-height:0!important;
    height:100%!important;
    padding:20px!important;
    overflow:hidden!important;
}

main.mk-home-v2 .service-premium-content h3{
    margin:14px 0 8px!important;
    font-size:19px!important;
    line-height:1.24!important;
}

main.mk-home-v2 .service-premium-content p{
    line-height:1.62!important;
}

main.mk-home-v2 .service-premium-link{
    min-height:38px!important;
    padding:0 10px!important;
}

/* =========================================================
   PROJECTS
========================================================= */
main.mk-home-v2 .premium-projects-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
}

main.mk-home-v2 .premium-project-card{
    height:100%!important;
    overflow:hidden!important;
}

main.mk-home-v2 .premium-project-media{
    overflow:hidden!important;
}

main.mk-home-v2 .premium-project-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    transition:transform .38s ease!important;
}

main.mk-home-v2 .premium-project-card:hover .premium-project-media img{
    transform:scale(1.035)!important;
}

main.mk-home-v2 .premium-project-body h3{
    line-height:1.28!important;
}

/* =========================================================
   EXPERIENCES / TESTIMONIALS
========================================================= */
main.mk-home-v2 .premium-experience-card{
    min-height:0!important;
}

main.mk-home-v2 .premium-experience-title-row{
    min-width:0!important;
    flex-wrap:wrap!important;
}

main.mk-home-v2 .premium-experience-title-row h3{
    min-width:0!important;
    line-height:1.3!important;
}

main.mk-home-v2 .premium-testimonials-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
}

main.mk-home-v2 .premium-testimonial-card{
    min-height:0!important;
    height:100%!important;
    padding:20px!important;
}

main.mk-home-v2 .premium-testimonial-comment{
    margin:14px 0 18px!important;
    font-size:14px!important;
    line-height:1.68!important;
}

/* =========================================================
   STATISTICS
========================================================= */
main.mk-home-v2 #statistics{
    padding-top:34px!important;
    padding-bottom:34px!important;
    border-top:1px solid rgba(130,214,250,.07);
    border-bottom:1px solid rgba(130,214,250,.07);
    background:linear-gradient(90deg,rgba(45,167,220,.045),rgba(10,174,245,.028),rgba(45,167,220,.045))!important;
}

main.mk-home-v2 .premium-stats-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
}

main.mk-home-v2 .premium-stat-card{
    min-height:128px!important;
    padding:18px!important;
}

main.mk-home-v2 .premium-stat-value{
    margin-top:20px!important;
}

main.mk-home-v2 .premium-stat-value .counter{
    font-size:clamp(30px,3vw,42px)!important;
    line-height:1!important;
}

/* =========================================================
   CONTACT
========================================================= */
main.mk-home-v2 #contact{
    padding-top:52px!important;
    padding-bottom:52px!important;
}

main.mk-home-v2 .premium-contact-top{
    gap:24px!important;
    margin-bottom:24px!important;
}

main.mk-home-v2 .premium-contact-layout{
    display:grid!important;
    grid-template-columns:minmax(220px,.8fr) minmax(380px,1.35fr) minmax(230px,.9fr)!important;
    gap:14px!important;
    align-items:start!important;
}

main.mk-home-v2 .premium-contact-side,
main.mk-home-v2 .premium-contact-right,
main.mk-home-v2 .premium-contact-form-card-v2{
    min-width:0!important;
}

main.mk-home-v2 .premium-contact-info-card{
    min-height:84px!important;
    padding:14px!important;
}

main.mk-home-v2 .premium-contact-form-card-v2{
    padding:20px!important;
}

main.mk-home-v2 .premium-contact-fields{
    gap:12px!important;
}

main.mk-home-v2 .premium-contact-fields label{
    min-width:0!important;
}

main.mk-home-v2 input,
main.mk-home-v2 textarea,
main.mk-home-v2 select{
    max-width:100%!important;
    background:#071622!important;
    border-color:rgba(131,214,250,.18)!important;
    color:#EFFAFE!important;
}

main.mk-home-v2 input:focus,
main.mk-home-v2 textarea:focus,
main.mk-home-v2 select:focus{
    border-color:#5ECAF8!important;
    box-shadow:0 0 0 3px rgba(94,202,248,.12)!important;
}

/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */
@media (max-width:1100px){
    main.mk-home-v2 .container{
        width:min(100% - 32px,1180px)!important;
    }

    main.mk-home-v2 .services-premium-grid,
    main.mk-home-v2 .skills-premium-grid,
    main.mk-home-v2 .premium-projects-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    main.mk-home-v2 .premium-testimonials-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    main.mk-home-v2 .premium-contact-layout{
        grid-template-columns:1fr 1.35fr!important;
    }

    main.mk-home-v2 .premium-contact-right{
        grid-column:1/-1;
        display:grid!important;
        grid-template-columns:1.35fr .65fr!important;
    }
}

@media (min-width:769px) and (max-width:1100px){
    main.mk-home-v2 .mkhd-legacy-desktop .hero-premium-inner,
    main.mk-home-v2 .mkhd-legacy-wrap .hero-premium-inner{
        grid-template-columns:minmax(0,.94fr) minmax(400px,1.06fr)!important;
        gap:24px!important;
        min-height:500px!important;
    }

    main.mk-home-v2 .mkhd-legacy-desktop .hero-copy h1,
    main.mk-home-v2 .mkhd-legacy-wrap .hero-copy h1{
        font-size:clamp(48px,6vw,66px)!important;
    }

    main.mk-home-v2 .mkhd-legacy-desktop .hero-visual,
    main.mk-home-v2 .mkhd-legacy-wrap .hero-visual{
        min-height:470px!important;
    }

    main.mk-home-v2 .mkhd-legacy-desktop .mk-cyber-frame-wrap,
    main.mk-home-v2 .mkhd-legacy-wrap .mk-cyber-frame-wrap{
        height:350px!important;
    }
}

/* =========================================================
   MOBILE / TABLET PORTRAIT
========================================================= */
@media (max-width:768px){
    html{scroll-padding-top:82px;}

    main.mk-home-v2 section[id],
    main.mk-home-v2 #home{
        scroll-margin-top:82px;
    }

    main.mk-home-v2 .container{
        width:min(100% - 22px,1180px)!important;
    }

    main.mk-home-v2>section:not(.hero){
        padding-top:34px!important;
        padding-bottom:34px!important;
    }

    main.mk-home-v2 .section-head,
    main.mk-home-v2 .premium-section-head,
    main.mk-home-v2 .premium-testimonials-head,
    main.mk-home-v2 .premium-experiences-head{
        margin-bottom:18px!important;
    }

    main.mk-home-v2 .section-head h2,
    main.mk-home-v2 .premium-testimonials-titlebox h2,
    main.mk-home-v2 .premium-experiences-titlebox h2,
    main.mk-home-v2 .premium-contact-top h2{
        font-size:30px!important;
        line-height:1.1!important;
        letter-spacing:-.035em!important;
    }

    /* Mobil Hero sabit navbarın altından başlar */
    main.mk-home-v2 .mkhd-mobile{
        min-height:0!important;
        height:auto!important;
        padding-top:92px!important;
        padding-bottom:28px!important;
    }

    main.mk-home-v2 .mkhd-mobile .mkhd-shell{
        width:calc(100% - 22px)!important;
        max-width:520px!important;
    }

    main.mk-home-v2 .mkhd-mobile .mkhd-title{
        font-size:clamp(38px,12vw,54px)!important;
        line-height:1!important;
        letter-spacing:-.045em!important;
    }

    main.mk-home-v2 .mkhd-mobile .mkhd-desc{
        font-size:13px!important;
        line-height:1.65!important;
    }

    main.mk-home-v2 .mkhd-mobile .mkhd-actions{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:8px!important;
        width:100%!important;
    }

    main.mk-home-v2 .mkhd-mobile .mkhd-btn{
        width:100%!important;
        min-height:46px!important;
    }

    main.mk-home-v2 .mkhd-mobile .mkhd-visual{
        width:100%!important;
        height:320px!important;
        min-height:0!important;
        margin-bottom:14px!important;
        overflow:hidden!important;
    }

    main.mk-home-v2 .mkhd-mobile .mkhd-photo-frame{
        max-width:calc(100vw - 36px)!important;
    }

    main.mk-home-v2 .mkhd-mobile .mkhd-features{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:7px!important;
    }

    main.mk-home-v2 .mkhd-mobile .mkhd-feature{
        min-height:58px!important;
        padding:9px!important;
    }

    main.mk-home-v2 #about .about-premium-layout,
    main.mk-home-v2 .premium-contact-layout{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }

    main.mk-home-v2 .skills-premium-grid,
    main.mk-home-v2 .services-premium-grid,
    main.mk-home-v2 .premium-projects-grid,
    main.mk-home-v2 .premium-testimonials-grid{
        grid-template-columns:1fr!important;
        gap:10px!important;
    }

    main.mk-home-v2 .premium-stats-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
    }

    main.mk-home-v2 .skill-premium-card,
    main.mk-home-v2 .service-premium-card,
    main.mk-home-v2 .premium-testimonial-card,
    main.mk-home-v2 .premium-stat-card{
        min-height:0!important;
        padding:16px!important;
    }

    main.mk-home-v2 .premium-contact-top{
        display:block!important;
        margin-bottom:18px!important;
    }

    main.mk-home-v2 .premium-contact-signature{
        display:none!important;
    }

    main.mk-home-v2 .premium-contact-right{
        grid-column:auto!important;
        display:flex!important;
    }

    main.mk-home-v2 .premium-contact-form-card-v2{
        padding:16px!important;
    }

    main.mk-home-v2 .premium-contact-fields{
        grid-template-columns:1fr!important;
    }

    main.mk-home-v2 .premium-contact-submit-v2{
        width:100%!important;
    }

    main.mk-home-v2>section:not(:last-child)::after{
        width:calc(100% - 22px)!important;
    }
}

@media (max-width:420px){
    main.mk-home-v2 .container{
        width:calc(100% - 18px)!important;
    }

    main.mk-home-v2 .mkhd-mobile{
        padding-top:86px!important;
    }

    main.mk-home-v2 .mkhd-mobile .mkhd-title{
        font-size:clamp(34px,11.5vw,46px)!important;
    }

    main.mk-home-v2 .mkhd-mobile .mkhd-visual{
        height:290px!important;
    }

    main.mk-home-v2 .premium-stats-grid{
        grid-template-columns:1fr 1fr!important;
    }

    main.mk-home-v2 .premium-stat-card{
        padding:13px!important;
    }

    main.mk-home-v2 .premium-stat-value .counter{
        font-size:27px!important;
    }
}

@media (prefers-reduced-motion:reduce){
    main.mk-home-v2 *,
    main.mk-home-v2 *::before,
    main.mk-home-v2 *::after{
        scroll-behavior:auto!important;
        animation:none!important;
        transition:none!important;
    }
}


/* =========================================================
   MK CONTACT CARDS V3
   Mobilde:
   - Eski uzun bilgi panelini gizler
   - Telefon / WhatsApp / E-posta kartlari ekler
   - Buyuk "Simdi Iletisime Gec" CTA
   - Form hemen altinda tam genislik
   Masaustu mevcut yapisini korur
========================================================= */

.mk-contact-quick-v3{
    display:none;
}

@media (max-width:768px){

    body.site-ultra-v6 #contact{
        padding-top:30px!important;
        padding-bottom:34px!important;
        overflow:hidden!important;
    }

    /* Önceki denemelerden kalan bloklar görünmesin */
    body.site-ultra-v6 #contact .mk-contact-mobile-v2,
    body.site-ultra-v6 #contact .mk-contact-mobile-quick{
        display:none!important;
    }

    /* Eski uzun sol panel mobilde kaldirilir */
    body.site-ultra-v6 #contact .mk-contact-old-side-v3,
    body.site-ultra-v6 #contact .mk-contact-v12__side{
        display:none!important;
    }

    /* Ana layout tek kolon */
    body.site-ultra-v6 #contact .mk-contact-v12__layout{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:14px!important;
        width:100%!important;
        max-width:100%!important;
        align-items:start!important;
    }

    /* Yeni hizli iletisim karti */
    body.site-ultra-v6 #contact .mk-contact-quick-v3{
        position:relative;
        display:block!important;
        width:100%!important;
        box-sizing:border-box!important;
        padding:18px!important;
        border:1px solid rgba(80,190,235,.18)!important;
        border-radius:20px!important;
        overflow:hidden!important;

        background:
            radial-gradient(circle at 100% 0,rgba(56,189,248,.12),transparent 34%),
            radial-gradient(circle at 0 100%,rgba(14,165,233,.08),transparent 38%),
            linear-gradient(145deg,rgba(8,26,39,.98),rgba(4,14,22,.99))!important;

        box-shadow:
            0 22px 50px rgba(0,0,0,.28),
            inset 0 1px 0 rgba(255,255,255,.035)!important;
    }

    body.site-ultra-v6 #contact .mk-contact-quick-v3:before{
        content:"";
        position:absolute;
        left:18px;
        right:18px;
        top:0;
        height:1px;
        background:linear-gradient(90deg,transparent,#67E8F9,#38BDF8,transparent);
        opacity:.75;
        box-shadow:0 0 18px rgba(56,189,248,.35);
    }

    .mk-contact-quick-v3__head{
        position:relative;
        z-index:1;
        margin-bottom:16px;
    }

    .mk-contact-quick-v3__eyebrow{
        display:inline-flex;
        align-items:center;
        gap:7px;
        margin-bottom:8px;
        color:#67E8F9!important;
        font-size:9px!important;
        line-height:1!important;
        font-weight:900!important;
        letter-spacing:.15em!important;
    }

    .mk-contact-quick-v3__eyebrow i{
        color:#38BDF8;
        filter:drop-shadow(0 0 7px rgba(56,189,248,.45));
    }

    .mk-contact-quick-v3__head h3{
        margin:0 0 8px!important;
        color:#F7FCFF!important;
        font-size:27px!important;
        line-height:1.08!important;
        letter-spacing:-.04em!important;
        font-weight:850!important;
    }

    .mk-contact-quick-v3__head h3 span{
        background:linear-gradient(90deg,#67E8F9,#60A5FA);
        -webkit-background-clip:text;
        background-clip:text;
        color:transparent!important;
    }

    .mk-contact-quick-v3__head p{
        margin:0!important;
        max-width:330px;
        color:#84BDD6!important;
        font-size:11px!important;
        line-height:1.58!important;
    }

    /* 3 kart */
    .mk-contact-quick-v3__cards{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
    }

    .mk-contact-quick-v3__card{
        position:relative;
        min-width:0;
        display:grid;
        grid-template-columns:42px minmax(0,1fr) 26px;
        align-items:center;
        gap:10px;
        min-height:68px;
        padding:10px 11px;
        border:1px solid rgba(92,186,225,.13);
        border-radius:14px;
        background:
            linear-gradient(145deg,rgba(14,36,52,.90),rgba(7,21,31,.96));
        text-decoration:none!important;
        color:#fff!important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.025),
            0 8px 20px rgba(0,0,0,.10);
        transition:
            transform .2s ease,
            border-color .2s ease,
            background .2s ease,
            box-shadow .2s ease;
    }

    .mk-contact-quick-v3__card:active{
        transform:scale(.985);
    }

    .mk-contact-quick-v3__card:hover{
        border-color:rgba(103,232,249,.34);
        background:
            linear-gradient(145deg,rgba(18,44,62,.96),rgba(8,25,36,.99));
        box-shadow:
            0 12px 26px rgba(0,0,0,.20),
            0 0 22px rgba(56,189,248,.06);
    }

    .mk-contact-quick-v3__icon{
        width:42px;
        height:42px;
        display:grid;
        place-items:center;
        border-radius:12px;
        font-size:15px;
        border:1px solid rgba(255,255,255,.05);
    }

    .mk-contact-quick-v3__card--phone .mk-contact-quick-v3__icon{
        color:#60A5FA;
        background:rgba(96,165,250,.13);
        box-shadow:inset 0 0 20px rgba(96,165,250,.035);
    }

    .mk-contact-quick-v3__card--whatsapp .mk-contact-quick-v3__icon{
        color:#25D366;
        background:rgba(37,211,102,.12);
        box-shadow:inset 0 0 20px rgba(37,211,102,.035);
    }

    .mk-contact-quick-v3__card--mail .mk-contact-quick-v3__icon{
        color:#A78BFA;
        background:rgba(167,139,250,.12);
        box-shadow:inset 0 0 20px rgba(167,139,250,.035);
    }

    .mk-contact-quick-v3__body{
        min-width:0;
        display:block;
    }

    .mk-contact-quick-v3__body small{
        display:block;
        margin:0 0 3px!important;
        color:#5BAFD1!important;
        font-size:7.5px!important;
        line-height:1.15!important;
        font-weight:800!important;
        letter-spacing:.08em!important;
    }

    .mk-contact-quick-v3__body strong{
        display:block;
        max-width:100%;
        color:#F7FCFF!important;
        font-size:11px!important;
        line-height:1.25!important;
        font-weight:800!important;
        overflow-wrap:anywhere;
    }

    .mk-contact-quick-v3__body em{
        display:block;
        margin-top:3px;
        color:#6F9FB5;
        font-size:8px;
        line-height:1.2;
        font-style:normal;
    }

    .mk-contact-quick-v3__arrow{
        width:26px;
        height:26px;
        display:grid;
        place-items:center;
        justify-self:end;
        border-radius:9px;
        color:#75CDEB;
        background:rgba(69,176,221,.07);
        font-size:9px;
    }

    /* Buyuk CTA */
    .mk-contact-quick-v3__cta{
        position:relative;
        width:100%;
        min-height:58px;
        margin-top:11px;
        padding:8px 12px;
        display:grid;
        grid-template-columns:36px minmax(0,1fr) 28px;
        align-items:center;
        gap:9px;

        border:1px solid rgba(255,255,255,.14)!important;
        border-radius:15px!important;
        outline:0!important;
        cursor:pointer;

        color:#fff!important;
        background:
            linear-gradient(105deg,#0369A1 0%,#0284C7 45%,#38BDF8 100%)!important;

        box-shadow:
            0 14px 30px rgba(2,132,199,.25),
            0 0 26px rgba(56,189,248,.11),
            inset 0 1px 0 rgba(255,255,255,.18)!important;

        transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
    }

    .mk-contact-quick-v3__cta:hover{
        filter:brightness(1.07);
        box-shadow:
            0 17px 34px rgba(2,132,199,.30),
            0 0 30px rgba(56,189,248,.15),
            inset 0 1px 0 rgba(255,255,255,.18)!important;
    }

    .mk-contact-quick-v3__cta:active{
        transform:scale(.987);
    }

    .mk-contact-quick-v3__cta-icon{
        width:36px;
        height:36px;
        display:grid;
        place-items:center;
        border-radius:11px;
        background:rgba(255,255,255,.13);
        color:#fff;
        font-size:13px;
    }

    .mk-contact-quick-v3__cta-text{
        min-width:0;
        text-align:left;
    }

    .mk-contact-quick-v3__cta-text strong{
        display:block;
        color:#fff!important;
        font-size:12px!important;
        line-height:1.15!important;
        font-weight:900!important;
    }

    .mk-contact-quick-v3__cta-text small{
        display:block;
        margin-top:3px;
        color:rgba(255,255,255,.76)!important;
        font-size:8px!important;
        line-height:1.2!important;
    }

    .mk-contact-quick-v3__cta-arrow{
        width:28px;
        height:28px;
        display:grid;
        place-items:center;
        justify-self:end;
        border-radius:9px;
        color:#fff;
        background:rgba(255,255,255,.10);
        font-size:10px;
    }

    .mk-contact-quick-v3__cta-arrow i{
        animation:mkContactV3Arrow 1.25s ease-in-out infinite;
    }

    /* Guven satiri */
    .mk-contact-quick-v3__trust{
        display:flex;
        align-items:center;
        justify-content:center;
        flex-wrap:wrap;
        gap:7px 12px;
        margin-top:12px;
        padding-top:11px;
        border-top:1px solid rgba(83,187,230,.08);
        color:#6FABC4;
        font-size:7.5px;
        line-height:1.2;
        font-weight:700;
    }

    .mk-contact-quick-v3__trust span{
        display:inline-flex;
        align-items:center;
        gap:5px;
        white-space:nowrap;
    }

    .mk-contact-quick-v3__trust i{
        color:#67E8F9;
        font-size:8px;
    }

    /* Form yeni kartin hemen altinda */
    body.site-ultra-v6 #contact .mk-contact-v12__form-card{
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        box-sizing:border-box!important;
        border-radius:18px!important;
    }

    body.site-ultra-v6 #contact #mk-contact-form-target{
        scroll-margin-top:105px;
    }

    @keyframes mkContactV3Arrow{
        0%,100%{transform:translateY(0)}
        50%{transform:translateY(3px)}
    }
}

@media (max-width:390px){

    body.site-ultra-v6 #contact .mk-contact-quick-v3{
        padding:15px!important;
        border-radius:18px!important;
    }

    .mk-contact-quick-v3__head h3{
        font-size:25px!important;
    }

    .mk-contact-quick-v3__card{
        grid-template-columns:39px minmax(0,1fr) 24px;
        gap:8px;
        padding:9px;
    }

    .mk-contact-quick-v3__icon{
        width:39px;
        height:39px;
    }

    .mk-contact-quick-v3__body strong{
        font-size:10px!important;
    }
}


/* =========================================================
   MK CONTACT THEME V4.1
   V3 KART TASARIMI KORUNUR, SADECE RENKLER TEMADAN GELIR
========================================================= */

#contact{
    --mk-contact-accent: var(--mk-accent, #38BDF8);
    --mk-contact-accent-2: var(--mk-accent-2, #60A5FA);
    --mk-contact-panel: var(--mk-dark-panel, #0B1C29);
    --mk-contact-bg: var(--mk-dark-bg, #06111B);
    --mk-contact-text: var(--mk-dark-text, #F5F7FA);
}

@media (max-width:768px){

    #contact .mk-contact-quick-v3{
        border-color:color-mix(in srgb,var(--mk-contact-accent) 18%,transparent)!important;
        background:
            radial-gradient(circle at 100% 0,color-mix(in srgb,var(--mk-contact-accent) 14%,transparent),transparent 34%),
            radial-gradient(circle at 0 100%,color-mix(in srgb,var(--mk-contact-accent-2) 9%,transparent),transparent 38%),
            linear-gradient(
                145deg,
                color-mix(in srgb,var(--mk-contact-panel) 94%,#000 6%),
                color-mix(in srgb,var(--mk-contact-bg) 97%,#000 3%)
            )!important;
        box-shadow:
            0 22px 50px rgba(0,0,0,.28),
            0 0 28px color-mix(in srgb,var(--mk-contact-accent) 7%,transparent),
            inset 0 1px 0 rgba(255,255,255,.035)!important;
    }

    #contact .mk-contact-quick-v3:before{
        background:linear-gradient(
            90deg,
            transparent,
            var(--mk-contact-accent),
            var(--mk-contact-accent-2),
            transparent
        )!important;
        box-shadow:0 0 18px color-mix(in srgb,var(--mk-contact-accent) 32%,transparent)!important;
    }

    #contact .mk-contact-quick-v3__eyebrow,
    #contact .mk-contact-quick-v3__eyebrow i{
        color:var(--mk-contact-accent)!important;
    }

    #contact .mk-contact-quick-v3__head h3{
        color:var(--mk-contact-text)!important;
    }

    #contact .mk-contact-quick-v3__head h3 span{
        background:linear-gradient(
            90deg,
            var(--mk-contact-accent),
            var(--mk-contact-accent-2)
        )!important;
        -webkit-background-clip:text!important;
        background-clip:text!important;
        color:transparent!important;
    }

    #contact .mk-contact-quick-v3__head p{
        color:color-mix(in srgb,var(--mk-contact-text) 64%,transparent)!important;
    }

    #contact .mk-contact-quick-v3__card{
        border-color:color-mix(in srgb,var(--mk-contact-accent) 15%,transparent)!important;
        background:linear-gradient(
            145deg,
            color-mix(in srgb,var(--mk-contact-panel) 95%,#fff 1%),
            color-mix(in srgb,var(--mk-contact-bg) 97%,#000 3%)
        )!important;
    }

    #contact .mk-contact-quick-v3__card:hover{
        border-color:color-mix(in srgb,var(--mk-contact-accent) 40%,transparent)!important;
        box-shadow:
            0 12px 26px rgba(0,0,0,.20),
            0 0 22px color-mix(in srgb,var(--mk-contact-accent) 8%,transparent)!important;
    }

    #contact .mk-contact-quick-v3__icon{
        color:var(--mk-contact-accent)!important;
        background:color-mix(in srgb,var(--mk-contact-accent) 12%,transparent)!important;
        border-color:color-mix(in srgb,var(--mk-contact-accent) 16%,transparent)!important;
    }

    #contact .mk-contact-quick-v3__card--whatsapp .mk-contact-quick-v3__icon{
        color:#25D366!important;
        background:color-mix(in srgb,#25D366 11%,transparent)!important;
        border-color:color-mix(in srgb,#25D366 16%,transparent)!important;
    }

    #contact .mk-contact-quick-v3__body small{
        color:color-mix(in srgb,var(--mk-contact-accent) 82%,#fff 18%)!important;
    }

    #contact .mk-contact-quick-v3__body strong{
        color:var(--mk-contact-text)!important;
    }

    #contact .mk-contact-quick-v3__body em{
        color:color-mix(in srgb,var(--mk-contact-text) 50%,transparent)!important;
    }

    #contact .mk-contact-quick-v3__arrow{
        color:var(--mk-contact-accent)!important;
        background:color-mix(in srgb,var(--mk-contact-accent) 8%,transparent)!important;
    }

    #contact .mk-contact-quick-v3__cta{
        background:linear-gradient(
            110deg,
            var(--mk-contact-accent),
            var(--mk-contact-accent-2)
        )!important;
        border-color:color-mix(in srgb,var(--mk-contact-accent-2) 32%,rgba(255,255,255,.12))!important;
        box-shadow:
            0 14px 32px color-mix(in srgb,var(--mk-contact-accent) 24%,transparent),
            0 0 26px color-mix(in srgb,var(--mk-contact-accent-2) 11%,transparent),
            inset 0 1px 0 rgba(255,255,255,.17)!important;
    }

    #contact .mk-contact-quick-v3__trust{
        border-top-color:color-mix(in srgb,var(--mk-contact-accent) 10%,transparent)!important;
        color:color-mix(in srgb,var(--mk-contact-text) 55%,transparent)!important;
    }

    #contact .mk-contact-quick-v3__trust i{
        color:var(--mk-contact-accent)!important;
    }

    #contact .mk-contact-v12__form-card{
        border-color:color-mix(in srgb,var(--mk-contact-accent) 16%,transparent)!important;
        background:linear-gradient(
            145deg,
            color-mix(in srgb,var(--mk-contact-panel) 94%,#fff 1%),
            color-mix(in srgb,var(--mk-contact-bg) 97%,#000 3%)
        )!important;
    }

    #contact .mk-contact-v12__form-card input,
    #contact .mk-contact-v12__form-card textarea,
    #contact .mk-contact-v12__form-card select{
        border-color:color-mix(in srgb,var(--mk-contact-accent) 14%,transparent)!important;
        background:color-mix(in srgb,var(--mk-contact-bg) 94%,#000 6%)!important;
        color:var(--mk-contact-text)!important;
    }

    #contact .mk-contact-v12__form-card input:focus,
    #contact .mk-contact-v12__form-card textarea:focus,
    #contact .mk-contact-v12__form-card select:focus{
        border-color:color-mix(in srgb,var(--mk-contact-accent) 68%,transparent)!important;
        box-shadow:0 0 0 3px color-mix(in srgb,var(--mk-contact-accent) 10%,transparent)!important;
    }

    #contact .mk-contact-v12__form-card button[type="submit"]{
        background:linear-gradient(
            110deg,
            var(--mk-contact-accent),
            var(--mk-contact-accent-2)
        )!important;
        border-color:color-mix(in srgb,var(--mk-contact-accent) 26%,transparent)!important;
        color:#fff!important;
    }
}


/* =========================================================
   MK SECTION SLIDER V8 STABLE
   Track sarilmaz. Mevcut section/grid yapisi bozulmaz.
   Hizmetler / Referanslar / Istatistikler / Yetenekler / Deneyimler
========================================================= */

/* Yalnızca V8 aktive edilmiş track'ler */
main.mk-home-v2 .mk-slider-v8-track{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    margin:0!important;
    padding:4px 2px 10px!important;

    gap:14px!important;

    overflow-x:auto!important;
    overflow-y:hidden!important;

    scroll-behavior:smooth!important;
    scroll-snap-type:x mandatory!important;
    overscroll-behavior-x:contain!important;

    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
}

main.mk-home-v2 .mk-slider-v8-track::-webkit-scrollbar{
    display:none!important;
}

/* Kartların içeriği asla dar bir şeride dönüşmesin */
main.mk-home-v2 .mk-slider-v8-track > *{
    box-sizing:border-box!important;
    margin:0!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    white-space:normal!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
}

/* =========================================================
   MASAÜSTÜ
========================================================= */
@media (min-width:1200px){

    main.mk-home-v2 #services .mk-slider-v8-track > .service-premium-card,
    main.mk-home-v2 #testimonials .mk-slider-v8-track > .premium-testimonial-card,
    main.mk-home-v2 #skills .mk-slider-v8-track > .skill-premium-card{
        flex:0 0 calc((100% - 28px) / 3)!important;
        width:calc((100% - 28px) / 3)!important;
        min-width:calc((100% - 28px) / 3)!important;
        max-width:calc((100% - 28px) / 3)!important;
    }

    main.mk-home-v2 #statistics .mk-slider-v8-track > .premium-stat-card{
        flex:0 0 calc((100% - 42px) / 4)!important;
        width:calc((100% - 42px) / 4)!important;
        min-width:calc((100% - 42px) / 4)!important;
        max-width:calc((100% - 42px) / 4)!important;
    }

    main.mk-home-v2 #experiences .mk-slider-v8-track > .premium-experience-card{
        flex:0 0 calc((100% - 14px) / 2)!important;
        width:calc((100% - 14px) / 2)!important;
        min-width:calc((100% - 14px) / 2)!important;
        max-width:calc((100% - 14px) / 2)!important;
    }
}

/* =========================================================
   TABLET / KÜÇÜK MASAÜSTÜ
========================================================= */
@media (min-width:769px) and (max-width:1199px){

    main.mk-home-v2 .mk-slider-v8-track > .service-premium-card,
    main.mk-home-v2 .mk-slider-v8-track > .premium-testimonial-card,
    main.mk-home-v2 .mk-slider-v8-track > .premium-stat-card,
    main.mk-home-v2 .mk-slider-v8-track > .skill-premium-card,
    main.mk-home-v2 .mk-slider-v8-track > .premium-experience-card{
        flex:0 0 calc((100% - 14px) / 2)!important;
        width:calc((100% - 14px) / 2)!important;
        min-width:calc((100% - 14px) / 2)!important;
        max-width:calc((100% - 14px) / 2)!important;
    }
}

/* =========================================================
   MOBİL
========================================================= */
@media (max-width:768px){

    main.mk-home-v2 .mk-slider-v8-track{
        gap:10px!important;
        padding:3px 0 8px!important;
    }

    main.mk-home-v2 .mk-slider-v8-track > .service-premium-card,
    main.mk-home-v2 .mk-slider-v8-track > .premium-testimonial-card,
    main.mk-home-v2 .mk-slider-v8-track > .premium-stat-card,
    main.mk-home-v2 .mk-slider-v8-track > .skill-premium-card,
    main.mk-home-v2 .mk-slider-v8-track > .premium-experience-card{
        flex:0 0 100%!important;
        width:100%!important;
        min-width:100%!important;
        max-width:100%!important;
    }
}

/* =========================================================
   DENEYİMLER: eski timeline çizgisi/noktası kapalı
========================================================= */
main.mk-home-v2 #experiences .premium-experience-rail,
main.mk-home-v2 #experiences .premium-experience-marker{
    display:none!important;
}

main.mk-home-v2 #experiences .premium-experience-timeline{
    padding-left:0!important;
}

/* =========================================================
   NAV: Yalnızca yeni profesyonel kontroller
   Eski gri butonlar V8 tarafından DOM'da kullanılmaz.
========================================================= */
main.mk-home-v2 .mk-slider-v8-nav{
    width:100%;
    display:grid;
    grid-template-columns:42px minmax(100px,220px) 42px;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin:12px auto 0;
}

main.mk-home-v2 .mk-slider-v8-btn{
    width:42px;
    height:42px;
    display:grid!important;
    place-items:center!important;

    padding:0!important;
    margin:0!important;

    border-radius:50%!important;
    border:1px solid color-mix(in srgb,var(--mk-accent,#38BDF8) 28%,transparent)!important;

    color:var(--mk-accent,#38BDF8)!important;

    background:
        linear-gradient(
            145deg,
            color-mix(in srgb,var(--mk-dark-panel,#0B1C29) 94%,#fff 1%),
            color-mix(in srgb,var(--mk-dark-bg,#06111B) 97%,#000 3%)
        )!important;

    box-shadow:
        0 10px 24px rgba(0,0,0,.24),
        0 0 18px color-mix(in srgb,var(--mk-accent,#38BDF8) 9%,transparent)!important;

    cursor:pointer;
    transition:.2s ease;
}

main.mk-home-v2 .mk-slider-v8-btn:hover:not(:disabled){
    transform:translateY(-2px);
    border-color:color-mix(in srgb,var(--mk-accent,#38BDF8) 55%,transparent)!important;
}

main.mk-home-v2 .mk-slider-v8-btn:disabled{
    opacity:.25!important;
    cursor:default!important;
}

main.mk-home-v2 .mk-slider-v8-progress{
    height:3px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.06);
}

main.mk-home-v2 .mk-slider-v8-progress > span{
    display:block;
    width:18%;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(
        90deg,
        var(--mk-accent,#38BDF8),
        var(--mk-accent-2,#60A5FA)
    );
    transition:width .2s ease;
}

@media (max-width:768px){
    main.mk-home-v2 .mk-slider-v8-nav{
        grid-template-columns:38px minmax(80px,160px) 38px;
        gap:9px;
        margin-top:9px;
    }

    main.mk-home-v2 .mk-slider-v8-btn{
        width:38px;
        height:38px;
        font-size:11px;
    }
}


/* =========================================================
   MK SLIDER V9 - BUTONSUZ
   Kartlar sağa/sola kaydırılır, ok butonları yoktur.
========================================================= */

/* V8/V5 eski buton-nav kalıntıları kesin kapalı */
main.mk-home-v2 .mk-slider-v8-nav,
main.mk-home-v2 .mk-slider-v8-btn,
main.mk-home-v2 .mk-universal-slider-v5__btn,
main.mk-home-v2 .mk-universal-slider-v5__dots,
main.mk-home-v2 .slider-btn.prev,
main.mk-home-v2 .slider-btn.next{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

/* V9 track yatay kaydırmayı korur */
main.mk-home-v2 .mk-slider-v9-track{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    margin:0!important;
    padding:4px 2px 10px!important;
    gap:14px!important;

    overflow-x:auto!important;
    overflow-y:hidden!important;

    scroll-behavior:smooth!important;
    scroll-snap-type:x mandatory!important;
    overscroll-behavior-x:contain!important;

    scrollbar-width:none!important;
    -ms-overflow-style:none!important;

    cursor:grab;
}

main.mk-home-v2 .mk-slider-v9-track:active{
    cursor:grabbing;
}

main.mk-home-v2 .mk-slider-v9-track::-webkit-scrollbar{
    display:none!important;
}

main.mk-home-v2 .mk-slider-v9-track > *{
    box-sizing:border-box!important;
    margin:0!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    white-space:normal!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
}

/* Progress */
main.mk-home-v2 .mk-slider-v9-progress{
    width:min(220px,42%);
    height:3px;
    margin:12px auto 0;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.06);
}

main.mk-home-v2 .mk-slider-v9-progress > span{
    display:block;
    width:18%;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(
        90deg,
        var(--mk-accent,#38BDF8),
        var(--mk-accent-2,#60A5FA)
    );
    transition:width .2s ease;
}

/* Masaüstü */
@media (min-width:1200px){
    main.mk-home-v2 #services .mk-slider-v9-track > .service-premium-card,
    main.mk-home-v2 #testimonials .mk-slider-v9-track > .premium-testimonial-card,
    main.mk-home-v2 #skills .mk-slider-v9-track > .skill-premium-card{
        flex:0 0 calc((100% - 28px) / 3)!important;
        width:calc((100% - 28px) / 3)!important;
        min-width:calc((100% - 28px) / 3)!important;
        max-width:calc((100% - 28px) / 3)!important;
    }

    main.mk-home-v2 #statistics .mk-slider-v9-track > .premium-stat-card{
        flex:0 0 calc((100% - 42px) / 4)!important;
        width:calc((100% - 42px) / 4)!important;
        min-width:calc((100% - 42px) / 4)!important;
        max-width:calc((100% - 42px) / 4)!important;
    }

    main.mk-home-v2 #experiences .mk-slider-v9-track > .premium-experience-card{
        flex:0 0 calc((100% - 14px) / 2)!important;
        width:calc((100% - 14px) / 2)!important;
        min-width:calc((100% - 14px) / 2)!important;
        max-width:calc((100% - 14px) / 2)!important;
    }
}

/* Tablet */
@media (min-width:769px) and (max-width:1199px){
    main.mk-home-v2 .mk-slider-v9-track > .service-premium-card,
    main.mk-home-v2 .mk-slider-v9-track > .premium-testimonial-card,
    main.mk-home-v2 .mk-slider-v9-track > .premium-stat-card,
    main.mk-home-v2 .mk-slider-v9-track > .skill-premium-card,
    main.mk-home-v2 .mk-slider-v9-track > .premium-experience-card{
        flex:0 0 calc((100% - 14px) / 2)!important;
        width:calc((100% - 14px) / 2)!important;
        min-width:calc((100% - 14px) / 2)!important;
        max-width:calc((100% - 14px) / 2)!important;
    }
}

/* Mobil */
@media (max-width:768px){
    main.mk-home-v2 .mk-slider-v9-track{
        gap:10px!important;
        padding:3px 0 8px!important;
        -webkit-overflow-scrolling:touch;
        touch-action:pan-x;
    }

    main.mk-home-v2 .mk-slider-v9-track > .service-premium-card,
    main.mk-home-v2 .mk-slider-v9-track > .premium-testimonial-card,
    main.mk-home-v2 .mk-slider-v9-track > .premium-stat-card,
    main.mk-home-v2 .mk-slider-v9-track > .skill-premium-card,
    main.mk-home-v2 .mk-slider-v9-track > .premium-experience-card{
        flex:0 0 100%!important;
        width:100%!important;
        min-width:100%!important;
        max-width:100%!important;
    }

    main.mk-home-v2 .mk-slider-v9-progress{
        width:46%;
        margin-top:9px;
    }
}

/* Deneyim eski timeline çizgisi/noktası kapalı */
main.mk-home-v2 #experiences .premium-experience-rail,
main.mk-home-v2 #experiences .premium-experience-marker{
    display:none!important;
}

main.mk-home-v2 #experiences .premium-experience-timeline{
    padding-left:0!important;
}


/* =========================================================
   MK SLIDER V10 CLEAN
   Eski/kucuk oklar kesin kaldırılır.
   Yatay kaydırma aynen devam eder.
========================================================= */

/* DOM'da kalmış eski ok kontrolleri */
main.mk-home-v2 #services .slider-btn,
main.mk-home-v2 #testimonials .slider-btn,
main.mk-home-v2 #statistics .slider-btn,
main.mk-home-v2 #skills .slider-btn,
main.mk-home-v2 #experiences .slider-btn,

main.mk-home-v2 #services [class*="prev"],
main.mk-home-v2 #services [class*="next"],
main.mk-home-v2 #testimonials [class*="prev"],
main.mk-home-v2 #testimonials [class*="next"],
main.mk-home-v2 #statistics [class*="prev"],
main.mk-home-v2 #statistics [class*="next"],
main.mk-home-v2 #skills [class*="prev"],
main.mk-home-v2 #skills [class*="next"],
main.mk-home-v2 #experiences [class*="prev"],
main.mk-home-v2 #experiences [class*="next"]{
    /* kart/icerik class'larında prev/next geçen bir şey olursa JS ayrıca filtreliyor;
       burada buton-benzeri kalıntılar için güvenli görünmezlik */
}

/* Chrome'un yeni CSS scroll-button pseudo-elemanları varsa onları da kapat */
main.mk-home-v2 .mk-slider-v9-track::scroll-button(left),
main.mk-home-v2 .mk-slider-v9-track::scroll-button(right),
main.mk-home-v2 .mk-slider-v9-track::scroll-button(inline-start),
main.mk-home-v2 .mk-slider-v9-track::scroll-button(inline-end),
main.mk-home-v2 .mk-slider-v9-track::scroll-button(*) {
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

/* Scroll marker UI varsa kapat */
main.mk-home-v2 .mk-slider-v9-track::scroll-marker-group{
    display:none!important;
}

main.mk-home-v2 .mk-slider-v9-track > *::scroll-marker{
    display:none!important;
}

/* Eski V8/V5 kontrol kalıntıları */
main.mk-home-v2 .mk-slider-v8-nav,
main.mk-home-v2 .mk-slider-v8-btn,
main.mk-home-v2 .mk-universal-slider-v5__btn,
main.mk-home-v2 .mk-universal-slider-v5__dots{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}


/* =========================================================
   MK SLIDER V11 - PROFESYONEL KONTROL BUTONLARI
   Tüm slider bölümleriyle uyumlu
========================================================= */

/* V10'dan kalan gizleme kurallarının yeni butonları etkilemesini engelle */
main.mk-home-v2 .mk-slider-v11-controls,
main.mk-home-v2 .mk-slider-v11-btn{
    display:flex!important;
    visibility:visible!important;
    opacity:1;
    pointer-events:auto!important;
}

/* Kontrol satırı */
main.mk-home-v2 .mk-slider-v11-controls{
    width:100%;
    box-sizing:border-box;
    display:grid!important;
    grid-template-columns:auto minmax(120px,240px) auto;
    align-items:center;
    justify-content:center;
    gap:14px;

    margin:14px auto 0;
    padding:0 2px;
}

/* Buton */
main.mk-home-v2 .mk-slider-v11-btn{
    min-width:124px;
    height:46px;

    align-items:center;
    justify-content:center;
    gap:10px;

    padding:6px 12px!important;
    margin:0!important;

    border-radius:14px!important;
    border:1px solid
        color-mix(
            in srgb,
            var(--mk-accent,#38BDF8) 24%,
            transparent
        )!important;

    background:
        linear-gradient(
            145deg,
            color-mix(in srgb,var(--mk-dark-panel,#0B1C29) 94%,#fff 1%),
            color-mix(in srgb,var(--mk-dark-bg,#06111B) 98%,#000 2%)
        )!important;

    color:var(--mk-dark-text,#fff)!important;

    box-shadow:
        0 10px 24px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.035)!important;

    cursor:pointer;
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        filter .2s ease;
}

main.mk-home-v2 .mk-slider-v11-btn:hover:not(:disabled){
    transform:translateY(-2px);
    border-color:
        color-mix(
            in srgb,
            var(--mk-accent,#38BDF8) 55%,
            transparent
        )!important;

    box-shadow:
        0 14px 28px rgba(0,0,0,.28),
        0 0 20px
        color-mix(
            in srgb,
            var(--mk-accent,#38BDF8) 10%,
            transparent
        )!important;
}

main.mk-home-v2 .mk-slider-v11-btn:active:not(:disabled){
    transform:translateY(0) scale(.985);
}

main.mk-home-v2 .mk-slider-v11-btn:disabled{
    opacity:.35!important;
    cursor:not-allowed!important;
    filter:saturate(.55);
}

/* Ikon kutusu */
main.mk-home-v2 .mk-slider-v11-btn__icon{
    width:31px;
    height:31px;
    flex:0 0 31px;

    display:grid;
    place-items:center;

    border-radius:10px;

    color:var(--mk-accent,#38BDF8);

    background:
        color-mix(
            in srgb,
            var(--mk-accent,#38BDF8) 11%,
            transparent
        );

    border:1px solid
        color-mix(
            in srgb,
            var(--mk-accent,#38BDF8) 14%,
            transparent
        );

    font-size:10px;
}

/* Metin */
main.mk-home-v2 .mk-slider-v11-btn__text{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    line-height:1.05;
}

main.mk-home-v2 .mk-slider-v11-next .mk-slider-v11-btn__text{
    align-items:flex-end;
}

main.mk-home-v2 .mk-slider-v11-btn__text small{
    display:block;
    margin-bottom:3px;

    color:
        color-mix(
            in srgb,
            var(--mk-accent,#38BDF8) 76%,
            #fff 24%
        )!important;

    font-size:6.5px!important;
    font-weight:900!important;
    letter-spacing:.14em!important;
}

main.mk-home-v2 .mk-slider-v11-btn__text strong{
    display:block;
    color:var(--mk-dark-text,#fff)!important;
    font-size:10px!important;
    font-weight:800!important;
    white-space:nowrap!important;
}

/* Orta durum/progress */
main.mk-home-v2 .mk-slider-v11-status{
    min-width:120px;
    display:flex;
    align-items:center;
    gap:10px;
}

main.mk-home-v2 .mk-slider-v11-status__bar{
    flex:1;
    height:3px;

    overflow:hidden;
    border-radius:999px;

    background:rgba(255,255,255,.06);
}

main.mk-home-v2 .mk-slider-v11-status__bar span{
    display:block;
    width:16%;
    height:100%;

    border-radius:inherit;

    background:
        linear-gradient(
            90deg,
            var(--mk-accent,#38BDF8),
            var(--mk-accent-2,#60A5FA)
        );

    box-shadow:
        0 0 12px
        color-mix(
            in srgb,
            var(--mk-accent,#38BDF8) 24%,
            transparent
        );

    transition:width .2s ease;
}

main.mk-home-v2 .mk-slider-v11-status__count{
    display:flex;
    align-items:center;
    gap:4px;

    color:
        color-mix(
            in srgb,
            var(--mk-dark-text,#fff) 54%,
            transparent
        );

    font-size:8px;
    font-style:normal;
    white-space:nowrap;
}

main.mk-home-v2 .mk-slider-v11-status__count b{
    color:var(--mk-accent,#38BDF8);
    font-size:10px;
    font-weight:900;
}

main.mk-home-v2 .mk-slider-v11-status__count em{
    font-style:normal;
}

/* Tablet */
@media (max-width:900px){
    main.mk-home-v2 .mk-slider-v11-controls{
        grid-template-columns:110px minmax(100px,180px) 110px;
        gap:10px;
    }

    main.mk-home-v2 .mk-slider-v11-btn{
        min-width:110px;
    }
}

/* Mobil */
@media (max-width:768px){
    main.mk-home-v2 .mk-slider-v11-controls{
        grid-template-columns:44px minmax(90px,1fr) 44px;
        gap:9px;
        margin-top:10px;
    }

    main.mk-home-v2 .mk-slider-v11-btn{
        width:44px!important;
        min-width:44px!important;
        height:44px!important;

        padding:0!important;
        border-radius:13px!important;
    }

    main.mk-home-v2 .mk-slider-v11-btn__text{
        display:none!important;
    }

    main.mk-home-v2 .mk-slider-v11-btn__icon{
        width:30px;
        height:30px;
        flex-basis:30px;
    }

    main.mk-home-v2 .mk-slider-v11-status{
        width:100%;
        min-width:0;
    }

    main.mk-home-v2 .mk-slider-v11-status__count{
        font-size:7px;
    }

    main.mk-home-v2 .mk-slider-v11-status__count b{
        font-size:9px;
    }
}


/* =========================================================
   MK SLIDER V11.1 FIX
   Eski gri butonlari gizler, V11 profesyonel butonlari korur.
========================================================= */

/* V11 butonlari kesin gorunur */
main.mk-home-v2 .mk-slider-v11-controls{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
}

main.mk-home-v2 .mk-slider-v11-btn{
    display:flex!important;
    visibility:visible!important;
    opacity:1;
    pointer-events:auto!important;
}

/* Eski sistem butonlari kesin gizli */
main.mk-home-v2 #services .slider-btn,
main.mk-home-v2 #testimonials .slider-btn,
main.mk-home-v2 #statistics .slider-btn,
main.mk-home-v2 #skills .slider-btn,
main.mk-home-v2 #experiences .slider-btn,

main.mk-home-v2 #services .carousel-prev,
main.mk-home-v2 #services .carousel-next,
main.mk-home-v2 #testimonials .carousel-prev,
main.mk-home-v2 #testimonials .carousel-next,
main.mk-home-v2 #statistics .carousel-prev,
main.mk-home-v2 #statistics .carousel-next,
main.mk-home-v2 #skills .carousel-prev,
main.mk-home-v2 #skills .carousel-next,
main.mk-home-v2 #experiences .carousel-prev,
main.mk-home-v2 #experiences .carousel-next,

main.mk-home-v2 #services .swiper-button-prev,
main.mk-home-v2 #services .swiper-button-next,
main.mk-home-v2 #testimonials .swiper-button-prev,
main.mk-home-v2 #testimonials .swiper-button-next,
main.mk-home-v2 #statistics .swiper-button-prev,
main.mk-home-v2 #statistics .swiper-button-next,
main.mk-home-v2 #skills .swiper-button-prev,
main.mk-home-v2 #skills .swiper-button-next,
main.mk-home-v2 #experiences .swiper-button-prev,
main.mk-home-v2 #experiences .swiper-button-next,

main.mk-home-v2 #services .owl-prev,
main.mk-home-v2 #services .owl-next,
main.mk-home-v2 #testimonials .owl-prev,
main.mk-home-v2 #testimonials .owl-next,
main.mk-home-v2 #statistics .owl-prev,
main.mk-home-v2 #statistics .owl-next,
main.mk-home-v2 #skills .owl-prev,
main.mk-home-v2 #skills .owl-next,
main.mk-home-v2 #experiences .owl-prev,
main.mk-home-v2 #experiences .owl-next,

main.mk-home-v2 #services .slick-prev,
main.mk-home-v2 #services .slick-next,
main.mk-home-v2 #testimonials .slick-prev,
main.mk-home-v2 #testimonials .slick-next,
main.mk-home-v2 #statistics .slick-prev,
main.mk-home-v2 #statistics .slick-next,
main.mk-home-v2 #skills .slick-prev,
main.mk-home-v2 #skills .slick-next,
main.mk-home-v2 #experiences .slick-prev,
main.mk-home-v2 #experiences .slick-next{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

/* Browser kaynakli scroll-button pseudo kontrolleri de kapali */
main.mk-home-v2 .mk-slider-v11-track::scroll-button(left),
main.mk-home-v2 .mk-slider-v11-track::scroll-button(right),
main.mk-home-v2 .mk-slider-v11-track::scroll-button(inline-start),
main.mk-home-v2 .mk-slider-v11-track::scroll-button(inline-end),
main.mk-home-v2 .mk-slider-v11-track::scroll-button(*) {
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}


/* =========================================================
   MK SLIDER V12 - CIRCLE SIDE BUTTONS
   05 Circle Icons / kartlarin sol ve sag kenari
========================================================= */

/* Old controls hidden */
main.mk-home-v2 .mk-slider-v11-controls,
main.mk-home-v2 .mk-slider-v11-btn,
main.mk-home-v2 .mk-slider-v8-nav,
main.mk-home-v2 .mk-slider-v8-btn,
main.mk-home-v2 .mk-universal-slider-v5__btn,
main.mk-home-v2 .mk-universal-slider-v5__dots,
main.mk-home-v2 .slider-btn.prev,
main.mk-home-v2 .slider-btn.next{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

/* Frame around track only */
main.mk-home-v2 .mk-slider-v12-frame{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
}

/* Keep cards clear from buttons without shrinking the content area */
main.mk-home-v2 .mk-slider-v12-track{
    padding-left:2px!important;
    padding-right:2px!important;
}

/* Circle buttons */
main.mk-home-v2 .mk-slider-v12-btn{
    position:absolute!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:80!important;

    width:48px!important;
    height:48px!important;

    display:grid!important;
    place-items:center!important;

    padding:0!important;
    margin:0!important;

    border-radius:50%!important;

    border:1px solid
        color-mix(
            in srgb,
            var(--mk-accent,#38BDF8) 42%,
            transparent
        )!important;

    color:var(--mk-accent,#38BDF8)!important;

    background:
        radial-gradient(
            circle at 30% 30%,
            color-mix(in srgb,var(--mk-accent,#38BDF8) 18%,transparent),
            transparent 58%
        ),
        linear-gradient(
            145deg,
            color-mix(in srgb,var(--mk-dark-panel,#0B1C29) 95%,#fff 2%),
            color-mix(in srgb,var(--mk-dark-bg,#06111B) 98%,#000 2%)
        )!important;

    box-shadow:
        0 14px 30px rgba(0,0,0,.34),
        0 0 22px
        color-mix(
            in srgb,
            var(--mk-accent,#38BDF8) 14%,
            transparent
        ),
        inset 0 1px 0 rgba(255,255,255,.07)!important;

    backdrop-filter:blur(12px);

    cursor:pointer!important;

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        background .22s ease,
        opacity .22s ease!important;
}

main.mk-home-v2 .mk-slider-v12-btn i{
    font-size:13px!important;
    line-height:1!important;
}

main.mk-home-v2 .mk-slider-v12-btn:hover:not(:disabled){
    transform:translateY(-50%) scale(1.08)!important;

    border-color:
        color-mix(
            in srgb,
            var(--mk-accent,#38BDF8) 78%,
            transparent
        )!important;

    color:#fff!important;

    background:
        radial-gradient(
            circle at 30% 30%,
            rgba(255,255,255,.13),
            transparent 50%
        ),
        linear-gradient(
            135deg,
            var(--mk-accent,#38BDF8),
            var(--mk-accent-2,#60A5FA)
        )!important;

    box-shadow:
        0 16px 34px rgba(0,0,0,.38),
        0 0 30px
        color-mix(
            in srgb,
            var(--mk-accent,#38BDF8) 30%,
            transparent
        )!important;
}

main.mk-home-v2 .mk-slider-v12-btn:active:not(:disabled){
    transform:translateY(-50%) scale(.96)!important;
}

main.mk-home-v2 .mk-slider-v12-btn:disabled{
    opacity:.22!important;
    cursor:default!important;
    filter:saturate(.55);
}

/* Side positions - slight overlap outside cards */
main.mk-home-v2 .mk-slider-v12-prev{
    left:-24px!important;
}

main.mk-home-v2 .mk-slider-v12-next{
    right:-24px!important;
}

/* Progress bar */
main.mk-home-v2 .mk-slider-v12-progress{
    width:min(210px,38%)!important;
    height:3px!important;

    margin:12px auto 0!important;

    overflow:hidden!important;
    border-radius:999px!important;

    background:rgba(255,255,255,.06)!important;
}

main.mk-home-v2 .mk-slider-v12-progress span{
    display:block!important;
    width:16%;
    height:100%!important;

    border-radius:inherit!important;

    background:
        linear-gradient(
            90deg,
            var(--mk-accent,#38BDF8),
            var(--mk-accent-2,#60A5FA)
        )!important;

    box-shadow:
        0 0 12px
        color-mix(
            in srgb,
            var(--mk-accent,#38BDF8) 24%,
            transparent
        )!important;

    transition:width .2s ease!important;
}

/* Tablet */
@media (max-width:1100px){
    main.mk-home-v2 .mk-slider-v12-btn{
        width:44px!important;
        height:44px!important;
    }

    main.mk-home-v2 .mk-slider-v12-prev{
        left:-18px!important;
    }

    main.mk-home-v2 .mk-slider-v12-next{
        right:-18px!important;
    }
}

/* Mobile */
@media (max-width:768px){
    main.mk-home-v2 .mk-slider-v12-btn{
        width:40px!important;
        height:40px!important;

        border-width:1px!important;

        box-shadow:
            0 10px 24px rgba(0,0,0,.32),
            0 0 18px
            color-mix(
                in srgb,
                var(--mk-accent,#38BDF8) 12%,
                transparent
            )!important;
    }

    main.mk-home-v2 .mk-slider-v12-btn i{
        font-size:11px!important;
    }

    main.mk-home-v2 .mk-slider-v12-prev{
        left:-8px!important;
    }

    main.mk-home-v2 .mk-slider-v12-next{
        right:-8px!important;
    }

    main.mk-home-v2 .mk-slider-v12-progress{
        width:44%!important;
        margin-top:9px!important;
    }
}

/* Very small phones: keep buttons inside viewport */
@media (max-width:390px){
    main.mk-home-v2 .mk-slider-v12-prev{
        left:2px!important;
    }

    main.mk-home-v2 .mk-slider-v12-next{
        right:2px!important;
    }

    main.mk-home-v2 .mk-slider-v12-btn{
        width:38px!important;
        height:38px!important;
        background:
            linear-gradient(
                145deg,
                color-mix(in srgb,var(--mk-dark-panel,#0B1C29) 96%,#fff 1%),
                color-mix(in srgb,var(--mk-dark-bg,#06111B) 98%,#000 2%)
            )!important;
    }
}

/* Chrome experimental scroll buttons off */
main.mk-home-v2 .mk-slider-v12-track::scroll-button(left),
main.mk-home-v2 .mk-slider-v12-track::scroll-button(right),
main.mk-home-v2 .mk-slider-v12-track::scroll-button(inline-start),
main.mk-home-v2 .mk-slider-v12-track::scroll-button(inline-end),
main.mk-home-v2 .mk-slider-v12-track::scroll-button(*) {
    display:none!important;
}


/* =========================================================
   MK V13 - CONTACT DESKTOP + MOBILE PROJECT GRID FIX
   1) Masaüstü iletişim bölümündeki açıklama/textarea alanını
      oval görünümden çıkarır, daha premium hale getirir.
   2) Mobil projeler bölümünü 2 sütunlu düzene çevirir.
========================================================= */

/* ---------------------------------------------------------
   1) CONTACT / TEXTAREA PREMIUM DESKTOP FIX
--------------------------------------------------------- */
@media (min-width: 992px){

    /* Contact açıklama / proje detayları alanı */
    #contact textarea,
    #contact .contact-form textarea,
    #contact .contact-form-card textarea,
    #contact .premium-contact-form textarea,
    #contact .contact-form-wrap textarea,
    #contact .contact-form-box textarea,
    #contact .contact-card-form textarea,
    #contact .form-card textarea,
    #contact .form-box textarea,
    #contact .contact-right textarea{
        width:100% !important;
        height:auto !important;
        min-height:170px !important;

        display:block !important;

        padding:18px 20px !important;

        border-radius:18px !important; /* oval değil, premium kutu formu */
        line-height:1.65 !important;
        resize:vertical !important;

        box-sizing:border-box !important;

        background:
            linear-gradient(
                180deg,
                color-mix(in srgb, var(--mk-dark-panel, #0B1C29) 92%, #fff 1%),
                color-mix(in srgb, var(--mk-dark-bg, #06111B) 97%, #000 3%)
            ) !important;

        border:1px solid
            color-mix(
                in srgb,
                var(--mk-accent, #38BDF8) 18%,
                rgba(255,255,255,.06)
            ) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.035),
            0 12px 24px rgba(0,0,0,.14) !important;
    }

    #contact textarea:focus,
    #contact .contact-form textarea:focus,
    #contact .contact-form-card textarea:focus,
    #contact .premium-contact-form textarea:focus,
    #contact .contact-form-wrap textarea:focus,
    #contact .contact-form-box textarea:focus,
    #contact .contact-card-form textarea:focus,
    #contact .form-card textarea:focus,
    #contact .form-box textarea:focus,
    #contact .contact-right textarea:focus{
        outline:none !important;
        border-color:
            color-mix(
                in srgb,
                var(--mk-accent, #38BDF8) 52%,
                transparent
            ) !important;

        box-shadow:
            0 0 0 4px color-mix(in srgb, var(--mk-accent, #38BDF8) 10%, transparent),
            0 16px 32px rgba(0,0,0,.18) !important;
    }

    /* Textarea çevresindeki kutu varsa biraz daha profesyonel dursun */
    #contact .contact-form-card,
    #contact .premium-contact-form,
    #contact .contact-form-wrap,
    #contact .contact-form-box,
    #contact .form-card,
    #contact .contact-right{
        border-radius:24px !important;
    }
}

/* ---------------------------------------------------------
   2) MOBILE PROJECTS 2-COLUMN GRID FIX
--------------------------------------------------------- */
@media (max-width: 768px){

    /* Olası proje grid kapsayıcıları */
    #projects .projects-grid,
    #projects .project-grid,
    #projects .portfolio-grid,
    #projects .premium-projects-grid,
    #projects .project-list,
    #projects .projects-list{
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:12px !important;
        align-items:stretch !important;
    }

    /* Olası kart sınıfları */
    #projects .project-card,
    #projects .premium-project-card,
    #projects .portfolio-card,
    #projects .project-item,
    #projects .project-box,
    #projects .projects-grid > *,
    #projects .project-grid > *,
    #projects .portfolio-grid > *,
    #projects .premium-projects-grid > *{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
        box-sizing:border-box !important;
        height:100% !important;
    }

    /* Kart içeriği biraz kompakt olsun */
    #projects .project-card,
    #projects .premium-project-card,
    #projects .portfolio-card,
    #projects .project-item,
    #projects .project-box{
        padding:12px !important;
        border-radius:16px !important;
    }

    /* Görsel alanları mobilde dengeli yükseklik */
    #projects .project-card img,
    #projects .premium-project-card img,
    #projects .portfolio-card img,
    #projects .project-item img,
    #projects .project-box img,
    #projects .project-thumb img,
    #projects .project-image img{
        width:100% !important;
        height:118px !important;
        object-fit:cover !important;
        border-radius:12px !important;
    }

    /* Başlık ve metinler daha kısa dursun */
    #projects .project-card h3,
    #projects .premium-project-card h3,
    #projects .portfolio-card h3,
    #projects .project-item h3,
    #projects .project-box h3{
        font-size:14px !important;
        line-height:1.3 !important;
        margin-bottom:6px !important;
    }

    #projects .project-card p,
    #projects .premium-project-card p,
    #projects .portfolio-card p,
    #projects .project-item p,
    #projects .project-box p{
        font-size:11px !important;
        line-height:1.55 !important;
        margin-bottom:10px !important;

        display:-webkit-box !important;
        -webkit-line-clamp:3 !important;
        -webkit-box-orient:vertical !important;
        overflow:hidden !important;
    }

    /* Buton/bağlantılar sıkışmasın */
    #projects .project-card .btn,
    #projects .premium-project-card .btn,
    #projects .portfolio-card .btn,
    #projects .project-item .btn,
    #projects .project-box .btn,
    #projects .project-card a,
    #projects .premium-project-card a,
    #projects .portfolio-card a,
    #projects .project-item a,
    #projects .project-box a{
        font-size:11px !important;
    }
}

/* Çok küçük telefonlar için 2 sütun korunur ama boşluk biraz azalır */
@media (max-width: 390px){
    #projects .projects-grid,
    #projects .project-grid,
    #projects .portfolio-grid,
    #projects .premium-projects-grid,
    #projects .project-list,
    #projects .projects-list{
        gap:10px !important;
    }

    #projects .project-card img,
    #projects .premium-project-card img,
    #projects .portfolio-card img,
    #projects .project-item img,
    #projects .project-box img,
    #projects .project-thumb img,
    #projects .project-image img{
        height:105px !important;
    }
}


/* =========================================================
   MK V14 - PROJECTS FINAL UI
   SADECE PROJELER BÖLÜMÜ
   - Option 2 / Glass Premium proje butonu
   - Mobil 2 sütun
   - Açıklama TAM görünür
   - Mobil kartlar daha kompakt
   - Slider dikey sayfa kaydırma fix korunur
========================================================= */

/* ---------------------------------------------------------
   1) TÜM PROJE KARTLARINDA GLASS PREMIUM BUTON
--------------------------------------------------------- */

/* Ana proje butonu */
main .premium-project-link,
.premium-project-card .premium-project-link,
#projects .premium-project-link,
.projects-page .premium-project-link,
.project-card .project-link,
.project-card .btn-project,
.project-item .project-link{
    position:relative !important;

    min-height:48px !important;
    width:auto !important;
    max-width:100% !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;

    padding:0 58px 0 18px !important;

    border-radius:16px !important;

    color:#FFFFFF !important;
    font-size:13px !important;
    font-weight:900 !important;
    letter-spacing:.01em !important;
    text-decoration:none !important;

    border:1px solid
        color-mix(
            in srgb,
            var(--mk-accent,#38BDF8) 56%,
            rgba(255,255,255,.16)
        ) !important;

    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(255,255,255,.15),
            transparent 28%
        ),
        linear-gradient(
            110deg,
            #9333EA 0%,
            #6D5DFB 42%,
            #1677F2 100%
        ) !important;

    box-shadow:
        0 12px 30px rgba(25,102,235,.22),
        0 0 22px rgba(130,70,255,.12),
        inset 0 1px 0 rgba(255,255,255,.20) !important;

    overflow:hidden !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease,
        filter .22s ease !important;
}

/* Sağdaki dairesel ikon */
main .premium-project-link::after,
.premium-project-card .premium-project-link::after,
#projects .premium-project-link::after,
.projects-page .premium-project-link::after,
.project-card .project-link::after,
.project-card .btn-project::after,
.project-item .project-link::after{
    content:"↗" !important;

    position:absolute !important;
    top:50% !important;
    right:7px !important;
    transform:translateY(-50%) !important;

    width:34px !important;
    height:34px !important;

    display:grid !important;
    place-items:center !important;

    border-radius:50% !important;

    color:#FFFFFF !important;
    font-size:15px !important;
    font-weight:900 !important;
    line-height:1 !important;

    background:
        linear-gradient(
            145deg,
            rgba(4,18,33,.96),
            rgba(8,35,55,.96)
        ) !important;

    border:1px solid rgba(255,255,255,.22) !important;

    box-shadow:
        0 6px 18px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.06) !important;

    transition:
        transform .22s ease,
        background .22s ease,
        box-shadow .22s ease !important;
}

/* Eski küçük ikon varsa görünmez yap */
main .premium-project-link > i,
main .premium-project-link > svg,
.premium-project-card .premium-project-link > i,
.premium-project-card .premium-project-link > svg{
    display:none !important;
}

/* Hover */
main .premium-project-link:hover,
.premium-project-card .premium-project-link:hover,
#projects .premium-project-link:hover,
.projects-page .premium-project-link:hover,
.project-card .project-link:hover,
.project-card .btn-project:hover,
.project-item .project-link:hover{
    color:#FFFFFF !important;
    transform:translateY(-2px) !important;

    border-color:rgba(137,220,255,.82) !important;

    box-shadow:
        0 16px 36px rgba(31,110,255,.30),
        0 0 30px rgba(154,68,255,.20),
        inset 0 1px 0 rgba(255,255,255,.24) !important;

    filter:saturate(1.08) brightness(1.05) !important;
}

main .premium-project-link:hover::after,
.premium-project-card .premium-project-link:hover::after,
#projects .premium-project-link:hover::after,
.projects-page .premium-project-link:hover::after{
    transform:translateY(-50%) rotate(5deg) scale(1.06) !important;
    background:
        linear-gradient(
            145deg,
            #071C30,
            #0B3350
        ) !important;
    box-shadow:
        0 8px 20px rgba(0,0,0,.32),
        0 0 16px rgba(85,208,255,.18) !important;
}

/* ---------------------------------------------------------
   2) MOBİL PROJELER: 2 SÜTUN + DAHA KOMPAKT
   AÇIKLAMA KISALTILMAZ / TAMAMEN GÖRÜNÜR
--------------------------------------------------------- */
@media (max-width:768px){

    /* Grid kesin 2 sütun */
    main.mk-home-v2 #projects .premium-projects-grid,
    #projects .premium-projects-grid,
    .projects-page .premium-projects-grid,
    .projects-grid,
    .project-grid{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
        align-items:stretch !important;
    }

    /* Kart */
    main.mk-home-v2 #projects .premium-project-card,
    #projects .premium-project-card,
    .projects-page .premium-project-card{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        height:auto !important;
        min-height:0 !important;

        margin:0 !important;

        border-radius:15px !important;

        overflow:hidden !important;
    }

    /* Görsel daha kısa: kart boyunu ciddi azaltır */
    main.mk-home-v2 #projects .premium-project-media,
    #projects .premium-project-media,
    .projects-page .premium-project-media{
        height:112px !important;
        min-height:112px !important;
        max-height:112px !important;
        overflow:hidden !important;
    }

    main.mk-home-v2 #projects .premium-project-media img,
    #projects .premium-project-media img,
    .projects-page .premium-project-media img{
        width:100% !important;
        height:112px !important;
        min-height:112px !important;
        max-height:112px !important;
        object-fit:cover !important;
    }

    /* İç gövde daha sıkı */
    main.mk-home-v2 #projects .premium-project-body,
    #projects .premium-project-body,
    .projects-page .premium-project-body{
        padding:11px !important;
    }

    /* Başlık */
    main.mk-home-v2 #projects .premium-project-body h3,
    #projects .premium-project-body h3,
    .projects-page .premium-project-body h3{
        margin:5px 0 7px !important;
        font-size:14px !important;
        line-height:1.28 !important;
        letter-spacing:-.015em !important;
    }

    /* AÇIKLAMA TAM GÖRÜNÜR */
    main.mk-home-v2 #projects .premium-project-body p,
    #projects .premium-project-body p,
    .projects-page .premium-project-body p,
    #projects .premium-project-card p{
        display:block !important;

        -webkit-line-clamp:unset !important;
        -webkit-box-orient:unset !important;

        max-height:none !important;
        height:auto !important;

        overflow:visible !important;

        margin:0 0 8px !important;

        font-size:10.5px !important;
        line-height:1.45 !important;

        word-break:normal !important;
        overflow-wrap:break-word !important;
    }

    /* Badge / kategori / öne çıkan gibi küçük elemanlar */
    #projects .premium-project-card :is(
        .project-badge,
        .project-category,
        .premium-project-category,
        .premium-project-badge,
        .project-featured
    ){
        font-size:7.5px !important;
        line-height:1.1 !important;
        padding:5px 7px !important;
        border-radius:999px !important;
    }

    /* Teknoloji etiketleri daha küçük */
    #projects .premium-project-card :is(
        .tech-tag,
        .project-tech,
        .premium-tech,
        .project-tag
    ){
        font-size:8px !important;
        line-height:1 !important;
        padding:5px 7px !important;
        border-radius:8px !important;
    }

    /* Teknoloji kapsayıcılarında boşluğu azalt */
    #projects .premium-project-card :is(
        .project-techs,
        .project-technologies,
        .premium-project-techs,
        .tech-list,
        .tags
    ){
        gap:5px !important;
        margin-top:7px !important;
        margin-bottom:8px !important;
    }

    /* Glass Premium buton mobil */
    main .premium-project-link,
    #projects .premium-project-link,
    .projects-page .premium-project-link{
        width:100% !important;
        min-height:42px !important;

        padding:0 48px 0 11px !important;

        border-radius:13px !important;

        font-size:10px !important;
        justify-content:flex-start !important;

        box-shadow:
            0 8px 20px rgba(25,102,235,.20),
            0 0 16px rgba(130,70,255,.10),
            inset 0 1px 0 rgba(255,255,255,.16) !important;
    }

    main .premium-project-link::after,
    #projects .premium-project-link::after,
    .projects-page .premium-project-link::after{
        width:30px !important;
        height:30px !important;
        right:6px !important;
        font-size:13px !important;
    }

    /* Kart arası dikey boşluğu azalt */
    #projects .premium-project-card{
        margin-bottom:0 !important;
    }
}

/* Çok dar ekranlarda da iki sütun korunur */
@media (max-width:390px){

    main.mk-home-v2 #projects .premium-projects-grid,
    #projects .premium-projects-grid,
    .projects-page .premium-projects-grid,
    .projects-grid,
    .project-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    main.mk-home-v2 #projects .premium-project-media,
    main.mk-home-v2 #projects .premium-project-media img,
    #projects .premium-project-media,
    #projects .premium-project-media img{
        height:96px !important;
        min-height:96px !important;
        max-height:96px !important;
    }

    main.mk-home-v2 #projects .premium-project-body,
    #projects .premium-project-body{
        padding:9px !important;
    }

    main.mk-home-v2 #projects .premium-project-body h3,
    #projects .premium-project-body h3{
        font-size:12.5px !important;
    }

    main.mk-home-v2 #projects .premium-project-body p,
    #projects .premium-project-body p{
        font-size:9.5px !important;
        line-height:1.42 !important;
    }
}

/* ---------------------------------------------------------
   3) MOBİL SLIDER DİKEY SAYFA KAYDIRMA FIX
   Daha önce çözülen sorun geri gelmesin.
--------------------------------------------------------- */
@media (max-width:768px){
    #services .mk-slider-v12-track,
    #testimonials .mk-slider-v12-track,
    #statistics .mk-slider-v12-track,
    #skills .mk-slider-v12-track,
    #experiences .mk-slider-v12-track,

    #services .mk-slider-v9-track,
    #testimonials .mk-slider-v9-track,
    #statistics .mk-slider-v9-track,
    #skills .mk-slider-v9-track,
    #experiences .mk-slider-v9-track{
        touch-action:pan-x pan-y pinch-zoom !important;
        overscroll-behavior-x:contain !important;
        overscroll-behavior-y:auto !important;
        -webkit-overflow-scrolling:touch !important;
    }
}