/*Write your custom style or CSS code here*/
/* Modern Kurumsal Header - Infostescil */
.tt-header.is-modern-header{
    padding: 0 !important;
    background: transparent;
    position: relative;
    z-index: 1000;
}
.tt-header.is-modern-header .modern-header-shell{
    margin: 18px auto 0;
    max-width: 1320px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 14px;
    box-shadow: 0 14px 35px rgba(15, 23, 42, .08);
    overflow: visible;
}
.tt-header.is-modern-header .modern-topbar{
    border-bottom: 1px solid rgba(15, 23, 42, .08);
    background: #fff;
}
.tt-header.is-modern-header .modern-topbar-inner{
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    font-size: 13px;
    color: #334155;
}
.tt-header.is-modern-header .modern-contact-links,
.tt-header.is-modern-header .modern-quick-links{
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}
.tt-header.is-modern-header .modern-topbar a,
.tt-header.is-modern-header .modern-link-button{
    color: #334155;
    font-weight: 600;
    text-decoration: none;
    background: transparent;
    border: 0;
    padding: 0;
    line-height: 1;
}
.tt-header.is-modern-header .modern-topbar i{
    color: #0b4aa2;
    margin-right: 6px;
}
.tt-header.is-modern-header .modern-separator{
    width: 1px;
    height: 18px;
    background: rgba(15, 23, 42, .12);
    display: inline-block;
}
.tt-header.is-modern-header .modern-new-badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    padding: 0 8px;
    margin-left: 6px;
    border-radius: 6px;
    background: #0b63ce;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}
.tt-header.is-modern-header .modern-mainbar{
    padding: 0;
    background: #fff;
}
.tt-header.is-modern-header .modern-mainbar-inner{
    min-height: 110px;
    display: flex;
    align-items: center;
    gap: 28px;
}
.tt-header.is-modern-header .navbar-brand{
    margin-right: 28px !important;
    flex: 0 0 auto;
}
.tt-header.is-modern-header .logo-img{
    max-height: 58px;
    width: auto;
    top: 0;
}
.tt-header.is-modern-header .modern-nav-wrapper{
    flex: 1 1 auto;
    justify-content: center;
}
.tt-header.is-modern-header #nav.modern-primary-nav{
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 0 !important;
}
.tt-header.is-modern-header .tt-main-header ul li a{
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    font-family: inherit;
    padding: 14px 8px;
    transition: all .2s ease;
}
.tt-header.is-modern-header .tt-main-header ul li a:hover,
.tt-header.is-modern-header .tt-main-header ul li.active > a,
.tt-header.is-modern-header .tt-main-header ul li.open > a{
    color: #0b4aa2;
}
.tt-header.is-modern-header .modern-primary-nav > li > a:after{
    content: '';
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 2px;
    height: 3px;
    border-radius: 999px;
    background: #0b63ce;
    opacity: 0;
    transform: scaleX(.6);
    transition: all .2s ease;
}
.tt-header.is-modern-header .modern-primary-nav > li > a:hover:after,
.tt-header.is-modern-header .modern-primary-nav > li.active > a:after{
    opacity: 1;
    transform: scaleX(1);
}
.tt-header.is-modern-header .modern-actions{
    flex: 0 0 auto;
}
.tt-header.is-modern-header .modern-actions .toolbar{
    display: flex;
    align-items: center;
    gap: 12px;
}
.tt-header.is-modern-header .modern-btn{
    min-height: 48px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 22px !important;
    border-radius: 7px;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-decoration: none;
    border: 1px solid transparent;
    white-space: nowrap;
}
.tt-header.is-modern-header .modern-btn-outline{
    background: #fff;
    color: #0b4aa2 !important;
    border-color: rgba(11, 74, 162, .45);
}
.tt-header.is-modern-header .modern-btn-primary{
    background: #073f8f;
    color: #fff !important;
    border-color: #073f8f;
    box-shadow: 0 10px 20px rgba(7, 63, 143, .18);
}
.tt-header.is-modern-header .modern-btn-outline:hover{
    background: rgba(11, 74, 162, .06);
}
.tt-header.is-modern-header .modern-btn-primary:hover{
    background: #062f6b;
    border-color: #062f6b;
}
.tt-header.is-modern-header .modern-cart{
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: rgba(11, 74, 162, .06);
    color: #0b4aa2 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.tt-header.is-modern-header .modern-mobile-toggle{
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #0b4aa2;
    color: #fff !important;
}
.tt-header.is-modern-header.affix{
    background: transparent;
    box-shadow: none;
    border-bottom: 0;
}
.tt-header.is-modern-header.affix .modern-header-shell{
    margin-top: 0;
    max-width: 100%;
    border-radius: 0;
}
.tt-header.is-modern-header .dropdown-menu{
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 18px 40px rgba(15, 23, 42, .12);
}
@media (max-width: 1199px){
    .tt-header.is-modern-header .modern-mainbar-inner{
        min-height: 86px;
    }
    .tt-header.is-modern-header .modern-nav-wrapper{
        flex: 0;
    }
    .tt-header.is-modern-header .modern-actions{
        margin-left: auto;
    }
    .tt-header.is-modern-header .modern-login-item,
    .tt-header.is-modern-header .modern-register-item,
    .tt-header.is-modern-header .modern-cart-item{
        display: none;
    }
    .tt-header.is-modern-header .offcanvas-collapse.open{
        background: #fff;
    }
    .tt-header.is-modern-header #nav.modern-primary-nav{
        display: block;
    }
}
@media (max-width: 767px){
    .tt-header.is-modern-header .modern-header-shell{
        margin-top: 8px;
        border-radius: 10px;
    }
    .tt-header.is-modern-header .modern-topbar-inner{
        justify-content: center;
        text-align: center;
    }
    .tt-header.is-modern-header .modern-contact-links{
        justify-content: center;
        gap: 8px 12px;
    }
    .tt-header.is-modern-header .modern-quick-links{
        display: none;
    }
    .tt-header.is-modern-header .modern-separator{
        display: none;
    }
    .tt-header.is-modern-header .modern-mainbar-inner{
        min-height: 78px;
        gap: 12px;
    }
    .tt-header.is-modern-header .navbar-brand{
        width: auto !important;
        margin-right: 0 !important;
        text-align: left !important;
    }
    .tt-header.is-modern-header .logo-img{
        max-height: 46px;
    }
}


/* =========================================================
   INFOSOFT - SADECE HEADER PATCH
   header.tpl değişmez. Sadece çalışan tt-single-navbar düzenlenir.
   Görseldeki üst bar + beyaz navbar görünümü.
========================================================= */

.tt-header.is-modern-header,
#header.tt-header.is-modern-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 0 !important;
    background: #fff !important;
    position: relative !important;
    z-index: 9999 !important;
    border: 0 !important;
    box-shadow: 0 8px 25px rgba(15,23,42,.06) !important;
}

.tt-header.is-modern-header .modern-header-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
}

.tt-header.is-modern-header .modern-topbar {
    height: 58px !important;
    background: #fff !important;
    border-bottom: 1px solid #e5edf7 !important;
}

.tt-header.is-modern-header .modern-topbar .container,
.tt-header.is-modern-header .modern-mainbar .container {
    max-width: 1460px !important;
    width: 100% !important;
    padding-left: 46px !important;
    padding-right: 46px !important;
}

.tt-header.is-modern-header .modern-topbar-inner {
    height: 58px !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
    color: #223047 !important;
}

.tt-header.is-modern-header .modern-contact-links,
.tt-header.is-modern-header .modern-quick-links {
    display: flex !important;
    align-items: center !important;
    gap: 21px !important;
    flex-wrap: nowrap !important;
}

.tt-header.is-modern-header .modern-topbar a,
.tt-header.is-modern-header .modern-link-button {
    color: #223047 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.tt-header.is-modern-header .modern-topbar i {
    color: #0757ff !important;
    margin-right: 8px !important;
}

.tt-header.is-modern-header .modern-separator {
    width: 1px !important;
    height: 22px !important;
    background: #dce3ee !important;
    display: inline-block !important;
}

.tt-header.is-modern-header .modern-new-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 21px !important;
    padding: 0 8px !important;
    margin-left: 6px !important;
    border-radius: 5px !important;
    background: #0757ff !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.tt-header.is-modern-header .modern-mainbar {
    height: 130px !important;
    min-height: 130px !important;
    background: #fff !important;
    padding: 0 !important;
    border: 0 !important;
}

.tt-header.is-modern-header .modern-mainbar-inner {
    height: 130px !important;
    min-height: 130px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 32px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.tt-header.is-modern-header .navbar-brand,
.tt-header.is-modern-header .tt-logo,
.tt-header.is-modern-header a.logo {
    flex: 0 0 auto !important;
    width: auto !important;
    margin-right: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.tt-header.is-modern-header .logo-img,
.tt-header.is-modern-header .navbar-brand img,
.tt-header.is-modern-header .tt-logo img {
    max-height: 76px !important;
    max-width: 245px !important;
    width: auto !important;
    display: block !important;
    transform: none !important;
}

.tt-header.is-modern-header .modern-nav-wrapper {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-width: 0 !important;
}

.tt-header.is-modern-header #mainNavbar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.tt-header.is-modern-header #nav.modern-primary-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
}

.tt-header.is-modern-header #nav.modern-primary-nav > li {
    margin: 0 !important;
    padding: 0 !important;
}

.tt-header.is-modern-header #nav.modern-primary-nav > li > a {
    color: #111827 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    padding: 42px 0 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    position: relative !important;
    background: transparent !important;
    white-space: nowrap !important;
}

.tt-header.is-modern-header #nav.modern-primary-nav > li:first-child > a,
.tt-header.is-modern-header #nav.modern-primary-nav > li.active > a,
.tt-header.is-modern-header #nav.modern-primary-nav > li.open > a,
.tt-header.is-modern-header #nav.modern-primary-nav > li > a:hover {
    color: #0757ff !important;
}

.tt-header.is-modern-header #nav.modern-primary-nav > li:first-child > a:after,
.tt-header.is-modern-header #nav.modern-primary-nav > li.active > a:after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 24px !important;
    width: 100% !important;
    height: 3px !important;
    background: #0757ff !important;
    opacity: 1 !important;
    transform: none !important;
    border-radius: 20px !important;
}

.tt-header.is-modern-header #nav.modern-primary-nav > li > a:after {
    bottom: 24px !important;
}

.tt-header.is-modern-header .modern-actions {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
}

.tt-header.is-modern-header .modern-actions .toolbar {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.tt-header.is-modern-header .modern-btn {
    min-width: 145px !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 22px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.tt-header.is-modern-header .modern-btn-outline {
    color: #0757ff !important;
    background: #fff !important;
    border: 1px solid #0757ff !important;
}

.tt-header.is-modern-header .modern-btn-primary {
    color: #fff !important;
    background: #00449d !important;
    border: 1px solid #00449d !important;
    box-shadow: 0 10px 22px rgba(0,68,157,.20) !important;
}

.tt-header.is-modern-header .modern-cart-item,
.tt-header.is-modern-header .modern-cart {
    display: none !important;
}

.tt-header.is-modern-header.affix {
    background: #fff !important;
    box-shadow: 0 8px 25px rgba(15,23,42,.06) !important;
}

.tt-header.is-modern-header.affix .modern-header-shell {
    margin: 0 !important;
    max-width: none !important;
    border-radius: 0 !important;
}

/* Görseldeki gibi header altına açık mavi domain bandı */
body.tt-body-wrapper.primary-bg-color {
    background: #f7f9fc !important;
}

.tt-domain-search,
.tt-domain-search-wrap,
.domain-search-wrap {
    background: linear-gradient(90deg, #eef6ff, #ffffff) !important;
    border-top: 1px solid #e5edf7 !important;
    border-bottom: 1px solid #dce7f5 !important;
}

/* Eski ortadaki büyük header görseli bozmasın; header'a dokunmaz */
.hero-img,
.hero-right,
.hero-image,
.banner-img,
.tt-hero-img,
.hero-shape,
.tt-shape {
    display: none !important;
}

@media (max-width: 1199px) {
    .tt-header.is-modern-header .modern-mainbar,
    .tt-header.is-modern-header .modern-mainbar-inner {
        height: auto !important;
        min-height: 92px !important;
    }

    .tt-header.is-modern-header .modern-nav-wrapper {
        flex: 0 0 auto !important;
        justify-content: flex-end !important;
    }

    .tt-header.is-modern-header .modern-login-item,
    .tt-header.is-modern-header .modern-register-item {
        display: none !important;
    }

    .tt-header.is-modern-header .offcanvas-collapse.open {
        display: block !important;
        background: #fff !important;
        z-index: 99999 !important;
    }

    .tt-header.is-modern-header #nav.modern-primary-nav {
        display: block !important;
        gap: 0 !important;
    }
}

@media (max-width: 991px) {
    .tt-header.is-modern-header .modern-topbar,
    .tt-header.is-modern-header .modern-topbar-inner,
    .tt-header.is-modern-header .modern-mainbar,
    .tt-header.is-modern-header .modern-mainbar-inner {
        height: auto !important;
        min-height: 0 !important;
    }

    .tt-header.is-modern-header .modern-topbar .container,
    .tt-header.is-modern-header .modern-mainbar .container {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .tt-header.is-modern-header .modern-topbar-inner,
    .tt-header.is-modern-header .modern-mainbar-inner,
    .tt-header.is-modern-header .modern-contact-links,
    .tt-header.is-modern-header .modern-quick-links {
        flex-direction: column !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .tt-header.is-modern-header .modern-topbar-inner {
        padding: 14px 0 !important;
    }

    .tt-header.is-modern-header .modern-mainbar-inner {
        padding: 20px 0 !important;
    }

    .tt-header.is-modern-header .modern-quick-links {
        display: none !important;
    }

    .tt-header.is-modern-header .modern-separator {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .tt-header.is-modern-header .logo-img,
    .tt-header.is-modern-header .navbar-brand img,
    .tt-header.is-modern-header .tt-logo img {
        max-height: 56px !important;
    }
}

/* =========================================================
   NET DÜZELTME: SADECE ESKİ MAVİ HERO YERİNE YENİ TASARIM
========================================================= */

/* Eski mavi hero class kalıntıları */
.bg-gradient,
.bg-gradient > .ptb-60,
.bg-gradient > .ptb-100 {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

.tt-hero:not(.isf-keep),
.hero-area,
.hero-section,
.main-banner,
.banner-area {
    background: transparent !important;
}

/* Yeni hero */
.isf-new-hero {
    background:
        radial-gradient(circle at 78% 35%, rgba(7, 87, 255, .10), transparent 31%),
        linear-gradient(180deg, #ffffff 0%, #f3f8ff 100%) !important;
    padding: 72px 0 96px !important;
    border-bottom: 1px solid #e8eef8 !important;
    overflow: hidden !important;
    position: relative !important;
}

.isf-new-hero-grid {
    display: grid !important;
    grid-template-columns: 1.02fr .98fr !important;
    align-items: center !important;
    gap: 68px !important;
}

.isf-new-hero-left {
    max-width: 710px !important;
}

.isf-new-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    height: 34px !important;
    padding: 0 15px !important;
    border-radius: 999px !important;
    background: #eef5ff !important;
    color: #0757ff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    margin-bottom: 28px !important;
}

.isf-new-badge i {
    color: #ff1744 !important;
    font-size: 12px !important;
}

.isf-new-hero h1 {
    margin: 0 !important;
    color: #07142f !important;
    font-size: 58px !important;
    line-height: 1.12 !important;
    letter-spacing: -1.8px !important;
    font-weight: 950 !important;
}

.isf-new-hero h1 span {
    display: block !important;
    color: #0757ff !important;
}

.isf-new-hero p {
    margin: 22px 0 30px !important;
    max-width: 660px !important;
    color: #475569 !important;
    font-size: 18px !important;
    line-height: 1.7 !important;
}

.isf-new-domain-form {
    width: 100% !important;
    min-height: 72px !important;
    padding: 10px !important;
    background: #fff !important;
    border: 1px solid #dfe8f6 !important;
    border-radius: 14px !important;
    display: grid !important;
    grid-template-columns: 1fr 120px 145px !important;
    gap: 8px !important;
    align-items: center !important;
    box-shadow: 0 20px 45px rgba(15, 23, 42, .10) !important;
}

.isf-new-input {
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
    padding: 0 18px !important;
}

.isf-new-input i {
    color: #64748b !important;
    font-size: 18px !important;
}

.isf-new-input input {
    width: 100% !important;
    height: 52px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #0f172a !important;
    font-size: 16px !important;
}

.isf-new-domain-form select {
    height: 52px !important;
    border: 0 !important;
    border-left: 1px solid #e2e8f0 !important;
    outline: 0 !important;
    background: #fff !important;
    color: #0f172a !important;
    font-weight: 900 !important;
    padding: 0 12px !important;
}

.isf-new-domain-form button {
    height: 52px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #0757ff, #0042bd) !important;
    color: #fff !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    box-shadow: 0 14px 26px rgba(0, 79, 255, .22) !important;
}

.isf-new-tlds {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 12px !important;
    margin-top: 24px !important;
}

.isf-new-tlds div {
    height: 52px !important;
    background: #fff !important;
    border: 1px solid #e8eef8 !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .045) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 14px !important;
}

.isf-new-tlds b {
    color: #0757ff !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

.isf-new-tlds span {
    color: #475569 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.isf-new-trust {
    display: flex !important;
    align-items: center !important;
    gap: 34px !important;
    flex-wrap: wrap !important;
    margin-top: 26px !important;
    color: #334155 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

.isf-new-trust i {
    color: #0757ff !important;
    margin-right: 8px !important;
}

/* CSS çizim */
.isf-new-hero-right {
    min-height: 475px !important;
    position: relative !important;
}

.isf-hero-circle {
    position: absolute !important;
    width: 435px !important;
    height: 435px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, rgba(7, 87, 255, .06), rgba(7, 87, 255, .14)) !important;
    right: 85px !important;
    top: 8px !important;
}

.isf-hero-dots {
    position: absolute !important;
    right: 10px !important;
    top: 52px !important;
    width: 116px !important;
    height: 116px !important;
    background-image: radial-gradient(#b9cdf3 2px, transparent 2px) !important;
    background-size: 15px 15px !important;
    opacity: .62 !important;
}

.isf-hero-laptop {
    position: absolute !important;
    right: 160px !important;
    top: 122px !important;
    width: 360px !important;
    height: 230px !important;
    transform: rotate(9deg) skew(-4deg) !important;
    filter: drop-shadow(0 32px 35px rgba(15, 23, 42, .22)) !important;
    z-index: 3 !important;
}

.isf-hero-screen {
    height: 210px !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, #111827, #020617) !important;
    border: 8px solid #fff !important;
    padding: 44px 38px !important;
    box-sizing: border-box !important;
}

.isf-hero-search {
    height: 48px !important;
    border-radius: 999px !important;
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding-right: 18px !important;
    color: #0757ff !important;
    font-size: 18px !important;
}

.isf-hero-tlds {
    margin-top: 30px !important;
    display: flex !important;
    justify-content: space-between !important;
    color: #fff !important;
    font-weight: 800 !important;
    opacity: .9 !important;
}

.isf-hero-base {
    width: 430px !important;
    height: 28px !important;
    margin-left: -35px !important;
    border-radius: 0 0 34px 34px !important;
    background: linear-gradient(90deg, #f8fafc, #dbeafe) !important;
}

.isf-hero-globe {
    position: absolute !important;
    left: 45px !important;
    top: 55px !important;
    font-size: 100px !important;
    color: transparent !important;
    -webkit-text-stroke: 3px #0757ff !important;
    opacity: .82 !important;
    transform: rotate(-12deg) !important;
    z-index: 4 !important;
}

.isf-hero-shield {
    position: absolute !important;
    left: 260px !important;
    bottom: 45px !important;
    width: 120px !important;
    height: 140px !important;
    border-radius: 28px 28px 55px 55px !important;
    background: linear-gradient(145deg, #0757ff, #003ec8) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-size: 46px !important;
    box-shadow: 0 26px 38px rgba(0, 79, 255, .25) !important;
    z-index: 5 !important;
}

.isf-hero-server {
    position: absolute !important;
    right: 18px !important;
    bottom: 42px !important;
    width: 94px !important;
    height: 212px !important;
    border-radius: 20px !important;
    background: linear-gradient(145deg, #111827, #020617) !important;
    box-shadow: 0 30px 38px rgba(15, 23, 42, .20) !important;
    padding-top: 32px !important;
    box-sizing: border-box !important;
    z-index: 4 !important;
}

.isf-hero-server span {
    width: 54px !important;
    height: 22px !important;
    border-radius: 8px !important;
    background: #1e293b !important;
    display: block !important;
    margin: 0 auto 20px !important;
    position: relative !important;
}

.isf-hero-server span:after {
    content: "" !important;
    position: absolute !important;
    right: 8px !important;
    top: 8px !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #0ea5e9 !important;
    box-shadow: -12px 0 0 #0ea5e9 !important;
}

.isf-hero-plant {
    position: absolute !important;
    left: 115px !important;
    bottom: 95px !important;
    width: 42px !important;
    height: 70px !important;
    background: #e6f7ea !important;
    border-radius: 0 0 18px 18px !important;
    z-index: 4 !important;
}

.isf-hero-plant:before,
.isf-hero-plant:after {
    content: "" !important;
    position: absolute !important;
    width: 34px !important;
    height: 58px !important;
    background: #58c783 !important;
    border-radius: 34px 34px 4px 34px !important;
    top: -48px !important;
}

.isf-hero-plant:before {
    left: -16px !important;
    transform: rotate(-30deg) !important;
}

.isf-hero-plant:after {
    right: -16px !important;
    transform: rotate(30deg) !important;
}

/* Benefit strip */
.isf-new-benefits {
    margin-top: -55px !important;
    position: relative !important;
    z-index: 6 !important;
    background: transparent !important;
    padding-bottom: 50px !important;
}

.isf-new-benefit-box {
    background: #fff !important;
    border: 1px solid #e3ebf7 !important;
    border-radius: 16px !important;
    box-shadow: 0 24px 55px rgba(15, 23, 42, .10) !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    overflow: hidden !important;
}

.isf-new-benefit {
    min-height: 112px !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 28px 26px !important;
    border-right: 1px solid #edf2f7 !important;
}

.isf-new-benefit:last-child {
    border-right: 0 !important;
}

.isf-new-icon {
    width: 58px !important;
    height: 58px !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 25px !important;
    flex: 0 0 58px !important;
}

.isf-new-icon.blue { background: #eaf2ff !important; color: #0757ff !important; }
.isf-new-icon.green { background: #eafaf0 !important; color: #16a34a !important; }
.isf-new-icon.purple { background: #f2edff !important; color: #7c3aed !important; }
.isf-new-icon.orange { background: #fff2e5 !important; color: #f97316 !important; }

.isf-new-benefit h3 {
    margin: 0 0 7px !important;
    color: #0f172a !important;
    font-size: 17px !important;
    font-weight: 950 !important;
}

.isf-new-benefit p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

/* Eski büyük domain kartı artık görünmesin, çünkü domain hero içinde */
.tt-domain-search,
.domain-search-wrap {
    display: none !important;
}

@media (max-width: 1199px) {
    .isf-new-hero h1 { font-size: 48px !important; }
    .isf-new-benefit-box { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 991px) {
    .isf-new-hero {
        padding: 52px 0 90px !important;
    }

    .isf-new-hero-grid {
        grid-template-columns: 1fr !important;
        text-align: center !important;
    }

    .isf-new-hero-left {
        max-width: 100% !important;
    }

    .isf-new-hero p {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .isf-new-hero-right {
        display: none !important;
    }

    .isf-new-trust {
        justify-content: center !important;
    }
}

@media (max-width: 767px) {
    .isf-new-hero h1 { font-size: 38px !important; }

    .isf-new-domain-form {
        grid-template-columns: 1fr !important;
    }

    .isf-new-domain-form select {
        border-left: 0 !important;
        border-top: 1px solid #e2e8f0 !important;
    }

    .isf-new-tlds {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .isf-new-benefit-box {
        grid-template-columns: 1fr !important;
    }

    .isf-new-benefit {
        border-right: 0 !important;
        border-bottom: 1px solid #edf2f7 !important;
    }

    .isf-new-benefit:last-child {
        border-bottom: 0 !important;
    }
}

/* Infosoft Kolan-inspired homepage - header untouched */
body.primary-bg-color.bg-gray-light{background:#f7f9fc!important;}
.isf-kolan-home{background:#f7f9fc;color:#10213f;overflow:hidden;}
.isf-kolan-home *{box-sizing:border-box;}
.isf-kolan-hero{position:relative;padding:86px 0 72px;background:radial-gradient(circle at 82% 12%,rgba(51,102,153,.14),transparent 34%),linear-gradient(180deg,#ffffff 0%,#eef5fb 100%);}
.isf-kolan-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.52));pointer-events:none;}
.isf-kolan-hero .container{position:relative;z-index:1;}
.isf-kolan-eyebrow,.isf-kolan-section-head span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#eaf3ff;color:#23639f;font-size:13px;font-weight:800;letter-spacing:.02em;margin-bottom:18px;}
.isf-kolan-hero h1{font-size:54px;line-height:1.08;letter-spacing:-1.8px;font-weight:900;color:#10213f;margin-bottom:18px;}
.isf-kolan-lead{font-size:18px;line-height:1.75;color:#52657c;max-width:680px;margin-bottom:28px;}
.isf-kolan-domain-form{display:flex;align-items:center;background:#fff;border:1px solid #dce7f3;border-radius:18px;padding:8px;box-shadow:0 20px 55px rgba(16,33,63,.10);max-width:760px;gap:8px;}
.isf-kolan-domain-input{display:flex;align-items:center;gap:12px;flex:1;padding:0 12px;color:#2d6faa;}
.isf-kolan-domain-input input{width:100%;border:0;outline:0;height:54px;font-size:16px;color:#10213f;background:transparent;}
.isf-kolan-domain-form select{height:54px;border:1px solid #e2ebf4;border-radius:13px;background:#f8fbff;color:#10213f;padding:0 12px;font-weight:700;}
.isf-kolan-domain-form button,.isf-kolan-btn{height:54px;border:0;border-radius:13px;padding:0 24px;background:#1769aa;color:#fff!important;font-weight:800;box-shadow:0 14px 28px rgba(23,105,170,.24);transition:.25s;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;}
.isf-kolan-domain-form button:hover,.isf-kolan-btn-primary:hover{transform:translateY(-2px);background:#10598f;color:#fff!important;}
.isf-kolan-tld-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 24px;}
.isf-kolan-tld-row span{background:#fff;border:1px solid #e5edf5;border-radius:12px;padding:8px 13px;color:#607389;box-shadow:0 8px 22px rgba(16,33,63,.05);}
.isf-kolan-tld-row b{color:#10213f;margin-right:4px;}
.isf-kolan-hero-actions{display:flex;gap:12px;flex-wrap:wrap;}
.isf-kolan-btn-soft{background:#fff!important;color:#1769aa!important;border:1px solid #dbe8f5;box-shadow:none;}
.isf-kolan-btn-soft:hover{background:#eaf3ff!important;color:#10598f!important;}
.isf-kolan-status-card{background:rgba(255,255,255,.92);border:1px solid #dce7f3;border-radius:28px;padding:28px;box-shadow:0 30px 80px rgba(16,33,63,.13);backdrop-filter:blur(10px);}
.isf-kolan-status-top{display:flex;gap:15px;align-items:flex-start;margin-bottom:22px;}
.isf-kolan-status-top strong{display:block;font-size:20px;color:#10213f;}
.isf-kolan-status-top p,.isf-kolan-server-card p{margin:2px 0 0;color:#63758a;}
.isf-kolan-dot{width:14px;height:14px;border-radius:50%;background:#19c37d;margin-top:8px;box-shadow:0 0 0 8px rgba(25,195,125,.12);}
.isf-kolan-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px;}
.isf-kolan-metric-grid div{background:#f7fbff;border:1px solid #e3edf7;border-radius:18px;padding:18px;}
.isf-kolan-metric-grid strong{display:block;font-size:24px;color:#1769aa;line-height:1;}
.isf-kolan-metric-grid span{font-size:13px;color:#63758a;}
.isf-kolan-server-card{display:flex;gap:14px;align-items:center;background:#10213f;color:#fff;border-radius:20px;padding:18px;}
.isf-kolan-server-card i{width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:#9ed0ff;}
.isf-kolan-server-card strong{color:#fff;}.isf-kolan-server-card p{color:#c5d1df;}
.isf-kolan-strip{background:#fff;border-top:1px solid #e5edf5;border-bottom:1px solid #e5edf5;padding:22px 0;}
.isf-kolan-strip strong{display:block;color:#10213f;font-size:20px;}.isf-kolan-strip span{display:block;color:#63758a;font-size:13px;}
.isf-kolan-section{padding:86px 0;background:#fff;}.isf-kolan-light{background:#f7f9fc;}
.isf-kolan-section-head{text-align:center;max-width:760px;margin:0 auto 38px;}
.isf-kolan-section-head h2{font-size:38px;line-height:1.15;font-weight:900;color:#10213f;letter-spacing:-.8px;margin-bottom:12px;}
.isf-kolan-section-head p{color:#63758a;font-size:17px;line-height:1.7;margin:0;}
.isf-kolan-service{display:block;height:100%;background:#fff;border:1px solid #e3edf7;border-radius:24px;padding:30px;margin-bottom:24px;text-decoration:none!important;box-shadow:0 18px 45px rgba(16,33,63,.07);transition:.25s;}
.isf-kolan-service:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(16,33,63,.12);border-color:#c7ddf3;}
.isf-kolan-service i{width:56px;height:56px;border-radius:18px;background:#eaf3ff;color:#1769aa;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px;}
.isf-kolan-service h3,.isf-kolan-plan h3,.isf-kolan-feature-list h3{font-size:21px;font-weight:900;color:#10213f;margin-bottom:10px;}
.isf-kolan-service p,.isf-kolan-plan p,.isf-kolan-feature-list p{color:#63758a;line-height:1.65;margin-bottom:18px;}
.isf-kolan-service span{font-weight:800;color:#1769aa;}
.isf-kolan-plan{position:relative;height:100%;background:#fff;border:1px solid #e3edf7;border-radius:24px;padding:28px;margin-bottom:24px;box-shadow:0 18px 45px rgba(16,33,63,.07);transition:.25s;}
.isf-kolan-plan:hover{transform:translateY(-5px);}.isf-kolan-plan.is-featured{border:2px solid #1769aa;box-shadow:0 25px 65px rgba(23,105,170,.17);}
.isf-kolan-badge{position:absolute;top:-14px;left:24px;background:#1769aa;color:#fff;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:900;letter-spacing:.03em;}
.isf-kolan-price{font-size:30px;font-weight:900;color:#1769aa;margin:18px 0;}.isf-kolan-price span{font-size:14px;color:#63758a;font-weight:700;}
.isf-kolan-plan ul{list-style:none;padding:0;margin:0 0 22px;}.isf-kolan-plan li{padding:8px 0 8px 26px;color:#40536a;position:relative;border-bottom:1px solid #f0f4f8;}
.isf-kolan-plan li:before{content:"✓";position:absolute;left:0;color:#19a76f;font-weight:900;}
.isf-kolan-plan a{display:flex;align-items:center;justify-content:center;height:48px;border-radius:14px;background:#eef6ff;color:#1769aa!important;font-weight:900;text-decoration:none!important;}
.isf-kolan-plan.is-featured a{background:#1769aa;color:#fff!important;}
.isf-kolan-image-card{min-height:390px;background:linear-gradient(145deg,#10213f,#1769aa);border-radius:32px;padding:42px;color:#fff;box-shadow:0 30px 80px rgba(16,33,63,.20);display:flex;flex-direction:column;justify-content:flex-end;}
.isf-kolan-image-card i{width:70px;height:70px;border-radius:22px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:22px;color:#bfe0ff;}
.isf-kolan-image-card h2{color:#fff;font-size:36px;font-weight:900;line-height:1.15;}.isf-kolan-image-card p{color:#d4e4f3;font-size:17px;line-height:1.7;margin:0;}
.isf-kolan-feature-list{display:grid;gap:18px;}.isf-kolan-feature-list div{background:#fff;border:1px solid #e3edf7;border-radius:22px;padding:24px;box-shadow:0 16px 40px rgba(16,33,63,.06);}
.isf-kolan-feature-list i{width:48px;height:48px;border-radius:15px;background:#eaf3ff;color:#1769aa;display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:14px;}
.isf-kolan-review{height:100%;background:#fff;border:1px solid #e3edf7;border-radius:24px;padding:28px;margin-bottom:24px;box-shadow:0 18px 45px rgba(16,33,63,.07);}
.isf-kolan-review p{color:#40536a;font-size:16px;line-height:1.75;margin-bottom:22px;}.isf-kolan-review strong{color:#10213f;}
@media(max-width:991px){.isf-kolan-hero{padding:60px 0;}.isf-kolan-hero h1{font-size:40px;}.isf-kolan-status-card{margin-top:30px}.isf-kolan-section{padding:62px 0;}.isf-kolan-section-head h2{font-size:31px;}}
@media(max-width:575px){.isf-kolan-hero h1{font-size:32px;}.isf-kolan-domain-form{display:block;padding:12px;}.isf-kolan-domain-input{border:1px solid #e3edf7;border-radius:13px;margin-bottom:10px}.isf-kolan-domain-form select,.isf-kolan-domain-form button{width:100%;margin-top:8px}.isf-kolan-metric-grid{grid-template-columns:1fr}.isf-kolan-strip .col-6{margin:8px 0;}.isf-kolan-hero-actions .isf-kolan-btn{width:100%;}.isf-kolan-image-card{min-height:300px;padding:28px;}.isf-kolan-image-card h2{font-size:28px;}}


/* Infosoft Kolan Homepage - Integrated Premium Hover Effects */
.isf-kolan-plan,
.isf-kolan-service,
.isf-kolan-review,
.isf-kolan-feature-list div,
.isf-kolan-status-card {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    will-change: transform, box-shadow, border-color;
}

.isf-kolan-plan:before,
.isf-kolan-service:before,
.isf-kolan-review:before,
.isf-kolan-feature-list div:before,
.isf-kolan-status-card:before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 25% 0%, rgba(23, 105, 170, .14), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.72), rgba(234,243,255,.30));
    opacity: 0;
    transform: scale(1.03);
    transition: opacity .35s ease, transform .35s ease;
    z-index: -1;
    pointer-events: none;
}

.isf-kolan-plan:hover,
.isf-kolan-service:hover,
.isf-kolan-review:hover,
.isf-kolan-feature-list div:hover,
.isf-kolan-status-card:hover {
    transform: translateY(-10px);
    border-color: #9cc5ec;
    box-shadow: 0 30px 75px rgba(16, 33, 63, .14);
}

.isf-kolan-plan:hover:before,
.isf-kolan-service:hover:before,
.isf-kolan-review:hover:before,
.isf-kolan-feature-list div:hover:before,
.isf-kolan-status-card:hover:before {
    opacity: 1;
    transform: scale(1);
}

.isf-kolan-plan.is-featured:hover {
    border-color: #1769aa;
    box-shadow: 0 34px 85px rgba(23, 105, 170, .24);
}

.isf-kolan-plan a,
.isf-kolan-service span,
.isf-kolan-btn,
.isf-kolan-domain-form button {
    transition: transform .28s ease, box-shadow .28s ease, background .28s ease, color .28s ease;
}

.isf-kolan-plan:hover a {
    transform: translateY(-2px) scale(1.02);
    background: #1769aa;
    color: #fff!important;
    box-shadow: 0 16px 34px rgba(23, 105, 170, .25);
}

.isf-kolan-plan.is-featured:hover a,
.isf-kolan-btn-primary:hover,
.isf-kolan-domain-form button:hover {
    box-shadow: 0 18px 38px rgba(23, 105, 170, .30);
}

.isf-kolan-service:hover i,
.isf-kolan-feature-list div:hover i {
    transform: rotate(-4deg) scale(1.08);
    background: #1769aa;
    color: #fff;
    box-shadow: 0 16px 34px rgba(23, 105, 170, .22);
}

.isf-kolan-service i,
.isf-kolan-feature-list i {
    transition: transform .3s ease, background .3s ease, color .3s ease, box-shadow .3s ease;
}

.isf-kolan-service:hover span {
    letter-spacing: .2px;
}

@media (max-width: 767px) {
    .isf-kolan-plan:hover,
    .isf-kolan-service:hover,
    .isf-kolan-review:hover,
    .isf-kolan-feature-list div:hover,
    .isf-kolan-status-card:hover {
        transform: translateY(-6px);
    }
}


/* Infosoft Kolan Premium Polish - Domain, CTA, Footer */
.isf-kolan-domain-form{position:relative;border:1px solid rgba(23,105,170,.12);}
.isf-kolan-domain-form:after{content:"";position:absolute;inset:-2px;border-radius:23px;background:linear-gradient(90deg,rgba(23,105,170,.28),rgba(25,195,125,.18),rgba(23,105,170,.12));z-index:-1;opacity:.65;filter:blur(10px);}
.isf-kolan-domain-form button{gap:9px;white-space:nowrap;background:linear-gradient(135deg,#1769aa,#0f86d8);}
.isf-kolan-domain-input i{animation:isfFloatIcon 2.8s ease-in-out infinite;}
.isf-kolan-domain-trust{display:flex;flex-wrap:wrap;gap:10px;margin:-8px 0 24px;}
.isf-kolan-domain-trust span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid #e4edf6;color:#40536a;font-size:13px;font-weight:700;box-shadow:0 8px 20px rgba(16,33,63,.05);}
.isf-kolan-domain-trust i{color:#1769aa;}
.isf-kolan-domain-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.isf-kolan-domain-feature-grid div{background:#fff;border:1px solid #e3edf7;border-radius:24px;padding:26px;box-shadow:0 18px 45px rgba(16,33,63,.07);transition:.28s;}
.isf-kolan-domain-feature-grid div:hover{transform:translateY(-8px);border-color:#9cc5ec;box-shadow:0 30px 70px rgba(16,33,63,.13);}
.isf-kolan-domain-feature-grid i{width:52px;height:52px;border-radius:17px;background:#eaf3ff;color:#1769aa;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:18px;transition:.28s;}
.isf-kolan-domain-feature-grid div:hover i{background:#1769aa;color:#fff;transform:rotate(-4deg) scale(1.08);}
.isf-kolan-domain-feature-grid strong{display:block;color:#10213f;font-size:18px;font-weight:900;margin-bottom:8px;}
.isf-kolan-domain-feature-grid p{margin:0;color:#63758a;line-height:1.6;}
.isf-kolan-cta-box{display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:32px;padding:42px;background:radial-gradient(circle at 85% 20%,rgba(158,208,255,.28),transparent 35%),linear-gradient(135deg,#10213f,#1769aa);box-shadow:0 30px 80px rgba(16,33,63,.20);color:#fff;overflow:hidden;position:relative;}
.isf-kolan-cta-box:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-120px;background:rgba(255,255,255,.12);}
.isf-kolan-cta-box h2{color:#fff;font-size:34px;font-weight:900;margin:8px 0 10px;line-height:1.15;}
.isf-kolan-cta-box p{color:#d5e5f4;margin:0;font-size:16px;}
.isf-kolan-cta-box span{display:inline-flex;color:#bfe0ff;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.08em;}
.isf-kolan-cta-actions{display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:1;}
.isf-kolan-cta-box .isf-kolan-btn-primary{background:#fff;color:#1769aa!important;box-shadow:0 16px 38px rgba(0,0,0,.14);}
.isf-kolan-cta-box .isf-kolan-btn-soft{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.25);}
.isf-modern-footer{background:#07172c;color:#cbd7e4;padding:70px 0 0;position:relative;overflow:hidden;}
.isf-modern-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0%,rgba(23,105,170,.32),transparent 32%),radial-gradient(circle at 90% 20%,rgba(25,195,125,.12),transparent 28%);pointer-events:none;}
.isf-modern-footer .container{position:relative;z-index:1;}
.isf-modern-footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:34px;padding-bottom:44px;}
.isf-footer-brand h3{font-size:28px;color:#fff;font-weight:900;margin:0 0 14px;}
.isf-footer-brand p,.isf-footer-contact p{color:#9fb0c4;line-height:1.7;margin:0 0 20px;}
.isf-footer-badges{display:flex;flex-wrap:wrap;gap:9px;}
.isf-footer-badges span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.05);color:#dbe8f5;font-size:13px;font-weight:700;}
.isf-footer-col h4{color:#fff;font-size:16px;font-weight:900;margin:0 0 18px;}
.isf-footer-col a{display:block;color:#9fb0c4;text-decoration:none!important;margin:0 0 11px;transition:.22s;}
.isf-footer-col a:hover{color:#fff;transform:translateX(4px);}
.isf-footer-contact img{max-width:190px;filter:brightness(1.1);opacity:.95;}
.isf-modern-footer-bottom{border-top:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;}
.isf-modern-footer-bottom p{margin:0;color:#9fb0c4;}
.isf-modern-footer-bottom a{color:#cbd7e4;text-decoration:none!important;margin-left:16px;}
.isf-modern-footer-bottom a:hover{color:#fff;}
@keyframes isfFloatIcon{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:991px){.isf-kolan-domain-feature-grid{grid-template-columns:1fr;}.isf-kolan-cta-box{display:block;}.isf-kolan-cta-actions{margin-top:24px}.isf-modern-footer-top{grid-template-columns:1fr 1fr;}.isf-modern-footer-bottom{display:block}.isf-modern-footer-bottom div{margin-top:10px}.isf-modern-footer-bottom a{margin:0 16px 0 0;}}
@media(max-width:575px){.isf-kolan-domain-trust{margin-top:10px}.isf-kolan-cta-box{padding:30px 24px;border-radius:24px}.isf-kolan-cta-box h2{font-size:27px}.isf-kolan-cta-actions .isf-kolan-btn{width:100%;}.isf-modern-footer{padding-top:50px}.isf-modern-footer-top{grid-template-columns:1fr;gap:24px}.isf-footer-badges span{width:100%;}.isf-footer-contact img{max-width:170px}}

/* =========================================================
   Infosoft Kolan Premium V3 - Cart / Auth / Clientarea Polish
   Header'a dokunmaz. WHMCS varsayılan cart ve panel görünümlerini modernleştirir.
   ========================================================= */
:root{
    --isf-blue:#1769aa;
    --isf-blue-2:#0f86d8;
    --isf-dark:#10213f;
    --isf-text:#40536a;
    --isf-muted:#63758a;
    --isf-border:#e4edf6;
    --isf-soft:#f5f9fd;
    --isf-green:#19c37d;
}
body:not(.modal-open){background:#f6f9fd;}
#main-body{background:linear-gradient(180deg,#f7fbff 0%,#fff 42%,#f7fbff 100%);}
.primary-content .card,
.sidebar .card,
.tt-registration-form,
.tt-form-container,
#order-standard_cart .panel,
#order-standard_cart .product,
#order-standard_cart .domain-selection-options .option,
#order-standard_cart .view-cart-items,
#order-standard_cart .order-summary,
#order-standard_cart .summary-container,
#order-standard_cart .sub-heading,
#order-standard_cart .promo-code-cart-container{
    border:1px solid var(--isf-border)!important;
    border-radius:24px!important;
    box-shadow:0 18px 45px rgba(16,33,63,.07)!important;
    overflow:hidden;
    background:#fff!important;
}
.primary-content .card-header,
.sidebar .card-header,
#order-standard_cart .panel-heading,
#order-standard_cart .sub-heading span{
    background:linear-gradient(135deg,#f8fbff,#ffffff)!important;
    border-bottom:1px solid var(--isf-border)!important;
    color:var(--isf-dark)!important;
    font-weight:900!important;
}
.primary-content h1,.primary-content h2,.primary-content h3,
#order-standard_cart h1,#order-standard_cart h2,#order-standard_cart h3{color:var(--isf-dark);font-weight:900;}
.primary-content p,#order-standard_cart p{color:var(--isf-muted);}

/* Cart product cards */
#order-standard_cart .products .product,
#order-standard_cart .product,
#order-standard_cart .product-info,
#order-standard_cart .product-selection .product{
    position:relative;
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
#order-standard_cart .products .product:hover,
#order-standard_cart .product:hover,
#order-standard_cart .product-selection .product:hover{
    transform:translateY(-8px);
    border-color:#9cc5ec!important;
    box-shadow:0 30px 75px rgba(16,33,63,.13)!important;
}
#order-standard_cart .products .product:before,
#order-standard_cart .product-selection .product:before{
    content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(23,105,170,.08),rgba(25,195,125,.04));opacity:0;transition:.3s;pointer-events:none;
}
#order-standard_cart .products .product:hover:before,
#order-standard_cart .product-selection .product:hover:before{opacity:1;}
#order-standard_cart .product header,
#order-standard_cart .product .header{
    background:linear-gradient(135deg,#10213f,#1769aa)!important;
    color:#fff!important;
    border-radius:20px 20px 0 0!important;
}
#order-standard_cart .product .pricing,
#order-standard_cart .product .price,
#order-standard_cart .price{color:var(--isf-blue)!important;font-weight:900!important;}
#order-standard_cart .product .features li,
#order-standard_cart ul.features li{border-color:#edf3fa!important;color:#51657c;}
#order-standard_cart .product .features li:before,
#order-standard_cart ul.features li:before{color:var(--isf-green)!important;}

/* Cart buttons and forms */
#order-standard_cart .btn,
.primary-content .btn-primary,
.tt-form-wrap .btn-primary,
.tt-registration-form .btn-primary,
#btnCompleteProductConfig,
#checkout,
#btnAlreadyRegistered,
#btnNewUserSignup{
    border:0!important;
    border-radius:14px!important;
    font-weight:900!important;
    letter-spacing:.01em;
    padding:12px 22px;
    background:linear-gradient(135deg,var(--isf-blue),var(--isf-blue-2))!important;
    box-shadow:0 14px 30px rgba(23,105,170,.22)!important;
    color:#fff!important;
    transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;
}
#order-standard_cart .btn:hover,
.primary-content .btn-primary:hover,
.tt-form-wrap .btn-primary:hover,
.tt-registration-form .btn-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 42px rgba(23,105,170,.32)!important;
    filter:saturate(1.05);
}
#order-standard_cart .btn-default,.primary-content .btn-default,.primary-content .btn-secondary{
    background:#fff!important;color:var(--isf-blue)!important;border:1px solid var(--isf-border)!important;box-shadow:0 10px 22px rgba(16,33,63,.06)!important;
}
.form-control,
#order-standard_cart input[type="text"],
#order-standard_cart input[type="email"],
#order-standard_cart input[type="password"],
#order-standard_cart select,
#order-standard_cart textarea,
.tt-form-wrap .form-control,
.tt-registration-form .form-control,
.tt-registration-form .field{
    min-height:48px;
    border-radius:14px!important;
    border:1px solid var(--isf-border)!important;
    background:#fbfdff!important;
    box-shadow:none!important;
    color:var(--isf-dark)!important;
}
.form-control:focus,
#order-standard_cart input:focus,
#order-standard_cart select:focus,
#order-standard_cart textarea:focus,
.tt-form-wrap .form-control:focus,
.tt-registration-form .form-control:focus,
.tt-registration-form .field:focus{
    border-color:#8fc1ef!important;
    box-shadow:0 0 0 4px rgba(23,105,170,.10)!important;
    background:#fff!important;
}
.input-group-text,.prepend-icon .field-icon{border-color:var(--isf-border)!important;background:#eef6ff!important;color:var(--isf-blue)!important;}

/* Cart steps / summary */
#order-standard_cart .order-summary,
#order-standard_cart .summary-container{
    position:sticky;top:24px;
    background:radial-gradient(circle at 95% 0%,rgba(23,105,170,.11),transparent 34%),#fff!important;
}
#order-standard_cart .order-summary h2,
#order-standard_cart .summary-container h2,
#order-standard_cart .summary-container .subtotal,
#order-standard_cart .total-due-today span{color:var(--isf-dark)!important;font-weight:900!important;}
#order-standard_cart .total-due-today,
#order-standard_cart .summary-totals{background:#f4f9ff!important;border-radius:18px!important;border:1px solid var(--isf-border)!important;padding:16px!important;}
#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-tabs .tab-content,
#order-standard_cart .addon-products .panel{border-color:var(--isf-border)!important;}
#order-standard_cart .domain-selection-options .option{transition:.25s;}
#order-standard_cart .domain-selection-options .option:hover{transform:translateY(-5px);border-color:#9cc5ec!important;box-shadow:0 20px 45px rgba(16,33,63,.10)!important;}
#order-standard_cart .spotlight-tld,
#order-standard_cart .suggested-domains .domain-suggestion{border-radius:18px!important;border:1px solid var(--isf-border)!important;box-shadow:0 12px 28px rgba(16,33,63,.06)!important;}
#order-standard_cart .spotlight-tld:hover,
#order-standard_cart .suggested-domains .domain-suggestion:hover{transform:translateY(-5px);border-color:#9cc5ec!important;}

/* Login / Register modern card */
.tt-auth-wrap{background:radial-gradient(circle at 10% 0%,rgba(23,105,170,.12),transparent 32%),linear-gradient(180deg,#f7fbff,#fff)!important;}
.tt-form-wrap,.tt-registration-form{max-width:1120px;margin:0 auto;}
.tt-form-container{display:grid;grid-template-columns:minmax(0,1fr) 420px;border-radius:30px!important;box-shadow:0 30px 80px rgba(16,33,63,.12)!important;}
.tt-form-content{padding:42px!important;}
.tt-login-registration-testimonial{border-radius:0 30px 30px 0!important;overflow:hidden;position:relative;}
.tt-login-registration-testimonial:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(16,33,63,.72),rgba(23,105,170,.58));z-index:1;}
.tt-login-registration-testimonial>*{position:relative;z-index:2;}
.tt-form-content h3,.tt-registration-form h1{font-size:30px!important;color:var(--isf-dark)!important;font-weight:900!important;}
.tt-registration-form{border-radius:30px!important;box-shadow:0 30px 80px rgba(16,33,63,.10)!important;}
.tt-registration-form .card{box-shadow:none!important;border:1px solid var(--isf-border)!important;border-radius:22px!important;padding:22px!important;background:#fff!important;}
.tt-registration-form h3.h6{font-size:16px!important;font-weight:900!important;color:var(--isf-dark)!important;display:flex;align-items:center;gap:10px;}
.tt-registration-form h3.h6:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--isf-blue);box-shadow:0 0 0 5px rgba(23,105,170,.10);}

/* Client area general cards */
.tiles .tile,
.client-home-panels .panel,
.home-kb-search,
.list-group-item,
.table-container,
.dataTables_wrapper,
.panel-sidebar,
.sidebar .list-group,
.clientarea-dashboard .card{
    border-radius:22px!important;
    border:1px solid var(--isf-border)!important;
    box-shadow:0 14px 34px rgba(16,33,63,.06)!important;
    overflow:hidden;
}
.tiles .tile{transition:.25s;background:#fff!important;}
.tiles .tile:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(16,33,63,.12)!important;border-color:#9cc5ec!important;}
.tiles .tile .icon{color:var(--isf-blue)!important;}
.table thead th{background:#f4f9ff!important;color:var(--isf-dark)!important;border-color:var(--isf-border)!important;font-weight:900!important;}
.table td,.table th{border-color:#edf3fa!important;}
.sidebar .list-group-item.active,
.list-group-item.active{background:linear-gradient(135deg,var(--isf-blue),var(--isf-blue-2))!important;border-color:transparent!important;color:#fff!important;}
.alert{border-radius:18px!important;border:1px solid var(--isf-border)!important;box-shadow:0 12px 28px rgba(16,33,63,.05)!important;}
.badge,.label{border-radius:999px!important;padding:.42em .72em!important;}

/* Mobile polish */
@media(max-width:991px){
    .tt-form-container{grid-template-columns:1fr;}
    .tt-login-registration-testimonial{display:none!important;}
    #order-standard_cart .order-summary,#order-standard_cart .summary-container{position:relative;top:auto;}
    #order-standard_cart .btn,.primary-content .btn-primary{width:auto;}
}
@media(max-width:575px){
    #main-body{padding-top:34px!important;}
    .tt-form-content{padding:28px!important;}
    .tt-form-container,.tt-registration-form,.primary-content .card,#order-standard_cart .panel,#order-standard_cart .product{border-radius:20px!important;}
    #order-standard_cart .btn,.primary-content .btn-primary,.tt-form-wrap .btn-primary,.tt-registration-form .btn-primary{width:100%;justify-content:center;margin-bottom:8px;}
    #order-standard_cart .products .product:hover,#order-standard_cart .product:hover,.tiles .tile:hover{transform:translateY(-4px);}
    .table-responsive{border-radius:18px;border:1px solid var(--isf-border);}
}

/* =========================================================
   Infosoft Kolan Premium v4 Polish
   Header'a dokunulmadı. Sadece homepage/cart/clientarea polish.
   ========================================================= */
:root{
    --isf-v4-dark:#0f213f;
    --isf-v4-blue:#1769aa;
    --isf-v4-blue2:#2d8fd5;
    --isf-v4-soft:#f6faff;
    --isf-v4-border:#e4edf7;
    --isf-v4-text:#52657c;
}

/* Global daha temiz scroll ve focus */
html{scroll-behavior:smooth;}
a,button,.btn,input,select,textarea{outline:none!important;}
.btn:focus,.form-control:focus,button:focus,a:focus{box-shadow:0 0 0 4px rgba(23,105,170,.12)!important;}

/* Homepage premium polish */
.isf-kolan-home{
    background:linear-gradient(180deg,#f8fbff 0%,#ffffff 42%,#f7f9fc 100%);
}
.isf-kolan-hero{
    isolation:isolate;
    overflow:hidden;
}
.isf-kolan-hero:after{
    content:"";
    position:absolute;
    width:460px;
    height:460px;
    right:-160px;
    bottom:-180px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(45,143,213,.17),rgba(45,143,213,0) 68%);
    pointer-events:none;
    z-index:0;
}
.isf-kolan-eyebrow,
.isf-kolan-section-head span{
    box-shadow:0 10px 28px rgba(23,105,170,.08);
}
.isf-kolan-domain-form{
    position:relative;
    transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.isf-kolan-domain-form:focus-within{
    transform:translateY(-3px);
    border-color:#9bc8ef;
    box-shadow:0 26px 75px rgba(16,33,63,.14),0 0 0 5px rgba(23,105,170,.08);
}
.isf-kolan-domain-form button,
.isf-kolan-btn-primary,
.isf-kolan-plan.is-featured a{
    background:linear-gradient(135deg,var(--isf-v4-blue),var(--isf-v4-blue2))!important;
    box-shadow:0 16px 35px rgba(23,105,170,.25)!important;
}
.isf-kolan-domain-form button:hover,
.isf-kolan-btn-primary:hover,
.isf-kolan-plan.is-featured a:hover{
    transform:translateY(-3px);
    box-shadow:0 22px 50px rgba(23,105,170,.34)!important;
}
.isf-kolan-tld-row span{
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.isf-kolan-tld-row span:hover{
    transform:translateY(-3px);
    border-color:#b9d8f4;
    box-shadow:0 14px 30px rgba(16,33,63,.09);
}

/* Kartlarda daha premium hover */
.isf-kolan-plan,
.isf-kolan-service,
.isf-kolan-review,
.isf-kolan-feature-list div,
.tiles .tile,
.primary-content .card,
#order-standard_cart .product,
#order-standard_cart .panel,
#order-standard_cart .view-cart-items .item{
    will-change:transform;
}
.isf-kolan-plan:hover,
.isf-kolan-service:hover,
.isf-kolan-review:hover,
.isf-kolan-feature-list div:hover{
    transform:translateY(-9px);
    box-shadow:0 30px 75px rgba(16,33,63,.13)!important;
    border-color:#b9d8f4!important;
}
.isf-kolan-plan a,
.isf-kolan-service span{
    transition:.25s ease;
}
.isf-kolan-plan:hover a{
    transform:translateY(-2px);
}
.isf-kolan-service:hover span{
    letter-spacing:.2px;
}
.isf-kolan-price{
    letter-spacing:-.8px;
}

/* Footer varsa daha net kurumsal görünüm */
.isf-premium-footer,
.tt-footer,
footer.footer{
    border-top:1px solid var(--isf-v4-border);
}
.isf-premium-footer a,
.tt-footer a,
footer.footer a{
    transition:color .22s ease,transform .22s ease;
}
.isf-premium-footer a:hover,
.tt-footer a:hover,
footer.footer a:hover{
    color:var(--isf-v4-blue)!important;
}

/* WHMCS cart/order v4 polish */
#order-standard_cart{
    color:var(--isf-v4-dark);
}
#order-standard_cart .products .product,
#order-standard_cart .product,
#order-standard_cart .panel,
#order-standard_cart .view-cart-items .item,
#order-standard_cart .summary-container,
#order-standard_cart .order-summary{
    border-radius:24px!important;
    border:1px solid var(--isf-v4-border)!important;
    box-shadow:0 16px 42px rgba(16,33,63,.07)!important;
    overflow:hidden;
}
#order-standard_cart .products .product:hover,
#order-standard_cart .product:hover,
#order-standard_cart .panel:hover{
    transform:translateY(-6px);
    border-color:#b9d8f4!important;
    box-shadow:0 26px 70px rgba(16,33,63,.12)!important;
}
#order-standard_cart .products .product header,
#order-standard_cart .panel-heading,
#order-standard_cart .sub-heading{
    background:linear-gradient(180deg,#ffffff,#f5faff)!important;
    border-bottom:1px solid var(--isf-v4-border)!important;
}
#order-standard_cart .price,
#order-standard_cart .pricing,
#order-standard_cart .total-due-today span{
    color:var(--isf-v4-blue)!important;
    letter-spacing:-.4px;
}
#order-standard_cart .btn{
    border-radius:14px!important;
    font-weight:900!important;
}
#order-standard_cart .btn-primary,
#order-standard_cart .btn-success,
#order-standard_cart .btn-checkout{
    background:linear-gradient(135deg,var(--isf-v4-blue),var(--isf-v4-blue2))!important;
    border:0!important;
    box-shadow:0 15px 32px rgba(23,105,170,.24)!important;
}
#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-success:hover,
#order-standard_cart .btn-checkout:hover{
    transform:translateY(-2px);
    box-shadow:0 20px 48px rgba(23,105,170,.34)!important;
}
#order-standard_cart .view-cart-tabs .nav-tabs > li > a,
#order-standard_cart .nav-tabs > li > a{
    border-radius:14px 14px 0 0!important;
    font-weight:800;
}
#order-standard_cart .view-cart-tabs .nav-tabs > li.active > a,
#order-standard_cart .nav-tabs > li.active > a{
    color:var(--isf-v4-blue)!important;
    border-color:var(--isf-v4-border)!important;
}

/* Clientarea polish */
.tiles .tile,
.client-home-panels .panel,
.panel-sidebar,
.sidebar .list-group,
.table-container,
.dataTables_wrapper{
    background:#fff!important;
}
.tiles .tile .stat,
.tiles .tile .title,
.panel-title,
.primary-content h1,
.primary-content h2,
.primary-content h3{
    color:var(--isf-v4-dark)!important;
}
.client-home-panels .panel-heading,
.panel-sidebar > .panel-heading,
.table thead th{
    background:linear-gradient(180deg,#ffffff,#f5faff)!important;
}
.list-group-item{
    transition:background .22s ease,color .22s ease,transform .22s ease;
}
.list-group-item:hover{
    background:#f5faff!important;
    transform:translateX(2px);
}
.table tbody tr{
    transition:background .18s ease;
}
.table tbody tr:hover{
    background:#f8fbff!important;
}

/* Login/register polish */
.tt-form-container,
.tt-registration-form{
    border:1px solid var(--isf-v4-border)!important;
}
.tt-form-content h3,
.tt-registration-form h1{
    letter-spacing:-.6px;
}
.tt-form-wrap .btn-primary,
.tt-registration-form .btn-primary{
    min-height:50px;
    border-radius:15px!important;
    background:linear-gradient(135deg,var(--isf-v4-blue),var(--isf-v4-blue2))!important;
}

/* Hafif giriş animasyonları */
@media (prefers-reduced-motion:no-preference){
    .isf-kolan-hero h1,
    .isf-kolan-lead,
    .isf-kolan-domain-form,
    .isf-kolan-status-card,
    .isf-kolan-service,
    .isf-kolan-plan,
    .isf-kolan-review{
        animation:isfV4FadeUp .55s ease both;
    }
    .isf-kolan-lead{animation-delay:.05s;}
    .isf-kolan-domain-form{animation-delay:.1s;}
    .isf-kolan-status-card{animation-delay:.15s;}
    .isf-kolan-service:nth-child(2),
    .isf-kolan-plan:nth-child(2),
    .isf-kolan-review:nth-child(2){animation-delay:.08s;}
    .isf-kolan-service:nth-child(3),
    .isf-kolan-plan:nth-child(3),
    .isf-kolan-review:nth-child(3){animation-delay:.14s;}
    @keyframes isfV4FadeUp{
        from{opacity:0;transform:translateY(18px);}
        to{opacity:1;transform:translateY(0);}
    }
}

/* Mobil ultra polish */
@media(max-width:991px){
    .isf-kolan-hero{text-align:left;}
    .isf-kolan-status-card{border-radius:24px;}
    .isf-kolan-strip .row{row-gap:14px;}
    .isf-kolan-section-head{margin-bottom:28px;}
    #order-standard_cart .summary-container,
    #order-standard_cart .order-summary{margin-top:22px;}
    .panel-sidebar,.sidebar .list-group{margin-top:18px;}
}
@media(max-width:767px){
    .isf-kolan-hero{padding:46px 0 52px;}
    .isf-kolan-section{padding:54px 0;}
    .isf-kolan-section-head h2{font-size:28px!important;}
    .isf-kolan-lead,.isf-kolan-section-head p{font-size:15px;line-height:1.65;}
    .isf-kolan-service,.isf-kolan-plan,.isf-kolan-review,.isf-kolan-feature-list div{padding:22px;border-radius:20px;}
    .isf-kolan-price{font-size:27px;}
    #order-standard_cart .products .product,
    #order-standard_cart .product,
    #order-standard_cart .panel{border-radius:20px!important;}
    .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;}
}
@media(max-width:575px){
    body{font-size:14px;}
    .isf-kolan-hero h1{font-size:30px!important;letter-spacing:-1px;}
    .isf-kolan-domain-form{box-shadow:0 16px 42px rgba(16,33,63,.10);}
    .isf-kolan-domain-input input{height:50px;font-size:15px;}
    .isf-kolan-tld-row{gap:8px;}
    .isf-kolan-tld-row span{font-size:12px;padding:7px 10px;}
    .isf-kolan-btn,.isf-kolan-domain-form button{min-height:50px;height:50px;}
    .isf-kolan-metric-grid div{padding:15px;}
    .isf-kolan-server-card{align-items:flex-start;}
    #order-standard_cart .btn,
    .tt-form-wrap .btn-primary,
    .tt-registration-form .btn-primary{min-height:48px;}
    .client-home-panels .panel,
    .tiles .tile,
    .panel-sidebar,
    .table-container{border-radius:18px!important;}
}

/* =========================================================
   INFOSOFT KOLAN PREMIUM V5 - HEADER & MENU POLISH
   Sadece header/menu görsel iyileştirme. Homepage ve cart yapısı korunur.
========================================================= */
:root{
    --isf-head-blue:#0757ff;
    --isf-head-blue-dark:#003f9f;
    --isf-head-navy:#07142f;
    --isf-head-text:#243044;
    --isf-head-soft:#f4f8ff;
    --isf-head-border:#e3ebf7;
}

.tt-header.is-modern-header,
#header.tt-header.is-modern-header{
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
    border-bottom:1px solid rgba(226,235,247,.95)!important;
    box-shadow:0 10px 36px rgba(7,20,47,.06)!important;
}

.tt-header.is-modern-header .modern-header-shell{
    background:rgba(255,255,255,.94)!important;
    backdrop-filter:saturate(160%) blur(14px);
    -webkit-backdrop-filter:saturate(160%) blur(14px);
}

.tt-header.is-modern-header .modern-topbar{
    background:linear-gradient(90deg,#f7fbff 0%,#ffffff 50%,#f4f8ff 100%)!important;
    border-bottom:1px solid var(--isf-head-border)!important;
}

.tt-header.is-modern-header .modern-topbar a,
.tt-header.is-modern-header .modern-link-button{
    color:#334155!important;
    transition:color .22s ease,transform .22s ease!important;
}
.tt-header.is-modern-header .modern-topbar a:hover,
.tt-header.is-modern-header .modern-link-button:hover{
    color:var(--isf-head-blue)!important;
    transform:translateY(-1px);
}
.tt-header.is-modern-header .modern-topbar i{
    width:30px!important;
    height:30px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:10px!important;
    background:#eef5ff!important;
    color:var(--isf-head-blue)!important;
    margin-right:8px!important;
}
.tt-header.is-modern-header .modern-new-badge{
    background:linear-gradient(135deg,var(--isf-head-blue),#00a3ff)!important;
    box-shadow:0 8px 18px rgba(7,87,255,.20)!important;
}

.tt-header.is-modern-header .modern-mainbar{
    background:rgba(255,255,255,.92)!important;
}

.tt-header.is-modern-header .modern-mainbar-inner{
    gap:34px!important;
}

.tt-header.is-modern-header .navbar-brand,
.tt-header.is-modern-header .tt-logo,
.tt-header.is-modern-header a.logo{
    padding:10px 0!important;
    transition:transform .25s ease,filter .25s ease!important;
}
.tt-header.is-modern-header .navbar-brand:hover,
.tt-header.is-modern-header .tt-logo:hover,
.tt-header.is-modern-header a.logo:hover{
    transform:translateY(-2px)!important;
    filter:drop-shadow(0 8px 18px rgba(7,87,255,.10))!important;
}

.tt-header.is-modern-header #nav.modern-primary-nav{
    gap:10px!important;
    background:#f6f9fe!important;
    border:1px solid #e7eef9!important;
    border-radius:18px!important;
    padding:8px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
}

.tt-header.is-modern-header #nav.modern-primary-nav > li{
    position:relative!important;
}

.tt-header.is-modern-header #nav.modern-primary-nav > li > a{
    height:48px!important;
    padding:0 18px!important;
    border-radius:13px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:var(--isf-head-navy)!important;
    font-size:15px!important;
    font-weight:900!important;
    letter-spacing:-.15px!important;
    transition:background .24s ease,color .24s ease,box-shadow .24s ease,transform .24s ease!important;
}

.tt-header.is-modern-header #nav.modern-primary-nav > li:first-child > a,
.tt-header.is-modern-header #nav.modern-primary-nav > li.active > a,
.tt-header.is-modern-header #nav.modern-primary-nav > li.open > a,
.tt-header.is-modern-header #nav.modern-primary-nav > li > a:hover{
    color:var(--isf-head-blue)!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(7,20,47,.08)!important;
    transform:translateY(-1px)!important;
}

.tt-header.is-modern-header #nav.modern-primary-nav > li > a:after,
.tt-header.is-modern-header #nav.modern-primary-nav > li:first-child > a:after,
.tt-header.is-modern-header #nav.modern-primary-nav > li.active > a:after{
    display:none!important;
    content:none!important;
}

.tt-header.is-modern-header #nav.modern-primary-nav > li.dropdown > a:before{
    content:'\f107';
    font-family:'Font Awesome 5 Pro','Font Awesome 5 Free';
    font-weight:900;
    margin-left:8px;
    order:2;
    font-size:12px;
    opacity:.72;
    transition:transform .22s ease;
}
.tt-header.is-modern-header #nav.modern-primary-nav > li.dropdown:hover > a:before,
.tt-header.is-modern-header #nav.modern-primary-nav > li.open > a:before{
    transform:rotate(180deg);
}

.tt-header.is-modern-header .dropdown-menu{
    margin-top:14px!important;
    padding:12px!important;
    min-width:250px!important;
    border:1px solid #e4ecf8!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 24px 70px rgba(7,20,47,.14)!important;
    animation:isfHeaderDropdown .18s ease both;
}
.tt-header.is-modern-header .dropdown-menu:before{
    content:'';
    position:absolute;
    top:-7px;
    left:28px;
    width:14px;
    height:14px;
    background:#fff;
    border-left:1px solid #e4ecf8;
    border-top:1px solid #e4ecf8;
    transform:rotate(45deg);
}
.tt-header.is-modern-header .dropdown-menu li,
.tt-header.is-modern-header .dropdown-menu .dropdown-item{
    border-radius:12px!important;
}
.tt-header.is-modern-header .dropdown-menu a,
.tt-header.is-modern-header .dropdown-menu .dropdown-item a,
.tt-header.is-modern-header .dropdown-menu .dropdown-item{
    min-height:42px!important;
    padding:10px 12px!important;
    border-radius:12px!important;
    color:#263449!important;
    font-size:14px!important;
    font-weight:800!important;
    transition:background .2s ease,color .2s ease,transform .2s ease!important;
}
.tt-header.is-modern-header .dropdown-menu a:hover,
.tt-header.is-modern-header .dropdown-menu .dropdown-item:hover,
.tt-header.is-modern-header .dropdown-menu .dropdown-item a:hover{
    background:#f2f7ff!important;
    color:var(--isf-head-blue)!important;
    transform:translateX(3px)!important;
}

.tt-header.is-modern-header .modern-btn{
    border-radius:16px!important;
    transition:transform .24s ease,box-shadow .24s ease,background .24s ease,color .24s ease!important;
}
.tt-header.is-modern-header .modern-btn-outline{
    background:#f7fbff!important;
    border:1px solid #cfe0fb!important;
    color:var(--isf-head-blue)!important;
}
.tt-header.is-modern-header .modern-btn-outline:hover{
    background:#fff!important;
    box-shadow:0 14px 34px rgba(7,87,255,.12)!important;
    transform:translateY(-2px)!important;
}
.tt-header.is-modern-header .modern-btn-primary{
    background:linear-gradient(135deg,var(--isf-head-blue),var(--isf-head-blue-dark))!important;
    border:0!important;
    box-shadow:0 16px 34px rgba(7,87,255,.24)!important;
}
.tt-header.is-modern-header .modern-btn-primary:hover{
    background:linear-gradient(135deg,#006dff,#003887)!important;
    box-shadow:0 20px 46px rgba(7,87,255,.32)!important;
    transform:translateY(-2px)!important;
}

.tt-header.is-modern-header .modern-mobile-toggle{
    width:52px!important;
    height:52px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,var(--isf-head-blue),var(--isf-head-blue-dark))!important;
    box-shadow:0 14px 28px rgba(7,87,255,.22)!important;
}

.tt-header.is-modern-header.affix{
    position:sticky!important;
    top:0!important;
    z-index:10000!important;
    animation:isfHeaderStick .28s ease both;
}
.tt-header.is-modern-header.affix .modern-topbar{
    display:none!important;
}
.tt-header.is-modern-header.affix .modern-mainbar,
.tt-header.is-modern-header.affix .modern-mainbar-inner{
    height:86px!important;
    min-height:86px!important;
}
.tt-header.is-modern-header.affix .logo-img,
.tt-header.is-modern-header.affix .navbar-brand img,
.tt-header.is-modern-header.affix .tt-logo img{
    max-height:58px!important;
}

@keyframes isfHeaderDropdown{
    from{opacity:0;transform:translateY(8px) scale(.98)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes isfHeaderStick{
    from{transform:translateY(-10px);opacity:.98}
    to{transform:translateY(0);opacity:1}
}

@media(max-width:1399px){
    .tt-header.is-modern-header #nav.modern-primary-nav > li > a{
        padding:0 13px!important;
        font-size:14px!important;
    }
    .tt-header.is-modern-header .modern-btn{
        min-width:128px!important;
        padding:0 17px!important;
        font-size:14px!important;
    }
}

@media(max-width:1199px){
    .tt-header.is-modern-header .modern-mainbar-inner{
        flex-direction:row!important;
        padding:16px 0!important;
    }
    .tt-header.is-modern-header .modern-nav-wrapper{
        order:3!important;
    }
    .tt-header.is-modern-header .offcanvas-collapse{
        position:fixed!important;
        top:0!important;
        right:-100%!important;
        width:min(390px,88vw)!important;
        height:100vh!important;
        padding:28px 22px!important;
        background:#fff!important;
        box-shadow:-24px 0 70px rgba(7,20,47,.18)!important;
        transition:right .3s ease!important;
        overflow:auto!important;
        z-index:99999!important;
    }
    .tt-header.is-modern-header .offcanvas-collapse.open{
        right:0!important;
    }
    .tt-header.is-modern-header #mainNavbar{
        display:block!important;
        width:100%!important;
    }
    .tt-header.is-modern-header #nav.modern-primary-nav{
        display:block!important;
        background:transparent!important;
        border:0!important;
        box-shadow:none!important;
        padding:0!important;
    }
    .tt-header.is-modern-header #nav.modern-primary-nav > li > a{
        height:auto!important;
        min-height:52px!important;
        justify-content:flex-start!important;
        padding:14px 16px!important;
        margin-bottom:8px!important;
        background:#f6f9fe!important;
    }
    .tt-header.is-modern-header .dropdown-menu{
        position:static!important;
        min-width:0!important;
        width:100%!important;
        margin:2px 0 10px!important;
        box-shadow:none!important;
        border-radius:14px!important;
        background:#f8fbff!important;
    }
    .tt-header.is-modern-header .dropdown-menu:before{display:none!important;}
}

@media(max-width:991px){
    .tt-header.is-modern-header .modern-topbar-inner{
        flex-direction:row!important;
        justify-content:center!important;
    }
    .tt-header.is-modern-header .modern-contact-links{
        flex-direction:row!important;
    }
    .tt-header.is-modern-header .modern-mainbar-inner{
        flex-direction:row!important;
        justify-content:space-between!important;
        padding:14px 0!important;
    }
    .tt-header.is-modern-header .modern-topbar a{
        font-size:13px!important;
    }
}

@media(max-width:575px){
    .tt-header.is-modern-header .modern-topbar{
        display:none!important;
    }
    .tt-header.is-modern-header .modern-mainbar .container{
        padding-left:14px!important;
        padding-right:14px!important;
    }
    .tt-header.is-modern-header .logo-img,
    .tt-header.is-modern-header .navbar-brand img,
    .tt-header.is-modern-header .tt-logo img{
        max-height:50px!important;
        max-width:190px!important;
    }
    .tt-header.is-modern-header .modern-mobile-toggle{
        width:48px!important;
        height:48px!important;
    }
}

/* =========================================================
   MedyaHost Benzeri Üst Menü / Header v6
   ========================================================= */
.tt-header.is-modern-header.is-medyahost-header{
    background:#ffffff!important;
    position:relative;
    z-index:1000;
}
.tt-header.is-modern-header.is-medyahost-header .medya-header-shell{
    max-width:100%!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:0 10px 30px rgba(15,23,42,.06)!important;
    background:#fff!important;
}
.tt-header.is-modern-header.is-medyahost-header .medya-topbar{
    background:#f7f9fc!important;
    border-bottom:1px solid #e9eef6!important;
}
.tt-header.is-modern-header.is-medyahost-header .medya-topbar-inner{
    min-height:42px!important;
    font-size:13px!important;
    color:#42526b!important;
}
.tt-header.is-modern-header.is-medyahost-header .medya-contact-links,
.tt-header.is-modern-header.is-medyahost-header .medya-quick-links{
    gap:16px!important;
}
.tt-header.is-modern-header.is-medyahost-header .medya-topbar a{
    color:#42526b!important;
    font-size:13px!important;
    font-weight:700!important;
    transition:all .2s ease!important;
}
.tt-header.is-modern-header.is-medyahost-header .medya-topbar a:hover{
    color:#0b63ce!important;
}
.tt-header.is-modern-header.is-medyahost-header .medya-topbar i{
    color:#0b63ce!important;
    margin-right:7px!important;
}
.tt-header.is-modern-header.is-medyahost-header .medya-cart-top{
    color:#0b63ce!important;
}
.tt-header.is-modern-header.is-medyahost-header .medya-mainbar{
    background:#fff!important;
    border-bottom:1px solid rgba(226,232,240,.9)!important;
}
.tt-header.is-modern-header.is-medyahost-header .medya-mainbar-inner{
    min-height:88px!important;
    gap:22px!important;
}
.tt-header.is-modern-header.is-medyahost-header .medya-logo-wrap,
.tt-header.is-modern-header.is-medyahost-header .navbar-brand{
    margin-right:22px!important;
    flex:0 0 auto!important;
}
.tt-header.is-modern-header.is-medyahost-header .logo-img,
.tt-header.is-modern-header.is-medyahost-header .navbar-brand img,
.tt-header.is-modern-header.is-medyahost-header .tt-logo img{
    max-height:56px!important;
    width:auto!important;
}
.tt-header.is-modern-header.is-medyahost-header .medya-nav-wrapper{
    flex:1 1 auto!important;
    justify-content:center!important;
}
.tt-header.is-modern-header.is-medyahost-header #nav.medya-primary-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    width:100%!important;
}
.tt-header.is-modern-header.is-medyahost-header #nav.medya-primary-nav > li{
    position:relative!important;
}
.tt-header.is-modern-header.is-medyahost-header #nav.medya-primary-nav > li > a{
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    padding:0 14px!important;
    border-radius:9px!important;
    color:#172033!important;
    font-size:15px!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
    text-transform:none!important;
}
.tt-header.is-modern-header.is-medyahost-header #nav.medya-primary-nav > li > a:hover,
.tt-header.is-modern-header.is-medyahost-header #nav.medya-primary-nav > li.active > a,
.tt-header.is-modern-header.is-medyahost-header #nav.medya-primary-nav > li.open > a{
    color:#0b63ce!important;
    background:#eef6ff!important;
}
.tt-header.is-modern-header.is-medyahost-header .modern-primary-nav > li > a:after{
    display:none!important;
}
.tt-header.is-modern-header.is-medyahost-header .dropdown-menu{
    border:0!important;
    border-radius:14px!important;
    padding:12px!important;
    min-width:260px!important;
    background:#fff!important;
    box-shadow:0 22px 55px rgba(15,23,42,.14)!important;
    margin-top:12px!important;
}
.tt-header.is-modern-header.is-medyahost-header .dropdown-menu:before{
    content:""!important;
    position:absolute!important;
    top:-7px!important;
    left:26px!important;
    width:14px!important;
    height:14px!important;
    background:#fff!important;
    transform:rotate(45deg)!important;
    box-shadow:-4px -4px 12px rgba(15,23,42,.04)!important;
}
.tt-header.is-modern-header.is-medyahost-header .dropdown-menu li a,
.tt-header.is-modern-header.is-medyahost-header .dropdown-item{
    padding:12px 14px!important;
    border-radius:10px!important;
    color:#1f2937!important;
    font-size:14px!important;
    font-weight:700!important;
}
.tt-header.is-modern-header.is-medyahost-header .dropdown-menu li a:hover,
.tt-header.is-modern-header.is-medyahost-header .dropdown-item:hover{
    background:#f1f7ff!important;
    color:#0b63ce!important;
}
.tt-header.is-modern-header.is-medyahost-header .medya-actions .toolbar{
    gap:10px!important;
}
.tt-header.is-modern-header.is-medyahost-header .medya-cart-btn{
    width:46px!important;
    height:46px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:10px!important;
    background:#f1f6fd!important;
    color:#0b63ce!important;
    border:1px solid #dce9f8!important;
    transition:all .25s ease!important;
}
.tt-header.is-modern-header.is-medyahost-header .medya-cart-btn:hover{
    background:#0b63ce!important;
    color:#fff!important;
    transform:translateY(-2px)!important;
}
.tt-header.is-modern-header.is-medyahost-header .medya-client-btn{
    min-height:46px!important;
    border-radius:9px!important;
    background:#0b63ce!important;
    color:#fff!important;
    border-color:#0b63ce!important;
    box-shadow:0 10px 22px rgba(11,99,206,.18)!important;
}
.tt-header.is-modern-header.is-medyahost-header .medya-client-btn:hover{
    background:#074f9f!important;
    border-color:#074f9f!important;
    transform:translateY(-2px)!important;
}
.tt-header.is-modern-header.is-medyahost-header .medya-mobile-toggle{
    width:46px!important;
    height:46px!important;
    border-radius:10px!important;
    background:#0b63ce!important;
    color:#fff!important;
}
.tt-header.is-modern-header.is-medyahost-header.affix .medya-header-shell{
    box-shadow:0 12px 30px rgba(15,23,42,.09)!important;
}
.tt-header.is-modern-header.is-medyahost-header.affix .medya-topbar{
    display:none!important;
}
.tt-header.is-modern-header.is-medyahost-header.affix .medya-mainbar-inner{
    min-height:76px!important;
}

@media(max-width:1399px){
    .tt-header.is-modern-header.is-medyahost-header #nav.medya-primary-nav > li > a{
        padding:0 10px!important;
        font-size:14px!important;
    }
    .tt-header.is-modern-header.is-medyahost-header .medya-client-btn{
        padding:0 16px!important;
    }
}
@media(max-width:1199px){
    .tt-header.is-modern-header.is-medyahost-header .medya-mainbar-inner{
        min-height:78px!important;
        flex-direction:row!important;
    }
    .tt-header.is-modern-header.is-medyahost-header .medya-nav-wrapper.offcanvas-collapse{
        position:fixed!important;
        top:0!important;
        right:-100%!important;
        width:min(390px,88vw)!important;
        height:100vh!important;
        padding:28px 22px!important;
        background:#fff!important;
        box-shadow:-22px 0 60px rgba(15,23,42,.18)!important;
        transition:right .3s ease!important;
        overflow:auto!important;
        z-index:99999!important;
        display:block!important;
        justify-content:flex-start!important;
    }
    .tt-header.is-modern-header.is-medyahost-header .medya-nav-wrapper.offcanvas-collapse.open{
        right:0!important;
    }
    .tt-header.is-modern-header.is-medyahost-header #mainNavbar,
    .tt-header.is-modern-header.is-medyahost-header #nav.medya-primary-nav{
        display:block!important;
        width:100%!important;
    }
    .tt-header.is-modern-header.is-medyahost-header #nav.medya-primary-nav > li > a{
        min-height:50px!important;
        justify-content:flex-start!important;
        margin-bottom:8px!important;
        background:#f6f9fe!important;
        padding:12px 15px!important;
    }
    .tt-header.is-modern-header.is-medyahost-header .dropdown-menu{
        position:static!important;
        width:100%!important;
        min-width:0!important;
        margin:0 0 12px!important;
        box-shadow:none!important;
        border:1px solid #e6eef8!important;
        background:#fbfdff!important;
    }
    .tt-header.is-modern-header.is-medyahost-header .dropdown-menu:before{
        display:none!important;
    }
}
@media(max-width:767px){
    .tt-header.is-modern-header.is-medyahost-header .medya-topbar-inner{
        min-height:auto!important;
        padding:10px 0!important;
        flex-direction:column!important;
        gap:7px!important;
    }
    .tt-header.is-modern-header.is-medyahost-header .medya-contact-links,
    .tt-header.is-modern-header.is-medyahost-header .medya-quick-links{
        justify-content:center!important;
        gap:10px!important;
    }
    .tt-header.is-modern-header.is-medyahost-header .medya-contact-links a:nth-child(2),
    .tt-header.is-modern-header.is-medyahost-header .medya-quick-links .modern-separator,
    .tt-header.is-modern-header.is-medyahost-header .medya-quick-links a:nth-of-type(3){
        display:none!important;
    }
    .tt-header.is-modern-header.is-medyahost-header .medya-mainbar-inner{
        min-height:72px!important;
        gap:10px!important;
    }
    .tt-header.is-modern-header.is-medyahost-header .logo-img,
    .tt-header.is-modern-header.is-medyahost-header .navbar-brand img,
    .tt-header.is-modern-header.is-medyahost-header .tt-logo img{
        max-height:46px!important;
        max-width:190px!important;
    }
}
@media(max-width:480px){
    .tt-header.is-modern-header.is-medyahost-header .medya-topbar{
        display:none!important;
    }
}



/* ==================================================
   INFOSOFT CLEAN HEADER + HERO REFERENCE STYLE
================================================== */

.infosoft-clean-header {
    background: #fff !important;
    position: relative;
    z-index: 9999;
    border: 0 !important;
    box-shadow: none !important;
}

.infosoft-clean-container {
    width: 100%;
    max-width: 1390px;
    margin: 0 auto;
    padding: 0 28px;
}

/* üst logo + bilgi alanı */
.infosoft-clean-top {
    height: 72px;
    background: #ffffff;
    border-bottom: 1px solid #edf1f7;
}

.infosoft-clean-top-inner {
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.infosoft-clean-logo {
    display: inline-flex !important;
    align-items: center;
    text-decoration: none !important;
}

.infosoft-clean-logo img {
    max-height: 54px !important;
    width: auto !important;
}

.infosoft-clean-top-links {
    display: flex;
    align-items: center;
    gap: 32px;
    white-space: nowrap;
}

.infosoft-clean-top-links a {
    color: #5d6b82 !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    transition: .22s ease;
}

.infosoft-clean-top-links a:hover {
    color: #0d5df1 !important;
}

.infosoft-clean-top-links i {
    color: #7587a3;
    font-size: 15px;
}

/* alt menü */
.infosoft-clean-navrow {
    height: 64px;
    background: #fff;
    border-bottom: 1px solid #edf1f7;
    box-shadow: 0 10px 28px rgba(13, 43, 69, .045);
}

.infosoft-clean-nav-inner {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.infosoft-clean-menu {
    display: flex;
    align-items: center;
    gap: 46px;
    white-space: nowrap;
}

.infosoft-clean-menu a {
    color: #101a2f !important;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 64px;
    line-height: 64px;
    position: relative;
    transition: .22s ease;
}

.infosoft-clean-menu a:hover {
    color: #0d5df1 !important;
}

.infosoft-clean-menu a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background: #0d5df1;
    border-radius: 3px 3px 0 0;
    transition: .22s ease;
}

.infosoft-clean-menu a:hover:after {
    width: 100%;
}

.infosoft-clean-menu i {
    color: #101a2f;
    font-size: 12px;
}

/* sağ butonlar */
.infosoft-clean-actions {
    display: flex;
    align-items: center;
    gap: 16px;
}

.infosoft-clean-login,
.infosoft-clean-register {
    height: 48px;
    padding: 0 24px;
    border-radius: 8px;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: .22s ease;
    white-space: nowrap;
}

.infosoft-clean-login {
    color: #0d5df1 !important;
    background: #fff;
    border: 1px solid rgba(13, 93, 241, .38);
}

.infosoft-clean-login:hover {
    background: rgba(13, 93, 241, .06);
    color: #0d5df1 !important;
}

.infosoft-clean-register {
    color: #fff !important;
    background: linear-gradient(135deg, #0d5df1, #0345b8);
    box-shadow: 0 12px 24px rgba(13, 93, 241, .20);
}

.infosoft-clean-register:hover {
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(13, 93, 241, .25);
}

.infosoft-clean-cart {
    width: 52px;
    height: 48px;
    border-radius: 10px;
    background: #f7faff;
    color: #0d5df1 !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 20px;
    border: 1px solid #e8eef8;
    transition: .22s ease;
}

.infosoft-clean-cart:hover {
    background: #eef5ff;
}

.infosoft-clean-cart span {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 20px;
    height: 20px;
    background: #ff334b;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Eski header kalıntıları karışmasın */
.infosoft-clean-header .navbar,
.infosoft-clean-header .navbar-collapse,
.infosoft-clean-header .navbar-nav,
.infosoft-clean-header .main-menu {
    all: unset;
}

/* Homepage hero daha görsele yakın otursun */
.hero-section,
.tt-hero-section,
.kolan-hero,
.home-hero,
.main-hero {
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
}

.hero-section h1,
.tt-hero-section h1,
.kolan-hero h1,
.home-hero h1,
.main-hero h1 {
    color: #081225 !important;
    font-weight: 900 !important;
    letter-spacing: -1.5px;
}

.hero-section h1 span,
.tt-hero-section h1 span,
.kolan-hero h1 span,
.home-hero h1 span,
.main-hero h1 span {
    color: #0d5df1 !important;
}

@media (max-width: 1200px) {
    .infosoft-clean-menu {
        gap: 26px;
    }

    .infosoft-clean-top-links {
        gap: 18px;
    }

    .infosoft-clean-login,
    .infosoft-clean-register {
        padding: 0 18px;
    }
}

@media (max-width: 991px) {
    .infosoft-clean-top {
        height: auto;
    }

    .infosoft-clean-top-inner {
        height: auto;
        padding-top: 14px;
        padding-bottom: 14px;
        flex-wrap: wrap;
        gap: 14px;
    }

    .infosoft-clean-top-links {
        width: 100%;
        overflow-x: auto;
        gap: 18px;
    }

    .infosoft-clean-navrow {
        height: auto;
    }

    .infosoft-clean-nav-inner {
        height: auto;
        min-height: 70px;
        flex-wrap: wrap;
        padding-top: 12px;
        padding-bottom: 12px;
        gap: 12px;
    }

    .infosoft-clean-menu {
        order: 2;
        width: 100%;
        overflow-x: auto;
        gap: 22px;
    }

    .infosoft-clean-menu a {
        height: 42px;
        line-height: 42px;
    }

    .infosoft-clean-actions {
        margin-left: auto;
    }
}

/* Infosoft modern contact page */
.infosoft-contact-page {
    padding: 25px 0 70px;
}

.infosoft-contact-hero {
    position: relative;
    overflow: hidden;
    padding: 55px 60px;
    margin-bottom: 35px;
    border-radius: 34px;
    background: radial-gradient(circle at top right, rgba(13, 93, 241, .18), transparent 34%), linear-gradient(135deg, #f7fbff 0%, #eef5ff 100%);
    border: 1px solid rgba(13, 93, 241, .10);
}

.infosoft-contact-hero:before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    left: -90px;
    bottom: -110px;
    border-radius: 50%;
    background: rgba(13, 93, 241, .08);
}

.infosoft-contact-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: #ffffff;
    color: #0d5df1;
    font-weight: 800;
    font-size: 13px;
    box-shadow: 0 12px 28px rgba(10, 40, 90, .08);
}

.infosoft-contact-hero h1 {
    max-width: 720px;
    margin-bottom: 18px;
    color: #081225;
    font-size: 44px;
    line-height: 1.12;
    font-weight: 900;
    letter-spacing: -1.4px;
}

.infosoft-contact-hero p {
    max-width: 640px;
    margin-bottom: 26px;
    color: #5f6f89;
    font-size: 17px;
    line-height: 1.75;
}

.infosoft-contact-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.infosoft-contact-actions .btn,
.infosoft-contact-submit {
    border-radius: 14px;
    font-weight: 800;
    padding: 13px 22px;
}

.infosoft-contact-actions .btn i,
.infosoft-contact-submit i {
    margin-right: 8px;
}

.infosoft-contact-hero-img {
    max-height: 310px;
    filter: drop-shadow(0 28px 34px rgba(13, 93, 241, .16));
}

.infosoft-contact-grid {
    row-gap: 24px;
}

.infosoft-contact-card,
.infosoft-contact-mini-card {
    border: 1px solid rgba(17, 34, 64, .08);
    border-radius: 28px;
    background: #ffffff;
    box-shadow: 0 22px 55px rgba(10, 40, 90, .08);
}

.infosoft-contact-form-card {
    padding: 34px;
}

.infosoft-contact-card-title {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 26px;
}

.infosoft-contact-card-title span,
.infosoft-contact-icon {
    width: 52px;
    min-width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    color: #ffffff;
    background: linear-gradient(135deg, #0d5df1, #00a3ff);
    box-shadow: 0 14px 28px rgba(13, 93, 241, .24);
}

.infosoft-contact-card-title h2 {
    margin: 0 0 5px;
    color: #081225;
    font-size: 26px;
    font-weight: 900;
}

.infosoft-contact-card-title p {
    margin: 0;
    color: #6b7890;
}

.infosoft-contact-form label {
    margin-bottom: 8px;
    color: #1b2b45;
    font-weight: 800;
    font-size: 14px;
}

.infosoft-input-wrap {
    position: relative;
}

.infosoft-input-wrap i {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #0d5df1;
    z-index: 2;
}

.infosoft-textarea-wrap i {
    top: 22px;
    transform: none;
}

.infosoft-contact-form .form-control {
    min-height: 52px;
    padding-left: 45px;
    border-radius: 16px;
    border: 1px solid #dfe7f3;
    background: #f8fbff;
    color: #0f1f35;
    box-shadow: none;
    transition: all .2s ease;
}

.infosoft-contact-form textarea.form-control {
    padding-top: 15px;
    resize: vertical;
}

.infosoft-contact-form .form-control:focus {
    border-color: rgba(13, 93, 241, .55);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(13, 93, 241, .10);
}

.infosoft-contact-submit {
    min-width: 190px;
    margin-top: 6px;
}

.infosoft-contact-side {
    display: grid;
    gap: 18px;
}

.infosoft-contact-mini-card {
    padding: 26px;
    transition: transform .2s ease, box-shadow .2s ease;
}

.infosoft-contact-mini-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 28px 65px rgba(10, 40, 90, .12);
}

.infosoft-contact-mini-card h3 {
    margin: 16px 0 8px;
    color: #081225;
    font-size: 19px;
    font-weight: 900;
}

.infosoft-contact-mini-card p {
    margin-bottom: 14px;
    color: #6b7890;
    line-height: 1.65;
}

.infosoft-contact-mini-card a {
    color: #0d5df1;
    font-weight: 900;
}

.infosoft-contact-mini-card a i {
    margin-left: 6px;
    font-size: 12px;
}

.infosoft-contact-highlight {
    background: linear-gradient(135deg, #081225, #102b5c);
    border-color: transparent;
}

.infosoft-contact-highlight h3,
.infosoft-contact-highlight p,
.infosoft-contact-highlight a {
    color: #ffffff;
}

.infosoft-contact-highlight p {
    opacity: .78;
}

@media (max-width: 991px) {
    .infosoft-contact-hero {
        padding: 38px 28px;
        border-radius: 26px;
    }

    .infosoft-contact-hero h1 {
        font-size: 34px;
    }

    .infosoft-contact-form-card {
        padding: 26px;
    }
}

@media (max-width: 575px) {
    .infosoft-contact-page {
        padding-top: 10px;
    }

    .infosoft-contact-hero {
        padding: 30px 20px;
    }

    .infosoft-contact-hero h1 {
        font-size: 29px;
        letter-spacing: -.7px;
    }

    .infosoft-contact-actions .btn,
    .infosoft-contact-submit {
        width: 100%;
    }

    .infosoft-contact-card-title {
        display: block;
    }

    .infosoft-contact-card-title span {
        margin-bottom: 14px;
    }
}
/* =========================================================
   CONTACT HERO PREMIUM UI
   custom.css EN ALTINA EKLE
========================================================= */

.isf-contact-hero{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 82% 20%, rgba(7,87,255,.10), transparent 28%),
        radial-gradient(circle at 20% 90%, rgba(7,87,255,.06), transparent 22%),
        linear-gradient(135deg,#ffffff 0%,#f4f8ff 100%);
    border:1px solid #e4ecf7;
    border-radius:30px;
    padding:55px 60px;
    box-shadow:
        0 30px 70px rgba(15,23,42,.06),
        inset 0 1px 0 rgba(255,255,255,.8);
}

/* arka plan blur */
.isf-contact-hero:before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(7,87,255,.05);
    top:-140px;
    right:-100px;
    filter:blur(20px);
}

/* nokta desen */
.isf-contact-hero:after{
    content:"";
    position:absolute;
    top:90px;
    right:46%;
    width:110px;
    height:110px;
    background-image:radial-gradient(#b7caf1 1.8px,transparent 1.8px);
    background-size:15px 15px;
    opacity:.55;
}

/* badge */
.isf-contact-hero-text span{
    position:relative;
    z-index:2;
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff;
    color:#0757ff;
    padding:12px 18px;
    border-radius:999px;
    font-size:14px;
    font-weight:900;
    border:1px solid #edf2fb;
    box-shadow:0 14px 28px rgba(15,23,42,.05);
}

/* title */
.isf-contact-hero h1{
    position:relative;
    z-index:2;
    font-size:58px;
    line-height:1.05;
    font-weight:950;
    letter-spacing:-2px;
    color:#07142f;
    margin:28px 0 24px;
}

.isf-contact-hero h1 b{
    color:#0757ff;
    position:relative;
}

/* açıklama */
.isf-contact-hero p{
    position:relative;
    z-index:2;
    max-width:560px;
    color:#52627a;
    font-size:18px;
    line-height:1.85;
    margin-bottom:30px;
}

/* butonlar */
.isf-contact-actions{
    position:relative;
    z-index:2;
    display:flex;
    gap:16px;
    flex-wrap:wrap;
}

.isf-btn-primary,
.isf-btn-light{
    min-width:220px;
    height:58px;
    border-radius:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    font-size:16px;
    font-weight:900;
    text-decoration:none!important;
    transition:.28s;
}

.isf-btn-primary{
    background:linear-gradient(135deg,#0757ff,#0046cf);
    color:#fff!important;
    box-shadow:0 18px 35px rgba(7,87,255,.24);
}

.isf-btn-primary:hover{
    transform:translateY(-3px);
    box-shadow:0 24px 45px rgba(7,87,255,.30);
}

.isf-btn-light{
    background:#fff;
    color:#0757ff!important;
    border:1px solid #dfe8f7;
    box-shadow:0 10px 22px rgba(15,23,42,.05);
}

.isf-btn-light:hover{
    background:#f7faff;
    transform:translateY(-3px);
}

/* alt küçük kartlar */
.isf-contact-mini-features{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    margin-top:34px;
}

.isf-contact-mini-box{
    height:84px;
    background:rgba(255,255,255,.78);
    backdrop-filter:blur(8px);
    border:1px solid #e6edf8;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:0 18px;
    box-shadow:0 12px 28px rgba(15,23,42,.05);
}

.isf-contact-mini-box i{
    width:42px;
    height:42px;
    border-radius:12px;
    background:#edf4ff;
    color:#0757ff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    flex:0 0 42px;
}

.isf-contact-mini-box strong{
    display:block;
    color:#0f172a;
    font-size:15px;
    font-weight:900;
    line-height:1.2;
}

.isf-contact-mini-box span{
    display:block;
    color:#64748b;
    font-size:13px;
    margin-top:4px;
}

/* görsel */
.isf-contact-hero-img{
    position:relative;
    z-index:2;
    text-align:center;
}

.isf-contact-hero-img img{
    max-width:500px;
    width:100%;
    filter:drop-shadow(0 35px 50px rgba(15,23,42,.12));
}

/* floating icon */
.isf-floating-icon{
    position:absolute;
    width:70px;
    height:70px;
    border-radius:20px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#0757ff;
    font-size:28px;
    box-shadow:0 20px 35px rgba(15,23,42,.08);
}

.isf-floating-icon.phone{
    right:70px;
    top:70px;
}

.isf-floating-icon.mail{
    right:160px;
    top:20px;
}

/* responsive */
@media(max-width:991px){

    .isf-contact-hero{
        grid-template-columns:1fr!important;
        padding:40px 28px;
    }

    .isf-contact-hero h1{
        font-size:42px;
    }

    .isf-contact-mini-features{
        grid-template-columns:1fr;
    }

    .isf-contact-hero-img{
        margin-top:25px;
    }

    .isf-floating-icon{
        display:none;
    }
}

@media(max-width:575px){

    .isf-contact-hero{
        padding:30px 22px;
        border-radius:24px;
    }

    .isf-contact-hero h1{
        font-size:34px;
        line-height:1.12;
    }

    .isf-contact-hero p{
        font-size:15px;
    }

    .isf-btn-primary,
    .isf-btn-light{
        width:100%;
        min-width:100%;
    }
}.isf-contact-page {
    padding: 35px 0 70px;
    background: #f8fbff;
}

.isf-contact-page * {
    box-sizing: border-box;
}

.isf-contact-hero,
.isf-contact-grid,
.isf-map-card {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.isf-contact-hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: center;
    background: linear-gradient(135deg, #ffffff 0%, #f1f7ff 100%);
    border: 1px solid #e3ecfb;
    border-radius: 26px;
    padding: 44px 46px;
    box-shadow: 0 22px 60px rgba(15, 23, 42, .06);
    margin-bottom: 26px;
}

.isf-contact-hero-text span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    color: #0757ff;
    font-weight: 800;
    padding: 10px 15px;
    border-radius: 999px;
    box-shadow: 0 10px 25px rgba(15, 23, 42, .06);
    margin-bottom: 22px;
}

.isf-contact-hero h1 {
    color: #07142f;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 900;
    margin: 0 0 18px;
}

.isf-contact-hero h1 b {
    color: #0757ff;
}

.isf-contact-hero p {
    color: #52627a;
    font-size: 16px;
    line-height: 1.75;
    max-width: 520px;
    margin-bottom: 24px;
}

.isf-contact-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.isf-btn-primary,
.isf-btn-light {
    height: 48px;
    padding: 0 22px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 800;
    text-decoration: none !important;
}

.isf-btn-primary {
    color: #fff !important;
    background: linear-gradient(135deg, #0757ff, #0046cf);
    box-shadow: 0 14px 28px rgba(7, 87, 255, .22);
}

.isf-btn-light {
    color: #0757ff !important;
    background: #fff;
    border: 1px solid #dce8fb;
}

.isf-contact-hero-img {
    text-align: center;
}

.isf-contact-hero-img img {
    max-width: 430px;
    width: 100%;
}

.isf-contact-grid {
    display: grid;
    grid-template-columns: 1.55fr .95fr;
    gap: 24px;
    margin-bottom: 24px;
}

.isf-contact-form-card,
.isf-info-card,
.isf-map-card {
    background: #fff;
    border: 1px solid #e4ecf7;
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(15, 23, 42, .06);
}

.isf-contact-form-card {
    padding: 28px;
}

.isf-card-title {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 22px;
    margin-bottom: 22px;
    border-bottom: 1px solid #edf2f8;
}

.isf-icon-blue,
.isf-icon-soft,
.isf-icon-whatsapp {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 54px;
    font-size: 21px;
}

.isf-icon-blue {
    background: linear-gradient(135deg, #0757ff, #0046cf);
    color: #fff;
}

.isf-icon-soft {
    background: #eaf2ff;
    color: #0757ff;
}

.isf-icon-whatsapp {
    background: #eafff0;
    color: #20c15a;
}

.isf-card-title h2,
.isf-info-card h3,
.isf-map-card h3 {
    margin: 0 0 6px;
    color: #0f1b34;
    font-weight: 900;
}

.isf-card-title p,
.isf-info-card p {
    margin: 0;
    color: #66758c;
    line-height: 1.6;
}

.isf-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.isf-form-group {
    margin-bottom: 18px;
}

.isf-form-group label {
    display: block;
    color: #111827;
    font-weight: 800;
    margin-bottom: 8px;
    font-size: 14px;
}

.isf-input-wrap,
.isf-textarea-wrap {
    position: relative;
}

.isf-input-wrap i,
.isf-textarea-wrap i {
    position: absolute;
    left: 16px;
    top: 16px;
    color: #7183a0;
}

.isf-input-wrap input,
.isf-textarea-wrap textarea {
    width: 100%;
    border: 1px solid #dce6f3;
    background: #fbfdff;
    border-radius: 12px;
    outline: none;
    color: #0f172a;
    font-size: 14px;
}

.isf-input-wrap input {
    height: 52px;
    padding: 0 16px 0 44px;
}

.isf-textarea-wrap textarea {
    min-height: 150px;
    padding: 16px 16px 16px 44px;
    resize: vertical;
}

.isf-input-wrap input:focus,
.isf-textarea-wrap textarea:focus {
    border-color: #0757ff;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(7, 87, 255, .08);
}

.isf-submit-btn {
    width: 100%;
    max-width: 310px;
    height: 52px;
    border: 0;
    border-radius: 999px;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(135deg, #0757ff, #0046cf);
    box-shadow: 0 14px 28px rgba(7, 87, 255, .20);
    cursor: pointer;
}

.isf-secure-note {
    margin-top: 18px;
    color: #64748b;
    font-size: 14px;
}

.isf-secure-note i {
    color: #0757ff;
    margin-right: 6px;
}

.isf-contact-side {
    display: grid;
    gap: 14px;
}

.isf-info-card {
    display: flex;
    gap: 18px;
    padding: 24px;
}

.isf-info-card a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0757ff;
    font-weight: 900;
    margin-top: 12px;
    text-decoration: none !important;
}

.isf-info-card strong {
    display: block;
    color: #18a84f;
    font-size: 17px;
    font-weight: 900;
    margin-top: 8px;
}

.isf-map-card {
    display: grid;
    grid-template-columns: 310px 1fr;
    gap: 24px;
    padding: 24px;
}

.isf-detail-item {
    display: flex;
    gap: 14px;
    margin-top: 22px;
}

.isf-detail-item i {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #0757ff;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
}

.isf-detail-item.whatsapp i {
    background: #20c15a;
}

.isf-detail-item b,
.isf-detail-item span,
.isf-detail-item small,
.isf-detail-item a {
    display: block;
}

.isf-detail-item b {
    color: #0f172a;
    font-weight: 900;
}

.isf-detail-item span {
    color: #1f2a44;
    font-weight: 700;
}

.isf-detail-item small {
    color: #64748b;
}

.isf-detail-item a {
    color: #0757ff;
    font-weight: 900;
    text-decoration: none !important;
    margin-top: 5px;
}

.isf-map iframe {
    width: 100%;
    height: 310px;
    border: 0;
    border-radius: 18px;
}

@media (max-width: 991px) {
    .isf-contact-hero,
    .isf-contact-grid,
    .isf-map-card {
        grid-template-columns: 1fr;
    }

    .isf-contact-hero {
        padding: 32px;
    }

    .isf-contact-hero h1 {
        font-size: 34px;
    }

    .isf-map-card {
        padding: 20px;
    }
}

@media (max-width: 575px) {
    .isf-contact-page {
        padding: 20px 12px 50px;
    }

    .isf-contact-hero {
        padding: 24px;
    }

    .isf-form-row {
        grid-template-columns: 1fr;
    }

    .isf-info-card {
        flex-direction: column;
    }

    .isf-submit-btn {
        max-width: 100%;
    }
}
/* =========================================================
   CONTACT HERO PREMIUM UI
   custom.css EN ALTINA EKLE
========================================================= */

.isf-contact-hero{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 82% 20%, rgba(7,87,255,.10), transparent 28%),
        radial-gradient(circle at 20% 90%, rgba(7,87,255,.06), transparent 22%),
        linear-gradient(135deg,#ffffff 0%,#f4f8ff 100%);
    border:1px solid #e4ecf7;
    border-radius:30px;
    padding:55px 60px;
    box-shadow:
        0 30px 70px rgba(15,23,42,.06),
        inset 0 1px 0 rgba(255,255,255,.8);
}

/* arka plan blur */
.isf-contact-hero:before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(7,87,255,.05);
    top:-140px;
    right:-100px;
    filter:blur(20px);
}

/* nokta desen */
.isf-contact-hero:after{
    content:"";
    position:absolute;
    top:90px;
    right:46%;
    width:110px;
    height:110px;
    background-image:radial-gradient(#b7caf1 1.8px,transparent 1.8px);
    background-size:15px 15px;
    opacity:.55;
}

/* badge */
.isf-contact-hero-text span{
    position:relative;
    z-index:2;
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff;
    color:#0757ff;
    padding:12px 18px;
    border-radius:999px;
    font-size:14px;
    font-weight:900;
    border:1px solid #edf2fb;
    box-shadow:0 14px 28px rgba(15,23,42,.05);
}

/* title */
.isf-contact-hero h1{
    position:relative;
    z-index:2;
    font-size:58px;
    line-height:1.05;
    font-weight:950;
    letter-spacing:-2px;
    color:#07142f;
    margin:28px 0 24px;
}

.isf-contact-hero h1 b{
    color:#0757ff;
    position:relative;
}

/* açıklama */
.isf-contact-hero p{
    position:relative;
    z-index:2;
    max-width:560px;
    color:#52627a;
    font-size:18px;
    line-height:1.85;
    margin-bottom:30px;
}

/* butonlar */
.isf-contact-actions{
    position:relative;
    z-index:2;
    display:flex;
    gap:16px;
    flex-wrap:wrap;
}

.isf-btn-primary,
.isf-btn-light{
    min-width:220px;
    height:58px;
    border-radius:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    font-size:16px;
    font-weight:900;
    text-decoration:none!important;
    transition:.28s;
}

.isf-btn-primary{
    background:linear-gradient(135deg,#0757ff,#0046cf);
    color:#fff!important;
    box-shadow:0 18px 35px rgba(7,87,255,.24);
}

.isf-btn-primary:hover{
    transform:translateY(-3px);
    box-shadow:0 24px 45px rgba(7,87,255,.30);
}

.isf-btn-light{
    background:#fff;
    color:#0757ff!important;
    border:1px solid #dfe8f7;
    box-shadow:0 10px 22px rgba(15,23,42,.05);
}

.isf-btn-light:hover{
    background:#f7faff;
    transform:translateY(-3px);
}

/* alt küçük kartlar */
.isf-contact-mini-features{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    margin-top:34px;
}

.isf-contact-mini-box{
    height:84px;
    background:rgba(255,255,255,.78);
    backdrop-filter:blur(8px);
    border:1px solid #e6edf8;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:0 18px;
    box-shadow:0 12px 28px rgba(15,23,42,.05);
}

.isf-contact-mini-box i{
    width:42px;
    height:42px;
    border-radius:12px;
    background:#edf4ff;
    color:#0757ff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    flex:0 0 42px;
}

.isf-contact-mini-box strong{
    display:block;
    color:#0f172a;
    font-size:15px;
    font-weight:900;
    line-height:1.2;
}

.isf-contact-mini-box span{
    display:block;
    color:#64748b;
    font-size:13px;
    margin-top:4px;
}

/* görsel */
.isf-contact-hero-img{
    position:relative;
    z-index:2;
    text-align:center;
}

.isf-contact-hero-img img{
    max-width:500px;
    width:100%;
    filter:drop-shadow(0 35px 50px rgba(15,23,42,.12));
}

/* floating icon */
.isf-floating-icon{
    position:absolute;
    width:70px;
    height:70px;
    border-radius:20px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#0757ff;
    font-size:28px;
    box-shadow:0 20px 35px rgba(15,23,42,.08);
}

.isf-floating-icon.phone{
    right:70px;
    top:70px;
}

.isf-floating-icon.mail{
    right:160px;
    top:20px;
}

/* responsive */
@media(max-width:991px){

    .isf-contact-hero{
        grid-template-columns:1fr!important;
        padding:40px 28px;
    }

    .isf-contact-hero h1{
        font-size:42px;
    }

    .isf-contact-mini-features{
        grid-template-columns:1fr;
    }

    .isf-contact-hero-img{
        margin-top:25px;
    }

    .isf-floating-icon{
        display:none;
    }
}

@media(max-width:575px){

    .isf-contact-hero{
        padding:30px 22px;
        border-radius:24px;
    }

    .isf-contact-hero h1{
        font-size:34px;
        line-height:1.12;
    }

    .isf-contact-hero p{
        font-size:15px;
    }

    .isf-btn-primary,
    .isf-btn-light{
        width:100%;
        min-width:100%;
    }
}
/* ÜST BAŞLIK KALDIR */

.main-page-header,
.page-header,
.tt-page-header,
.bg-gradient > .ptb-60 {
    display:none !important;
}
/* CONTACT KARTLARI MODERN UI */

.isf-contact-form-card,
.isf-info-card,
.isf-map-card {
    border: 1px solid rgba(7,87,255,.10) !important;
    background: rgba(255,255,255,.88) !important;
    backdrop-filter: blur(14px);
    box-shadow: 0 22px 60px rgba(15,23,42,.07) !important;
    transition: .28s ease;
}

.isf-contact-form-card:hover,
.isf-info-card:hover,
.isf-map-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 30px 80px rgba(15,23,42,.10) !important;
    border-color: rgba(7,87,255,.22) !important;
}

.isf-info-card {
    position: relative;
    overflow: hidden;
    border-radius: 24px !important;
}

.isf-info-card:before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, rgba(7,87,255,.10), transparent 35%);
    opacity: 0;
    transition: .28s ease;
}

.isf-info-card:hover:before {
    opacity: 1;
}

.isf-info-card > * {
    position: relative;
    z-index: 2;
}

.isf-info-card h3 {
    font-size: 20px;
    letter-spacing: -.3px;
}

.isf-info-card p {
    font-size: 14px;
    color: #64748b;
}

.isf-info-card a {
    padding: 9px 13px;
    border-radius: 999px;
    background: #eef5ff;
    width: fit-content;
    transition: .25s ease;
}

.isf-info-card a:hover {
    background: #0757ff;
    color: #fff !important;
}

.isf-icon-soft,
.isf-icon-whatsapp,
.isf-icon-blue {
    box-shadow: 0 12px 26px rgba(7,87,255,.16);
    transition: .25s ease;
}

.isf-info-card:hover .isf-icon-soft,
.isf-info-card:hover .isf-icon-whatsapp {
    transform: scale(1.08) rotate(-4deg);
}

.isf-contact-form-card {
    border-radius: 28px !important;
}

.isf-input-wrap input,
.isf-textarea-wrap textarea {
    background: #ffffff !important;
    border: 1px solid #dde8f6 !important;
    transition: .22s ease;
}

.isf-input-wrap input:hover,
.isf-textarea-wrap textarea:hover {
    border-color: #b8cdf0 !important;
}

.isf-submit-btn {
    transition: .25s ease;
}

.isf-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 40px rgba(7,87,255,.28);
}


/* =========================================================
   INFOTESCIL FINAL FIX - REGISTER ICON / INPUT / CARD PATCH
   Bu blok en altta kalmalı.
========================================================= */

/* Register sayfasında FontAwesome ikonlarının kutu gibi / bozuk görünmesini engeller */
.tt-registration-form i,
#registration i,
.tt-registration-form .fas,
#registration .fas,
.tt-registration-form .fa,
#registration .fa {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    font-style: normal !important;
    text-rendering: auto !important;
}

/* WHMCS prepend icon yapısını düzeltir */
.tt-registration-form .prepend-icon,
#registration .prepend-icon {
    position: relative !important;
}

.tt-registration-form .prepend-icon .field-icon,
#registration .prepend-icon .field-icon {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    z-index: 5 !important;
    border-radius: 14px 0 0 14px !important;
    background: #eef5ff !important;
    color: #0757ff !important;
    border: 1px solid #dce6f3 !important;
    border-right: 0 !important;
    font-size: 16px !important;
    pointer-events: none !important;
}

.tt-registration-form .prepend-icon .field,
.tt-registration-form .prepend-icon input,
.tt-registration-form .prepend-icon select,
#registration .prepend-icon .field,
#registration .prepend-icon input,
#registration .prepend-icon select {
    padding-left: 68px !important;
}

/* Input group ikon hizası */
.tt-registration-form .input-group-text,
#registration .input-group-text {
    width: 54px !important;
    min-width: 54px !important;
    height: 54px !important;
    border-radius: 14px 0 0 14px !important;
    background: #eef5ff !important;
    color: #0757ff !important;
    border: 1px solid #dce6f3 !important;
    border-right: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.tt-registration-form .input-group .form-control,
#registration .input-group .form-control {
    border-radius: 0 14px 14px 0 !important;
}

/* Telefon alanı hizalama */
.tt-registration-form .intl-tel-input,
.tt-registration-form .iti,
#registration .intl-tel-input,
#registration .iti {
    width: 100% !important;
}

.tt-registration-form .intl-tel-input input,
.tt-registration-form .iti input,
#registration .intl-tel-input input,
#registration .iti input {
    height: 54px !important;
    border-radius: 14px !important;
}

/* Register kartlarını daha temiz hale getirir */
.tt-registration-form,
#registration {
    max-width: 1080px !important;
    margin: 45px auto 75px !important;
}

.tt-registration-form .card,
.tt-registration-form .panel,
.tt-registration-form fieldset,
#registration .card,
#registration .panel,
#registration fieldset {
    border-radius: 26px !important;
    border: 1px solid #e3ecfb !important;
    background: #ffffff !important;
    box-shadow: 0 24px 65px rgba(15,23,42,.08) !important;
}

.tt-registration-form h3.h6,
#registration h3.h6 {
    min-height: 24px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #07142f !important;
    font-weight: 950 !important;
}

/* Eski nokta başlık kalsın ama daha şık görünsün */
.tt-registration-form h3.h6:before,
#registration h3.h6:before {
    content: "" !important;
    width: 11px !important;
    height: 11px !important;
    border-radius: 50% !important;
    background: #0757ff !important;
    box-shadow: 0 0 0 6px rgba(7,87,255,.10) !important;
    flex: 0 0 11px !important;
}

/* Placeholder ve focus polish */
.tt-registration-form input::placeholder,
.tt-registration-form textarea::placeholder,
#registration input::placeholder,
#registration textarea::placeholder {
    color: #94a3b8 !important;
}

.tt-registration-form .form-control:focus,
.tt-registration-form .field:focus,
#registration .form-control:focus,
#registration .field:focus {
    border-color: #0757ff !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(7,87,255,.09) !important;
}

/* Checkbox / radio hizalama */
.tt-registration-form input[type="checkbox"],
.tt-registration-form input[type="radio"],
#registration input[type="checkbox"],
#registration input[type="radio"] {
    width: auto !important;
    height: auto !important;
    min-height: auto !important;
    box-shadow: none !important;
}

/* Submit butonu */
.tt-registration-form button[type="submit"],
.tt-registration-form input[type="submit"],
#registration button[type="submit"],
#registration input[type="submit"] {
    min-width: 190px !important;
    height: 54px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg,#0757ff,#0046cf) !important;
    color: #fff !important;
    border: 0 !important;
    font-weight: 950 !important;
    box-shadow: 0 16px 34px rgba(7,87,255,.24) !important;
}

.tt-registration-form button[type="submit"]:hover,
.tt-registration-form input[type="submit"]:hover,
#registration button[type="submit"]:hover,
#registration input[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 22px 45px rgba(7,87,255,.30) !important;
}

/* Mobile */
@media (max-width: 767px) {
    .tt-registration-form,
    #registration {
        margin: 25px 12px 55px !important;
    }

    .tt-registration-form .card,
    .tt-registration-form .panel,
    .tt-registration-form fieldset,
    #registration .card,
    #registration .panel,
    #registration fieldset {
        border-radius: 22px !important;
        padding: 18px !important;
    }
}


/* =========================================================
   REGISTER ICON FINAL ALIGNMENT FIX
   En altta kalmalı.
========================================================= */

.tt-registration-form .form-group.prepend-icon,
#registration .form-group.prepend-icon {
    position: relative !important;
    margin-bottom: 18px !important;
}

.tt-registration-form .form-group.prepend-icon .field-icon,
#registration .form-group.prepend-icon .field-icon {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 56px !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 14px 0 0 14px !important;
    background: #eef5ff !important;
    border: 1px solid #dce6f3 !important;
    border-right: 0 !important;
    color: #0757ff !important;
    z-index: 10 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

.tt-registration-form .form-group.prepend-icon .field-icon i,
#registration .form-group.prepend-icon .field-icon i {
    width: 18px !important;
    height: 18px !important;
    font-size: 16px !important;
    line-height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0757ff !important;
    font-style: normal !important;
    text-align: center !important;
}

.tt-registration-form .form-group.prepend-icon input.field,
.tt-registration-form .form-group.prepend-icon select.field,
.tt-registration-form .form-group.prepend-icon textarea.field,
.tt-registration-form .form-group.prepend-icon .form-control,
#registration .form-group.prepend-icon input.field,
#registration .form-group.prepend-icon select.field,
#registration .form-group.prepend-icon textarea.field,
#registration .form-group.prepend-icon .form-control {
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    padding-left: 72px !important;
    padding-right: 16px !important;
    border-radius: 14px !important;
    border: 1px solid #dce6f3 !important;
    background: #fbfdff !important;
    color: #0f172a !important;
    box-shadow: none !important;
}

/* Telefon inputu intl-tel varsa bayrak + ikon çakışmasın */
.tt-registration-form .form-group.prepend-icon .intl-tel-input input,
.tt-registration-form .form-group.prepend-icon .iti input,
#registration .form-group.prepend-icon .intl-tel-input input,
#registration .form-group.prepend-icon .iti input {
    padding-left: 106px !important;
}

/* Telefon alanında tema ikonunu biraz geri plana al */
.tt-registration-form .form-group.prepend-icon:has(input[type="tel"]) .field-icon,
#registration .form-group.prepend-icon:has(input[type="tel"]) .field-icon {
    opacity: .92 !important;
}

/* Eski tema absolute ikon ayarlarını ez */
.tt-registration-form label.field-icon,
#registration label.field-icon {
    transform: none !important;
    float: none !important;
    text-align: center !important;
}

/* Input focus halinde ikon kutusu da canlı görünsün */
.tt-registration-form .form-group.prepend-icon:focus-within .field-icon,
#registration .form-group.prepend-icon:focus-within .field-icon {
    border-color: #0757ff !important;
    background: #eaf2ff !important;
    box-shadow: 0 0 0 4px rgba(7,87,255,.08) !important;
}

/* Select alanlarında ikon hizası */
.tt-registration-form .form-group.prepend-icon select,
#registration .form-group.prepend-icon select {
    appearance: auto !important;
}

/* Mobilde icon/input bozulmasın */
@media (max-width: 767px) {
    .tt-registration-form .form-group.prepend-icon .field-icon,
    #registration .form-group.prepend-icon .field-icon {
        width: 52px !important;
        height: 52px !important;
    }

    .tt-registration-form .form-group.prepend-icon input.field,
    .tt-registration-form .form-group.prepend-icon select.field,
    .tt-registration-form .form-group.prepend-icon .form-control,
    #registration .form-group.prepend-icon input.field,
    #registration .form-group.prepend-icon select.field,
    #registration .form-group.prepend-icon .form-control {
        height: 52px !important;
        min-height: 52px !important;
        padding-left: 66px !important;
    }
}
/* TELEFON INPUT FINAL FIX */

.tt-registration-form .intl-tel-input,
.tt-registration-form .iti,
#registration .intl-tel-input,
#registration .iti {
    width: 100% !important;
    position: relative !important;
}

.tt-registration-form .intl-tel-input .flag-container,
.tt-registration-form .iti__flag-container,
#registration .intl-tel-input .flag-container,
#registration .iti__flag-container {
    left: 0 !important;
    top: 0 !important;
    height: 54px !important;
    display: flex !important;
    align-items: center !important;
    background: #eef5ff !important;
    border-right: 1px solid #dce6f3 !important;
    border-radius: 14px 0 0 14px !important;
    padding-left: 14px !important;
    padding-right: 10px !important;
}

.tt-registration-form .intl-tel-input input,
.tt-registration-form .iti input,
#registration .intl-tel-input input,
#registration .iti input {
    padding-left: 95px !important;
}

/* telefon alanındaki ekstra iconu kaldır */
.tt-registration-form .form-group.prepend-icon:has(input[type="tel"]) .field-icon,
#registration .form-group.prepend-icon:has(input[type="tel"]) .field-icon {
    display: none !important;
}





/* IFX MOCKUP HERO FULL LAYOUT */
.isf-kolan-home{
    background:#f7f9fc !important;
    color:#10213f;
    overflow:hidden;
}

.ifx-mockup-hero{
    padding:40px 0 62px !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(37,99,235,.08), transparent 32%),
        radial-gradient(circle at 92% 8%, rgba(23,105,170,.08), transparent 34%),
        #f7f9fc !important;
}

.ifx-mockup-hero:before{
    display:none !important;
}

.ifx-mockup-hero .container{
    position:relative;
    z-index:2;
    max-width:1500px;
}

.ifx-home-layout{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 420px;
    gap:32px;
    align-items:start;
}

.ifx-left-column,
.ifx-right-column{
    min-width:0;
}

.ifx-right-column{
    display:flex;
    flex-direction:column;
    gap:24px;
}

.ifx-hero-slider{
    position:relative;
    min-height:368px;
    border-radius:26px;
    overflow:hidden;
    background:
        radial-gradient(circle at 80% 75%, rgba(37,99,235,.50), transparent 25%),
        linear-gradient(125deg, #061735 0%, #0b245b 52%, #0755c7 100%);
    box-shadow:0 26px 70px rgba(16,33,63,.16);
}

.ifx-hero-slider:before{
    content:"";
    position:absolute;
    right:76px;
    top:55px;
    width:310px;
    height:270px;
    border-radius:24px;
    background:
        linear-gradient(90deg, rgba(255,255,255,.10) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.10) 1px, transparent 1px),
        linear-gradient(145deg, rgba(37,99,235,.88), rgba(14,47,119,.78));
    background-size:42px 42px,42px 42px,100% 100%;
    opacity:.75;
    box-shadow:0 0 55px rgba(59,130,246,.36);
}

.ifx-hero-slider:after{
    content:"";
    position:absolute;
    right:-60px;
    bottom:-80px;
    width:300px;
    height:300px;
    border-radius:999px;
    background:rgba(37,99,235,.36);
}

.ifx-slide{
    position:absolute;
    z-index:2;
    left:74px;
    right:74px;
    top:50%;
    transform:translateY(-50%);
    opacity:0;
    visibility:hidden;
    transition:opacity .4s ease, visibility .4s ease;
    max-width:600px;
}

.ifx-slide.active{
    opacity:1;
    visibility:visible;
}

.ifx-slide-badge{
    display:inline-flex;
    align-items:center;
    padding:11px 19px;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    color:#fff;
    font-size:14px;
    font-weight:900;
    margin-bottom:24px;
}

.ifx-slide h1{
    margin:0 0 18px;
    color:#fff;
    font-size:54px;
    line-height:1.04;
    letter-spacing:-1.9px;
    font-weight:900;
}

.ifx-slide h1 span{
    color:#4b8cff;
}

.ifx-slide p{
    max-width:560px;
    margin:0;
    color:rgba(255,255,255,.88);
    font-size:19px;
    line-height:1.6;
}

.ifx-slider-arrow{
    position:absolute;
    top:50%;
    z-index:5;
    transform:translateY(-50%);
    width:50px;
    height:50px;
    border:0;
    border-radius:999px;
    background:rgba(5,15,45,.54);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    cursor:pointer;
    transition:.22s ease;
}

.ifx-slider-arrow:hover{
    background:#1769aa;
}

.ifx-slider-prev{left:18px;}
.ifx-slider-next{right:18px;}

.ifx-slider-dots{
    position:absolute;
    z-index:5;
    left:74px;
    bottom:32px;
    display:flex;
    gap:11px;
}

.ifx-slider-dots button{
    width:12px;
    height:12px;
    border:0;
    padding:0;
    border-radius:999px;
    background:#fff;
    opacity:.92;
}

.ifx-slider-dots button.active{
    width:32px;
    background:#3b82f6;
}

.ifx-domain-search{
    display:grid;
    grid-template-columns:minmax(0,1fr) 132px 220px;
    gap:12px;
    align-items:center;
    min-height:86px;
    margin-top:26px;
    padding:10px;
    border:1px solid #dce7f3;
    border-radius:22px;
    background:rgba(255,255,255,.95);
    box-shadow:0 24px 58px rgba(16,33,63,.09);
}

.ifx-domain-input{
    display:flex;
    align-items:center;
    gap:15px;
    padding:0 20px;
    color:#1769aa;
}

.ifx-domain-input input{
    width:100%;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#10213f;
    font-size:16px;
}

.ifx-domain-search select{
    height:58px;
    border:1px solid #dce7f3;
    border-radius:15px;
    background:#fff;
    color:#10213f;
    padding:0 18px;
    font-size:15px;
    font-weight:800;
}

.ifx-domain-search button{
    height:58px;
    border:0;
    border-radius:15px;
    background:linear-gradient(135deg,#1769aa,#1f8fff);
    color:#fff;
    font-size:16px;
    font-weight:900;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    box-shadow:0 18px 35px rgba(23,105,170,.22);
}

.ifx-domain-card,
.ifx-status-card,
.ifx-login-card{
    background:rgba(255,255,255,.96);
    border:1px solid #dce7f3;
    border-radius:26px;
    box-shadow:0 28px 76px rgba(16,33,63,.09);
    backdrop-filter:blur(10px);
}

.ifx-domain-card{
    margin-top:24px;
    padding:28px;
}

.ifx-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:26px;
}

.ifx-card-head a{
    color:#1769aa;
    font-size:14px;
    font-weight:800;
    text-decoration:none !important;
}

.ifx-card-title{
    display:flex;
    align-items:center;
    gap:13px;
}

.ifx-card-title i{
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:#1769aa;
    background:#eaf3ff;
}

.ifx-card-title h3{
    margin:0;
    color:#10213f;
    font-size:21px;
    font-weight:900;
}

.ifx-tld-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:16px;
}

.ifx-tld-item{
    min-height:90px;
    border:1px solid #dce7f3;
    border-radius:15px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:#fff;
}

.ifx-tld-item strong{
    color:#071735;
    font-size:20px;
    font-weight:900;
    line-height:1;
}

.ifx-tld-item span{
    display:block;
    margin-top:10px;
    color:#1769aa;
    font-size:20px;
    line-height:1;
    font-weight:900;
}

.ifx-divider{
    height:1px;
    background:#dce7f3;
    margin:26px 0;
}

.ifx-advantages-title{
    margin-bottom:20px;
}

.ifx-advantage-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}

.ifx-advantage-item{
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px;
    min-height:76px;
    border-radius:14px;
    background:#f8fbff;
    border:1px solid #edf3fa;
}

.ifx-adv-icon{
    width:48px;
    height:48px;
    min-width:48px;
    border-radius:13px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

.ifx-adv-icon.blue{
    background:#eaf3ff;
    color:#1769aa;
}

.ifx-adv-icon.green{
    background:#e9f9f0;
    color:#19a766;
}

.ifx-adv-icon.purple{
    background:#f1ecff;
    color:#6d28d9;
}

.ifx-advantage-item strong{
    display:block;
    color:#10213f;
    font-size:15px;
    font-weight:900;
    line-height:1.2;
}

.ifx-advantage-item em{
    display:block;
    margin-top:5px;
    color:#63758a;
    font-size:13px;
    font-style:normal;
}

.ifx-domain-actions{
    display:flex;
    gap:18px;
    margin-top:28px;
}

.ifx-primary-btn,
.ifx-outline-btn{
    min-height:58px;
    border-radius:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 28px;
    font-size:17px;
    font-weight:900;
    text-decoration:none !important;
}

.ifx-primary-btn{
    min-width:250px;
    background:linear-gradient(135deg,#1769aa,#1f8fff);
    color:#fff !important;
    box-shadow:0 20px 40px rgba(23,105,170,.22);
}

.ifx-outline-btn{
    min-width:260px;
    background:#fff;
    color:#1769aa !important;
    border:1px solid #1769aa;
}

.ifx-status-card{
    padding:28px;
}

.ifx-status-head{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:26px;
}

.ifx-status-dot{
    width:18px;
    height:18px;
    min-width:18px;
    margin-top:7px;
    border-radius:999px;
    background:#19c37d;
    box-shadow:0 0 0 10px rgba(25,195,125,.14);
}

.ifx-status-head h3,
.ifx-login-head h3{
    margin:0;
    color:#10213f;
    font-size:24px;
    line-height:1.2;
    font-weight:900;
}

.ifx-status-head p,
.ifx-login-head p{
    margin:5px 0 0;
    color:#63758a;
    font-size:15px;
    line-height:1.55;
}

.ifx-status-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-bottom:20px;
}

.ifx-status-grid div{
    min-height:96px;
    padding:21px;
    border-radius:17px;
    border:1px solid #dce7f3;
    background:#f8fbff;
}

.ifx-status-grid strong{
    display:block;
    color:#1769aa;
    font-size:25px;
    line-height:1;
    font-weight:900;
}

.ifx-status-grid span{
    display:block;
    margin-top:8px;
    color:#63758a;
    font-size:14px;
}

.ifx-location-card{
    display:flex;
    align-items:center;
    gap:16px;
    padding:22px;
    border-radius:17px;
    background:#10213f;
    color:#fff;
}

.ifx-location-card i{
    width:46px;
    height:46px;
    min-width:46px;
    border-radius:13px;
    background:rgba(255,255,255,.13);
    color:#93c5fd;
    display:flex;
    align-items:center;
    justify-content:center;
}

.ifx-location-card strong{
    display:block;
    color:#fff;
    font-size:16px;
    font-weight:900;
}

.ifx-location-card p{
    margin:5px 0 0;
    color:rgba(255,255,255,.78);
    font-size:14px;
}

.ifx-login-card{
    padding:28px;
}

.ifx-login-head{
    display:flex;
    gap:14px;
    align-items:flex-start;
    margin-bottom:24px;
}

.ifx-login-icon{
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:14px;
    background:#eaf3ff;
    color:#1769aa;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}

.ifx-login-group{
    margin-bottom:18px;
}

.ifx-login-group label{
    display:block;
    margin-bottom:8px;
    color:#10213f;
    font-size:14px;
    font-weight:900;
}

.ifx-login-input{
    height:58px;
    border:1px solid #dce7f3;
    border-radius:15px;
    display:flex;
    align-items:center;
    gap:13px;
    padding:0 17px;
    background:#fff;
}

.ifx-login-input i{
    color:#7b8da5;
}

.ifx-login-input input{
    width:100%;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    padding:0 !important;
    color:#10213f;
    font-size:15px;
}

.ifx-login-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:8px 0 24px;
}

.ifx-remember{
    display:flex;
    align-items:center;
    gap:9px;
    margin:0;
    color:#63758a;
    font-size:14px;
    font-weight:500;
}

.ifx-remember input{
    width:16px;
    height:16px;
}

.ifx-forgot{
    color:#1769aa;
    font-size:14px;
    font-weight:800;
    text-decoration:none !important;
}

.ifx-login-btn{
    width:100%;
    height:58px;
    border:0;
    border-radius:15px;
    background:linear-gradient(135deg,#1769aa,#1f8fff);
    color:#fff;
    font-size:17px;
    font-weight:900;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    box-shadow:0 20px 40px rgba(23,105,170,.22);
}

.ifx-register-link{
    margin-top:22px;
    text-align:center;
    color:#63758a;
    font-size:15px;
}

.ifx-register-link a{
    color:#1769aa;
    font-weight:900;
    text-decoration:none !important;
}

@media(max-width:1199px){
    .ifx-home-layout{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){
    .ifx-mockup-hero{
        padding:28px 0 42px !important;
    }
    .ifx-hero-slider{
        min-height:350px;
        border-radius:20px;
    }
    .ifx-slide{
        left:34px;
        right:34px;
    }
    .ifx-slide h1{
        font-size:34px;
    }
    .ifx-slide p{
        font-size:15px;
    }
    .ifx-slider-dots{
        left:34px;
    }
    .ifx-hero-slider:before{
        opacity:.22;
    }
    .ifx-domain-search{
        grid-template-columns:1fr;
    }
    .ifx-domain-search button,
    .ifx-domain-search select{
        width:100%;
    }
    .ifx-tld-grid,
    .ifx-advantage-grid,
    .ifx-status-grid{
        grid-template-columns:1fr;
    }
    .ifx-card-head,
    .ifx-domain-actions{
        flex-direction:column;
        align-items:stretch;
    }
    .ifx-primary-btn,
    .ifx-outline-btn{
        width:100%;
        min-width:0;
    }
}


/* IFX FINAL RIGHT COLUMN CLEAN */
.ifx-home-layout{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 420px !important;
    gap:32px !important;
    align-items:start !important;
}

.ifx-right-column{
    width:420px !important;
    min-width:420px !important;
    max-width:420px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:24px !important;
    align-items:stretch !important;
}

.ifx-login-card,
.ifx-status-card{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    position:relative !important;
    inset:auto !important;
    transform:none !important;
}

@media(max-width:1199px){
    .ifx-home-layout{
        grid-template-columns:1fr !important;
    }
    .ifx-right-column{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
    }
}


/* IFX HERO HEIGHT BALANCE */
.ifx-hero-slider{
    min-height:420px !important;
}

.ifx-slide{
    max-width:640px !important;
}

.ifx-domain-card{
    margin-top:18px !important;
}

.ifx-domain-actions{
    margin-top:22px !important;
}

.ifx-advantage-grid{
    margin-bottom:0 !important;
}

@media(max-width:767px){
    .ifx-hero-slider{
        min-height:360px !important;
    }
}


/* IFX MODERN HEADER */
.ifx-modern-navbar{
    background:rgba(255,255,255,.92) !important;
    backdrop-filter:blur(14px);
    border:1px solid rgba(220,231,243,.9);
    border-radius:20px;
    margin:14px auto 0;
    max-width:1480px;
    box-shadow:0 18px 45px rgba(16,33,63,.08);
}

.ifx-modern-navbar .navbar-nav > li > a{
    color:#10213f !important;
    font-weight:700;
    font-size:15px;
    transition:.2s ease;
}

.ifx-modern-navbar .navbar-nav > li > a:hover{
    color:#1769aa !important;
}

.ifx-modern-navbar .dropdown-menu{
    border:none !important;
    border-radius:18px !important;
    box-shadow:0 24px 55px rgba(16,33,63,.12) !important;
    padding:10px !important;
}

.ifx-modern-navbar .dropdown-menu li a{
    border-radius:12px;
    padding:10px 14px !important;
}

.ifx-modern-navbar .dropdown-menu li a:hover{
    background:#f1f7ff !important;
    color:#1769aa !important;
}

.ifx-modern-navbar .btn-login,
.ifx-modern-navbar .btn-register{
    min-height:46px;
    border-radius:14px !important;
    font-weight:800 !important;
    padding:0 22px !important;
}

.ifx-modern-navbar .btn-login{
    background:#fff !important;
    border:1px solid #dce7f3 !important;
    color:#10213f !important;
}

.ifx-modern-navbar .btn-register{
    background:linear-gradient(135deg,#1769aa,#1f8fff) !important;
    border:none !important;
    color:#fff !important;
    box-shadow:0 14px 30px rgba(23,105,170,.20);
}

.ifx-modern-navbar .logo img{
    max-height:58px !important;
}

.ifx-modern-navbar .mini-cart{
    border-radius:14px;
    background:#fff;
    border:1px solid #dce7f3;
    box-shadow:0 10px 30px rgba(16,33,63,.06);
}

@media(max-width:991px){
    .ifx-modern-navbar{
        border-radius:0;
        margin:0;
    }
}

/* =========================================================
   INFOTESCIL LOGO UYUMLU MOCKUP V4 - ORANGE / GREEN
   Hazırlayan: ChatGPT
   Amaç: Ana sayfayı gönderilen mockup görünümüne ve logo renklerine uyarlamak
   Palet: #ff8a00 / #f15a00 / #00a63c / #0b1426 / #f8fafc
   ========================================================= */
:root{
    --info-orange:#ff8a00;
    --info-orange-dark:#f15a00;
    --info-green:#00a63c;
    --info-green-soft:#e9f9ef;
    --info-navy:#071426;
    --info-navy-2:#0b1f36;
    --info-text:#0f172a;
    --info-muted:#667085;
    --info-border:#e4eaf2;
    --info-bg:#f7f9fc;
}

body,
#main-body,
.isf-kolan-home{
    background:
        radial-gradient(circle at 8% 3%, rgba(255,138,0,.075), transparent 25%),
        radial-gradient(circle at 92% 8%, rgba(0,166,60,.07), transparent 26%),
        var(--info-bg) !important;
}

/* Header / navbar renk uyumu */
.navbar-main,
.header-navbar,
.tt-header,
#header,
.main-header{
    border-color:var(--info-border) !important;
}

.navbar a:hover,
.navbar-nav > li > a:hover,
.navbar-nav > .active > a,
.dropdown-menu a:hover{
    color:var(--info-orange-dark) !important;
}

.btn-primary,
.btn-success,
button.btn-primary,
a.btn-primary,
.navbar .btn-primary,
.header .btn-primary{
    background:linear-gradient(135deg,var(--info-orange),var(--info-orange-dark)) !important;
    border-color:var(--info-orange-dark) !important;
    color:#fff !important;
    box-shadow:0 14px 30px rgba(241,90,0,.22) !important;
}

.btn-outline-primary,
a.btn-outline-primary,
.navbar .btn-outline-primary{
    color:var(--info-orange-dark) !important;
    border-color:rgba(241,90,0,.55) !important;
    background:#fff !important;
}

.btn-outline-primary:hover,
a.btn-outline-primary:hover{
    background:linear-gradient(135deg,var(--info-orange),var(--info-orange-dark)) !important;
    color:#fff !important;
}

/* Ana mockup alanı */
.ifx-mockup-hero{
    padding:34px 0 60px !important;
    background:transparent !important;
}
.ifx-mockup-hero .container{
    max-width:1500px !important;
}
.ifx-home-layout{
    grid-template-columns:minmax(0,1fr) 420px !important;
    gap:28px !important;
}

/* Hero slider - logo uyumlu koyu alan */
.ifx-hero-slider{
    min-height:390px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:26px !important;
    background:
        radial-gradient(circle at 78% 50%, rgba(0,166,60,.18), transparent 22%),
        radial-gradient(circle at 78% 18%, rgba(255,138,0,.18), transparent 24%),
        linear-gradient(135deg,#06101f 0%,#071426 48%,#0b1f36 100%) !important;
    box-shadow:0 30px 80px rgba(7,20,38,.22) !important;
}

/* CSS ile server/teknoloji illüstrasyonu */
.ifx-hero-slider:before{
    content:"" !important;
    position:absolute !important;
    right:145px !important;
    top:70px !important;
    width:185px !important;
    height:245px !important;
    border-radius:24px !important;
    background:
        repeating-linear-gradient(to bottom, transparent 0 23px, rgba(255,138,0,.80) 24px 27px, transparent 28px 39px),
        linear-gradient(145deg,#15243a,#0d1729) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:
        0 28px 70px rgba(0,0,0,.34),
        inset 0 0 0 10px rgba(255,255,255,.025),
        0 0 0 1px rgba(255,138,0,.18) !important;
    opacity:1 !important;
    transform:perspective(700px) rotateY(-12deg) rotateX(2deg) !important;
}
.ifx-hero-slider:after{
    content:"" !important;
    position:absolute !important;
    right:78px !important;
    bottom:58px !important;
    width:345px !important;
    height:100px !important;
    border-radius:999px !important;
    background:
        radial-gradient(circle at 48% 42%, rgba(255,138,0,.32), transparent 42%),
        radial-gradient(circle at 76% 45%, rgba(0,166,60,.25), transparent 46%) !important;
    filter:blur(2px) !important;
    opacity:.95 !important;
}
.ifx-hero-slider .ifx-slide:after{
    content:"";
    position:absolute;
    left:760px;
    top:-82px;
    width:92px;
    height:92px;
    border-radius:24px;
    background:rgba(0,166,60,.10);
    border:2px solid rgba(0,166,60,.62);
    box-shadow:0 0 35px rgba(0,166,60,.20);
}

.ifx-slide-badge{
    background:linear-gradient(135deg,var(--info-orange),var(--info-orange-dark)) !important;
    color:#fff !important;
    border:0 !important;
    box-shadow:0 14px 34px rgba(241,90,0,.25) !important;
}
.ifx-slide h1 span{
    color:var(--info-orange) !important;
    text-shadow:0 12px 38px rgba(255,138,0,.22);
}
.ifx-slider-arrow{
    background:rgba(0,0,0,.48) !important;
}
.ifx-slider-arrow:hover,
.ifx-slider-dots button.active{
    background:linear-gradient(135deg,var(--info-orange),var(--info-orange-dark)) !important;
}

/* Domain arama */
.ifx-domain-search,
.ifx-domain-card,
.ifx-status-card,
.ifx-login-card{
    border:1px solid var(--info-border) !important;
    background:rgba(255,255,255,.97) !important;
    box-shadow:0 26px 70px rgba(15,23,42,.08) !important;
}
.ifx-domain-input,
.ifx-card-head a,
.ifx-forgot,
.ifx-register-link a{
    color:var(--info-orange-dark) !important;
}
.ifx-domain-search button,
.ifx-primary-btn,
.ifx-login-btn{
    background:linear-gradient(135deg,var(--info-orange),var(--info-orange-dark)) !important;
    color:#fff !important;
    border:0 !important;
    box-shadow:0 20px 44px rgba(241,90,0,.25) !important;
}
.ifx-domain-search button:hover,
.ifx-primary-btn:hover,
.ifx-login-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 24px 52px rgba(241,90,0,.32) !important;
}
.ifx-domain-search select:focus,
.ifx-login-input:focus-within{
    border-color:rgba(255,138,0,.65) !important;
    box-shadow:0 0 0 4px rgba(255,138,0,.10) !important;
}

/* Kart başlık ikonları */
.ifx-card-title i,
.ifx-login-icon{
    color:var(--info-orange-dark) !important;
    background:rgba(255,138,0,.13) !important;
}
.ifx-tld-item,
.ifx-advantage-item,
.ifx-status-grid div,
.ifx-login-input,
.ifx-domain-search select{
    border-color:var(--info-border) !important;
}
.ifx-tld-item:hover,
.ifx-advantage-item:hover,
.ifx-status-grid div:hover{
    border-color:rgba(255,138,0,.35) !important;
    box-shadow:0 18px 34px rgba(15,23,42,.07) !important;
    transform:translateY(-2px);
}
.ifx-tld-item span{
    color:var(--info-orange-dark) !important;
}
.ifx-adv-icon.blue,
.ifx-adv-icon.purple{
    background:rgba(255,138,0,.12) !important;
    color:var(--info-orange-dark) !important;
}
.ifx-adv-icon.green{
    background:var(--info-green-soft) !important;
    color:var(--info-green) !important;
}
.ifx-outline-btn{
    color:var(--info-green) !important;
    border-color:rgba(0,166,60,.55) !important;
    background:#fff !important;
}
.ifx-outline-btn:hover{
    color:#fff !important;
    background:linear-gradient(135deg,#16c65a,var(--info-green)) !important;
    border-color:var(--info-green) !important;
}

/* Sağ kolon */
.ifx-status-dot{
    background:var(--info-green) !important;
    box-shadow:0 0 0 10px rgba(0,166,60,.14) !important;
}
.ifx-status-grid strong{
    color:var(--info-green) !important;
}
.ifx-status-grid div:nth-child(2) strong{
    color:var(--info-orange-dark) !important;
}
.ifx-location-card{
    background:
        radial-gradient(circle at 88% 50%, rgba(0,166,60,.20), transparent 34%),
        linear-gradient(135deg,#071426,#0b1f36) !important;
}
.ifx-location-card i{
    color:var(--info-orange) !important;
    background:rgba(255,138,0,.15) !important;
}
.ifx-login-meta a,
.ifx-register-link a{
    color:var(--info-orange-dark) !important;
}

/* Aşağıdaki hizmet/paket alanları da marka rengine çekildi */
.isf-kolan-eyebrow,
.isf-kolan-section-head span,
.isf-kolan-price,
.isf-kolan-service i,
.isf-kolan-service span{
    color:var(--info-orange-dark) !important;
}
.isf-kolan-domain-form button,
.isf-kolan-btn-primary,
.isf-kolan-plan.is-featured a,
.isf-kolan-plan a:hover{
    background:linear-gradient(135deg,var(--info-orange),var(--info-orange-dark)) !important;
    border-color:var(--info-orange-dark) !important;
    color:#fff !important;
    box-shadow:0 18px 42px rgba(241,90,0,.24) !important;
}
.isf-kolan-plan.is-featured,
.isf-kolan-service:hover,
.isf-kolan-plan:hover{
    border-color:rgba(255,138,0,.35) !important;
}
.isf-kolan-service:hover span{
    background:rgba(255,138,0,.12) !important;
}

@media(max-width:1199px){
    .ifx-home-layout{grid-template-columns:1fr !important;}
    .ifx-right-column{display:grid;grid-template-columns:1fr 1fr;}
}
@media(max-width:767px){
    .ifx-right-column{display:flex;}
    .ifx-hero-slider{min-height:380px !important;}
    .ifx-hero-slider:before{right:28px !important;top:92px !important;width:120px !important;height:165px !important;opacity:.38 !important;}
    .ifx-hero-slider .ifx-slide:after{display:none;}
}


/* =========================================================
   INFOTESCIL CLIENTAREA BRAND MOCKUP - Orange / Green
   Ana sayfadaki logo uyumlu tasarımın müşteri paneline taşınması
   ========================================================= */
:root{
  --ifx-orange:#ff8a00;
  --ifx-orange-dark:#f15a00;
  --ifx-green:#00a63c;
  --ifx-green-soft:#e9fbea;
  --ifx-navy:#071426;
  --ifx-text:#0f172a;
  --ifx-muted:#64748b;
  --ifx-border:rgba(148,163,184,.28);
}
body{background:#f6f8fb !important;}
.clientarea .main-content, .client-area, #main-body{background:linear-gradient(180deg,#f8fafc 0%,#eef3f8 100%) !important;}
/* Genel panel/kart görünümü */
.clientarea .card,
.clientarea .panel,
.clientarea .list-group,
#main-body .card,
#main-body .panel{
  border:1px solid var(--ifx-border) !important;
  border-radius:22px !important;
  box-shadow:0 20px 55px rgba(15,23,42,.075) !important;
  overflow:hidden;
  background:rgba(255,255,255,.96) !important;
}
.clientarea .card-header, #main-body .card-header,
.clientarea .panel-heading, #main-body .panel-heading{
  background:radial-gradient(circle at 0 0, rgba(255,138,0,.12), transparent 34%),linear-gradient(180deg,#fff,#f8fafc) !important;
  border-bottom:1px solid var(--ifx-border) !important;
  color:var(--ifx-text) !important;
  font-weight:900 !important;
}
/* Butonlar */
.btn-primary,
button.btn-primary,
input.btn-primary,
.clientarea .btn-primary,
#main-body .btn-primary{
  background:linear-gradient(135deg,var(--ifx-orange),var(--ifx-orange-dark)) !important;
  border-color:var(--ifx-orange-dark) !important;
  color:#fff !important;
  border-radius:14px !important;
  box-shadow:0 14px 32px rgba(241,90,0,.22) !important;
  font-weight:800 !important;
}
.btn-primary:hover, .clientarea .btn-primary:hover, #main-body .btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 42px rgba(241,90,0,.30) !important;
}
.btn-success, .label-success, .badge-success{
  background:linear-gradient(135deg,#22c55e,var(--ifx-green)) !important;
  border-color:var(--ifx-green) !important;
}
.btn-outline-primary, .btn-default{
  border-color:rgba(255,138,0,.35) !important;
  color:var(--ifx-orange-dark) !important;
  border-radius:14px !important;
}
.btn-outline-primary:hover, .btn-default:hover{
  background:rgba(255,138,0,.08) !important;
}
/* Linkler ve aktif durumlar */
a, .clientarea a, #main-body a{color:var(--ifx-orange-dark);}
a:hover, .clientarea a:hover, #main-body a:hover{color:var(--ifx-green);}
.list-group-item.active,
.nav-pills .nav-link.active,
.sidebar .list-group-item.active{
  background:linear-gradient(135deg,var(--ifx-orange),var(--ifx-orange-dark)) !important;
  border-color:var(--ifx-orange-dark) !important;
  color:#fff !important;
}
/* Formlar */
.form-control, select.form-control, .custom-select{
  border:1px solid var(--ifx-border) !important;
  border-radius:14px !important;
  min-height:42px;
  box-shadow:none !important;
}
.form-control:focus, select.form-control:focus, .custom-select:focus{
  border-color:rgba(255,138,0,.68) !important;
  box-shadow:0 0 0 4px rgba(255,138,0,.12) !important;
}
/* Tablolar */
.table{background:#fff;border-radius:18px;overflow:hidden;}
.table thead th{
  background:#fff7ed !important;
  color:#9a3412 !important;
  border-bottom:1px solid rgba(255,138,0,.18) !important;
  font-weight:900 !important;
}
.table tbody tr:hover{background:#fffaf3 !important;}
/* Durum rozetleri */
.status, .label, .badge{border-radius:999px !important;font-weight:800 !important;}
.status-active, .label-active, .badge-active, .text-success{color:var(--ifx-green) !important;}
.status-pending, .label-pending, .text-warning{color:var(--ifx-orange-dark) !important;}
/* Müşteri paneli özel kartları */
.tt-client-dashboard .tt-client-dashboard-action.is-light{color:var(--ifx-orange-dark) !important;}
.tt-client-dashboard .tt-client-dashboard-kicker{background:rgba(255,138,0,.16) !important;}
.tt-client-dashboard .tt-single-box:hover,
.tt-client-dashboard .client-home-cards .card:hover,
.tt-client-dashboard .tt-client-home-cards .card:hover{border-color:rgba(255,138,0,.34) !important;}
.tt-client-dashboard .card-title > i,
.tt-client-dashboard .list-group-item i{
  color:var(--ifx-orange-dark) !important;
  background:rgba(255,138,0,.12) !important;
}
.tt-client-dashboard .list-group-item:hover{
  color:var(--ifx-orange-dark) !important;
  background:#fff7ed !important;
}
/* Dark küçük vurgu alanları */
.ifx-client-dark-strip{
  background:radial-gradient(circle at right, rgba(0,166,60,.22), transparent 32%),linear-gradient(135deg,#071426,#0f172a) !important;
  color:#fff !important;
}


/* =========================================================
   Infotescil Login Page - Orange / Green Premium Match
   login.tpl özel tasarım. Ana sayfa yapısını bozmaz.
========================================================= */
.ifx-login-page{
    padding:70px 0 90px !important;
    background:
        radial-gradient(circle at 9% 10%, rgba(255,138,0,.16), transparent 28%),
        radial-gradient(circle at 92% 18%, rgba(22,163,74,.14), transparent 30%),
        linear-gradient(180deg,#fffaf3 0%,#f7fff9 48%,#ffffff 100%) !important;
    position:relative;
    overflow:hidden;
}
.ifx-login-page:before{
    content:"";
    position:absolute;
    right:-110px;
    top:80px;
    width:330px;
    height:330px;
    border-radius:50%;
    background:linear-gradient(135deg,rgba(255,138,0,.14),rgba(22,163,74,.12));
    filter:blur(2px);
}
.ifx-login-page .container{position:relative;z-index:1;}
.ifx-login-shell{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:0;
    max-width:1180px;
    margin:0 auto;
    background:#fff;
    border:1px solid rgba(255,138,0,.18);
    border-radius:34px;
    overflow:hidden;
    box-shadow:0 34px 90px rgba(15,23,42,.13);
}
.ifx-login-hero{
    min-height:610px;
    padding:58px 54px;
    color:#fff;
    background:
        radial-gradient(circle at 18% 18%, rgba(255,255,255,.18), transparent 25%),
        radial-gradient(circle at 88% 8%, rgba(34,197,94,.26), transparent 28%),
        linear-gradient(135deg,#f97316 0%,#ef7d00 42%,#16a34a 100%);
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.ifx-login-hero:before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    right:-165px;
    bottom:-170px;
    background:rgba(255,255,255,.13);
}
.ifx-login-hero:after{
    content:"";
    position:absolute;
    left:42px;
    bottom:42px;
    width:120px;
    height:120px;
    background-image:radial-gradient(rgba(255,255,255,.55) 2px, transparent 2px);
    background-size:16px 16px;
    opacity:.55;
}
.ifx-login-badge{
    width:max-content;
    max-width:100%;
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:9px 15px;
    border-radius:999px;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.23);
    color:#fff;
    font-size:13px;
    font-weight:900;
    margin-bottom:24px;
    backdrop-filter:blur(8px);
}
.ifx-login-hero h1{
    color:#fff !important;
    font-size:45px;
    line-height:1.12;
    letter-spacing:-1.2px;
    font-weight:950;
    margin:0 0 18px;
    max-width:560px;
}
.ifx-login-hero p{
    color:rgba(255,255,255,.88) !important;
    font-size:17px;
    line-height:1.7;
    max-width:560px;
    margin:0 0 30px;
}
.ifx-login-feature-grid{
    display:grid;
    gap:14px;
    max-width:520px;
    position:relative;
    z-index:2;
}
.ifx-login-feature{
    display:flex;
    align-items:center;
    gap:15px;
    padding:16px;
    border-radius:20px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(8px);
}
.ifx-login-feature strong{
    display:block;
    color:#fff;
    font-size:16px;
    font-weight:950;
    margin-bottom:3px;
}
.ifx-login-feature small{display:block;color:rgba(255,255,255,.78);font-size:13px;line-height:1.45;}
.ifx-login-icon{
    width:50px;
    height:50px;
    border-radius:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 50px;
    color:#fff;
    font-size:21px;
}
.ifx-login-icon.orange{background:rgba(255,255,255,.18);}
.ifx-login-icon.green{background:rgba(22,163,74,.42);}
.ifx-login-icon.dark{background:rgba(15,23,42,.22);}
.ifx-login-trust{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:24px;
    position:relative;
    z-index:2;
}
.ifx-login-trust span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.15);
    color:#fff;
    font-size:13px;
    font-weight:800;
}
.ifx-login-card{
    padding:58px 52px;
    background:
        radial-gradient(circle at 88% 8%,rgba(22,163,74,.08),transparent 24%),
        linear-gradient(180deg,#ffffff,#fffaf5 100%);
    display:flex;
    align-items:center;
}
.ifx-login-card form{width:100%;}
.ifx-login-card-head{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:30px;
}
.ifx-login-card-icon{
    width:62px;
    height:62px;
    border-radius:20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#ff8a00,#f97316);
    color:#fff;
    font-size:25px;
    box-shadow:0 16px 34px rgba(249,115,22,.25);
    flex:0 0 62px;
}
.ifx-login-card h3{
    color:#10213f !important;
    font-size:30px !important;
    font-weight:950 !important;
    margin:0 0 5px !important;
}
.ifx-login-card p{color:#64748b;margin:0;}
.ifx-login-card .form-control-label{
    color:#10213f;
    font-weight:900;
    font-size:14px;
}
.ifx-login-input{
    min-height:54px;
    border:1px solid rgba(255,138,0,.20);
    border-radius:16px;
    background:#fff;
    overflow:hidden;
    box-shadow:0 12px 28px rgba(15,23,42,.045);
    transition:.25s;
}
.ifx-login-input:focus-within{
    border-color:rgba(22,163,74,.55);
    box-shadow:0 0 0 4px rgba(22,163,74,.10),0 16px 34px rgba(15,23,42,.07);
}
.ifx-login-input .input-group-text,
.ifx-login-input .form-control,
.ifx-login-input .btn-reveal-pw{
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
.ifx-login-input .input-group-text{color:#f97316 !important;padding-left:17px;padding-right:10px;}
.ifx-login-input .form-control{min-height:54px !important;border-radius:0 !important;color:#10213f !important;}
.ifx-login-input .btn-reveal-pw{height:54px;width:48px;color:#16a34a;cursor:pointer;}
.ifx-forgot-link{
    color:#16a34a !important;
    font-size:13px;
    font-weight:900;
    text-decoration:none !important;
}
.ifx-forgot-link:hover{color:#f97316 !important;}
.ifx-login-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
}
.ifx-login-submit{
    min-height:52px;
    border:0 !important;
    border-radius:15px !important;
    padding:0 28px !important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    color:#fff !important;
    background:linear-gradient(135deg,#ff8a00,#f97316) !important;
    box-shadow:0 16px 34px rgba(249,115,22,.26) !important;
    font-weight:950 !important;
    transition:.25s;
}
.ifx-login-submit:hover{
    transform:translateY(-2px);
    background:linear-gradient(135deg,#f97316,#16a34a) !important;
    box-shadow:0 20px 42px rgba(22,163,74,.22) !important;
}
.ifx-remember{
    color:#475569;
    font-weight:800;
    display:flex;
    align-items:center;
    gap:8px;
}
.ifx-remember .form-check-input{position:static;margin:0;}
.ifx-login-bottom{
    margin-top:24px;
    padding-top:20px;
    border-top:1px solid rgba(255,138,0,.16);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
}
.ifx-login-bottom p{margin:0;color:#64748b;}
.ifx-login-bottom a{
    color:#f97316 !important;
    font-weight:950;
    text-decoration:none !important;
}
.ifx-login-bottom a:hover{color:#16a34a !important;}
.ifx-language-btn{color:#64748b !important;font-weight:800;}
.ifx-login-card .tt-login-or:before,
.ifx-login-card .tt-login-or:after{border-color:rgba(255,138,0,.16) !important;}
.ifx-login-card .tt-login-or{color:#94a3b8 !important;}

/* Eski login testimonial / form container stilleri bu sayfada devre dışı */
.ifx-login-page .tt-form-container,
.ifx-login-page .tt-form-content,
.ifx-login-page .tt-login-registration-testimonial{
    all:unset;
}

@media(max-width:991px){
    .ifx-login-page{padding:42px 0 64px !important;}
    .ifx-login-shell{grid-template-columns:1fr;border-radius:26px;}
    .ifx-login-hero{min-height:auto;padding:42px 30px;}
    .ifx-login-hero h1{font-size:34px;}
    .ifx-login-card{padding:40px 30px;}
}
@media(max-width:575px){
    .ifx-login-shell{border-radius:22px;}
    .ifx-login-hero,.ifx-login-card{padding:30px 22px;}
    .ifx-login-hero h1{font-size:29px;}
    .ifx-login-card-head{align-items:flex-start;}
    .ifx-login-card h3{font-size:25px !important;}
    .ifx-login-actions{display:block;}
    .ifx-login-submit{width:100%;margin-bottom:14px;}
    .ifx-login-bottom{display:block;}
    .ifx-login-bottom ul{margin-top:12px;}
}


/* =========================================================
   INFOTESCIL LOGIN HEADER UYUM PATCH - TURUNCU / YEŞİL
   Ana sayfa header hissini login sayfasına taşır.
   header.tpl değiştirmeden CSS ile güvenli override.
========================================================= */
:root{
    --ifx-orange:#f97316;
    --ifx-orange-2:#ff8a00;
    --ifx-green:#16a34a;
    --ifx-green-2:#22c55e;
    --ifx-dark:#10213f;
    --ifx-muted:#64748b;
    --ifx-border:#e9eef5;
}

/* Header genel kabuk */
.tt-header,
#header.tt-header,
.tt-header.is-modern-header,
#header.tt-header.is-modern-header{
    background:#fff !important;
    border-bottom:1px solid rgba(249,115,22,.14) !important;
    box-shadow:0 10px 30px rgba(15,23,42,.06) !important;
    position:relative !important;
    z-index:9999 !important;
}

.tt-header .modern-header-shell,
#header.tt-header .modern-header-shell,
.tt-header.is-modern-header .modern-header-shell{
    background:#fff !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    max-width:none !important;
    margin:0 !important;
}

/* Üst bar */
.tt-header .modern-topbar,
.tt-header.is-modern-header .modern-topbar,
#header.tt-header .modern-topbar{
    background:linear-gradient(90deg,#fff7ed 0%,#ffffff 52%,#f0fdf4 100%) !important;
    border-bottom:1px solid rgba(249,115,22,.16) !important;
}

.tt-header .modern-topbar a,
.tt-header .modern-link-button,
.tt-header.is-modern-header .modern-topbar a,
.tt-header.is-modern-header .modern-link-button{
    color:#334155 !important;
    font-weight:800 !important;
}

.tt-header .modern-topbar i,
.tt-header.is-modern-header .modern-topbar i,
.tt-header .topbar i,
.tt-header .tt-topbar i{
    color:var(--ifx-orange) !important;
}

.tt-header .modern-new-badge,
.tt-header.is-modern-header .modern-new-badge{
    background:linear-gradient(135deg,var(--ifx-orange),var(--ifx-green)) !important;
    color:#fff !important;
}

.tt-header .modern-separator,
.tt-header.is-modern-header .modern-separator{
    background:rgba(249,115,22,.22) !important;
}

/* Ana navbar */
.tt-header .modern-mainbar,
.tt-header.is-modern-header .modern-mainbar,
#header.tt-header .modern-mainbar,
.tt-header .tt-main-header,
.tt-header .navbar{
    background:#fff !important;
}

.tt-header .modern-mainbar-inner,
.tt-header.is-modern-header .modern-mainbar-inner{
    min-height:118px !important;
}

.tt-header .logo-img,
.tt-header .navbar-brand img,
.tt-header .tt-logo img,
.tt-header.is-modern-header .logo-img{
    max-height:72px !important;
}

/* Menü linkleri */
.tt-header #nav.modern-primary-nav > li > a,
.tt-header.is-modern-header #nav.modern-primary-nav > li > a,
.tt-header .tt-main-header ul li a,
.tt-header .navbar-nav > li > a,
.tt-header .nav > li > a{
    color:#0f172a !important;
    font-weight:900 !important;
    letter-spacing:-.01em;
    transition:.22s ease !important;
}

.tt-header #nav.modern-primary-nav > li > a:hover,
.tt-header #nav.modern-primary-nav > li.active > a,
.tt-header #nav.modern-primary-nav > li.open > a,
.tt-header.is-modern-header #nav.modern-primary-nav > li > a:hover,
.tt-header.is-modern-header #nav.modern-primary-nav > li.active > a,
.tt-header .tt-main-header ul li a:hover,
.tt-header .tt-main-header ul li.active > a,
.tt-header .navbar-nav > li > a:hover,
.tt-header .navbar-nav > li.active > a{
    color:var(--ifx-orange) !important;
}

.tt-header #nav.modern-primary-nav > li > a:after,
.tt-header.is-modern-header #nav.modern-primary-nav > li > a:after,
.tt-header .modern-primary-nav > li > a:after{
    background:linear-gradient(90deg,var(--ifx-orange),var(--ifx-green)) !important;
    border-radius:999px !important;
}

.tt-header #nav.modern-primary-nav > li.active > a:after,
.tt-header #nav.modern-primary-nav > li > a:hover:after,
.tt-header.is-modern-header #nav.modern-primary-nav > li.active > a:after,
.tt-header.is-modern-header #nav.modern-primary-nav > li > a:hover:after{
    opacity:1 !important;
    transform:scaleX(1) !important;
}

/* Header butonları */
.tt-header .modern-btn,
.tt-header.is-modern-header .modern-btn,
.tt-header .toolbar a.btn,
.tt-header .btn{
    border-radius:12px !important;
    font-weight:950 !important;
    transition:.24s ease !important;
}

.tt-header .modern-btn-outline,
.tt-header.is-modern-header .modern-btn-outline,
.tt-header .btn-outline-primary,
.tt-header .btn-default{
    color:var(--ifx-green) !important;
    background:#fff !important;
    border:1px solid rgba(22,163,74,.38) !important;
    box-shadow:0 10px 24px rgba(22,163,74,.08) !important;
}

.tt-header .modern-btn-outline:hover,
.tt-header.is-modern-header .modern-btn-outline:hover,
.tt-header .btn-outline-primary:hover,
.tt-header .btn-default:hover{
    color:#fff !important;
    background:linear-gradient(135deg,var(--ifx-green),#15803d) !important;
    border-color:transparent !important;
    transform:translateY(-2px) !important;
}

.tt-header .modern-btn-primary,
.tt-header.is-modern-header .modern-btn-primary,
.tt-header .btn-primary{
    color:#fff !important;
    background:linear-gradient(135deg,var(--ifx-orange-2),var(--ifx-orange)) !important;
    border:1px solid transparent !important;
    box-shadow:0 14px 30px rgba(249,115,22,.23) !important;
}

.tt-header .modern-btn-primary:hover,
.tt-header.is-modern-header .modern-btn-primary:hover,
.tt-header .btn-primary:hover{
    background:linear-gradient(135deg,var(--ifx-orange),var(--ifx-green)) !important;
    transform:translateY(-2px) !important;
    box-shadow:0 18px 40px rgba(22,163,74,.20) !important;
}

.tt-header .modern-cart,
.tt-header.is-modern-header .modern-cart,
.tt-header .cart-btn,
.tt-header a[href*="cart.php"]{
    background:#fff7ed !important;
    color:var(--ifx-orange) !important;
    border:1px solid rgba(249,115,22,.18) !important;
}

.tt-header .modern-mobile-toggle,
.tt-header.is-modern-header .modern-mobile-toggle,
.tt-header .navbar-toggler,
.tt-header .navbar-toggle{
    background:linear-gradient(135deg,var(--ifx-orange),var(--ifx-green)) !important;
    color:#fff !important;
    border:0 !important;
    border-radius:12px !important;
}

/* Dropdown */
.tt-header .dropdown-menu{
    border:1px solid rgba(249,115,22,.14) !important;
    border-radius:18px !important;
    box-shadow:0 22px 55px rgba(15,23,42,.12) !important;
    overflow:hidden;
}
.tt-header .dropdown-menu a:hover{
    background:#fff7ed !important;
    color:var(--ifx-orange) !important;
}

/* Login sayfasında header altı geçiş daha yumuşak olsun */
.ifx-login-page{
    border-top:1px solid rgba(249,115,22,.08);
}
.ifx-login-page:before{
    background:radial-gradient(circle at 18% 0%,rgba(249,115,22,.16),transparent 28%),radial-gradient(circle at 88% 12%,rgba(22,163,74,.14),transparent 30%) !important;
}

@media(max-width:991px){
    .tt-header .modern-mainbar-inner,
    .tt-header.is-modern-header .modern-mainbar-inner{
        min-height:auto !important;
        padding:18px 0 !important;
    }
    .tt-header .logo-img,
    .tt-header .navbar-brand img,
    .tt-header .tt-logo img,
    .tt-header.is-modern-header .logo-img{
        max-height:56px !important;
    }
    .tt-header .offcanvas-collapse.open,
    .tt-header.is-modern-header .offcanvas-collapse.open{
        background:#fff !important;
        border-top:1px solid rgba(249,115,22,.12) !important;
    }
}


/* =========================================================
   INFOTESCIL LOGIN HEADER FIX - ORANGE/GREEN
   Kaynak dosya: includes/tt/hostingard/tt-single-navbar.tpl
   Header login sayfasında buradan çekildiği için güçlü override eklendi.
========================================================= */
.infosoft-clean-header.isf-og-header,
.infosoft-clean-header{
    background:#ffffff!important;
    position:relative!important;
    z-index:99999!important;
    border:0!important;
    box-shadow:0 12px 35px rgba(15,23,42,.06)!important;
}
.infosoft-clean-container{
    max-width:1460px!important;
    padding-left:42px!important;
    padding-right:42px!important;
}
.infosoft-clean-top{
    height:66px!important;
    background:linear-gradient(90deg,#ffffff 0%,#fffaf3 48%,#f3fff7 100%)!important;
    border-bottom:1px solid rgba(234,88,12,.12)!important;
}
.infosoft-clean-top-inner{
    height:66px!important;
}
.infosoft-clean-logo img{
    max-height:58px!important;
    width:auto!important;
}
.infosoft-clean-top-links a{
    color:#334155!important;
    font-size:14px!important;
    font-weight:800!important;
}
.infosoft-clean-top-links a:hover{
    color:#ea580c!important;
}
.infosoft-clean-top-links i{
    color:#16a34a!important;
}
.infosoft-clean-navrow{
    height:74px!important;
    background:#ffffff!important;
    border-bottom:1px solid rgba(22,163,74,.14)!important;
    box-shadow:0 14px 32px rgba(15,23,42,.055)!important;
}
.infosoft-clean-nav-inner{
    height:74px!important;
}
.infosoft-clean-menu{
    gap:38px!important;
}
.infosoft-clean-menu a{
    height:74px!important;
    line-height:74px!important;
    color:#0f172a!important;
    font-size:15px!important;
    font-weight:950!important;
}
.infosoft-clean-menu a:hover,
.infosoft-clean-menu a:hover i{
    color:#ea580c!important;
}
.infosoft-clean-menu a:after{
    height:4px!important;
    background:linear-gradient(90deg,#ea580c,#16a34a)!important;
    border-radius:999px 999px 0 0!important;
}
.infosoft-clean-menu i{
    color:#16a34a!important;
}
.infosoft-clean-login,
.infosoft-clean-register{
    height:50px!important;
    border-radius:12px!important;
    font-size:15px!important;
    font-weight:950!important;
    gap:9px!important;
}
.infosoft-clean-login{
    color:#ea580c!important;
    background:#fff!important;
    border:1px solid rgba(234,88,12,.36)!important;
    box-shadow:0 10px 22px rgba(234,88,12,.06)!important;
}
.infosoft-clean-login:hover{
    color:#fff!important;
    background:linear-gradient(135deg,#f97316,#ea580c)!important;
    border-color:#ea580c!important;
    transform:translateY(-2px)!important;
    box-shadow:0 16px 32px rgba(234,88,12,.20)!important;
}
.infosoft-clean-register{
    color:#fff!important;
    background:linear-gradient(135deg,#16a34a,#22c55e)!important;
    border:1px solid #16a34a!important;
    box-shadow:0 14px 28px rgba(22,163,74,.22)!important;
}
.infosoft-clean-register:hover{
    color:#fff!important;
    background:linear-gradient(135deg,#15803d,#16a34a)!important;
    transform:translateY(-2px)!important;
    box-shadow:0 18px 36px rgba(22,163,74,.28)!important;
}
.infosoft-clean-cart{
    width:52px!important;
    height:50px!important;
    border-radius:13px!important;
    color:#16a34a!important;
    background:#f0fdf4!important;
    border:1px solid rgba(22,163,74,.18)!important;
}
.infosoft-clean-cart:hover{
    color:#fff!important;
    background:linear-gradient(135deg,#16a34a,#22c55e)!important;
}
.infosoft-clean-cart span{
    background:#f97316!important;
    color:#fff!important;
}
/* Login özel: header ile login kartı arasında temiz nefes */
body .tt-auth-wrap,
#main-body.tt-auth-wrap{
    background:radial-gradient(circle at 9% 0%,rgba(249,115,22,.14),transparent 33%),radial-gradient(circle at 90% 8%,rgba(22,163,74,.14),transparent 32%),linear-gradient(180deg,#fffaf3 0%,#f3fff7 100%)!important;
    padding-top:44px!important;
}
@media(max-width:1200px){
    .infosoft-clean-container{padding-left:22px!important;padding-right:22px!important;}
    .infosoft-clean-menu{gap:22px!important;}
    .infosoft-clean-login,.infosoft-clean-register{padding-left:16px!important;padding-right:16px!important;}
}
@media(max-width:991px){
    .infosoft-clean-top,.infosoft-clean-top-inner,.infosoft-clean-navrow,.infosoft-clean-nav-inner{height:auto!important;}
    .infosoft-clean-top-inner,.infosoft-clean-nav-inner{padding-top:14px!important;padding-bottom:14px!important;}
    .infosoft-clean-menu{gap:18px!important;}
    .infosoft-clean-menu a{height:42px!important;line-height:42px!important;}
}
@media(max-width:575px){
    .infosoft-clean-container{padding-left:14px!important;padding-right:14px!important;}
    .infosoft-clean-logo img{max-height:48px!important;}
    .infosoft-clean-actions{width:100%!important;justify-content:space-between!important;gap:8px!important;}
    .infosoft-clean-login,.infosoft-clean-register{flex:1!important;padding:0 10px!important;font-size:13px!important;}
    .infosoft-clean-cart{width:46px!important;min-width:46px!important;}
}

/* =========================================================
   INFOTESCIL HEADER DROPDOWN MENU - ORANGE/GREEN
   Ana sayfa gibi açılır menü görünümü
========================================================= */
.infosoft-clean-menu.isf-mega-menu{
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    overflow:visible!important;
}
.infosoft-clean-menu .isf-main-menu-list{
    display:flex!important;
    align-items:center!important;
    gap:34px!important;
    list-style:none!important;
    margin:0!important;
    padding:0!important;
}
.infosoft-clean-menu .isf-main-menu-list>li{
    position:relative!important;
    margin:0!important;
    padding:0!important;
}
.infosoft-clean-menu .isf-main-menu-list>li>a{
    height:74px!important;
    line-height:74px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    color:#0f172a!important;
    font-size:15px!important;
    font-weight:950!important;
    text-decoration:none!important;
    position:relative!important;
    white-space:nowrap!important;
    transition:color .22s ease!important;
}
.infosoft-clean-menu .isf-main-menu-list>li>a:after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:4px!important;
    background:linear-gradient(90deg,#ea580c,#16a34a)!important;
    border-radius:999px 999px 0 0!important;
    transform:scaleX(0)!important;
    transform-origin:center!important;
    opacity:0!important;
    transition:all .22s ease!important;
}
.infosoft-clean-menu .isf-main-menu-list>li:hover>a,
.infosoft-clean-menu .isf-main-menu-list>li:hover>a i{
    color:#ea580c!important;
}
.infosoft-clean-menu .isf-main-menu-list>li:hover>a:after{
    transform:scaleX(1)!important;
    opacity:1!important;
}
.infosoft-clean-menu .isf-main-menu-list>li>a i{
    color:#16a34a!important;
    font-size:13px!important;
    transition:transform .22s ease,color .22s ease!important;
}
.infosoft-clean-menu .isf-main-menu-list>li:hover>a i{
    transform:rotate(180deg)!important;
}
.isf-dropdown-panel{
    position:absolute!important;
    top:calc(100% + 12px)!important;
    left:-24px!important;
    min-width:310px!important;
    padding:12px!important;
    background:#fff!important;
    border:1px solid rgba(22,163,74,.14)!important;
    border-radius:20px!important;
    box-shadow:0 28px 70px rgba(15,23,42,.16)!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(14px) scale(.98)!important;
    transition:all .24s ease!important;
    z-index:999999!important;
}
.isf-dropdown-panel:before{
    content:""!important;
    position:absolute!important;
    left:34px!important;
    top:-8px!important;
    width:16px!important;
    height:16px!important;
    background:#fff!important;
    border-left:1px solid rgba(22,163,74,.14)!important;
    border-top:1px solid rgba(22,163,74,.14)!important;
    transform:rotate(45deg)!important;
}
.isf-has-dropdown:hover .isf-dropdown-panel{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(0) scale(1)!important;
}
.isf-dropdown-panel a{
    height:auto!important;
    line-height:1.2!important;
    display:flex!important;
    align-items:center!important;
    gap:13px!important;
    padding:13px!important;
    border-radius:15px!important;
    color:#0f172a!important;
    text-decoration:none!important;
    transition:all .22s ease!important;
}
.isf-dropdown-panel a:after{display:none!important;}
.isf-dropdown-panel a:hover{
    background:linear-gradient(135deg,#fff7ed,#f0fdf4)!important;
    transform:translateX(4px)!important;
    color:#ea580c!important;
}
.isf-dd-icon{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    border-radius:14px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:17px!important;
    transition:all .22s ease!important;
}
.isf-dd-icon.orange{background:#fff7ed!important;color:#ea580c!important;}
.isf-dd-icon.green{background:#f0fdf4!important;color:#16a34a!important;}
.isf-dropdown-panel a:hover .isf-dd-icon.orange{
    background:linear-gradient(135deg,#f97316,#ea580c)!important;color:#fff!important;
}
.isf-dropdown-panel a:hover .isf-dd-icon.green{
    background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important;
}
.isf-dropdown-panel b{
    display:block!important;
    color:#0f172a!important;
    font-size:14px!important;
    font-weight:950!important;
    margin-bottom:3px!important;
}
.isf-dropdown-panel small{
    display:block!important;
    color:#64748b!important;
    font-size:12px!important;
    font-weight:700!important;
}
.isf-dropdown-panel a:hover b{color:#ea580c!important;}
.isf-dropdown-right{left:auto!important;right:-20px!important;}
.isf-dropdown-right:before{left:auto!important;right:34px!important;}

@media(max-width:1200px){
    .infosoft-clean-menu .isf-main-menu-list{gap:20px!important;}
    .infosoft-clean-menu .isf-main-menu-list>li>a{font-size:14px!important;}
    .isf-dropdown-panel{min-width:285px!important;}
}
@media(max-width:991px){
    .infosoft-clean-menu.isf-mega-menu{width:100%!important;justify-content:center!important;}
    .infosoft-clean-menu .isf-main-menu-list{flex-wrap:wrap!important;justify-content:center!important;gap:8px 16px!important;}
    .infosoft-clean-menu .isf-main-menu-list>li>a{height:42px!important;line-height:42px!important;}
    .isf-dropdown-panel{position:static!important;min-width:100%!important;width:100%!important;margin:0!important;display:none!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:0 14px 34px rgba(15,23,42,.10)!important;}
    .isf-dropdown-panel:before{display:none!important;}
    .isf-has-dropdown:hover .isf-dropdown-panel{display:block!important;}
}
@media(max-width:575px){
    .infosoft-clean-menu .isf-main-menu-list{display:grid!important;grid-template-columns:repeat(2,1fr)!important;width:100%!important;gap:8px!important;}
    .infosoft-clean-menu .isf-main-menu-list>li>a{width:100%!important;justify-content:center!important;background:#fff!important;border:1px solid rgba(22,163,74,.14)!important;border-radius:12px!important;}
    .isf-dropdown-panel{grid-column:1/-1!important;}
}


/* =========================================================
   INFOTESCIL FINAL FOOTER - TURUNCU / YESIL PREMIUM
   Tüm sayfalarda aynı footer görünümü verir.
========================================================= */
.isf-og-footer{position:relative;background:#08151f;color:#d8e5df;margin-top:0;overflow:hidden;}
.isf-og-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0%,rgba(249,115,22,.22),transparent 34%),radial-gradient(circle at 92% 18%,rgba(22,163,74,.20),transparent 30%);pointer-events:none;}
.isf-og-footer .container{position:relative;z-index:2;}
.isf-og-cta{background:linear-gradient(180deg,#f7fbf6 0%,#fff7ed 100%);padding:56px 0 0;}
.isf-og-cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:30px;padding:40px 42px;background:linear-gradient(135deg,#f97316 0%,#16a34a 100%);box-shadow:0 28px 70px rgba(15,23,42,.18);color:#fff;position:relative;overflow:hidden;}
.isf-og-cta-box:before{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-115px;border-radius:50%;background:rgba(255,255,255,.16);}
.isf-og-cta-box span{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fff7ed;}
.isf-og-cta-box h2{margin:10px 0 10px;color:#fff;font-size:34px;line-height:1.18;font-weight:950;letter-spacing:-.6px;}
.isf-og-cta-box p{margin:0;color:rgba(255,255,255,.88);font-size:16px;line-height:1.7;max-width:720px;}
.isf-og-cta-actions{display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:1;flex:0 0 auto;}
.isf-og-btn{height:52px;padding:0 22px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:900;text-decoration:none!important;white-space:nowrap;transition:.25s;}
.isf-og-btn-light{background:#fff;color:#15803d!important;box-shadow:0 15px 34px rgba(0,0,0,.14);}
.isf-og-btn-outline{background:rgba(255,255,255,.12);color:#fff!important;border:1px solid rgba(255,255,255,.30);}
.isf-og-btn:hover{transform:translateY(-3px);filter:saturate(1.05);}
.isf-og-footer-main{position:relative;padding:78px 0 0;background:#08151f;}
.isf-og-footer-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr 1.25fr;gap:34px;padding-bottom:46px;}
.isf-og-footer h3{margin:0 0 14px;color:#fff;font-size:30px;font-weight:950;letter-spacing:-.3px;}
.isf-og-footer h4{margin:0 0 20px;color:#fff;font-size:16px;font-weight:950;position:relative;padding-bottom:12px;}
.isf-og-footer h4:after{content:"";position:absolute;left:0;bottom:0;width:42px;height:3px;border-radius:999px;background:linear-gradient(90deg,#f97316,#16a34a);}
.isf-og-footer p{color:#aabbb4;line-height:1.75;margin:0 0 20px;}
.isf-og-badges{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px;}
.isf-og-badges span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);color:#e9f5ef;font-size:13px;font-weight:800;}
.isf-og-badges i{color:#22c55e;}
.isf-og-social li a{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);display:inline-flex!important;align-items:center;justify-content:center;color:#fff!important;transition:.22s;}
.isf-og-social li a:hover{background:#f97316;border-color:#f97316;transform:translateY(-3px);}
.isf-og-footer-col a{display:flex;align-items:center;color:#aabbb4!important;text-decoration:none!important;margin:0 0 12px;font-weight:650;transition:.22s;}
.isf-og-footer-col a:before{content:"";width:7px;height:7px;border-radius:50%;background:#16a34a;margin-right:10px;box-shadow:0 0 0 4px rgba(22,163,74,.10);}
.isf-og-footer-col a:hover{color:#fff!important;transform:translateX(5px);}
.isf-og-contact-item{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;color:#aabbb4;line-height:1.55;}
.isf-og-contact-item i{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:rgba(249,115,22,.12);color:#fb923c;display:flex;align-items:center;justify-content:center;}
.isf-og-payments{margin-top:18px;padding:18px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);}
.isf-og-payments strong{display:block;color:#fff;margin-bottom:12px;font-size:15px;}
.isf-og-payments img{max-width:190px;width:100%;height:auto;filter:brightness(1.08);}
.isf-og-footer-bottom{border-top:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;}
.isf-og-footer-bottom p{margin:0;color:#95a9a1;font-size:14px;}
.isf-og-footer-bottom a,.isf-og-lang-btn{color:#d8e5df!important;text-decoration:none!important;margin-left:16px;background:transparent;border:0;padding:0;font-weight:700;}
.isf-og-footer-bottom a:hover,.isf-og-lang-btn:hover{color:#fb923c!important;}
@media(max-width:991px){.isf-og-cta-box{display:block;padding:32px 28px;}.isf-og-cta-actions{margin-top:24px}.isf-og-footer-grid{grid-template-columns:1fr 1fr;}.isf-og-footer-bottom{display:block}.isf-og-footer-bottom div{margin-top:12px}.isf-og-footer-bottom a,.isf-og-lang-btn{margin:0 14px 0 0;}.isf-og-cta-box h2{font-size:29px;}}
@media(max-width:575px){.isf-og-cta{padding-top:36px}.isf-og-cta-box{border-radius:22px;padding:28px 22px}.isf-og-cta-box h2{font-size:25px}.isf-og-btn{width:100%;}.isf-og-footer-main{padding-top:54px}.isf-og-footer-grid{grid-template-columns:1fr;gap:26px}.isf-og-footer h3{font-size:26px}.isf-og-badges span{width:100%;}.isf-og-footer-bottom a,.isf-og-lang-btn{display:inline-flex;margin-top:8px;}}