/* Index 3 Ana Sistem başlangıcı */

.sm27-systems-final{
    position:relative!important;
    width:100%!important;
    padding:74px 0 82px!important;
    overflow:hidden!important;
    background:
        radial-gradient(circle at 9% 14%,rgba(66,133,244,.055),transparent 30%),
        radial-gradient(circle at 92% 18%,rgba(52,168,83,.050),transparent 28%),
        linear-gradient(180deg,#fbfdff 0%,#ffffff 100%)!important;
    color:#0f172a!important;
    font-family:Arial,Helvetica,sans-serif!important;
    scroll-margin-top:125px!important;
}

.sm27-systems-final::before{
    content:""!important;
    position:absolute!important;
    left:-330px!important;
    top:-390px!important;
    width:760px!important;
    height:760px!important;
    border-radius:50%!important;
    border:1px solid rgba(66,133,244,.060)!important;
    box-shadow:
        0 0 0 44px rgba(66,133,244,.018),
        0 0 0 94px rgba(66,133,244,.012)!important;
    pointer-events:none!important;
}

.sm27-systems-final::after{
    content:""!important;
    position:absolute!important;
    right:-380px!important;
    bottom:-430px!important;
    width:780px!important;
    height:780px!important;
    border-radius:50%!important;
    border:1px solid rgba(52,168,83,.055)!important;
    box-shadow:
        0 0 0 48px rgba(52,168,83,.014),
        0 0 0 100px rgba(52,168,83,.010)!important;
    pointer-events:none!important;
}

.sm27-systems-final-bg{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
}

.sm27-systems-dots{
    position:absolute!important;
    width:150px!important;
    height:90px!important;
    opacity:.26!important;
    background-image:radial-gradient(circle,rgba(66,133,244,.36) 1.5px,transparent 2px)!important;
    background-size:15px 15px!important;
}

.sm27-systems-dots-left{
    left:4.5%!important;
    top:26%!important;
}

.sm27-systems-dots-right{
    right:5.5%!important;
    top:10%!important;
}

.sm27-systems-final-container{
    position:relative!important;
    z-index:3!important;
    width:min(100% - 64px,1500px)!important;
    margin:0 auto!important;
}

.sm27-systems-final-head{
    max-width:860px!important;
    margin:0 auto 38px!important;
    text-align:center!important;
}

.sm27-systems-final-head h2{
    margin:0!important;
    color:#0f172a!important;
    font-size:clamp(42px,3.5vw,58px)!important;
    line-height:1.04!important;
    font-weight:950!important;
    letter-spacing:-.065em!important;
}

.sm27-systems-final-line{
    width:210px!important;
    height:5px!important;
    margin:18px auto 22px!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
    border-radius:999px!important;
    background:#e5e7eb!important;
}

.sm27-systems-final-line span{
    height:100%!important;
    display:block!important;
}

.sm27-systems-final-line .b1{
    width:25%!important;
    background:#4285f4!important;
}

.sm27-systems-final-line .b2{
    width:22%!important;
    background:#ea4335!important;
}

.sm27-systems-final-line .b3{
    width:23%!important;
    background:#fbbc05!important;
}

.sm27-systems-final-line .b4{
    width:30%!important;
    background:#34a853!important;
}

.sm27-systems-final-head p{
    max-width:760px!important;
    margin:0 auto!important;
    color:#526078!important;
    font-size:17px!important;
    line-height:1.58!important;
    font-weight:500!important;
    letter-spacing:-.015em!important;
}

.sm27-systems-final-grid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:28px!important;
    align-items:stretch!important;
}

.sm27-system-final-card{
    position:relative!important;
    min-width:0!important;
    min-height:500px!important;
    border-radius:26px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(218,220,224,.90)!important;
    box-shadow:0 18px 54px rgba(60,64,67,.072)!important;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}

.sm27-system-final-card:hover{
    transform:translateY(-5px)!important;
    box-shadow:0 26px 78px rgba(60,64,67,.115)!important;
}

.sm27-system-final-card::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:4px!important;
    z-index:4!important;
    background:#4285f4!important;
}

.sm27-system-final-blue::before{
    background:#4285f4!important;
}

.sm27-system-final-green::before{
    background:#34a853!important;
}

.sm27-system-final-instagram::before{
    background:linear-gradient(90deg,#ff7a1a 0%,#ea4335 46%,#9333ea 100%)!important;
}

.sm27-system-final-card::after{
    content:""!important;
    position:absolute!important;
    right:-105px!important;
    top:-110px!important;
    width:250px!important;
    height:250px!important;
    border-radius:50%!important;
    background:radial-gradient(circle,rgba(66,133,244,.10),transparent 68%)!important;
    pointer-events:none!important;
}

.sm27-system-final-green::after{
    background:radial-gradient(circle,rgba(52,168,83,.11),transparent 68%)!important;
}

.sm27-system-final-instagram::after{
    background:radial-gradient(circle,rgba(168,85,247,.12),transparent 68%)!important;
}

.sm27-system-final-visual{
    position:relative!important;
    height:190px!important;
    padding:24px 26px 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
}

.sm27-system-final-visual::before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:54%!important;
    width:300px!important;
    height:185px!important;
    transform:translate(-50%,-50%)!important;
    border-radius:50%!important;
    background:radial-gradient(circle,rgba(66,133,244,.095),transparent 68%)!important;
    pointer-events:none!important;
}

.sm27-system-final-green .sm27-system-final-visual::before{
    background:radial-gradient(circle,rgba(52,168,83,.105),transparent 68%)!important;
}

.sm27-system-final-instagram .sm27-system-final-visual::before{
    background:radial-gradient(circle,rgba(236,72,153,.115),transparent 68%)!important;
}

.sm27-system-final-visual img{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    max-width:320px!important;
    height:178px!important;
    object-fit:contain!important;
    display:block!important;
}

.sm27-system-mockup{
    position:relative!important;
    z-index:2!important;
    width:322px!important;
    height:202px!important;
    transform:scale(.76)!important;
    transform-origin:center!important;
}

/* Web sitesi mockup */

.mock-browser{
    position:absolute!important;
    left:16px!important;
    top:23px!important;
    width:220px!important;
    height:138px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(218,220,224,.95)!important;
    box-shadow:0 20px 48px rgba(66,133,244,.14)!important;
    overflow:hidden!important;
}

.mock-browser::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:28px!important;
    background:#edf2f7!important;
}

.mock-browser strong{
    position:absolute!important;
    left:38px!important;
    top:45px!important;
    color:#4285f4!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.05em!important;
}

.mock-browser .search{
    position:absolute!important;
    left:38px!important;
    right:28px!important;
    top:74px!important;
    height:20px!important;
    border-radius:999px!important;
    background:#ffffff!important;
    border:1px solid #e5e7eb!important;
}

.mock-browser .rank{
    position:absolute!important;
    left:36px!important;
    bottom:31px!important;
    width:31px!important;
    height:31px!important;
    border-radius:8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#ffffff!important;
    background:#4285f4!important;
    font-size:15px!important;
    font-weight:950!important;
}

.mock-browser .line{
    position:absolute!important;
    left:78px!important;
    height:8px!important;
    border-radius:999px!important;
    background:#bfd4ff!important;
}

.mock-browser .l1{
    bottom:43px!important;
    width:98px!important;
}

.mock-browser .l2{
    bottom:25px!important;
    width:72px!important;
    opacity:.62!important;
}

.mock-chart{
    position:absolute!important;
    right:16px!important;
    bottom:24px!important;
    width:102px!important;
    height:78px!important;
    display:flex!important;
    align-items:flex-end!important;
    gap:10px!important;
}

.mock-chart .bar{
    width:23px!important;
    border-radius:9px 9px 0 0!important;
    background:linear-gradient(180deg,#4285f4,#0b63ce)!important;
    box-shadow:0 12px 24px rgba(66,133,244,.22)!important;
}

.mock-chart .b1{
    height:34px!important;
}

.mock-chart .b2{
    height:54px!important;
}

.mock-chart .b3{
    height:74px!important;
}

.mock-arrow{
    position:absolute!important;
    right:26px!important;
    top:54px!important;
    width:90px!important;
    height:60px!important;
    border-top:8px solid #4285f4!important;
    border-right:8px solid #4285f4!important;
    border-radius:0 44px 0 0!important;
    transform:rotate(-8deg)!important;
}

.mock-arrow::after{
    content:""!important;
    position:absolute!important;
    right:-12px!important;
    top:-14px!important;
    width:22px!important;
    height:22px!important;
    border-top:8px solid #4285f4!important;
    border-right:8px solid #4285f4!important;
    transform:rotate(45deg)!important;
}

/* Google işletme mockup */

.mock-map{
    position:absolute!important;
    left:28px!important;
    top:64px!important;
    width:166px!important;
    height:94px!important;
    border-radius:22px!important;
    background:
        linear-gradient(135deg,#e9f6ec 0 32%,#b9e6c9 32% 55%,#fdf4d1 55% 72%,#d8ecff 72% 100%)!important;
    border:1px solid rgba(52,168,83,.16)!important;
    box-shadow:0 22px 52px rgba(52,168,83,.14)!important;
    transform:perspective(420px) rotateX(15deg) rotateZ(-8deg)!important;
}

.mock-map .pin{
    position:absolute!important;
    left:58px!important;
    top:-54px!important;
    width:68px!important;
    height:88px!important;
    border-radius:50% 50% 50% 0!important;
    background:linear-gradient(180deg,#ff5a5f,#e53935)!important;
    transform:rotate(-45deg)!important;
    box-shadow:0 18px 34px rgba(234,67,53,.20)!important;
}

.mock-map .pin::after{
    content:""!important;
    position:absolute!important;
    left:21px!important;
    top:21px!important;
    width:25px!important;
    height:25px!important;
    border-radius:50%!important;
    background:#ffffff!important;
}

.mock-map .road{
    position:absolute!important;
    height:7px!important;
    border-radius:999px!important;
    background:#ffffff!important;
    opacity:.9!important;
}

.mock-map .r1{
    left:10px!important;
    top:26px!important;
    width:144px!important;
    transform:rotate(-15deg)!important;
}

.mock-map .r2{
    left:24px!important;
    top:56px!important;
    width:118px!important;
    transform:rotate(18deg)!important;
}

.mock-map .r3{
    left:74px!important;
    top:9px!important;
    width:72px!important;
    transform:rotate(70deg)!important;
}

.mock-business{
    position:absolute!important;
    right:22px!important;
    top:58px!important;
    width:168px!important;
    height:90px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(218,220,224,.95)!important;
    box-shadow:0 22px 58px rgba(52,168,83,.17)!important;
}

.mock-business .shop{
    position:absolute!important;
    left:18px!important;
    top:20px!important;
    width:40px!important;
    height:34px!important;
    border-radius:7px!important;
    background:#34a853!important;
}

.mock-business .shop::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:-10px!important;
    height:15px!important;
    border-radius:8px 8px 4px 4px!important;
    background:#4285f4!important;
}

.mock-business .star-row{
    position:absolute!important;
    left:18px!important;
    bottom:17px!important;
    color:#fbbc05!important;
    font-size:15px!important;
    letter-spacing:1px!important;
    font-weight:900!important;
}

.mock-business .check{
    position:absolute!important;
    right:17px!important;
    top:29px!important;
    width:34px!important;
    height:34px!important;
    border-radius:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#ffffff!important;
    background:#34a853!important;
    font-size:20px!important;
    font-weight:950!important;
}

/* Instagram mockup */

.mock-instagram{
    position:absolute!important;
    left:24px!important;
    top:54px!important;
    width:114px!important;
    height:114px!important;
    border-radius:28px!important;
    background:radial-gradient(circle at 30% 100%,#feda75 0,#fa7e1e 28%,#d62976 58%,#962fbf 82%,#4f5bd5 100%)!important;
    box-shadow:0 24px 54px rgba(214,41,118,.22)!important;
}

.mock-instagram span{
    position:absolute!important;
    inset:24px!important;
    border:7px solid #ffffff!important;
    border-radius:22px!important;
}

.mock-instagram span::before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:28px!important;
    height:28px!important;
    margin:-14px 0 0 -14px!important;
    border:6px solid #ffffff!important;
    border-radius:50%!important;
}

.mock-instagram span::after{
    content:""!important;
    position:absolute!important;
    right:-1px!important;
    top:-1px!important;
    width:9px!important;
    height:9px!important;
    border-radius:50%!important;
    background:#ffffff!important;
}

.mock-serp{
    position:absolute!important;
    right:20px!important;
    top:46px!important;
    width:182px!important;
    height:114px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(218,220,224,.95)!important;
    box-shadow:0 24px 60px rgba(168,85,247,.18)!important;
}

.mock-serp strong{
    position:absolute!important;
    left:24px!important;
    top:18px!important;
    color:#4285f4!important;
    font-size:18px!important;
    line-height:1!important;
    letter-spacing:-.05em!important;
    font-weight:950!important;
}

.mock-serp span{
    position:absolute!important;
    left:24px!important;
    right:22px!important;
    height:9px!important;
    border-radius:999px!important;
    background:#e5e7eb!important;
}

.mock-serp span:nth-child(2){
    top:50px!important;
}

.mock-serp span:nth-child(3){
    top:71px!important;
    right:44px!important;
}

.mock-serp span:nth-child(4){
    top:92px!important;
    right:72px!important;
}

/* Kart içerik */

.sm27-system-final-body{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    padding:0 32px 30px!important;
}

.sm27-system-final-body h3{
    min-height:62px!important;
    margin:0!important;
    color:#0f172a!important;
    font-size:25px!important;
    line-height:1.16!important;
    font-weight:950!important;
    letter-spacing:-.045em!important;
}

.sm27-system-final-body p{
    min-height:76px!important;
    margin:12px 0 0!important;
    color:#4f5f78!important;
    font-size:15.6px!important;
    line-height:1.56!important;
    font-weight:500!important;
    letter-spacing:-.014em!important;
}

.sm27-system-final-body ul{
    list-style:none!important;
    margin:18px 0 0!important;
    padding:0!important;
    display:grid!important;
    gap:10px!important;
}

.sm27-system-final-body li{
    position:relative!important;
    min-height:23px!important;
    padding-left:32px!important;
    color:#111827!important;
    font-size:15.5px!important;
    line-height:1.38!important;
    font-weight:900!important;
    letter-spacing:-.020em!important;
}

.sm27-system-final-body li::before{
    content:"✓"!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:23px!important;
    height:23px!important;
    border-radius:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#ffffff!important;
    background:#4285f4!important;
    font-size:13px!important;
    font-weight:950!important;
}

.sm27-system-final-green .sm27-system-final-body li::before{
    background:#34a853!important;
}

.sm27-system-final-instagram .sm27-system-final-body li::before{
    background:#a855f7!important;
}

.sm27-system-final-btn{
    width:100%!important;
    min-height:54px!important;
    margin-top:auto!important;
    padding:0 22px!important;
    border-radius:15px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:14px!important;
    color:#ffffff!important;
    background:linear-gradient(135deg,#1a73e8 0%,#0b57d0 100%)!important;
    box-shadow:0 16px 36px rgba(26,115,232,.20)!important;
    text-decoration:none!important;
    font-size:15.8px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.024em!important;
    transition:transform .22s ease,box-shadow .22s ease!important;
}

.sm27-system-final-green .sm27-system-final-btn{
    background:linear-gradient(135deg,#34a853 0%,#128239 100%)!important;
    box-shadow:0 16px 36px rgba(52,168,83,.18)!important;
}

.sm27-system-final-instagram .sm27-system-final-btn{
    background:linear-gradient(135deg,#ff7a1a 0%,#ea4335 45%,#9333ea 100%)!important;
    box-shadow:0 16px 36px rgba(168,85,247,.19)!important;
}

.sm27-system-final-btn:hover{
    color:#ffffff!important;
    transform:translateY(-2px)!important;
}

.sm27-system-final-btn svg{
    width:20px!important;
    height:20px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.4!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

/* Alt etiketler */

.sm27-systems-final-tags{
    width:min(100%,690px)!important;
    min-height:64px!important;
    margin:36px auto 0!important;
    padding:7px!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    background:rgba(255,255,255,.90)!important;
    border:1px solid rgba(218,220,224,.84)!important;
    box-shadow:0 14px 40px rgba(60,64,67,.070)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
}

.sm27-systems-final-tags span{
    min-height:49px!important;
    padding:0 23px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:11px!important;
    color:#111827!important;
    background:#ffffff!important;
    border:1px solid rgba(218,220,224,.70)!important;
    font-size:15.5px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.025em!important;
    white-space:nowrap!important;
}

.sm27-systems-final-tags i{
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
}

.sm27-systems-final-tags .leaf::before{
    content:""!important;
    position:absolute!important;
    left:4px!important;
    top:3px!important;
    width:15px!important;
    height:17px!important;
    border-radius:100% 0 100% 100%!important;
    background:#34a853!important;
    transform:rotate(-20deg)!important;
}

.sm27-systems-final-tags .leaf::after{
    content:""!important;
    position:absolute!important;
    left:11px!important;
    top:6px!important;
    width:2px!important;
    height:12px!important;
    border-radius:999px!important;
    background:#ffffff!important;
    transform:rotate(38deg)!important;
}

.sm27-systems-final-tags .bolt::before{
    content:""!important;
    position:absolute!important;
    left:6px!important;
    top:1px!important;
    width:13px!important;
    height:21px!important;
    background:#1a73e8!important;
    clip-path:polygon(48% 0,18% 52%,45% 52%,35% 100%,82% 40%,54% 40%,68% 0)!important;
}

.sm27-systems-final-tags .target::before{
    content:""!important;
    position:absolute!important;
    inset:1px!important;
    border-radius:50%!important;
    background:radial-gradient(circle,#ea4335 0 20%,transparent 21% 42%,#ea4335 43% 62%,transparent 63% 100%)!important;
}

/* 1450 altı masaüstü */

@media (min-width:1200px) and (max-width:1450px){
    .sm27-systems-final{
        padding:66px 0 78px!important;
    }

    .sm27-systems-final-container{
        width:min(100% - 46px,1320px)!important;
    }

    .sm27-systems-final-head{
        margin-bottom:34px!important;
    }

    .sm27-systems-final-head h2{
        font-size:clamp(40px,3.6vw,54px)!important;
    }

    .sm27-systems-final-head p{
        font-size:16px!important;
    }

    .sm27-systems-final-grid{
        gap:22px!important;
    }

    .sm27-system-final-card{
        min-height:474px!important;
        border-radius:24px!important;
    }

    .sm27-system-final-visual{
        height:170px!important;
        padding:20px 22px 0!important;
    }

    .sm27-system-mockup{
        transform:scale(.68)!important;
    }

    .sm27-system-final-body{
        padding:0 26px 28px!important;
    }

    .sm27-system-final-body h3{
        min-height:58px!important;
        font-size:23px!important;
        line-height:1.14!important;
    }

    .sm27-system-final-body p{
        min-height:72px!important;
        font-size:14.8px!important;
        line-height:1.52!important;
    }

    .sm27-system-final-body li{
        font-size:14.8px!important;
    }

    .sm27-system-final-btn{
        min-height:52px!important;
        font-size:15px!important;
    }
}

/* Tablet */

@media (min-width:768px) and (max-width:1199px){
    .sm27-systems-final{
        padding:66px 0 76px!important;
    }

    .sm27-systems-final-container{
        width:min(100% - 38px,980px)!important;
    }

    .sm27-systems-final-head{
        margin-bottom:34px!important;
    }

    .sm27-systems-final-head h2{
        font-size:clamp(40px,6.4vw,58px)!important;
    }

    .sm27-systems-final-grid{
        grid-template-columns:1fr!important;
        max-width:650px!important;
        margin:0 auto!important;
        gap:22px!important;
    }

    .sm27-system-final-card{
        min-height:auto!important;
    }

    .sm27-system-final-body h3{
        min-height:auto!important;
    }

    .sm27-system-final-body p{
        min-height:auto!important;
    }

    .sm27-system-final-btn{
        margin-top:24px!important;
    }

    .sm27-systems-final-tags{
        width:min(100%,650px)!important;
        border-radius:26px!important;
        display:grid!important;
        grid-template-columns:1fr!important;
        padding:10px!important;
    }

    .sm27-systems-final-tags span{
        width:100%!important;
    }
}

/* Mobil */

@media (max-width:767px){
    .sm27-systems-final{
        padding:58px 0 66px!important;
    }

    .sm27-systems-final::before{
        left:-390px!important;
        top:-400px!important;
    }

    .sm27-systems-final::after{
        right:-450px!important;
        bottom:-450px!important;
    }

    .sm27-systems-final-container{
        width:min(100% - 24px,560px)!important;
    }

    .sm27-systems-dots{
        display:none!important;
    }

    .sm27-systems-final-head{
        margin-bottom:28px!important;
        text-align:center!important;
    }

    .sm27-systems-final-head h2{
        font-size:clamp(34px,9.8vw,46px)!important;
        line-height:1.05!important;
        letter-spacing:-.060em!important;
    }

    .sm27-systems-final-line{
        width:178px!important;
        height:4px!important;
        margin:16px auto 18px!important;
    }

    .sm27-systems-final-head p{
        font-size:15px!important;
        line-height:1.55!important;
    }

    .sm27-systems-final-grid{
        grid-template-columns:1fr!important;
        gap:18px!important;
    }

    .sm27-system-final-card{
        min-height:auto!important;
        border-radius:22px!important;
    }

    .sm27-system-final-visual{
        height:176px!important;
        padding:18px 20px 0!important;
    }

    .sm27-system-mockup{
        transform:scale(.66)!important;
    }

    .sm27-system-final-body{
        padding:0 22px 24px!important;
    }

    .sm27-system-final-body h3{
        min-height:auto!important;
        font-size:22px!important;
        line-height:1.15!important;
        letter-spacing:-.044em!important;
    }

    .sm27-system-final-body p{
        min-height:auto!important;
        margin-top:11px!important;
        font-size:14.7px!important;
        line-height:1.55!important;
    }

    .sm27-system-final-body ul{
        gap:9px!important;
        margin-top:16px!important;
    }

    .sm27-system-final-body li{
        font-size:14.7px!important;
        padding-left:31px!important;
    }

    .sm27-system-final-body li::before{
        width:22px!important;
        height:22px!important;
    }

    .sm27-system-final-btn{
        min-height:52px!important;
        margin-top:20px!important;
        font-size:15px!important;
    }

    .sm27-systems-final-tags{
        width:100%!important;
        margin-top:26px!important;
        border-radius:24px!important;
        display:grid!important;
        grid-template-columns:1fr!important;
        padding:10px!important;
    }

    .sm27-systems-final-tags span{
        width:100%!important;
        min-height:49px!important;
        font-size:14.7px!important;
    }
}

/* Küçük mobil */

@media (max-width:420px){
    .sm27-systems-final{
        padding:54px 0 62px!important;
    }

    .sm27-system-final-visual{
        height:166px!important;
    }

    .sm27-system-mockup{
        transform:scale(.60)!important;
    }

    .sm27-system-final-body{
        padding:0 20px 22px!important;
    }

    .sm27-system-final-body h3{
        font-size:21px!important;
    }

    .sm27-system-final-body p{
        font-size:14.4px!important;
    }

    .sm27-system-final-body li{
        font-size:14.4px!important;
    }

    .sm27-system-final-btn{
        min-height:51px!important;
        padding:0 18px!important;
    }
}

/* Index 3 Ana Sistem bitişi */
/* 3 Ana Sistem ekran sığdırma final başlangıcı */

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

.sm27-systems-final{
    padding:48px 0 62px!important;
    min-height:auto!important;
    scroll-margin-top:135px!important;
}

.sm27-systems-final-container{
    width:min(100% - 52px,1500px)!important;
}

.sm27-systems-final-head{
    margin:0 auto 28px!important;
}

.sm27-systems-final-head h2{
    font-size:clamp(40px,3.2vw,54px)!important;
    line-height:1.02!important;
    letter-spacing:-.060em!important;
}

.sm27-systems-final-line{
    width:190px!important;
    height:4px!important;
    margin:16px auto 18px!important;
}

.sm27-systems-final-head p{
    font-size:16px!important;
    line-height:1.45!important;
}

.sm27-systems-final-grid{
    gap:24px!important;
    align-items:stretch!important;
}

.sm27-system-final-card{
    min-height:438px!important;
    border-radius:24px!important;
}

.sm27-system-final-visual{
    height:142px!important;
    padding:14px 24px 0!important;
}

.sm27-system-final-visual::before{
    width:250px!important;
    height:145px!important;
}

.sm27-system-mockup{
    transform:scale(.58)!important;
}

.sm27-system-final-body{
    padding:0 30px 26px!important;
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
}

.sm27-system-final-body h3{
    min-height:58px!important;
    font-size:23px!important;
    line-height:1.13!important;
    letter-spacing:-.045em!important;
}

.sm27-system-final-body p{
    min-height:66px!important;
    margin-top:10px!important;
    font-size:14.7px!important;
    line-height:1.48!important;
}

.sm27-system-final-body ul{
    margin-top:14px!important;
    gap:8px!important;
}

.sm27-system-final-body li{
    min-height:22px!important;
    padding-left:30px!important;
    font-size:14.8px!important;
    line-height:1.34!important;
}

.sm27-system-final-body li::before{
    width:22px!important;
    height:22px!important;
    font-size:12px!important;
}

.sm27-system-final-btn{
    min-height:50px!important;
    margin-top:auto!important;
    border-radius:14px!important;
    font-size:15px!important;
}

.sm27-systems-final-tags{
    width:min(100%,650px)!important;
    min-height:58px!important;
    margin:28px auto 0!important;
}

.sm27-systems-final-tags span{
    min-height:44px!important;
    padding:0 20px!important;
    font-size:14.5px!important;
}

/* 1450 altı masaüstü */

@media (min-width:1200px) and (max-width:1450px){
    .sm27-systems-final{
        padding:42px 0 58px!important;
    }

    .sm27-systems-final-container{
        width:min(100% - 44px,1360px)!important;
    }

    .sm27-systems-final-grid{
        gap:20px!important;
    }

    .sm27-system-final-card{
        min-height:414px!important;
    }

    .sm27-system-final-visual{
        height:126px!important;
        padding-top:10px!important;
    }

    .sm27-system-mockup{
        transform:scale(.52)!important;
    }

    .sm27-system-final-body{
        padding:0 26px 24px!important;
    }

    .sm27-system-final-body h3{
        min-height:54px!important;
        font-size:21.5px!important;
    }

    .sm27-system-final-body p{
        min-height:60px!important;
        font-size:14px!important;
        line-height:1.44!important;
    }

    .sm27-system-final-body li{
        font-size:14px!important;
    }

    .sm27-system-final-btn{
        min-height:48px!important;
        font-size:14.5px!important;
    }
}

/* Kısa laptop ekran */

@media (min-width:1200px) and (max-height:820px){
    .sm27-systems-final{
        padding:38px 0 54px!important;
    }

    .sm27-systems-final-head{
        margin-bottom:24px!important;
    }

    .sm27-systems-final-head h2{
        font-size:44px!important;
    }

    .sm27-systems-final-head p{
        font-size:15px!important;
    }

    .sm27-system-final-card{
        min-height:392px!important;
    }

    .sm27-system-final-visual{
        height:112px!important;
        padding-top:8px!important;
    }

    .sm27-system-mockup{
        transform:scale(.48)!important;
    }

    .sm27-system-final-body h3{
        min-height:50px!important;
        font-size:20.5px!important;
    }

    .sm27-system-final-body p{
        min-height:56px!important;
        font-size:13.6px!important;
        line-height:1.42!important;
    }

    .sm27-system-final-body ul{
        margin-top:12px!important;
        gap:7px!important;
    }

    .sm27-system-final-body li{
        font-size:13.8px!important;
    }

    .sm27-system-final-btn{
        min-height:46px!important;
        font-size:14.2px!important;
    }

    .sm27-systems-final-tags{
        margin-top:22px!important;
        min-height:54px!important;
    }
}

/* Tablet */

@media (min-width:768px) and (max-width:1199px){
    .sm27-systems-final{
        padding:58px 0 68px!important;
    }

    .sm27-systems-final-grid{
        grid-template-columns:1fr!important;
        max-width:620px!important;
        margin:0 auto!important;
        gap:22px!important;
    }

    .sm27-system-final-card{
        min-height:auto!important;
    }

    .sm27-system-final-visual{
        height:170px!important;
    }

    .sm27-system-mockup{
        transform:scale(.66)!important;
    }

    .sm27-system-final-body h3,
    .sm27-system-final-body p{
        min-height:auto!important;
    }

    .sm27-system-final-btn{
        margin-top:22px!important;
    }
}

/* Mobil */

@media (max-width:767px){
    .sm27-systems-final{
        padding:52px 0 60px!important;
        scroll-margin-top:110px!important;
    }

    .sm27-systems-final-container{
        width:min(100% - 24px,560px)!important;
    }

    .sm27-systems-final-head{
        margin-bottom:26px!important;
    }

    .sm27-systems-final-head h2{
        font-size:clamp(33px,9.5vw,44px)!important;
    }

    .sm27-systems-final-head p{
        font-size:15px!important;
    }

    .sm27-systems-final-grid{
        grid-template-columns:1fr!important;
        gap:18px!important;
    }

    .sm27-system-final-card{
        min-height:auto!important;
        border-radius:22px!important;
    }

    .sm27-system-final-visual{
        height:156px!important;
        padding:12px 18px 0!important;
    }

    .sm27-system-mockup{
        transform:scale(.58)!important;
    }

    .sm27-system-final-body{
        padding:0 22px 24px!important;
    }

    .sm27-system-final-body h3,
    .sm27-system-final-body p{
        min-height:auto!important;
    }

    .sm27-system-final-body h3{
        font-size:21.5px!important;
    }

    .sm27-system-final-body p{
        font-size:14.5px!important;
    }

    .sm27-system-final-btn{
        min-height:51px!important;
        margin-top:20px!important;
    }

    .sm27-systems-final-tags{
        display:grid!important;
        grid-template-columns:1fr!important;
        border-radius:24px!important;
        padding:10px!important;
    }

    .sm27-systems-final-tags span{
        width:100%!important;
    }
}

/* 3 Ana Sistem ekran sığdırma final bitişi */
/* 3 Ana Sistem buton yazı arası boşluk başlangıcı */

.sm27-system-final-body ul{
    margin-bottom:18px!important;
}

.sm27-system-final-btn{
    margin-top:auto!important;
}

@media (min-width:1200px){
    .sm27-system-final-card{
        min-height:455px!important;
    }
}

@media (min-width:1200px) and (max-height:820px){
    .sm27-system-final-card{
        min-height:418px!important;
    }

    .sm27-system-final-body ul{
        margin-bottom:16px!important;
    }
}

@media (max-width:767px){
    .sm27-system-final-body ul{
        margin-bottom:16px!important;
    }

    .sm27-system-final-btn{
        margin-top:18px!important;
    }
}

/* 3 Ana Sistem buton yazı arası boşluk bitişi */