/*
  Netroa - Tema özelleştirmeleri
  Not: Bu dosya, orijinal style.css dosyasına dokunmadan küçük düzenlemeler yapmanız için eklenmiştir.
*/

/* Logo boyutu (responsive) */
.logo-holder .logo,
.website-logo .logo {
    background-size: contain;
    background-repeat: no-repeat;
}

/* Header: Logo dikey hizalama (logo üste kayma düzeltmesi) */
@media (min-width: 768px){
    #nav .logo-holder{
        padding-top: 20px !important; /* navbar linkleri ile aynı hizaya getir */
    }
}

/* VDS tabloları */
.vds-tabs {
    margin-top: 20px;
}

.vds-table-wrap {
    margin-top: 20px;
}

.vds-table th,
.vds-table td {
    vertical-align: middle !important;
}

.vds-table .ybtn {
    padding: 6px 14px;
    font-size: 12px;
    line-height: 1.2;
}

/* Ana sayfa S.S.S. bölümü */
#home-faq{
    padding-top: 60px;
    padding-bottom: 60px;
    background: #f7f9fc;
}

#home-faq .panel-group{
    margin-bottom: 0;
}

#home-faq .panel{
    border: 0;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(0,0,0,0.06);
}

#home-faq .panel + .panel{
    margin-top: 16px;
}

#home-faq .panel-heading{
    background: #ffffff;
    border: 0;
    padding: 0;
}

#home-faq .panel-title a{
    display: block;
    padding: 18px 22px;
    font-size: 16px;
    font-weight: 800;
    color: #1b1f23;
    position: relative;
    text-decoration: none;
}

#home-faq .panel-title a:after{
    content: "078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    color: #2c3138;
    font-size: 12px;
}

#home-faq .panel-title a.collapsed:after{
    transform: translateY(-50%) rotate(-90deg);
    opacity: 0.8;
}

#home-faq .panel-body{
    padding: 0 22px 20px 22px;
    color: #616b76;
    font-size: 15px;
    line-height: 1.7;
}

/* Footer logo görseli */
.footer-logo img {
    max-width: 220px;
    height: auto;
}

/* --- Düzeltmeler (okunabilirlik & TR uyumu) --- */

/* Hizmet kartı başlıklarında büyük harf zorlamasını kaldır */
.service-box .service-title,
.service-box .service-title a{
    text-transform: none !important;
}

/* Footer okunabilirliği */
#footer{
    padding-top: 70px;
    padding-bottom: 35px;
}

#footer .footer-logo,
#footer .footer-title,
#footer .footer-menu,
#footer .address-holder,
#footer .social-holder,
#footer .text,
#footer .company-legal{
    text-align: left;
}

#footer .footer-title{
    font-size: 17px;
    color: #ffffff;
    margin: 0 0 20px 0;
    font-weight: 600;
}

#footer .text{
    color: #98a2ae;
    font-size: 15px;
    line-height: 1.6;
    margin-top: 10px;
}

#footer .social-holder{
    margin-top: 16px;
}

#footer .social-holder a{
    display: inline-block;
    margin-right: 10px;
    color: #98a2ae;
    font-size: 16px;
    opacity: 0.95;
}

#footer .social-holder a:hover,
#footer .social-holder a:focus{
    color: #15181d;
    text-decoration: none;
    opacity: 1;
}

#footer .company-legal{
    margin-top: 14px;
    color: #98a2ae;
    font-size: 13px;
    line-height: 1.6;
}

#footer .company-legal strong{
    color: #ffffff;
    font-weight: 600;
}

#footer .company-legal .company-note{
    margin-top: 10px;
    opacity: 0.9;
}

/* Footer: link renkleri (mail linkinin maviye dönmesini engelle) */
#footer .email a,
#footer .address a{
    color: #ffffff;
}

#footer .email a:hover,
#footer .email a:focus,
#footer .address a:hover,
#footer .address a:focus{
    color: #ffffff;
    text-decoration: none;
}

/* Footer: Yasal başlığı (ayrı sütunda hizalı kalsın) */
#footer .footer-title-legal{
    margin-top: 0;
}

/* Footer: Adres ikon hizası */
#footer .address{
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

#footer .address div{
    display: block;
}

#footer .address [class*=fa]{
    flex: 0 0 20px;
    margin-top: 2px; /* ikonun üste kaymasını dengeler */
}

/* Footer üstü: iş ortakları / altyapı logoları */
#partners-bar{
    background: #ffffff;
    padding: 22px 0;
    border-top: 1px solid rgba(0,0,0,0.04);
}

#partners-bar .partners-logos{
    display: flex;
    flex-wrap: nowrap;          /* alt satıra düşmesin */
    justify-content: center;
    align-items: center;
    gap: 12px;
    overflow-x: auto;           /* küçük ekranlarda yatay kaydırma */
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;      /* Firefox: scrollbar gizle */
}

#partners-bar .partners-logos::-webkit-scrollbar{
    display: none;              /* Chrome/Safari: scrollbar gizle */
}

#partners-bar .partner-logo{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;             /* yatay padding kaldırıldı: tek satıra sığsın */
    border-radius: 8px;
    outline: none;
    flex: 0 0 auto;
}

#partners-bar .partner-logo img{
    max-height: 32px;
    width: auto;
    max-width: 160px;
    filter: grayscale(100%) saturate(0%) opacity(0.65);
    transition: filter 180ms ease, opacity 180ms ease, transform 180ms ease;
}

/* Ana sayfa ek bölümler */
#home-quick-features{
    background: #ffffff;
    padding: 55px 0;
}

#home-quick-features .quick-features-row{
    margin-top: 18px;
}

#home-quick-features .quick-feature{
    background: #fcfcfd;
    border-radius: 12px;
    padding: 26px 22px;
    box-shadow: -1px 8px 18px rgba(0,0,0,0.08);
    margin-top: 0;
    margin-bottom: 26px;
    height: 100%;
}

#home-quick-features .quick-feature .icon{
    font-size: 28px;
    color: #3a4048;
    margin-bottom: 14px;
}

#home-quick-features .quick-feature .title{
    font-size: 16px;
    font-weight: 700;
    color: #3b444d;
    margin-bottom: 10px;
}

#home-quick-features .quick-feature .text{
    font-size: 15px;
    color: #6d7280;
    opacity: 0.9;
    line-height: 1.6;
}


#partners-bar .partner-logo:hover img,
#partners-bar .partner-logo:focus img,
#partners-bar .partner-logo.active img{
    filter: none;
    opacity: 1;
    transform: translateY(-1px);
}

/* Sub-footer (alt şerit) */
#footer .sub-footer{
    margin-top: 35px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,0.08);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

#footer .sub-footer-text{
    color: #98a2ae;
    font-size: 13px;
}

#footer .sub-footer-menu a{
    color: #98a2ae;
    font-size: 13px;
    margin-left: 12px;
}

#footer .sub-footer-menu a:hover,
#footer .sub-footer-menu a:focus{
    color: #15181d;
    text-decoration: none;
}

/* Mobilde ortala */
@media (max-width: 768px){
    #footer .footer-logo,
    #footer .footer-title,
    #footer .footer-menu,
    #footer .address-holder,
    #footer .social-holder,
    #footer .text,
    #footer .company-legal{
        text-align: center;
    }

    #footer .sub-footer{
        justify-content: center;
        text-align: center;
    }
}

/* =============================
   v3 İyileştirmeler
   ============================= */

/* 1) Üst Menü: Logo + Menü hizalama (daha düzgün, yamuk hissini azaltır) */
@media (min-width: 768px){
    /* navbar-header + navbar-collapse aynı hizada */
    #nav .container-nav .col-md-12{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #nav .navbar-header{
        display: flex;
        align-items: center;
        float: none;
    }

    /* Logo üst paddingini sıfırla (flex ile ortalanacak) */
    #nav .logo-holder{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        display: flex;
        align-items: center;
    }

    /* Menü bloklarını flex'e çevir */
    #nav .navbar-collapse{
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        height: auto !important;
        float: none;
    }

    #nav .navbar-nav{
        display: flex;
        align-items: center;
        float: none !important;
        margin: 0;
    }

    #nav .navbar-nav > li{
        float: none;
    }

    /* Linkleri dikeyde ortala */
    #nav .navbar-nav > li > a{
        padding-top: 28px;
        padding-bottom: 28px;
    }

    /* Müşteri Paneli'ni hafif "buton" görünümüne getir */
    #nav .navbar-nav > li > a.login-button{
        border: 1px solid rgba(255,255,255,0.35);
        border-radius: 12px;
        padding: 10px 16px;
        line-height: 1;
        margin-left: 18px;
    }

    #nav .navbar-nav > li > a.login-button:hover,
    #nav .navbar-nav > li > a.login-button:focus{
        background: rgba(255,255,255,0.12);
        color: #ffffff;
        text-decoration: none;
    }

    /* Destek butonunun üstten boşluğunu kaldır (flex ile ortalanacak) */
    #nav .support-button-holder a.support-button{
        margin-top: 0 !important;
        padding: 10px 22px;
        border-radius: 12px;
    }
}

/* 2) Partner logoları: sağ/sol boşluk + daha iyi dağılım */
#partners-bar .partners-logos{
    padding-left: 16px;
    padding-right: 16px;
}

@media (min-width: 992px){
    /* Masaüstünde logolar tek satırda TAŞMADAN sığsın (AMD kesilmesin) */
    #partners-bar .partners-logos{
        justify-content: center;
        gap: 10px;
        overflow-x: hidden;
    }

    #partners-bar .partner-logo{
        /* 10 logo için otomatik küçülme (container genişliğine göre) */
        flex: 1 1 0;
        max-width: 100px;
        min-width: 80px;
        padding: 8px 0;
    }

    #partners-bar .partner-logo img{
        max-height: 28px;
        max-width: 100%;
    }
}

@media (min-width: 1200px){
    #partners-bar .partner-logo{
        max-width: 110px;
    }

    #partners-bar .partner-logo img{
        max-height: 30px;
    }
}

/* 4) Ana sayfa "Neden Netroa" kartları: eşit yükseklik (3. kartın alta uzamasını engeller) */
@media (min-width: 768px){
    #home-quick-features .quick-features-row{
        display: flex;
        flex-wrap: wrap;
    }

    #home-quick-features .quick-features-row > [class*='col-']{
        display: flex;
    }

    #home-quick-features .quick-feature{
        width: 100%;
    }
}

/* 4.1) Ana sayfa: Alan adı hızlı sorgu kartı */
#home-domain-search{
    background: #ffffff;
    padding: 34px 0 22px 0;
}

#home-domain-search .domain-search-card{
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 18px 60px rgba(0,0,0,0.08);
    padding: 20px 22px;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

#home-domain-search .domain-search-card .title{
    font-size: 18px;
    font-weight: 900;
    color: #1b1f23;
    margin-bottom: 2px;
}

#home-domain-search .domain-search-card .subtitle{
    font-size: 13px;
    font-weight: 700;
    color: #616b76;
}

#home-domain-search .domain-left{
    flex: 1 1 220px;
}

#home-domain-search .domain-form{
    flex: 2 1 420px;
    display: flex;
    gap: 10px;
    padding: 8px;
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,0.06);
    background: #f7f9fc;
}

#home-domain-search .domain-form input{
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    padding: 10px 14px;
    font-weight: 700;
    color: #1b1f23;
}

#home-domain-search .domain-form input::placeholder{
    color: rgba(27,42,58,0.55);
    font-weight: 600;
}

#home-domain-search .domain-form .ybtn{
    border-radius: 999px;
    padding: 12px 18px;
    font-weight: 900;
    white-space: nowrap;
}

#home-domain-search .domain-tlds{
    flex: 1 1 220px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

#home-domain-search .domain-tlds span{
    display: inline-block;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(17,20,24,0.10);
    color: #2c3138;
    font-size: 12px;
    font-weight: 900;
}

#home-domain-search .domain-perks{
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

#home-domain-search .domain-perks .perk{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 10px 26px rgba(0,0,0,0.06);
    font-size: 13px;
    font-weight: 900;
    color: #3b444d;
}

#home-domain-search .domain-perks .perk i{
    color: #2c3138;
    font-size: 13px;
}

@media (max-width: 991px){
    #home-domain-search .domain-perks{
        justify-content: flex-start;
    }
}


@media (max-width: 991px){
    #home-domain-search .domain-tlds{
        justify-content: flex-start;
    }
}

@media (max-width: 600px){
    #home-domain-search .domain-form{
        flex-direction: column;
        border-radius: 16px;
    }

    #home-domain-search .domain-form .ybtn{
        width: 100%;
    }
}

/* 4.2) Ana sayfa: 3 adımda yayına alın */
#home-steps{
    background: #f7f9fc;
    padding: 65px 0;
}

#home-steps .step-card{
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 16px 48px rgba(0,0,0,0.07);
    padding: 24px 20px;
    height: 100%;
    transition: transform 180ms ease, box-shadow 180ms ease;
}

#home-steps .step-card .icon{
    width: 44px;
    height: 44px;
    border-radius: 16px;
    background: rgba(17,20,24,0.10);
    color: #2c3138;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-bottom: 12px;
}

#home-steps .step-card .title{
    font-size: 16px;
    font-weight: 900;
    color: #1b1f23;
    margin-bottom: 6px;
}

#home-steps .step-card .text{
    font-size: 14px;
    color: #616b76;
    line-height: 1.6;
}

#home-steps .step-card:hover{
    transform: translateY(-3px);
    box-shadow: 0 22px 60px rgba(0,0,0,0.09);
}

/* 3) VDS: tablo yerine profesyonel plan kartları */
.vds-plans-grid{
    margin-top: 22px;
}

.vds-plan-card{
    background: #ffffff;
    border-radius: 14px;
    padding: 20px 20px 18px 20px;
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: -1px 8px 18px rgba(0,0,0,0.08);
    position: relative;
    overflow: hidden;
    height: 100%;
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.vds-plan-card:before{
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    right: -80px;
    top: -80px;
    background: rgba(44,49,56,0.14);
    border-radius: 50%;
}

.vds-plan-head{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.vds-plan-name{
    font-size: 16px;
    font-weight: 800;
    color: #3b444d;
}

.vds-plan-price{
    text-align: right;
    font-size: 18px;
    font-weight: 800;
    color: #15181d;
    line-height: 1.05;
}

.vds-plan-price span{
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #6d7280;
    opacity: 0.95;
}

.vds-plan-specs{
    list-style: none;
    margin: 0 0 16px 0;
    padding: 0;
}

.vds-plan-specs li{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 9px 0;
    border-top: 1px dashed rgba(0,0,0,0.08);
    font-size: 14px;
    color: #4b505a;
}

.vds-plan-specs li:first-child{
    border-top: 0;
}

.vds-plan-specs i{
    flex: 0 0 16px;
    width: 16px;
    margin-top: 2px;
    color: #3a4048;
    text-align: center;
}

.vds-plan-footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.vds-plan-footer .ybtn{
    padding: 10px 18px;
    font-size: 13px;
    border-radius: 999px;
}

.vds-chip{
    font-size: 12px;
    font-weight: 700;
    color: #3b444d;
    background: rgba(17,20,24,0.10);
    padding: 6px 10px;
    border-radius: 999px;
    white-space: nowrap;
}

.vds-plan-card:hover{
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(0,0,0,0.12);
}

@media (min-width: 768px){
    .vds-plans-grid .row{
        display: flex;
        flex-wrap: wrap;
    }

    .vds-plans-grid .row > [class*='col-']{
        display: flex;
    }

    .vds-plan-card{
        width: 100%;
    }
}

/* 5) About Us: Kurumsal Bilgiler (tema ile uyumlu, modern kart) */
#about-corporate{
    background: #f7f9fc;
    padding: 65px 0;
}

#about-corporate .corporate-card{
    background: #ffffff;
    border-radius: 22px;
    padding: 42px 34px;
    box-shadow: 0 22px 60px rgba(0,0,0,0.08);
    border: 1px solid rgba(0,0,0,0.06);
}

#about-corporate .corporate-head{
    text-align: center;
    margin-bottom: 26px;
}

#about-corporate .corporate-head h3{
    margin: 0 0 12px 0;
    font-size: 30px;
    font-weight: 900;
    color: #1b1f23;
}

#about-corporate .corporate-intro{
    color: #616b76;
    font-size: 15px;
    line-height: 1.7;
    margin: 0 auto;
    max-width: 720px;
}

#about-corporate .corporate-grid{
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.65fr);
    gap: 22px;
    align-items: start;
}

#about-corporate .corporate-list{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
}

#about-corporate .corporate-item{
    display: flex;
    gap: 12px;
    padding: 14px 14px;
    border-radius: 16px;
    background: #fcfcfd;
    border: 1px solid rgba(0,0,0,0.06);
}

#about-corporate .corporate-item .icon{
    width: 38px;
    height: 38px;
    border-radius: 14px;
    background: rgba(17,20,24,0.10);
    color: #2c3138;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
}

#about-corporate .corporate-item .label{
    font-size: 12px;
    font-weight: 800;
    color: #616b76;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    margin-bottom: 3px;
}

#about-corporate .corporate-item .value{
    font-size: 14px;
    font-weight: 800;
    color: #1b1f23;
    line-height: 1.4;
    word-break: break-word;
}

#about-corporate .corporate-item .value a{
    color: #1b1f23;
    text-decoration: none;
}

#about-corporate .corporate-item .value a:hover,
#about-corporate .corporate-item .value a:focus{
    color: #15181d;
    text-decoration: none;
}

#about-corporate .corporate-side{
    padding: 18px 18px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(44,49,56,0.10), rgba(17,20,24,0.04));
    border: 1px solid rgba(0,0,0,0.06);
}

#about-corporate .btk-badge{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 900;
    color: #1b1f23;
    margin-bottom: 14px;
}

#about-corporate .btk-badge i{
    color: #2c3138;
}

#about-corporate .corporate-buttons{
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 6px;
}

#about-corporate .corporate-buttons .ybtn{
    width: 100%;
    border-radius: 999px;
    padding: 14px 18px;
    font-weight: 800;
}

@media (max-width: 991px){
    #about-corporate .corporate-grid{
        grid-template-columns: 1fr;
    }

    #about-corporate .corporate-list{
        grid-template-columns: 1fr;
    }
}

/* 6) Footer: netroa benzeri özellik şeridi + ödeme bandı */
#footer .footer-feature-strip{
    margin-top: 35px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px 22px;
}

#footer .footer-feature-strip .item{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    opacity: 0.95;
}

#footer .footer-feature-strip .item i{
    color: #ffb400;
    font-size: 14px;
}


#footer .footer-pay-card{
    margin-top: 18px;
    background: rgba(255,255,255,0.14);
    border-radius: 18px;
    padding: 22px 22px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 18px;
}

#footer .footer-pay-card .left{
    text-align: left;
    min-width: 0;
    justify-self: start;
}

#footer .footer-pay-card .left .copy{
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 6px;
}

#footer .footer-pay-card .left .note{
    color: #98a2ae;
    font-size: 13px;
}

#footer .footer-pay-card .center{
    text-align: center;
    justify-self: center;
}

#footer .footer-pay-card .pay-logos{
    display: block;
    margin: 0 auto;
    max-height: 34px;
    width: auto;
    opacity: 0.95;
}

#footer .footer-pay-card .right{
    text-align: right;
    min-width: 0;
    justify-self: end;
}

#footer .footer-pay-card .footer-panel-btn{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #2c3138;
    color: #ffffff;
    padding: 12px 22px;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

#footer .footer-pay-card .footer-panel-btn:hover,
#footer .footer-pay-card .footer-panel-btn:focus{
    background: #15181d;
    color: #ffffff;
    text-decoration: none;
}

#footer .footer-etbis{
    margin-top: 16px;
    color: #98a2ae;
    font-size: 13px;
    text-align: center;
}

@media (max-width: 768px){
    #footer .footer-pay-card{
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    #footer .footer-pay-card .left,
    #footer .footer-pay-card .right{
        text-align: center;
    }
}

/* Düzeltme: #home-quick-features içinde sadece kart satırı flex olsun */
@media (min-width: 768px){
    #home-quick-features .row{
        display: block;
    }

    #home-quick-features .row > [class*='col-']{
        display: block;
    }

    #home-quick-features .quick-features-row{
        display: flex;
        flex-wrap: wrap;
    }

    #home-quick-features .quick-features-row > [class*='col-']{
        display: flex;
    }

    #home-quick-features .quick-features-row .quick-feature{
        width: 100%;
    }
}

/* Dedicated paket detayları: ikon hizalama */
.pricing-details ul li i{
    margin-right: 8px;
    color: #3a4048;
}


/* S.S.S. Sayfası (faq.html) - daha profesyonel görünüm */
#page-content.faq-page{
    background: #f7f9fc;
    padding-top: 55px;
    padding-bottom: 55px;
}

#page-content.faq-page .faq-intro{
    margin: 10px 0 28px 0;
    color: #616b76;
    font-size: 16px;
}

#page-content.faq-page .panel-group{
    margin-bottom: 0;
}

#page-content.faq-page .panel{
    border: 0;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(0,0,0,0.06);
}

#page-content.faq-page .panel + .panel{
    margin-top: 16px;
}

#page-content.faq-page .panel-heading{
    background: #ffffff;
    border: 0;
    padding: 0;
}

#page-content.faq-page .panel-title a{
    display: block;
    padding: 18px 22px;
    font-size: 16px;
    font-weight: 800;
    color: #1b1f23;
    position: relative;
    text-decoration: none;
}

#page-content.faq-page .panel-title a:after{
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    color: #2c3138;
    font-size: 12px;
}

#page-content.faq-page .panel-title a.collapsed:after{
    transform: translateY(-50%) rotate(-90deg);
    opacity: 0.8;
}

#page-content.faq-page .panel-body{
    padding: 0 22px 20px 22px;
    color: #616b76;
    font-size: 15px;
    line-height: 1.7;
}

/* Ana sayfa: Blog / Rehber önizleme */
#home-blog{
    background: #ffffff;
    padding: 65px 0;
}

#home-blog .blog-preview-card{
    display: block;
    background: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 16px 48px rgba(0,0,0,0.07);
    transition: transform 180ms ease, box-shadow 180ms ease;
    height: 100%;
}

#home-blog .blog-preview-card .thumb{
    height: 190px;
    overflow: hidden;
}

#home-blog .blog-preview-card .thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 240ms ease;
}

#home-blog .blog-preview-card .body{
    padding: 18px 18px 16px 18px;
}

#home-blog .blog-preview-card .title{
    font-size: 16px;
    font-weight: 900;
    color: #1b1f23;
    margin-bottom: 8px;
    line-height: 1.35;
}

#home-blog .blog-preview-card .text{
    font-size: 14px;
    color: #616b76;
    line-height: 1.6;
    margin-bottom: 12px;
}

#home-blog .blog-preview-card .more{
    font-weight: 900;
    color: #2c3138;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

#home-blog .blog-preview-card:hover{
    transform: translateY(-3px);
    box-shadow: 0 22px 60px rgba(0,0,0,0.09);
}

#home-blog .blog-preview-card:hover .thumb img{
    transform: scale(1.04);
}


/* Ana sayfa: Kurumsal & Hızlı Destek */
#home-about{
    background: #ffffff;
    padding: 65px 0;
}

#home-about .home-about-box{
    background: #fcfcfd;
    border-radius: 16px;
    padding: 30px 28px;
    box-shadow: 0 18px 45px rgba(0,0,0,0.06);
    height: 100%;
}

#home-about .home-about-box h4{
    margin-top: 0;
    font-size: 20px;
    font-weight: 900;
    color: #1b1f23;
}

#home-about .home-about-box p{
    color: #616b76;
    font-size: 15px;
    line-height: 1.7;
    margin-top: 12px;
}

#home-about .home-about-list{
    list-style: none;
    padding: 0;
    margin: 18px 0 0 0;
}

#home-about .home-about-list li{
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 10px;
    color: #616b76;
    font-size: 15px;
}

#home-about .home-about-list i{
    color: #2c3138;
    margin-top: 3px;
}

#home-about .home-help-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

#home-about .home-help-card{
    background: #fcfcfd;
    border-radius: 16px;
    padding: 22px 20px;
    box-shadow: 0 18px 45px rgba(0,0,0,0.06);
    text-decoration: none;
    color: inherit;
    display: block;
    transition: transform 180ms ease, box-shadow 180ms ease;
    height: 100%;
}

#home-about .home-help-card .icon{
    font-size: 22px;
    color: #2c3138;
    margin-bottom: 10px;
}

#home-about .home-help-card .title{
    font-size: 16px;
    font-weight: 900;
    color: #1b1f23;
    margin-bottom: 6px;
}

#home-about .home-help-card .text{
    font-size: 14px;
    color: #616b76;
    line-height: 1.6;
}

#home-about .home-help-card:hover{
    transform: translateY(-2px);
    box-shadow: 0 22px 55px rgba(0,0,0,0.08);
}

@media (max-width: 991px){
    #home-about .home-help-grid{
        margin-top: 18px;
    }
}

@media (max-width: 600px){
    #home-about .home-help-grid{
        grid-template-columns: 1fr;
    }
}

/* 8) "Satın Al" (pricing) kartları: daha modern / profesyonel görünüm */
.pricing-box.pricing-box-simple{
    will-change: transform;
}

.pricing-box.pricing-box-simple .pricing-content{
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 16px 40px rgba(0,0,0,0.08);
}

.pricing-box.pricing-box-simple .pricing-content .pricing-head{
    padding: 28px 26px 34px 26px;
}

/* Eski "yamuk" header'ı daha düz ve şık yap */
.pricing-box.pricing-box-simple .pricing-content .pricing-head:before{
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}

.pricing-box.pricing-box-simple .pricing-content .pricing-title{
    border-radius: 12px;
    padding: 10px 18px;
    font-weight: 900;
    letter-spacing: 0.2px;
}

.pricing-box.pricing-box-simple .pricing-content .pricing-features{
    margin-bottom: 22px;
}

.pricing-box.pricing-box-simple .pricing-content .pricing-price{
    font-size: 34px !important;
    font-weight: 900;
}

.pricing-box.pricing-box-simple .pricing-content .billing-cycle{
    font-weight: 700;
    opacity: 0.92;
}

.pricing-box.pricing-box-simple .pricing-content .pricing-details ul{
    margin-top: 24px;
}

.pricing-box.pricing-box-simple .pricing-content .pricing-details ul li{
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 0 10px 26px rgba(0,0,0,0.06);
    font-weight: 700;
}

.pricing-box.pricing-box-simple .pricing-content .pricing-link{
    padding-top: 10px;
}

.pricing-box.pricing-box-simple .pricing-content .pricing-link a{
    width: 100%;
    border-radius: 999px;
    font-weight: 900;
    padding: 14px 18px;
}

.pricing-box.pricing-box-simple:hover{
    transform: translateY(-4px);
}


/* 9) Ana sayfa: Alan adı bloğu üstündeki boşluğu azalt + içerik ekle */
#info{
    padding-top: 52px;
    padding-bottom: 24px;
}

#info .ybtn{
    margin-top: 14px;
}

#info .info-stats{
    margin-top: 26px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
}

#info .info-stat{
    display: flex;
    align-items: center;
    gap: 12px;
    background: #f7f9fc;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 16px;
    padding: 14px 16px;
    min-width: 200px;
    box-shadow: 0 12px 32px rgba(0,0,0,0.06);
}

#info .info-stat .icon{
    width: 40px;
    height: 40px;
    border-radius: 14px;
    background: rgba(17,20,24,0.12);
    color: #2c3138;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex: 0 0 40px;
}

#info .info-stat .texts{
    text-align: left;
}

#info .info-stat .value{
    font-weight: 900;
    color: #1b1f23;
    font-size: 14px;
    line-height: 1.2;
}

#info .info-stat .label{
    margin-top: 2px;
    color: #616b76;
    font-weight: 800;
    font-size: 12px;
    line-height: 1.2;
}

/* Alan adı hızlı sorgu bölümü: daha belirgin arka plan */
#home-domain-search{
    background: #f7f9fc;
    padding-top: 58px;
    padding-bottom: 52px;
    border-top: 1px solid rgba(0,0,0,0.04);
    border-bottom: 1px solid rgba(0,0,0,0.04);
}

#home-domain-search .domain-extras{
    margin-top: 14px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}

#home-domain-search .domain-extras .extra{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(0,0,0,0.06);
    font-weight: 800;
    color: #444c55;
}

#home-domain-search .domain-extras .extra i{
    color: #2c3138;
}

/* 10) Ana sayfa 6'lı kart: satırlar arası boşluk */
#home-quick-features .quick-features-row{
    row-gap: 26px;
}

#home-quick-features .quick-feature{
    margin-bottom: 0;
}

@supports not (gap: 10px){
    #home-quick-features .quick-feature{
        margin-bottom: 26px;
    }
}

/* 11) About Us: butonları ortala */
#about-corporate .corporate-side{
    text-align: center;
}

#about-corporate .btk-badge{
    justify-content: center;
}

#about-corporate .corporate-buttons{
    align-items: center;
}

#about-corporate .corporate-buttons .ybtn{
    width: 100%;
    max-width: 340px;
}

/* 12) Partner logoları: sağ/sol kırpılma olmasın (AMD dahil) */
@media (min-width: 992px){
    #partners-bar .partners-logos{
        overflow-x: hidden;
        justify-content: center;
        gap: 12px;
        padding: 0 10px;
    }
    #partners-bar .partner-logo{
        flex: 1 1 0;
        max-width: 110px;
        min-width: 70px;
    }
}

/* 13) Ürün sayfaları: S.S.S. (FAQ) bölümü */
.product-faq{
    background: #f7f9fc;
    padding: 64px 0;
}

.product-faq .row-title{
    margin-bottom: 10px;
}

.product-faq .row-subtitle{
    margin-bottom: 28px;
}

.product-faq .panel{
    border: none;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 14px 32px rgba(0,0,0,0.06);
    margin-bottom: 14px;
}

.product-faq .panel-heading{
    background: #fff !important;
    border: none !important;
    padding: 0 !important;
}

.product-faq .panel-title a{
    display: block;
    padding: 18px 18px;
    font-weight: 900;
    color: #1b1f23;
    position: relative;
    text-decoration: none;
}

.product-faq .panel-title a:after{
    content: '\f107';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #2c3138;
}

.product-faq .panel-title a.collapsed:after{
    content: '\f105';
}

.product-faq .panel-body{
    background: #fff;
    color: #616b76;
    font-weight: 600;
    line-height: 1.8;
    padding: 16px 18px 18px 18px;
    border-top: 1px solid rgba(0,0,0,0.06);
}

/* Mobil: info-stat daha dar */
@media (max-width: 768px){
    #info .info-stat{
        min-width: 160px;
        padding: 12px 14px;
    }
    #info .info-stat .icon{
        width: 38px;
        height: 38px;
        border-radius: 13px;
    }
}


/* 12) Alan adı: Popüler uzantılar */
#home-domain-search .domain-popular{
    margin-top: 18px;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 18px;
    padding: 16px 18px;
    box-shadow: 0 14px 34px rgba(0,0,0,0.06);
}

#home-domain-search .domain-popular-head{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

#home-domain-search .domain-popular-head .title{
    font-weight: 900;
    color: #1b1f23;
    font-size: 14px;
}

#home-domain-search .domain-popular-head .note{
    color: #616b76;
    font-weight: 800;
    font-size: 12px;
}

#home-domain-search .domain-popular-grid{
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

#home-domain-search .domain-popular-grid .tld-item{
    position: relative;
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 14px;
    background: #f7f9fc;
    border: 1px solid rgba(0,0,0,0.06);
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(0,0,0,0.05);
}

#home-domain-search .domain-popular-grid .tld-item .tld-name{
    font-weight: 900;
    color: #1b1f23;
    font-size: 13px;
}

#home-domain-search .domain-popular-grid .tld-item .tld-price{
    font-weight: 900;
    color: #2c3138;
    font-size: 13px;
}

#home-domain-search .domain-popular-grid .tld-item .tld-period{
    font-weight: 800;
    color: #616b76;
    font-size: 12px;
}

#home-domain-search .domain-popular-grid .tld-item .badge{
    position: absolute;
    top: -8px;
    right: 10px;
    background: #2c3138;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    padding: 4px 8px;
    border-radius: 999px;
    box-shadow: 0 10px 18px rgba(44,49,56,0.25);
}

#home-domain-search .domain-popular-foot{
    margin-top: 10px;
    color: #616b76;
    font-size: 12px;
    font-weight: 700;
}

/* 13) Ana sayfa: Kurumsal görünüm kartları */
#home-corporate{
    padding-top: 34px;
    padding-bottom: 34px;
    background: #ffffff;
}

#home-corporate .corporate-card{
    display: block;
    padding: 18px 16px;
    border-radius: 18px;
    background: #f7f9fc;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 14px 32px rgba(0,0,0,0.06);
    text-decoration: none;
    height: 100%;
    transition: transform 0.15s ease;
}

#home-corporate .corporate-card:hover{
    transform: translateY(-3px);
}

#home-corporate .corporate-card .icon{
    width: 44px;
    height: 44px;
    border-radius: 16px;
    background: rgba(17,20,24,0.12);
    color: #2c3138;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

#home-corporate .corporate-card .title{
    margin-top: 12px;
    font-weight: 900;
    color: #1b1f23;
    font-size: 15px;
}

#home-corporate .corporate-card .text{
    margin-top: 6px;
    color: #616b76;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.45;
}

#home-corporate .corporate-bottom{
    margin-top: 16px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}

#home-corporate .corporate-badge{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 999px;
    box-shadow: 0 10px 26px rgba(0,0,0,0.06);
    font-weight: 800;
    color: #444c55;
}

#home-corporate .corporate-badge i{
    color: #2c3138;
}

/* 14) Ürün sayfaları: Kullanım senaryoları + karşılaştırma */
.product-usecases{
    padding-top: 40px;
    padding-bottom: 40px;
    background: #ffffff;
}

.product-usecases .usecase-card{
    background: #fff;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 18px;
    padding: 18px 16px;
    box-shadow: 0 14px 34px rgba(0,0,0,0.06);
    height: 100%;
}

.product-usecases .usecase-card .icon{
    width: 44px;
    height: 44px;
    border-radius: 16px;
    background: rgba(17,20,24,0.12);
    color: #2c3138;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.product-usecases .usecase-card .title{
    margin-top: 12px;
    font-weight: 900;
    color: #1b1f23;
    font-size: 15px;
}

.product-usecases .usecase-card .text{
    margin-top: 6px;
    color: #616b76;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.45;
}

.product-usecases .usecase-cta{
    margin-top: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 18px;
    background: #f7f9fc;
    border: 1px solid rgba(0,0,0,0.06);
}

.product-usecases .usecase-cta .cta-text{
    font-weight: 800;
    color: #444c55;
}

.product-compare{
    padding-top: 40px;
    padding-bottom: 40px;
    background: #f7f9fc;
}

.product-compare .compare-table-wrap{
    margin-top: 18px;
    overflow-x: auto;
    border-radius: 18px;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 14px 34px rgba(0,0,0,0.06);
}

.product-compare .compare-table{
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    background: #fff;
}

.product-compare .compare-table th,
.product-compare .compare-table td{
    padding: 14px 12px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    text-align: center;
    font-weight: 800;
}

.product-compare .compare-table thead th{
    background: #2c3138;
    color: #fff;
    font-weight: 900;
    font-size: 13px;
}


.product-compare .compare-table thead th.is-featured{
    background: #111418;
    color: #fff;
}
.product-compare .compare-table td.feature{
    text-align: left;
    font-weight: 900;
    color: #1b1f23;
}

.product-compare .compare-table .is-featured{
    background: rgba(44,49,56,0.06);
}

.product-compare .cmp{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 10px;
    background: rgba(0,0,0,0.04);
}

.product-compare .cmp-ok{
    background: rgba(38,221,108,0.14);
}

.product-compare .cmp-ok i{
    color: #26dd6c;
}

.product-compare .cmp-no{
    background: rgba(255,74,85,0.12);
}

.product-compare .cmp-no i{
    color: #ff4a55;
}

.product-compare .cmp-mid{
    color: #616b76;
    font-weight: 900;
}

.product-compare .compare-note{
    margin-top: 10px;
    color: #616b76;
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 767px){
    .product-usecases .usecase-cta{justify-content: center; text-align:center;}
}


/* Usecase kartları: bootstrap float yerine flex ile hizala (satır kaymalarını önler) */
.product-usecases .usecase-grid > [class*='col-']{
    margin-bottom: 26px;
}

@media (min-width: 768px){
    .product-usecases .usecase-grid{
        display: flex;
        flex-wrap: wrap;
    }
    .product-usecases .usecase-grid > [class*='col-']{
        display: flex;
    }
    .product-usecases .usecase-grid .usecase-card{
        width: 100%;
    }
}

/* =============================
   v10 - Üst Bar + Footer Responsive Düzeltmeleri
   ============================= */

/* Header üstü iletişim şeridi (3. görsel) */
.topbar{
    background: #2c3138;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.2;
}

.topbar .topbar-inner{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    padding: 10px 0;
}

.topbar .topbar-left,
.topbar .topbar-right{
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
}

.topbar .topbar-left{
    justify-self: start;
}

.topbar .topbar-right{
    justify-self: end;
    justify-content: flex-end;
}

.topbar .topbar-center{
    justify-self: center;
    max-width: 100%;
    text-align: center;
    opacity: 0.95;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.topbar a{
    color: #ffffff;
    text-decoration: none;
    opacity: 0.95;
}

.topbar a:hover,
.topbar a:focus{
    color: #ffffff;
    text-decoration: none;
    opacity: 1;
}

.topbar .topbar-link{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.topbar .topbar-highlight{
    color: #ffffff;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Orta metni dar ekranlarda gizle (taşmayı önler) */
@media (max-width: 992px){
    .topbar .topbar-inner{
        display: flex;
        justify-content: space-between;
    }

    .topbar .topbar-center{display: none;}
}

/* Mobilde linkleri satıra sığdır */
@media (max-width: 576px){
    .topbar .topbar-inner{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        gap: 10px;
    }

    .topbar .topbar-left,
    .topbar .topbar-right{
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
    }
}


/* Footer: "Yasal" kolonu sıkışıklık düzeltmesi + mobil uyum */
#footer ul.footer-menu li{
    margin-bottom: 12px;
}

/* Varsayılan (style.css) 15px padding dar sütunda metni fazla kırıyordu */
#footer ul.footer-menu li a{
    padding: 4px 10px;
    margin-left: -10px;
    display: inline-block;
    max-width: 100%;
}

/* Mobilde daha temiz görünüm */
@media (max-width: 767px){
    #footer ul.footer-menu li a{
        padding: 6px 0;
        margin-left: 0;
    }

    /* İletişim satırlarını ortala */
    #footer .address-holder .phone,
    #footer .address-holder .email{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }

    #footer .address{
        justify-content: center;
    }

    /* Başlıklar arası nefes */
    #footer .footer-title{
        margin-top: 18px;
    }
}

/* =============================
   v11 - Üst Boşluk Düzeltme + Kurumsal Dokunuşlar
   ============================= */

/* Tarayıcı varsayılan boşluklarını sıfırla */
html, body{
    margin: 0;
    padding: 0;
}

/* Header'ın üstünde kalan 15px boşluğu kaldır (topbar en üste otursun) */
#header-holder{
    padding-top: 0 !important;
}

/* Ana sayfa info alanı: istatistikler kaldırıldığı için alt boşluğu geri ver */
#info{
    padding-bottom: 48px;
}

/* Daha kurumsal arka plan tonu */
body{
    background: #f7f9fc;
}

/* Başlık tipografisi: daha kurumsal ağırlık */
.row-title{
    font-weight: 800;
    letter-spacing: 0.2px;
}

.row-subtitle{
    font-size: 17px;
}

/* Buton hover: küçülme yerine hafif yukarı kalkış (daha kurumsal) */
.ybtn{
    text-transform: none;
    letter-spacing: 0.2px;
}

.ybtn:hover,
.ybtn:focus{
    -webkit-transform: translateY(-1px) !important;
    -moz-transform: translateY(-1px) !important;
    -ms-transform: translateY(-1px) !important;
    transform: translateY(-1px) !important;
}

/* Kart hover: scale yerine translate (daha profesyonel) */
.service-box{
    border: 1px solid rgba(0,0,0,0.05);
}

.service-box:hover{
    -webkit-transform: translateY(-3px) !important;
    -moz-transform: translateY(-3px) !important;
    -ms-transform: translateY(-3px) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 32px rgba(0,0,0,0.12) !important;
}

#articles .article-summary{
    border: 1px solid rgba(0,0,0,0.05);
}

#articles .article-summary:hover{
    -webkit-transform: translateY(-3px) !important;
    -moz-transform: translateY(-3px) !important;
    -ms-transform: translateY(-3px) !important;
    transform: translateY(-3px) !important;
}

/* Navigasyon linkleri: daha okunaklı / kurumsal */
#nav .navbar-nav > li > a{
    letter-spacing: 0.2px;
    font-weight: 600;
}


/* =============================
   v13 - Ana Sayfa (5-6-7-8 görsel düzenleri)
   ============================= */

/* Ortak küçük etiket + çizgi (Detaylar / SSS / Bize Ulaşın) */
.iv-section-label{
    font-size: 13px;
    font-weight: 800;
    color: #2c3138;
    letter-spacing: 0.6px;
    text-transform: none;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.iv-section-label .iv-section-line{
    display: inline-block;
    height: 2px;
    width: 30px;
    background: #2c3138;
    border-radius: 999px;
    opacity: 0.9;
}

.iv-section-label-light{
    color: rgba(255,255,255,0.92);
}

.iv-section-label-light .iv-section-line{
    background: rgba(255,255,255,0.85);
}

/* 5. görsel - Detaylar bölümü */
#home-details{
    background: #ffffff;
    padding: 70px 0;
}

#home-details .iv-details-row{
    /* Bootstrap kolon düzeni korunur; flex sadece geniş ekranda açılır */
}

#home-details .iv-details-img{
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
}

#home-details .iv-details-title{
    font-size: 44px;
    line-height: 1.15;
    font-weight: 900;
    color: #171b20;
    margin: 6px 0 18px 0;
}

#home-details .iv-details-text{
    font-size: 15px;
    line-height: 1.7;
    color: #616b76;
    margin-bottom: 18px;
}

#home-details .iv-bullet{
    font-size: 15px;
    font-weight: 600;
    color: #3b444d;
    margin: 10px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

#home-details .iv-bullet i{
    color: #2c3138;
}

#home-details .iv-details-actions{
    margin-top: 18px;
}

#home-details .iv-btn-wide{
    padding: 14px 28px;
    border-radius: 999px;
}

/* 6. görsel - 7/24 Destek CTA */
#home-support-cta{
    padding: 35px 0 10px 0;
    background: transparent;
}

#home-support-cta .iv-cta-box{
    background: #2c3138;
    border-radius: 28px;
    padding: 26px 26px;
    display: flex;
    align-items: center;
    gap: 18px;
    box-shadow: 0 30px 70px rgba(44,49,56,0.22);
    overflow: hidden;
}

#home-support-cta .iv-cta-figure{
    flex: 0 0 210px;
}

#home-support-cta .iv-cta-figure img{
    width: 100%;
    max-width: 210px;
    height: auto;
}

#home-support-cta .iv-cta-content{
    flex: 1 1 auto;
}

#home-support-cta .iv-cta-title{
    color: #ffffff;
    font-weight: 900;
    font-size: 34px;
    line-height: 1.15;
    margin: 0;
}

#home-support-cta .iv-cta-action{
    flex: 0 0 auto;
}

#home-support-cta .iv-cta-btn{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #f6a623;
    color: #ffffff;
    font-weight: 800;
    padding: 14px 22px;
    border-radius: 999px;
    text-decoration: none;
    white-space: nowrap;
}

#home-support-cta .iv-cta-btn:hover,
#home-support-cta .iv-cta-btn:focus{
    color: #ffffff;
    text-decoration: none;
    opacity: 0.95;
}

/* 7. görsel - Müşteri Yorumları */
#testimonials{
    padding: 85px 0;
    text-align: left;
    background: radial-gradient(circle at 20% 30%, rgba(255,206,214,0.35), transparent 45%),
                radial-gradient(circle at 70% 35%, rgba(169,192,255,0.35), transparent 50%),
                linear-gradient(90deg, rgba(255,236,240,0.55), rgba(236,246,255,0.55));
}

#testimonials .iv-testimonials-row{
    /* Bootstrap kolon düzeni korunur; flex sadece geniş ekranda açılır */
}

#testimonials .iv-testimonial-card{
    background: #ffffff;
    border-radius: 20px;
    padding: 44px 44px 64px 44px;
    box-shadow: 0 26px 80px rgba(0,0,0,0.10);
    position: relative;
}

#testimonials .iv-quote{
    color: #2c3138;
    font-size: 34px;
    margin-bottom: 18px;
}

#testimonials .iv-text{
    color: #616b76;
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 26px;
}

#testimonials .iv-name{
    font-size: 18px;
    font-weight: 900;
    color: #171b20;
}

#testimonials .iv-role{
    font-size: 13px;
    color: #616b76;
    margin-top: 3px;
}

#testimonials .iv-rating{
    margin-top: 18px;
}

#testimonials .iv-score{
    font-size: 14px;
    font-weight: 800;
    color: #171b20;
    margin-bottom: 8px;
}

#testimonials .iv-stars i{
    color: #00b67a;
    margin-right: 3px;
}

#testimonials .iv-testimonial-figure{
    text-align: center;
}

#testimonials .iv-testimonial-figure img{
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
}

/* Slick okları: kart içinde sağ altta */
#testimonials .slick-prev,
#testimonials .slick-next{
    position: absolute;
    bottom: 22px;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 0;
    background: #f2f4f7;
    color: #2c3138;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    z-index: 5;
    padding: 0;
}

#testimonials .slick-prev{ right: 60px; }
#testimonials .slick-next{ right: 12px; }

#testimonials .slick-prev:hover,
#testimonials .slick-next:hover{
    background: #2c3138;
    color: #ffffff;
}

#testimonials .slick-prev:before,
#testimonials .slick-next:before{
    display: none;
}

/* 8. görsel - Ana sayfa SSS */
#home-faq{
    padding: 85px 0;
    background: #ffffff;
}

#home-faq .iv-faq-row{
    /* Bootstrap kolon düzeni korunur; flex sadece geniş ekranda açılır */
}

#home-faq .iv-faq-title{
    font-size: 44px;
    line-height: 1.15;
    font-weight: 900;
    color: #171b20;
    margin: 6px 0 22px 0;
}

#home-faq .iv-faq-list{
    margin-top: 6px;
}

#home-faq .iv-faq-question{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 18px 0;
    font-size: 18px;
    font-weight: 800;
    color: #171b20;
    text-decoration: none;
    border-bottom: 1px solid rgba(44,49,56,0.22);
}

#home-faq .iv-faq-question:hover,
#home-faq .iv-faq-question:focus{
    color: #2c3138;
    text-decoration: none;
}

#home-faq .iv-faq-arrow{
    color: #171b20;
    font-size: 20px;
    opacity: 0.85;
    flex: 0 0 auto;
}

#home-faq .iv-faq-answer{
    padding: 12px 0 18px 0;
    color: #616b76;
    font-size: 15px;
    line-height: 1.7;
}

#home-faq .iv-faq-action{
    margin-top: 20px;
}

#home-faq .iv-faq-figure img{
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}


/* Geniş ekranda iki kolon ortalanmış hizalama */
@media (min-width: 992px){
    #home-details .iv-details-row,
    #testimonials .iv-testimonials-row,
    #home-faq .iv-faq-row{
        display: flex;
        align-items: center;
    }
}

/* Responsive düzen */
@media (max-width: 992px){
    #home-details .iv-details-title,
    #home-faq .iv-faq-title{ font-size: 36px; }

    #home-support-cta .iv-cta-title{ font-size: 28px; }

    #home-support-cta .iv-cta-box{
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    #home-support-cta .iv-cta-figure{ flex: 0 0 auto; }
}

@media (max-width: 768px){
    #home-details{ padding: 50px 0; }
    #home-faq{ padding: 55px 0; }
    #testimonials{ padding: 60px 0; }

    #testimonials .iv-testimonial-card{ padding: 34px 26px 64px 26px; }

    #testimonials .iv-testimonial-figure{ margin-top: 26px; }
}


/* Netroa FIX: Testimonials bölümünü (3. görseldeki gibi) hizala + okları sağ alta al */
#testimonials #testimonials-slider{
    margin-top: 0 !important;
    position: static !important; /* oklar kart (relative) içinde konumlansın */
}

#testimonials #testimonials-slider .slick-slide{
    padding: 0 !important; /* style.css içindeki 40px 140px padding'i iptal */
}

#testimonials .iv-testimonial-card,
#testimonials .iv-testimonial-slide{
    text-align: left;
}

#testimonials #testimonials-slider .slick-prev,
#testimonials #testimonials-slider .slick-next{
    position: absolute !important;
    bottom: 22px !important;
    top: auto !important;
    margin-top: 0 !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 999px !important;
    border: 0 !important;
    font-size: 14px !important; /* style.css font-size:0 override */
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    outline: none !important;
    background: #f2f4f7 !important;
    color: #2c3138 !important;
    box-shadow: 0 10px 26px rgba(44,49,56,0.15);
    z-index: 10;
}

#testimonials #testimonials-slider .slick-prev{
    right: 62px !important;
    left: auto !important;
    background: #2c3138 !important;
    color: #ffffff !important;
}

#testimonials #testimonials-slider .slick-next{
    right: 12px !important;
    left: auto !important;
}

#testimonials #testimonials-slider .slick-prev:after,
#testimonials #testimonials-slider .slick-next:after{
    content: none !important;
    display: none !important;
}

#testimonials #testimonials-slider .slick-prev:hover,
#testimonials #testimonials-slider .slick-next:hover{
    background: #2c3138 !important;
    color: #ffffff !important;
}

#testimonials #testimonials-slider .slick-prev i,
#testimonials #testimonials-slider .slick-next i{
    font-size: 14px;
}



/* v15 - Footer mobile: hızlı linkleri gizle + optimize */
@media (max-width: 768px){
    /* Hızlı link kolonları (Hizmetler/Kurumsal) + Yasal mobilde gizle */
    #footer .footer-col-links,
    #footer .footer-col-legal{
        display: none;
    }

    /* Daha kompakt footer */
    #footer{
        padding-top: 50px;
        padding-bottom: 22px;
    }

    /* Mobilde İletişim alanı daha okunabilir olsun */
    #footer .footer-col-contact{
        text-align: left;
    }

    #footer .footer-col-contact .footer-title,
    #footer .footer-col-contact .address-holder{
        text-align: left;
    }

    /* Özellik şeridini (footer-feature-strip) mobilde tek satır kaydırmalı yap */
    #footer .footer-feature-strip{
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: 12px;
        padding-bottom: 6px;
        margin-left: -12px;
        margin-right: -12px;
        padding-left: 12px;
        padding-right: 12px;
    }
    #footer .footer-feature-strip::-webkit-scrollbar{
        display: none;
    }
    #footer .footer-feature-strip .item{
        white-space: nowrap;
        font-size: 13px;
    }

    /* Alt şerit boşluğunu azalt */
    #footer .sub-footer{
        margin-top: 24px;
    }
}


/* v15 - Ürün sayfaları: Teknik özellikler kutuları */
 .product-highlights{
    padding-top: 40px;
    padding-bottom: 40px;
    background: #ffffff;
}

.product-highlights.alt-bg{
    background: #f7f9fc;
}

.product-highlights .highlight-card{
    background: #fff;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 18px;
    padding: 18px 16px;
    box-shadow: 0 14px 34px rgba(0,0,0,0.06);
    height: 100%;
}

.product-highlights .highlight-card .icon{
    width: 44px;
    height: 44px;
    border-radius: 16px;
    background: rgba(17,20,24,0.12);
    color: #2c3138;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.product-highlights .highlight-card .title{
    margin-top: 12px;
    font-weight: 900;
    color: #1b1f23;
    font-size: 15px;
}

.product-highlights .highlight-card .text{
    margin-top: 6px;
    color: #616b76;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.45;
}

.product-highlights .highlight-note{
    margin-top: 10px;
    color: #616b76;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.product-highlights .highlights-grid > [class*='col-']{
    margin-bottom: 26px;
}

@media (min-width: 768px){
    .product-highlights .highlights-grid{
        display: flex;
        flex-wrap: wrap;
    }
    .product-highlights .highlights-grid > [class*='col-']{
        display: flex;
    }
    .product-highlights .highlights-grid .highlight-card{
        width: 100%;
    }
}


/* v17 - Ürün sayfaları: Trustbar + Süreç */

/* Ürün sayfası: Üst aksiyon butonları */
.product-hero-actions{
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    align-items: center;
}

.product-hero-actions .ybtn{
    min-width: 170px;
    text-align: center;
}

/* Dedicated sayfasında aksiyonlar solda hizalansın */
.head-content .product-hero-actions{
    justify-content: flex-start;
}

@media (max-width: 768px){
    .product-hero-actions{
        justify-content: stretch;
    }
    .product-hero-actions .ybtn{
        width: 100%;
        min-width: 0;
    }
}

/* Ürün sayfası: Güven şeridi */
.product-trustbar{
    background: #ffffff;
    padding-top: 18px;
    padding-bottom: 18px;
}

.product-trustbar .trustbar{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.product-trustbar .trustbar .item{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid rgba(13, 30, 48, 0.10);
    background: #f7f9fc;
    color: #1b1f23;
    font-weight: 800;
    font-size: 13px;
}

.product-trustbar .trustbar .item i{
    color: #2c3138;
}

@media (max-width: 768px){
    .product-trustbar .trustbar{
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: 10px;
        padding-bottom: 6px;
        margin-left: -12px;
        margin-right: -12px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .product-trustbar .trustbar::-webkit-scrollbar{
        display: none;
    }
    .product-trustbar .trustbar .item{
        white-space: nowrap;
    }
}

/* Ürün sayfası: Kurulum süreci */
.product-process{
    padding-top: 60px;
    padding-bottom: 60px;
    background: #f7f9fc;
}

.product-process .process-step{
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 18px;
    padding: 22px 18px;
    box-shadow: 0 14px 34px rgba(0,0,0,0.06);
    height: 100%;
}

.product-process .process-step .step-icon{
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background: rgba(17,20,24,0.12);
    color: #2c3138;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.product-process .process-step .step-title{
    margin-top: 14px;
    font-weight: 900;
    color: #1b1f23;
    font-size: 16px;
}

.product-process .process-step .step-text{
    margin-top: 6px;
    color: #616b76;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.55;
}

.product-process .process-grid > [class*='col-']{
    margin-bottom: 24px;
}

.product-process .process-cta{
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid rgba(13, 30, 48, 0.08);
    box-shadow: 0 10px 24px rgba(0,0,0,0.06);
}

.product-process .process-cta .cta-text{
    color: #1b1f23;
    font-weight: 800;
}

@media (max-width: 768px){
    .product-process{padding-top: 44px; padding-bottom: 44px;}
    .product-process .process-cta{flex-direction: column; text-align: center; justify-content: center;}
}


/* v18 - Kurumsal bilgiler dengesi + mobil iletişim hizası */
#about-corporate .container{
    max-width: 1220px;
}

#about-corporate .corporate-shell{
    float: none;
    width: 100%;
    margin-left: 0;
}

#about-corporate .corporate-card{
    padding: 44px 34px 40px;
}

#about-corporate .corporate-grid{
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.85fr);
    gap: 20px;
    align-items: stretch;
}

#about-corporate .corporate-list{
    gap: 16px;
}

#about-corporate .corporate-item{
    align-items: flex-start;
    min-height: 84px;
}

#about-corporate .corporate-item .text{
    width: 100%;
}

#about-corporate .corporate-item.corporate-item-wide{
    grid-column: 1 / -1;
}

#about-corporate .corporate-side{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#about-corporate .corporate-buttons{
    margin-top: 0;
}

@media (max-width: 1199px){
    #about-corporate .corporate-grid{
        grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.8fr);
    }
}

@media (max-width: 767px){
    #about-corporate .corporate-card{
        padding: 30px 18px;
    }

    #about-corporate .corporate-head h3{
        font-size: 26px;
    }

    #about-corporate .corporate-intro{
        font-size: 14px;
    }

    #about-corporate .corporate-item{
        min-height: 0;
    }
}

@media (max-width: 767px){
    #footer .footer-col-contact,
    #footer .footer-col-contact .footer-title,
    #footer .footer-col-contact .address-holder{
        text-align: left !important;
        width: 100%;
        max-width: none;
    }

    #footer .address-holder{
        display: block;
    }

    #footer .address-holder .phone,
    #footer .address-holder .email,
    #footer .address{
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 12px;
        width: 100%;
        margin: 0 0 14px 0;
        padding: 0;
        background: transparent;
        box-shadow: none;
    }

    #footer .address-holder .phone [class*=fa],
    #footer .address-holder .email [class*=fa],
    #footer .address [class*=fa]{
        flex: 0 0 20px;
        width: 20px;
        margin: 2px 0 0 0;
        text-align: center;
    }

    #footer .address-holder .phone a,
    #footer .address-holder .email a{
        display: inline-block;
        max-width: calc(100% - 32px);
    }

    #footer .address-holder .phone a{
        white-space: nowrap;
    }

    #footer .address-holder .phone a,
    #footer .address-holder .email a,
    #footer .address div{
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    #footer .address div{
        display: block;
        font-size: 15px;
    }
}


/* v20 - Kurumsal arka plan kaldırma + desktop footer hizası */
#about-corporate{
    background: transparent;
}

#about-corporate .container{
    max-width: 1260px;
}

#about-corporate .corporate-card{
    background: transparent;
    box-shadow: none;
    border: 0;
    padding: 0;
}

#about-corporate .corporate-grid{
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 28px;
    align-items: start;
}

#about-corporate .corporate-side{
    max-width: 320px;
    width: 100%;
    justify-self: end;
    align-self: stretch;
    height: auto;
    padding: 8px 0 8px 24px;
    background: transparent;
    border: 0;
    border-left: 1px solid rgba(44, 49, 56, 0.14);
    border-radius: 0;
    box-shadow: none;
}

#about-corporate .btk-badge{
    margin-bottom: 18px;
}

#about-corporate .corporate-buttons .ybtn{
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1199px){
    #about-corporate .container{
        max-width: 1140px;
    }

    #about-corporate .corporate-grid{
        grid-template-columns: minmax(0, 1fr) 290px;
        gap: 22px;
    }

    #about-corporate .corporate-side{
        max-width: 290px;
        padding-left: 20px;
    }
}

@media (max-width: 991px){
    #about-corporate .corporate-grid{
        grid-template-columns: 1fr;
        gap: 18px;
    }

    #about-corporate .corporate-side{
        max-width: none;
        justify-self: stretch;
        padding: 20px 0 0 0;
        border-left: 0;
        border-top: 1px solid rgba(44, 49, 56, 0.14);
    }
}

@media (min-width: 992px){
    #footer > .container > .row:first-child{
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    #footer > .container > .row:first-child > div{
        float: none;
    }

    #footer > .container > .row:first-child > div:first-child{
        flex: 0 0 25%;
        max-width: 25%;
    }

    #footer .footer-col-services{
        flex: 0 0 14%;
        max-width: 14%;
    }

    #footer .footer-col-corporate{
        flex: 0 0 14%;
        max-width: 14%;
    }

    #footer .footer-col-legal{
        flex: 0 0 22%;
        max-width: 22%;
    }

    #footer .footer-col-contact{
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 22px;
    }

    #footer .address-holder{
        display: block;
        width: 100%;
        max-width: none;
    }

    #footer .address-holder .phone,
    #footer .address-holder .email,
    #footer .address{
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 12px;
        width: 100%;
        margin: 0 0 16px 0;
        padding: 0;
        background: transparent;
        box-shadow: none;
        border-radius: 0;
    }

    #footer .phone:hover,
    #footer .email:hover,
    #footer .address:hover{
        background: transparent;
        box-shadow: none;
    }

    #footer .address-holder .phone [class*=fa],
    #footer .address-holder .email [class*=fa],
    #footer .address [class*=fa]{
        flex: 0 0 20px;
        width: 20px;
        margin: 2px 0 0 0;
        text-align: center;
    }

    #footer .address-holder .phone a,
    #footer .address-holder .email a{
        display: inline-block;
        max-width: calc(100% - 32px);
    }

    #footer .address-holder .phone a{
        white-space: nowrap;
    }

    #footer .address-holder .phone a,
    #footer .address-holder .email a,
    #footer .address div{
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    #footer .address div{
        display: block;
        font-size: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    #footer .footer-col-contact{
        flex-basis: 26%;
        max-width: 26%;
    }

    #footer .footer-col-legal{
        flex-basis: 21%;
        max-width: 21%;
    }
}


/* =============================
   v21 - Final Professional Polish
   ============================= */
:root{
    --iv-bg:#f3f4f6;
    --iv-card:#ffffff;
    --iv-border:rgba(15,29,45,0.08);
    --iv-text:#1b1f23;
    --iv-muted:#616b76;
    --iv-accent:#2c3138;
    --iv-accent-2:#15181d;
    --iv-shadow:0 18px 44px rgba(15, 29, 45, 0.08);
}

html{
    scroll-behavior:smooth;
}

body.site-page{
    color:var(--iv-text);
}

body.site-page a:focus,
body.site-page button:focus,
body.site-page input:focus,
body.site-page .ybtn:focus,
body.site-page .navbar-nav > li > a:focus{
    outline:3px solid rgba(44,49,56,0.22);
    outline-offset:2px;
}

#page-head .page-title{
    letter-spacing:0.2px;
}

#page-head .text{
    max-width:780px;
    margin:10px auto 0;
    line-height:1.7;
    color:#d7dce2;
}

#header-holder.contact-header #page-head .text{
    color:#ffffff;
    opacity:1;
}

#nav .navbar-nav > li > a,
#nav .dropdown-menu li a,
.support-dropdown .dropdown-menu a{
    font-weight:700;
}

.support-dropdown .dropdown-menu a i{
    width:18px;
    margin-right:8px;
    text-align:center;
}

#partners-bar{
    background:#ffffff;
    border-top:1px solid rgba(15,29,45,0.06);
    border-bottom:1px solid rgba(15,29,45,0.06);
}

#partners-bar .partner-logo{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:58px;
    padding:0 10px;
    cursor:default;
    transition:transform .25s ease, opacity .25s ease;
}

#partners-bar .partner-logo img{
    max-height:28px;
    width:auto;
    opacity:.78;
    filter:grayscale(1);
    transition:filter .25s ease, opacity .25s ease;
}

#partners-bar .partner-logo:hover img{
    filter:none;
    opacity:1;
}

#footer .social-holder{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

#footer .social-holder a{
    width:42px;
    height:42px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,0.12);
    color:#ffffff;
    border:1px solid rgba(255,255,255,0.14);
}

#footer .social-holder a:hover,
#footer .social-holder a:focus{
    background:#2c3138;
    border-color:#2c3138;
    transform:translateY(-1px);
}

#footer .footer-title{
    font-weight:800;
    letter-spacing:.2px;
}

#footer .footer-menu li a,
#footer .company-legal,
#footer .text,
#footer .address-holder{
    line-height:1.7;
}

#footer .address-holder .phone,
#footer .address-holder .email,
#footer .address{
    min-height:0 !important;
}

#footer .address-holder .phone a,
#footer .address-holder .email a{
    font-weight:700;
}

#footer .footer-feature-strip{
    margin-top:38px;
    padding-top:22px;
    border-top:1px solid rgba(255,255,255,0.10);
}

#footer .footer-pay-card{
    box-shadow:0 16px 40px rgba(0,0,0,0.14);
}

#about-corporate{
    padding:72px 0 66px;
}

#about-corporate .corporate-head{
    margin-bottom:30px;
}

#about-corporate .corporate-head h3{
    font-size:46px;
    line-height:1.1;
}

#about-corporate .corporate-intro{
    max-width:760px;
    font-size:16px;
}

#about-corporate .corporate-list{
    gap:18px;
}

#about-corporate .corporate-item{
    background:#ffffff;
    border-radius:18px;
    padding:18px 18px;
    border:1px solid rgba(15,29,45,0.08);
    box-shadow:0 10px 28px rgba(15,29,45,0.04);
}

#about-corporate .corporate-item.corporate-item-wide{
    grid-column:1 / -1;
}

#about-corporate .corporate-item .value{
    font-size:15px;
}

#about-corporate .corporate-side{
    background:#ffffff;
    border:1px solid rgba(44,49,56,0.10);
    border-radius:24px;
    box-shadow:var(--iv-shadow);
    padding:28px 24px;
}

#about-corporate .btk-badge{
    font-size:16px;
    line-height:1.5;
}

#about-corporate .corporate-buttons{
    gap:14px;
}

.ops-section{
    padding:70px 0 20px;
    background:#ffffff;
}

.ops-grid > [class*='col-']{
    margin-bottom:24px;
}

.ops-card{
    height:100%;
    background:#f8f9fb;
    border:1px solid rgba(44,49,56,0.08);
    border-radius:22px;
    padding:28px 24px;
    box-shadow:0 16px 34px rgba(15,29,45,0.05);
}

.ops-card .ops-icon{
    width:58px;
    height:58px;
    border-radius:18px;
    background:rgba(44,49,56,0.10);
    color:var(--iv-accent);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin-bottom:16px;
}

.ops-card .ops-title{
    font-size:20px;
    font-weight:800;
    margin-bottom:10px;
}

.ops-card .ops-text{
    color:var(--iv-muted);
    line-height:1.8;
}

.ops-strip-row{
    margin-top:4px;
}

.ops-strip{
    display:flex;
    flex-wrap:wrap;
    gap:12px 18px;
    padding:8px 0 0;
}

.ops-strip span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#626d79;
    font-weight:700;
}

.ops-strip i{
    color:var(--iv-accent);
}

.contact-action-section{
    background:#ffffff;
    padding:68px 0 72px;
}

.contact-action-grid > [class*='col-']{
    margin-bottom:24px;
}

.contact-action-card,
.contact-detail-panel,
.entry-card,
.portal-card,
.coverage-card,
.domain-hero-panel,
.blog-archive-cta,
.sidebar-cta-widget,
.coverage-map-card{
    background:#ffffff;
    border:1px solid var(--iv-border);
    border-radius:24px;
    box-shadow:var(--iv-shadow);
}

.contact-action-card{
    height:100%;
    padding:26px 24px;
}

.contact-action-card .icon{
    width:58px;
    height:58px;
    border-radius:18px;
    background:rgba(44,49,56,0.10);
    color:var(--iv-accent);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin-bottom:14px;
}

.contact-action-card .title{
    font-size:20px;
    font-weight:800;
    margin-bottom:10px;
}

.contact-action-card .text,
.contact-detail-panel,
.entry-copy p,
.entry-note,
.domain-hero-panel .panel-text,
.coverage-card .text,
.portal-card .text,
.blog-archive-cta .text,
.sidebar-cta-widget p,
.domain-table-note,
.page-note,
.post .post-content,
.post-author .desc,
#page-content .content-holder{
    color:var(--iv-muted);
    line-height:1.85;
}

.contact-action-card .action-link,
.contact-action-card .action-text{
    display:inline-flex;
    margin-top:12px;
    font-weight:800;
    color:var(--iv-accent);
}

.contact-detail-row{
    margin-top:4px;
}

.contact-detail-panel{
    height:100%;
    padding:30px 28px;
}

.contact-detail-panel--accent{
    background:linear-gradient(180deg, rgba(44,49,56,0.08), rgba(44,49,56,0.02));
}

.contact-detail-panel .panel-title,
.entry-card-title,
.portal-card .title,
.coverage-card .title,
.domain-hero-panel .panel-title,
.sidebar-cta-widget .widget-title{
    font-size:22px;
    font-weight:800;
    line-height:1.35;
    color:var(--iv-text);
    margin-bottom:14px;
}

.contact-detail-panel .panel-list{
    padding-left:18px;
    margin:0 0 18px;
}

.contact-detail-panel .panel-list li{
    margin-bottom:8px;
}

.contact-detail-panel .panel-actions,
.entry-actions,
.portal-cta-bar .actions,
.blog-archive-cta .actions,
.post-inline-cta{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.contact-fact{
    padding:12px 0;
    border-bottom:1px solid rgba(15,29,45,0.07);
}

.contact-fact:last-child{
    border-bottom:0;
}

.contact-fact span{
    display:block;
    color:var(--iv-muted);
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.3px;
    margin-bottom:4px;
}

.contact-fact strong,
.contact-fact strong a{
    color:var(--iv-text);
    font-size:16px;
    font-weight:800;
    text-decoration:none;
}

.entry-section{
    padding:78px 0 86px;
    background:linear-gradient(180deg, rgba(44,49,56,0.04), rgba(44,49,56,0.00));
}

.entry-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
}

.entry-copy{
    padding-right:24px;
}

.entry-kicker{
    display:inline-flex;
    align-items:center;
    font-size:13px;
    font-weight:800;
    color:var(--iv-accent);
    letter-spacing:.5px;
    text-transform:uppercase;
    margin-bottom:14px;
}

.entry-copy h1{
    font-size:46px;
    line-height:1.18;
    font-weight:900;
    margin:0 0 16px;
    color:#171b20;
}

.entry-list{
    list-style:none;
    padding:0;
    margin:24px 0 0;
}

.entry-list li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:12px;
    color:#626d79;
    font-weight:700;
}

.entry-list i{
    color:var(--iv-accent);
    margin-top:3px;
}

.entry-card{
    padding:34px 30px;
}

.entry-note{
    margin-top:18px;
}

.entry-note a{
    color:var(--iv-accent);
    font-weight:800;
}

.portal-grid > [class*='col-']{
    margin-bottom:24px;
}

.portal-card{
    height:100%;
    padding:30px 26px;
    text-align:left;
}

.portal-card .icon{
    width:60px;
    height:60px;
    border-radius:18px;
    background:rgba(44,49,56,0.10);
    color:var(--iv-accent);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin-bottom:14px;
}

.portal-cta-bar{
    margin-top:6px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding:28px;
    background:#ffffff;
    border:1px solid var(--iv-border);
    border-radius:24px;
    box-shadow:var(--iv-shadow);
}

.domain-hero-panel{
    max-width:920px;
    margin:20px auto 0;
    padding:28px 30px;
}

.domain-hero-panel .panel-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:12px;
    margin-top:18px;
}

.domain-box-clean{
    min-height:250px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.domain-box-clean .title{
    font-size:34px;
    font-weight:900;
}

.domain-box-clean .details{
    min-height:80px;
}

.domain-table-clean .td{
    color:#626d79;
    font-weight:700;
}

.domain-table-note{
    margin-top:16px;
    text-align:center;
}

#more-features .mfeature-title{
    font-weight:800;
}

.coverage-section{
    background:#ffffff;
    padding:66px 0 72px;
}

.coverage-layout > [class*='col-']{
    margin-bottom:24px;
}

.coverage-map-card{
    padding:24px;
}

.coverage-card{
    padding:22px 22px;
    margin-bottom:16px;
}

.coverage-card--accent{
    background:linear-gradient(180deg, rgba(44,49,56,0.10), rgba(44,49,56,0.02));
}

.coverage-card .action-link{
    display:inline-flex;
    margin-top:10px;
    color:var(--iv-accent);
    font-weight:800;
}

.page-note{
    display:block;
    padding:14px 18px;
    border-radius:16px;
    background:#f5f7f9;
    border:1px solid rgba(44,49,56,0.08);
    margin-bottom:16px;
}

#articles .article-summary--link{
    display:block;
    text-decoration:none;
    color:inherit;
    overflow:hidden;
    border-radius:22px;
    background:#ffffff;
    box-shadow:0 14px 36px rgba(15,29,45,0.06);
}

#articles .article-summary--link .article-details{
    padding:20px 22px 24px;
}

.article-meta-row{
    display:flex;
    flex-wrap:wrap;
    gap:8px 10px;
    margin-bottom:10px;
}

.article-meta-row span{
    display:inline-flex;
    align-items:center;
    padding:6px 10px;
    background:#f3f5f7;
    border-radius:999px;
    color:#626d79;
    font-size:12px;
    font-weight:800;
}

.blog-archive-cta{
    margin-top:8px;
    padding:28px 30px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}

#post-content .meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:0 0 16px;
}

#post-content .meta span{
    display:inline-flex;
    align-items:center;
    padding:7px 12px;
    border-radius:999px;
    background:#f4f5f7;
    color:#626d79;
    font-size:12px;
    font-weight:800;
}

#post-content .post,
#post-content .post-author,
#sidebar .widget,
#page-content .content-holder{
    background:#ffffff;
    border:1px solid var(--iv-border);
    border-radius:24px;
    box-shadow:var(--iv-shadow);
}

#post-content .post{
    padding:0 0 10px;
    overflow:hidden;
}

#post-content .post-title,
#post-content .post-content,
#post-content .meta{
    padding-left:32px;
    padding-right:32px;
}

#post-content .post-content h5{
    font-size:20px;
    font-weight:800;
    color:var(--iv-text);
    margin:22px 0 8px;
}

#post-content .post-content p{
    margin-bottom:16px;
}

#post-content .post-image{
    width:100%;
}

#post-content .post-author{
    margin-top:26px;
    padding:26px 28px;
}

#post-content .post-author img{
    width:84px;
    height:84px;
    object-fit:cover;
    border-radius:22px;
    background:#f3f4f6;
    padding:10px;
}

#sidebar .widget{
    padding:24px 22px;
    margin-bottom:22px;
}

#sidebar .widget .widget-title{
    font-size:20px;
    font-weight:800;
    margin-bottom:16px;
}

#sidebar .widget .item{
    margin-bottom:14px;
}

#sidebar .widget .item:last-child{
    margin-bottom:0;
}

#sidebar .widget .item a{
    color:var(--iv-text);
    font-weight:700;
    text-decoration:none;
}

#sidebar .widget .item a span{
    color:var(--iv-muted);
    font-size:12px;
    font-weight:800;
}

.sidebar-cta-widget p{
    margin-bottom:16px;
}

.post-inline-cta{
    margin-top:10px;
    padding-top:8px;
}

#page-content .content-holder{
    padding:34px 34px;
}

#page-content .content-holder h4,
#page-content .content-holder h3{
    font-size:24px;
    font-weight:800;
    color:var(--iv-text);
    margin:0 0 14px;
}

#page-content .content-holder p,
#page-content .content-holder li{
    font-size:15px;
}

#page-content .content-holder ol,
#page-content .content-holder ul{
    padding-left:22px;
}

#page-content .content-holder li{
    margin-bottom:8px;
}

@media (max-width: 1199px){
    #about-corporate .corporate-head h3,
    .entry-copy h1{
        font-size:40px;
    }
}

@media (max-width: 991px){
    #about-corporate .corporate-head h3,
    .entry-copy h1{
        font-size:34px;
    }

    #about-corporate .corporate-grid{
        grid-template-columns:1fr !important;
    }

    #about-corporate .corporate-side{
        margin-top:6px;
    }

    .entry-copy{
        padding-right:0;
        margin-bottom:20px;
    }

    .portal-cta-bar,
    .blog-archive-cta{
        flex-direction:column;
        align-items:flex-start;
    }

    .contact-detail-panel,
    .portal-card,
    .entry-card,
    .coverage-map-card,
    .coverage-card,
    .domain-hero-panel{
        padding:24px 22px;
    }

    #footer .footer-col-contact{
        padding-left:15px !important;
    }
}

@media (max-width: 767px){
    #about-corporate{
        padding:56px 0 52px;
    }

    #about-corporate .corporate-head h3,
    .entry-copy h1{
        font-size:28px;
    }

    #about-corporate .corporate-item,
    .ops-card,
    .contact-action-card,
    .contact-detail-panel,
    .entry-card,
    .portal-card,
    .coverage-map-card,
    .coverage-card,
    .domain-hero-panel,
    .blog-archive-cta,
    #page-content .content-holder,
    #sidebar .widget,
    #post-content .post-author{
        border-radius:20px;
    }

    #post-content .post-title,
    #post-content .post-content,
    #post-content .meta{
        padding-left:20px;
        padding-right:20px;
    }

    .contact-action-section,
    .coverage-section,
    .entry-section{
        padding:54px 0 58px;
    }

    .entry-actions,
    .contact-detail-panel .panel-actions,
    .portal-cta-bar .actions,
    .blog-archive-cta .actions,
    .post-inline-cta,
    .domain-hero-panel .panel-actions{
        width:100%;
    }

    .entry-actions .ybtn,
    .contact-detail-panel .panel-actions .ybtn,
    .portal-cta-bar .actions .ybtn,
    .blog-archive-cta .actions .ybtn,
    .post-inline-cta .ybtn,
    .domain-hero-panel .panel-actions .ybtn{
        width:100%;
        justify-content:center;
    }

    #footer .social-holder{
        justify-content:flex-start;
    }
}


/* v21.1 - Professional readiness pass */
.company-info-holder h1.company-info-title {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 30px;
}
.info-details-holder .info-details h2 {
    font-size: 38px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 30px;
}
.support-dropdown .dropdown-menu li a {
    display: flex;
    align-items: center;
    gap: 10px;
}
.support-dropdown .dropdown-menu li a i {
    margin-right: 0;
    flex: 0 0 auto;
}
.page-404 #page-content {
    padding: 50px 0 90px;
}
.page-404 .error-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 48px 42px;
    box-shadow: 0 22px 60px rgba(6, 20, 42, 0.10);
    text-align: center;
}
.page-404 .error-code {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    height: 92px;
    border-radius: 50%;
    background: rgba(44, 49, 56, 0.12);
    color: #2c3138;
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 18px;
}
.page-404 .error-card h2 {
    margin: 0 0 14px;
    font-size: 34px;
    line-height: 1.18;
    color: #171b20;
}
.page-404 .error-card p {
    margin: 0 auto 24px;
    max-width: 640px;
    color: #656f7a;
    font-size: 17px;
    line-height: 1.8;
}
.page-404 .error-actions {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 18px;
}
.page-404 .error-note {
    color: #6d7681;
    font-size: 14px;
    line-height: 1.8;
}
.page-404 .error-note a {
    color: #2c3138;
    font-weight: 500;
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}
@media (max-width: 767px) {
    .page-404 .error-card {
        padding: 34px 22px;
        border-radius: 20px;
    }
    .page-404 .error-card h2 {
        font-size: 28px;
    }
    .page-404 .error-code {
        min-width: 78px;
        height: 78px;
        font-size: 29px;
    }
}

#header-holder.serverspage-header #page-head .head-content h1.head-title {
    font-size: 13px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    margin-top: 35px;
    margin-bottom: 35px;
}


/* =============================
   v22 - Charcoal theme refresh
   ============================= */
:root{
    --iv-bg:#f3f4f6;
    --iv-card:#ffffff;
    --iv-border:rgba(17,20,24,0.10);
    --iv-text:#1b1f23;
    --iv-muted:#616b76;
    --iv-accent:#2c3138;
    --iv-accent-2:#111418;
    --iv-accent-soft:rgba(44,49,56,0.10);
    --iv-shadow:0 18px 44px rgba(10,12,16,0.08);
}

body,
body.site-page{
    background:#f3f4f6;
    color:var(--iv-text);
}

body.site-page a:focus,
body.site-page button:focus,
body.site-page input:focus,
body.site-page .ybtn:focus,
body.site-page .navbar-nav > li > a:focus{
    outline:3px solid rgba(44,49,56,0.22);
    outline-offset:2px;
}

.topbar{
    background:#0f1216;
}

#header-holder .bg-animation,
#header-holder.inner-header:before,
#header-holder.main-header .bg-animation,
.bg-custom{
    background-color:#171b20 !important;
    background-image:linear-gradient(135deg, #111418 0%, #1b2026 46%, #2c3138 100%) !important;
}

#header-holder.about-header{
    background-color:#1b2026 !important;
}

#header-holder.contact-header .support-button-holder a.support-button,
#header-holder.color1-header .support-button-holder a.support-button,
#header-holder.color2-header .support-button-holder a.support-button,
#header-holder.color3-header .support-button-holder a.support-button{
    background:#2c3138 !important;
}

#top-content .big-title span{
    color:#e2e6eb !important;
}

#header-holder.main-header #top-content .noti-holder .noti{
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.12);
}

#header-holder.main-header #top-content .noti-holder a:hover .noti,
#header-holder.main-header #top-content .noti-holder a:focus .noti{
    background:rgba(255,255,255,0.12);
}

#header-holder.main-header #top-content .noti-holder .noti .badge{
    background-image:linear-gradient(100deg, #2c3138, #111418) !important;
}

.navbar-default .navbar-nav > li > a,
.logo-holder,
.logo-holder:hover,
.logo-holder:focus{
    color:#ffffff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active a,
.navbar-default .navbar-nav > .active a:focus,
.navbar-default .navbar-nav > .active a:hover{
    color:rgba(255,255,255,0.72) !important;
}

#nav .navbar-nav > li > a.login-button{
    background:rgba(255,255,255,0.04);
    border-color:rgba(255,255,255,0.22);
}

#nav .navbar-nav > li > a.login-button:hover,
#nav .navbar-nav > li > a.login-button:focus{
    background:rgba(255,255,255,0.10) !important;
    color:#ffffff !important;
}

.ybtn-accent-color,
.ybtn-header-color,
.support-button-holder a.support-button,
#nav .support-button-holder a.support-button,
#top-content .domain-search-holder input[type=submit],
#top-content .arrow-button-holder a .arrow-icon,
#header-holder.domainspage-header #page-head .domain-search-holder .input-holder #search-btn,
#footer .footer-pay-card .footer-panel-btn,
#home-domain-search .domain-form .ybtn,
#info .ybtn,
.product-hero-actions .ybtn{
    background:#2c3138 !important;
    border-color:#2c3138 !important;
    color:#ffffff !important;
    box-shadow:0 12px 28px rgba(17,20,24,0.18);
}

.ybtn-accent-color:hover,
.ybtn-accent-color:focus,
.ybtn-header-color:hover,
.ybtn-header-color:focus,
.support-button-holder a.support-button:hover,
.support-button-holder a.support-button:focus,
#nav .support-button-holder a.support-button:hover,
#nav .support-button-holder a.support-button:focus,
#top-content .domain-search-holder input[type=submit]:hover,
#top-content .domain-search-holder input[type=submit]:focus,
#header-holder.domainspage-header #page-head .domain-search-holder .input-holder #search-btn:hover,
#header-holder.domainspage-header #page-head .domain-search-holder .input-holder #search-btn:focus,
#footer .footer-pay-card .footer-panel-btn:hover,
#footer .footer-pay-card .footer-panel-btn:focus,
#home-domain-search .domain-form .ybtn:hover,
#home-domain-search .domain-form .ybtn:focus,
#info .ybtn:hover,
#info .ybtn:focus,
.product-hero-actions .ybtn:hover,
.product-hero-actions .ybtn:focus,
#top-content .arrow-button-holder a:hover .arrow-icon,
#top-content .arrow-button-holder a:focus .arrow-icon{
    background:#111418 !important;
    border-color:#111418 !important;
    color:#ffffff !important;
}

.ybtn-white,
.ybtn-border{
    border-color:rgba(17,20,24,0.12) !important;
    color:#1b1f23 !important;
    background:#ffffff !important;
}

.ybtn-white:hover,
.ybtn-white:focus,
.ybtn-border:hover,
.ybtn-border:focus{
    background:#f6f7f9 !important;
    color:#111418 !important;
}

.support-button-holder .dropdown-menu{
    background:#ffffff;
    border:1px solid rgba(17,20,24,0.08);
    box-shadow:0 18px 36px rgba(10,12,16,0.12);
}

.support-button-holder .dropdown-menu:before{
    border-bottom-color:#ffffff;
}

.support-button-holder .dropdown-menu li a{
    color:#525d69;
}

.support-button-holder .dropdown-menu li a [class*=fa],
.support-button-holder .dropdown-menu li a i{
    color:#737d89;
}

.support-button-holder .dropdown-menu li a:hover,
.support-button-holder .dropdown-menu li a:focus{
    color:#111418 !important;
    background:#f5f6f8 !important;
}

.support-button-holder .dropdown-menu li a:hover [class*=fa],
.support-button-holder .dropdown-menu li a:hover i,
.support-button-holder .dropdown-menu li a:focus [class*=fa],
.support-button-holder .dropdown-menu li a:focus i{
    color:#2c3138 !important;
}

.iv-section-label,
.entry-kicker,
.contact-action-card .action-link,
.contact-action-card .action-text,
.entry-note a,
.coverage-card .action-link,
.page-404 .error-note a,
.ops-strip i,
.contact-fact strong a,
#sidebar .widget .item a:hover,
#sidebar .widget .item a:focus,
body.site-page a.link-color{
    color:#2c3138 !important;
}

.ops-card .ops-icon,
.contact-action-card .icon,
.portal-card .icon,
.page-404 .error-code,
.coverage-card--accent,
.contact-detail-panel--accent,
.page-note,
.article-meta-row span,
#post-content .meta span{
    background:rgba(44,49,56,0.10) !important;
    color:#2c3138 !important;
    border-color:rgba(44,49,56,0.10) !important;
}

.page-404 .error-card h2{
    color:#171b20;
}

#footer{
    background:linear-gradient(180deg, #0f1216 0%, #171b20 100%) !important;
}

#footer .text,
#footer p,
#footer .phone,
#footer .phone a,
#footer .email,
#footer .email a,
#footer .address div,
#footer ul.footer-menu li a,
#footer .company-legal,
#footer .address-holder,
#footer .address-holder a{
    color:#c7cfd8 !important;
}

#footer .footer-title,
#footer h4,
#footer .copy,
#footer .phone [class*=fa],
#footer .email [class*=fa],
#footer .address [class*=fa]{
    color:#ffffff !important;
}

#footer ul.footer-menu li a:hover,
#footer ul.footer-menu li a:focus,
#footer ul.footer-menu li.active a,
#footer .phone:hover,
#footer .email:hover,
#footer .address:hover{
    color:#ffffff !important;
    background-color:rgba(255,255,255,0.06) !important;
    box-shadow:0 8px 18px rgba(0,0,0,0.12) !important;
}

#footer .social-holder a{
    background:rgba(255,255,255,0.08);
    border-color:rgba(255,255,255,0.10);
    color:#ffffff;
}

#footer .social-holder a:hover,
#footer .social-holder a:focus{
    background:#2c3138;
    border-color:#2c3138;
    color:#ffffff !important;
}

#footer .footer-feature-strip{
    border-top:1px solid rgba(255,255,255,0.08);
}

#footer .footer-pay-card{
    background:#1b2026;
    border:1px solid rgba(255,255,255,0.08);
    box-shadow:0 16px 40px rgba(0,0,0,0.20);
}

#footer .footer-etbis{
    color:#98a2ae;
}

#partners-bar{
    background:#ffffff;
    border-top:1px solid rgba(17,20,24,0.06);
    border-bottom:1px solid rgba(17,20,24,0.06);
}

#partners-bar .partner-logo img{
    opacity:0.72;
}

@media (max-width: 991px){
    .navbar-default .navbar-collapse{
        background:rgba(15,18,22,0.96);
        border:0;
        box-shadow:0 18px 38px rgba(0,0,0,0.20);
    }

    .navbar-default .navbar-nav > li > a.login-button,
    .support-button-holder a.support-button{
        margin-left:0;
    }
}


#nav .logo-holder .logo,
.website-logo .logo{
    width:240px !important;
    height:44px !important;
    background-position:left center;
}

@media (max-width: 767px){
    #nav .logo-holder .logo,
    .website-logo .logo{
        width:180px !important;
        height:34px !important;
    }
}


/* =============================
   v23 - Global charcoal harmony
   ============================= */
:root{
    --iv-charcoal-950:#111418;
    --iv-charcoal-900:#171b20;
    --iv-charcoal-850:#1b2026;
    --iv-charcoal-800:#20252c;
    --iv-charcoal-750:#2c3138;
    --iv-charcoal-700:#3a4048;
    --iv-charcoal-650:#444c55;
    --iv-charcoal-600:#56606b;
    --iv-charcoal-550:#626d79;
    --iv-charcoal-500:#7b8691;
    --iv-charcoal-450:#8f98a3;
    --iv-charcoal-400:#98a2ae;
    --iv-surface-100:#f7f8fa;
    --iv-surface-200:#eef1f4;
    --iv-surface-300:#e1e6eb;
}

.ybtn-other-color,
.ybtn-purple,
.ybtn-pink{
    background:var(--iv-charcoal-750) !important;
    border-color:var(--iv-charcoal-750) !important;
    color:#ffffff !important;
}

.ybtn-other-color:hover,
.ybtn-other-color:focus,
.ybtn-purple:hover,
.ybtn-purple:focus,
.ybtn-pink:hover,
.ybtn-pink:focus,
.ybtn-purple-text:hover,
.ybtn-purple-text:focus{
    background:var(--iv-charcoal-950) !important;
    border-color:var(--iv-charcoal-950) !important;
    color:#ffffff !important;
}

.ybtn-purple-text{
    color:var(--iv-charcoal-750) !important;
}

.text-purple-light,
.text-other-color1{
    color:var(--iv-charcoal-550) !important;
}

.text-purple-dark,
.text-other-color2{
    color:var(--iv-charcoal-900) !important;
}

.unity-link:hover,
.unity-link:focus{
    background:var(--iv-surface-200) !important;
}

.unity-box:after{
    color:var(--iv-charcoal-400) !important;
}

.unity-box .unity-title{
    color:var(--iv-charcoal-900) !important;
}

.unity-box .unity-details{
    color:var(--iv-charcoal-550) !important;
}

#more-info.darkbg .links-holder ul li .info-link{
    color:rgba(255,255,255,0.68) !important;
}

#more-info .links-holder ul li .info-link:hover,
#more-info .links-holder ul li .info-link:focus,
#more-info .links-holder ul li .info-link.opened{
    background:var(--iv-charcoal-750) !important;
}

.pricing-box.pricing-box-simple.bestbuy:before{
    border-color:rgba(17,20,24,0.08) !important;
    background:#ffffff !important;
}

.pricing-box.pricing-box-simple.bestbuy:after{
    color:var(--iv-charcoal-750) !important;
}

.pricing-box.pricing-box-simple.bestbuy .pricing-content:after{
    filter:grayscale(100%) saturate(0%) brightness(0.38);
}

.unity-box .unity-icon img,
.service-box .service-icon img,
.icons-animation-holder .aicon img,
#ifeatures .feature-box .feature-icon img,
#features-links-holder .icons-axis img,
#apps .row-icon img,
.pricing-box .pricing-content .pricing-icon img,
#page-icon .pricing-icon img,
#apps .apps-holder .app-icon-holder .app-icon img{
    filter:grayscale(100%) saturate(0%) brightness(0.88) contrast(1.04);
}



/* ===== v24: ürün kartları + tıklama artığı temizliği ===== */

/* Header/nav ve buton tıklamasında çıkan küçük focus kutusunu kaldır */
body.site-page .navbar-nav > li > a:focus,
body.site-page .navbar-nav > li > a:active,
body.site-page #nav .navbar-nav > li > a.login-button:focus,
body.site-page #nav .navbar-nav > li > a.login-button:active,
body.site-page .support-button-holder a.support-button:focus,
body.site-page .support-button-holder a.support-button:active,
body.site-page .ybtn:focus,
body.site-page .ybtn:active{
    outline:none !important;
    box-shadow:none !important;
}

body.site-page a,
body.site-page button,
body.site-page .ybtn,
body.site-page .navbar-nav > li > a{
    -webkit-tap-highlight-color: transparent;
}

.pricing-box.pricing-box-simple.iv-card-match{
    width:100%;
    max-width:100%;
    margin-top:62px;
    margin-bottom:28px;
    padding-left:8px;
    padding-right:8px;
    transform:translateY(0);
    transition:transform .28s ease, box-shadow .28s ease;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-content{
    position:relative;
    display:flex;
    flex-direction:column;
    height:100%;
    padding:76px 28px 28px 28px;
    border:1px solid rgba(17,20,24,0.07);
    border-radius:18px;
    background:#ffffff;
    box-shadow:0 16px 42px rgba(15,18,22,0.08);
    overflow:visible;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-icon{
    position:absolute;
    top:-44px;
    left:50%;
    width:88px;
    height:88px;
    margin-left:-44px;
    background:transparent !important;
    border:0 !important;
    border-radius:50%;
    box-shadow:0 12px 28px rgba(15,18,22,0.10);
    overflow:visible;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-icon img{
    position:static !important;
    display:block !important;
    width:88px !important;
    height:88px !important;
    margin:0 !important;
    filter:none !important;
    object-fit:contain;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-head{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    padding:0;
    background:transparent !important;
    border-radius:0;
    overflow:visible;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-head:before{
    display:none !important;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-title{
    order:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    margin:0 0 26px 0;
    padding:10px 18px;
    border-radius:12px;
    background:#eef2f5 !important;
    color:#2c3138 !important;
    font-size:17px;
    font-weight:800;
    line-height:1.2;
    text-transform:uppercase;
    text-shadow:none !important;
    letter-spacing:.2px;
}

.pricing-box.pricing-box-simple.iv-card-match .price-title{
    order:2;
    margin:0 0 6px 0;
    color:#b0bcc9;
    font-size:13px;
    font-weight:800;
    line-height:1.2;
    text-transform:uppercase;
    letter-spacing:.25px;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-options{
    order:3;
    width:100%;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-options .tab-content{
    padding-top:0;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-price,
.pricing-box.pricing-box-simple.iv-card-match .pricing-options .tab-content .tab-pane .pricing-price{
    color:#254a73 !important;
    font-size:52px !important;
    font-weight:500 !important;
    line-height:1;
    margin-bottom:8px;
}

.pricing-box.pricing-box-simple.iv-card-match .billing-cycle,
.pricing-box.pricing-box-simple.iv-card-match .pricing-options .tab-content .tab-pane .billing-cycle{
    color:#5e6670 !important;
    font-size:15px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:0;
    text-transform:none;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-features{
    order:4;
    margin:24px 0 0 0;
    width:100%;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-features ul{
    margin:0;
    padding:0;
    list-style:none;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-features ul li{
    display:block !important;
    padding:0 !important;
    margin:0 0 6px 0 !important;
    color:#6e728e;
    font-size:15px;
    font-weight:500;
    line-height:1.75;
    text-align:center;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-features ul li:last-child{
    margin-bottom:0 !important;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-features ul li:before{
    display:none !important;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-details{
    order:5;
    padding:26px 0 0 0;
    text-align:center;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-details ul{
    margin:0;
    padding:0;
    list-style:none;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-details ul li{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:11px 0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(17,20,24,0.08) !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#5f6771 !important;
    font-size:14px;
    font-weight:600;
    line-height:1.55;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-details ul li:last-child{
    border-bottom:0 !important;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-details ul li:hover{
    color:#2c3138 !important;
    box-shadow:none !important;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-link{
    order:6;
    margin-top:auto;
    padding:24px 0 0 0;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-link a{
    display:block;
    width:100%;
    margin:0 !important;
    padding:15px 18px !important;
    border-radius:12px !important;
    background:#353d45 !important;
    color:#ffffff !important;
    font-size:15px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:.15px;
    text-align:center;
    text-transform:uppercase;
    transform:none !important;
    box-shadow:none !important;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-link a:before{
    display:none !important;
}

.pricing-box.pricing-box-simple.iv-card-match .pricing-link a:hover,
.pricing-box.pricing-box-simple.iv-card-match .pricing-link a:focus{
    margin:0 !important;
    background:#232a31 !important;
    color:#ffffff !important;
}

.pricing-box.pricing-box-simple.iv-card-match:hover{
    transform:translateY(-6px);
}

.pricing-box.pricing-box-simple.iv-card-match:hover .pricing-content,
.pricing-box.pricing-box-simple.iv-card-match:focus .pricing-content{
    background:#ffffff !important;
    box-shadow:0 24px 56px rgba(15,18,22,0.12) !important;
}

.pricing-box.pricing-box-simple.iv-card-match:hover .pricing-icon,
.pricing-box.pricing-box-simple.iv-card-match:focus .pricing-icon{
    box-shadow:0 16px 34px rgba(15,18,22,0.14);
}

.pricing-box.pricing-box-simple.iv-card-match.bestbuy:before,
.pricing-box.pricing-box-simple.iv-card-match.bestbuy:after,
.pricing-box.pricing-box-simple.iv-card-match.bestbuy .pricing-content:after,
.pricing-box.pricing-box-simple.iv-card-match.featured .pricing-content:after{
    display:none !important;
}

/* Ana sayfadaki 3 kartı referans görsele daha yakınlaştır */
.page-index .pricing-box.pricing-box-simple.iv-card-match .pricing-content{
    min-height:460px;
}

.page-index .pricing-box.pricing-box-simple.iv-card-match .pricing-details{
    display:none;
}

.page-index .pricing-box.pricing-box-simple.iv-card-match .pricing-features{
    margin-top:28px;
}

.page-index .pricing-box.pricing-box-simple.iv-card-match .pricing-link{
    padding-top:28px;
}

/* İç sayfalarda detay listesini temiz, paket odaklı göster */
.page-webhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-content,
.page-cloudhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-content,
.page-resellershosting .pricing-box.pricing-box-simple.iv-card-match .pricing-content,
.page-ourservers .pricing-box.pricing-box-simple.iv-card-match .pricing-content,
.page-horizontalpricing .pricing-box.pricing-box-simple.iv-card-match .pricing-content{
    min-height:620px;
}

.page-horizontalpricing .pricing-box.pricing-box-simple.iv-card-match .pricing-content{
    min-height:640px;
}

@media (max-width: 1199px){
    .page-webhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-content,
    .page-cloudhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-content,
    .page-resellershosting .pricing-box.pricing-box-simple.iv-card-match .pricing-content,
    .page-ourservers .pricing-box.pricing-box-simple.iv-card-match .pricing-content,
    .page-horizontalpricing .pricing-box.pricing-box-simple.iv-card-match .pricing-content{
        min-height:inherit;
    }
}

@media (max-width: 767px){
    .pricing-box.pricing-box-simple.iv-card-match{
        margin-top:56px;
        margin-bottom:22px;
    }

    .pricing-box.pricing-box-simple.iv-card-match .pricing-content{
        padding:72px 22px 22px 22px;
    }

    .pricing-box.pricing-box-simple.iv-card-match .pricing-title{
        font-size:16px;
        padding:10px 16px;
        margin-bottom:22px;
    }

    .pricing-box.pricing-box-simple.iv-card-match .pricing-price,
    .pricing-box.pricing-box-simple.iv-card-match .pricing-options .tab-content .tab-pane .pricing-price{
        font-size:44px !important;
    }

    .pricing-box.pricing-box-simple.iv-card-match .pricing-features ul li{
        font-size:14px;
    }

    .pricing-box.pricing-box-simple.iv-card-match .pricing-details ul li{
        font-size:13px;
    }
}


body.site-page .navbar-toggle:focus,
body.site-page .navbar-toggle:active,
body.site-page .btn:focus,
body.site-page .btn:active{
    outline:none !important;
    box-shadow:none !important;
}

/* ===== v25: hosting kartlarını genişlet + hizmet ikon renklerini geri getir ===== */

/* Kullanıcının istediği renkli servis ikonları */
#services .service-box .service-icon img,
.dropdown-unity .unity-box .unity-icon img,
.unity-box .unity-icon img,
.service-box .service-icon img{
    filter:none !important;
    opacity:1 !important;
}

/* Hosting ürün sayfalarında kartlar daha geniş ve ferah olsun */
@media (min-width: 1200px){
    .page-webhosting #pricing > .container,
    .page-cloudhosting #pricing > .container,
    .page-resellershosting #pricing > .container{
        width:calc(100% - 28px);
        max-width:1360px;
    }

    .page-webhosting #pricing .row,
    .page-cloudhosting #pricing .row,
    .page-resellershosting #pricing .row{
        margin-left:-16px;
        margin-right:-16px;
    }

    .page-webhosting #pricing [class*="col-sm-6"],
    .page-cloudhosting #pricing [class*="col-sm-6"],
    .page-resellershosting #pricing [class*="col-sm-6"]{
        padding-left:16px;
        padding-right:16px;
    }
}

.page-webhosting .pricing-box.pricing-box-simple.iv-card-match,
.page-cloudhosting .pricing-box.pricing-box-simple.iv-card-match,
.page-resellershosting .pricing-box.pricing-box-simple.iv-card-match{
    padding-left:0;
    padding-right:0;
}

.page-webhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-content,
.page-cloudhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-content,
.page-resellershosting .pricing-box.pricing-box-simple.iv-card-match .pricing-content{
    min-height:582px;
    padding:72px 24px 24px 24px;
}

.page-cloudhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-content{
    min-height:600px;
}

.page-webhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-price,
.page-webhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-options .tab-content .tab-pane .pricing-price,
.page-cloudhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-price,
.page-cloudhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-options .tab-content .tab-pane .pricing-price,
.page-resellershosting .pricing-box.pricing-box-simple.iv-card-match .pricing-price,
.page-resellershosting .pricing-box.pricing-box-simple.iv-card-match .pricing-options .tab-content .tab-pane .pricing-price{
    font-size:48px !important;
    white-space:nowrap;
    letter-spacing:-0.02em;
}

.page-webhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-title,
.page-cloudhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-title,
.page-resellershosting .pricing-box.pricing-box-simple.iv-card-match .pricing-title{
    margin-bottom:22px;
}

.page-webhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-features,
.page-cloudhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-features,
.page-resellershosting .pricing-box.pricing-box-simple.iv-card-match .pricing-features{
    margin-top:20px;
}

.page-webhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-features ul li,
.page-cloudhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-features ul li,
.page-resellershosting .pricing-box.pricing-box-simple.iv-card-match .pricing-features ul li{
    font-size:14px;
    line-height:1.65;
    margin-bottom:4px !important;
}

.page-webhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-details,
.page-cloudhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-details,
.page-resellershosting .pricing-box.pricing-box-simple.iv-card-match .pricing-details{
    padding-top:20px;
}

.page-webhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-details ul li,
.page-cloudhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-details ul li,
.page-resellershosting .pricing-box.pricing-box-simple.iv-card-match .pricing-details ul li{
    padding:10px 0 !important;
    font-size:14px;
    line-height:1.45;
}

.page-webhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-link,
.page-cloudhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-link,
.page-resellershosting .pricing-box.pricing-box-simple.iv-card-match .pricing-link{
    padding-top:20px;
}

@media (max-width: 1199px){
    .page-webhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-content,
    .page-cloudhosting .pricing-box.pricing-box-simple.iv-card-match .pricing-content,
    .page-resellershosting .pricing-box.pricing-box-simple.iv-card-match .pricing-content{
        min-height:inherit;
    }
}

/* ===== v26: renk geri kazanimi + mobil profesyonel duzen ===== */
:root{
    --iv-blue:#30cdfc;
    --iv-blue-ink:#1697c4;
    --iv-blue-soft:rgba(48,205,252,0.14);
    --iv-blue-glow:rgba(48,205,252,0.22);
    --iv-green:#85edb4;
    --iv-green-ink:#46ac73;
    --iv-green-soft:rgba(133,237,180,0.16);
    --iv-green-glow:rgba(133,237,180,0.22);
    --iv-purple:#cdb6ef;
    --iv-purple-ink:#8667b5;
    --iv-purple-soft:rgba(205,182,239,0.17);
    --iv-purple-glow:rgba(205,182,239,0.24);
    --iv-yellow:#ffd261;
    --iv-yellow-ink:#bf8c18;
    --iv-yellow-soft:rgba(255,210,97,0.18);
    --iv-yellow-glow:rgba(255,210,97,0.24);
    --iv-charcoal-soft:rgba(44,49,56,0.12);
    --iv-charcoal-glow:rgba(44,49,56,0.22);
}

.page-webhosting{
    --iv-page-accent:var(--iv-blue);
    --iv-page-accent-ink:var(--iv-blue-ink);
    --iv-page-accent-soft:var(--iv-blue-soft);
    --iv-page-glow:var(--iv-blue-glow);
}

.page-resellershosting{
    --iv-page-accent:var(--iv-green);
    --iv-page-accent-ink:var(--iv-green-ink);
    --iv-page-accent-soft:var(--iv-green-soft);
    --iv-page-glow:var(--iv-green-glow);
}

.page-cloudhosting{
    --iv-page-accent:var(--iv-purple);
    --iv-page-accent-ink:var(--iv-purple-ink);
    --iv-page-accent-soft:var(--iv-purple-soft);
    --iv-page-glow:var(--iv-purple-glow);
}

.page-vpshosting{
    --iv-page-accent:var(--iv-yellow);
    --iv-page-accent-ink:var(--iv-yellow-ink);
    --iv-page-accent-soft:var(--iv-yellow-soft);
    --iv-page-glow:var(--iv-yellow-glow);
}

.page-ourservers,
.page-about,
.page-index,
.page-horizontalpricing,
.page-contact,
.page-domains{
    --iv-page-accent:#2c3138;
    --iv-page-accent-ink:#2c3138;
    --iv-page-accent-soft:var(--iv-charcoal-soft);
    --iv-page-glow:var(--iv-charcoal-glow);
}

/* Grileşen görselleri tekrar renkli göster */
.icons-animation-holder .aicon img,
#ifeatures .feature-box .feature-icon img,
#features-links-holder .icons-axis img,
#apps .row-icon img,
#apps .apps-holder .app-icon-holder .app-icon img,
#page-icon .pricing-icon img{
    filter:none !important;
    opacity:1 !important;
}

/* Ürün sayfalarındaki başlık ikonları daha net ve profesyonel olsun */
#page-icon .pricing-icon{
    overflow:hidden !important;
    background:#ffffff !important;
    border:4px solid rgba(255,255,255,0.94) !important;
    box-shadow:0 18px 42px rgba(15,18,22,0.16) !important;
}

.page-webhosting #page-icon .pricing-icon,
.page-resellershosting #page-icon .pricing-icon,
.page-cloudhosting #page-icon .pricing-icon,
.page-vpshosting #page-icon .pricing-icon{
    box-shadow:0 18px 44px var(--iv-page-glow), 0 12px 26px rgba(15,18,22,0.16) !important;
}

/* About sayfası etrafındaki ikonları renklendir ve daha canlı göster */
.page-about .icons-animation-holder .aicon{
    box-shadow:0 14px 34px rgba(0,0,0,0.18);
    border:1px solid rgba(255,255,255,0.08);
}

.page-about .icons-animation-holder .aicon-main{
    box-shadow:0 18px 44px rgba(0,0,0,0.22);
}

/* Ürün sayfalarında aksan renkleri geri gelsin */
.page-webhosting .product-highlights .highlight-card .icon,
.page-webhosting .product-trustbar .trustbar .item i,
.page-webhosting .product-usecases .usecase-card .icon,
.page-cloudhosting .product-highlights .highlight-card .icon,
.page-cloudhosting .product-trustbar .trustbar .item i,
.page-cloudhosting .product-usecases .usecase-card .icon,
.page-resellershosting .product-highlights .highlight-card .icon,
.page-resellershosting .product-trustbar .trustbar .item i,
.page-resellershosting .product-usecases .usecase-card .icon,
.page-vpshosting .product-highlights .highlight-card .icon,
.page-vpshosting .product-trustbar .trustbar .item i,
.page-vpshosting .product-usecases .usecase-card .icon,
.page-ourservers .product-trustbar .trustbar .item i{
    background:var(--iv-page-accent-soft) !important;
    color:var(--iv-page-accent-ink) !important;
}

.page-webhosting .product-trustbar .trustbar .item,
.page-cloudhosting .product-trustbar .trustbar .item,
.page-resellershosting .product-trustbar .trustbar .item,
.page-vpshosting .product-trustbar .trustbar .item,
.page-ourservers .product-trustbar .trustbar .item{
    border-color:var(--iv-page-accent-soft) !important;
}

/* Menü dropdown item'larındaki sağ taraftaki kare/ok benzeri artığı kaldır */
.unity-box:after,
.unity-link:hover .unity-box:after,
.unity-link:focus .unity-box:after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
}

/* Tıklama sonrası çıkan karemsi focus izlerini tamamen temizle */
body.site-page a:focus,
body.site-page button:focus,
body.site-page input:focus,
body.site-page textarea:focus,
body.site-page select:focus,
body.site-page .btn:focus,
body.site-page .ybtn:focus,
body.site-page .dropdown-menu a:focus,
body.site-page .unity-link:focus,
body.site-page .navbar-nav > li > a:focus,
body.site-page .navbar-toggle:focus{
    outline:none !important;
    box-shadow:none !important;
}

body.site-page a,
body.site-page button,
body.site-page input,
body.site-page textarea,
body.site-page select,
body.site-page .btn,
body.site-page .ybtn,
body.site-page .unity-link,
body.site-page .navbar-nav > li > a,
body.site-page .navbar-toggle{
    -webkit-tap-highlight-color:transparent;
}

/* Genel mobil iyileştirmeler */
body.site-page{
    overflow-x:hidden;
}

@media (max-width: 991px){
    #nav .navbar-toggle{
        margin-top:16px;
        padding:10px 11px;
        border-radius:14px;
        background:rgba(255,255,255,0.05);
    }

    #nav .navbar-collapse{
        margin-top:10px;
        border-radius:20px;
        overflow:hidden;
    }

    #nav .navbar-nav{
        margin:8px 0 14px 0;
    }

    #nav .navbar-nav > li > a{
        padding:14px 18px;
    }

    #nav .dropdown-menu{
        box-shadow:none;
    }

    .dropdown-unity{
        padding:8px 10px;
    }

    .unity-box{
        padding:14px 16px 14px 74px;
        border-radius:16px;
    }

    .unity-box .unity-icon{
        left:16px;
    }

    #page-head{
        padding-top:42px;
        padding-bottom:58px;
    }

    #page-head .page-title,
    .page-about .company-info-holder h1.company-info-title{
        font-size:32px;
        line-height:1.18;
        font-weight:800;
        text-transform:none;
        letter-spacing:0;
    }

    #page-icon .pricing-icon{
        width:94px;
        height:94px;
        margin-left:-47px;
        bottom:-66px;
    }

    #h-info{
        padding-top:78px;
        padding-bottom:20px;
    }

    #h-info .info-text{
        padding-left:0;
        padding-right:0;
        margin-top:0;
        font-size:17px;
        line-height:1.8;
    }

    .product-hero-actions{
        gap:10px;
    }

    .product-hero-actions .ybtn{
        width:100%;
        min-width:0;
        justify-content:center;
        padding:14px 18px;
    }

    #pricing > .container,
    #services > .container,
    .product-highlights > .container,
    .product-usecases > .container,
    .product-compare > .container,
    .product-process > .container,
    #home-faq > .container,
    #footer > .container,
    #partners-bar > .container,
    #h-info > .container,
    #page-head > .container,
    .entry-section > .container,
    .ops-section > .container,
    .contact-action-section > .container{
        width:100%;
        padding-left:16px;
        padding-right:16px;
    }

    .page-about .icons-animation-holder{
        width:280px;
        height:220px;
        margin:24px auto 40px;
    }

    .page-about .icons-animation-holder .aicon{
        width:94px;
        height:94px;
        margin-left:-47px;
        margin-top:-47px;
        padding-top:17px;
    }

    .page-about .icons-animation-holder .aicon img{
        width:68px;
    }

    .page-about .icons-animation-holder .aicon-main{
        padding-top:39px;
    }

    .page-about .icons-animation-holder .aicon-main svg.logo{
        width:58px;
    }

    .page-about .company-info-holder,
    .page-about .company-info-holder .details-holder p{
        text-align:center;
    }

    .page-about .company-info-holder .details-holder p{
        font-size:16px;
        line-height:1.8;
    }

    .product-highlights{
        padding-top:34px;
        padding-bottom:34px;
    }

    .product-highlights .highlights-grid > [class*='col-']{
        margin-bottom:18px;
    }

    .pricing-box.pricing-box-simple.iv-card-match{
        margin-top:58px;
        margin-bottom:22px;
    }

    .pricing-box.pricing-box-simple.iv-card-match .pricing-content{
        padding:74px 22px 22px 22px;
        border-radius:22px;
        min-height:inherit !important;
    }

    .pricing-box.pricing-box-simple.iv-card-match .pricing-title{
        font-size:16px;
        margin-bottom:20px;
    }

    .pricing-box.pricing-box-simple.iv-card-match .pricing-price,
    .pricing-box.pricing-box-simple.iv-card-match .pricing-options .tab-content .tab-pane .pricing-price{
        font-size:44px !important;
    }

    #services .service-box{
        min-height:0;
        padding:26px 18px 22px 98px;
        border-radius:22px;
    }

    #services .service-box .service-icon{
        left:-16px;
        margin-top:-56px;
    }

    #services .service-box .service-icon img{
        width:114px;
    }

    #services .service-box .service-title,
    #services .service-box .service-details{
        margin-left:96px;
    }
}

/* Mobil footer: hızlı linkler ve yasal alanlar kalksın, tek parça profesyonel görünüm olsun */
@media (max-width: 991px){
    #footer .footer-col-links,
    #footer .footer-col-legal,
    #footer .company-legal,
    #footer .footer-etbis{
        display:none !important;
    }

    #footer{
        padding-top:48px;
        padding-bottom:18px;
    }

    #footer > .container > .row:first-child{
        display:flex;
        flex-direction:column;
        gap:22px;
    }

    #footer .footer-logo,
    #footer .text,
    #footer .social-holder{
        text-align:center !important;
        justify-content:center !important;
    }

    #footer .text{
        max-width:460px;
        margin:12px auto 0;
        font-size:14px;
        line-height:1.75;
    }

    #footer .footer-col-contact{
        width:100%;
        max-width:none !important;
        margin-top:0;
        padding:20px 18px 8px;
        border-radius:22px;
        border:1px solid rgba(255,255,255,0.08);
        background:rgba(255,255,255,0.04);
    }

    #footer .footer-col-contact,
    #footer .footer-col-contact .footer-title,
    #footer .footer-col-contact .address-holder{
        text-align:left !important;
    }

    #footer .footer-col-contact .footer-title{
        margin-bottom:18px;
        font-size:18px;
    }

    #footer .address-holder .phone,
    #footer .address-holder .email,
    #footer .address{
        margin-bottom:14px;
        padding:0 !important;
        background:transparent !important;
        box-shadow:none !important;
    }

    #footer .footer-feature-strip{
        margin-top:18px;
        padding-top:0;
        border-top:0;
        flex-wrap:nowrap;
        justify-content:flex-start;
        gap:10px;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        padding-bottom:4px;
    }

    #footer .footer-feature-strip::-webkit-scrollbar{
        display:none;
    }

    #footer .footer-feature-strip .item{
        flex:0 0 auto;
        white-space:nowrap;
        padding:10px 12px;
        border-radius:999px;
        border:1px solid rgba(255,255,255,0.08);
        background:rgba(255,255,255,0.04);
        font-size:13px;
    }

    #footer .footer-pay-card{
        display:flex;
        flex-direction:column;
        gap:14px;
        text-align:center;
        padding:18px 16px;
        border-radius:20px;
    }

    #footer .footer-pay-card .left,
    #footer .footer-pay-card .center,
    #footer .footer-pay-card .right{
        width:100%;
        text-align:center;
        justify-self:center;
    }

    #footer .footer-pay-card .pay-logos{
        max-width:100%;
        height:auto;
        max-height:32px;
    }

    #footer .footer-pay-card .footer-panel-btn{
        width:100%;
        justify-content:center;
    }
}

@media (max-width: 767px){
    #page-head .page-title,
    .page-about .company-info-holder h1.company-info-title{
        font-size:28px;
    }

    #h-info .info-text{
        font-size:16px;
    }

    .page-about .icons-animation-holder{
        width:248px;
        height:198px;
        margin:18px auto 34px;
    }

    .page-about .icons-animation-holder .aicon{
        width:86px;
        height:86px;
        margin-left:-43px;
        margin-top:-43px;
        padding-top:15px;
    }

    .page-about .icons-animation-holder .aicon img{
        width:62px;
    }

    .page-about .icons-animation-holder .aicon-main{
        padding-top:36px;
    }

    #services .service-box{
        padding:24px 16px 20px 88px;
    }

    #services .service-box .service-title,
    #services .service-box .service-details{
        margin-left:82px;
    }
}

/* About sayfası başlığını kurumsal hale getir */
.page-about .company-info-holder h1.company-info-title{
    font-size:44px;
    line-height:1.14;
    font-weight:800;
    text-transform:none;
    letter-spacing:0;
    color:#ffffff;
    margin:0 0 18px;
}

.page-about .company-info-holder .details-holder p{
    font-size:17px;
    line-height:1.85;
    color:rgba(255,255,255,0.84);
}


/* v27 - Alan adı entegrasyonu */
#home-domain-search .domain-search-card--prices{
    justify-content: space-between;
}

#home-domain-search .domain-search-card--prices .domain-actions{
    display: flex;
    align-items: center;
    gap: 12px;
}

#home-domain-search .domain-search-card--prices .ybtn{
    border-radius: 999px;
    padding: 12px 22px;
    font-weight: 900;
    white-space: nowrap;
}

.page-domains .domain-hero-panel-live{
    padding: 32px 34px;
}

.page-domains .netroa-domain-search-form{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 18px;
}

.page-domains .netroa-domain-search-form .field{
    display: flex;
}

.page-domains .netroa-domain-search-form .field-grow{
    flex: 1 1 380px;
}

.page-domains .netroa-domain-search-form .field-tld{
    flex: 0 0 170px;
}

.page-domains .netroa-domain-search-form .field-submit{
    flex: 0 0 auto;
}

.page-domains .netroa-domain-search-form input,
.page-domains .netroa-domain-search-form select{
    width: 100%;
    min-height: 54px;
    border-radius: 16px;
    border: 1px solid rgba(44, 49, 56, 0.12);
    background: #ffffff;
    color: #1b1f23;
    box-shadow: 0 12px 28px rgba(0,0,0,0.06);
    padding: 0 18px;
    font-size: 15px;
    font-weight: 800;
}

.page-domains .netroa-domain-search-form input::placeholder{
    color: rgba(27,31,35,0.55);
}

.page-domains .netroa-domain-search-form input:focus,
.page-domains .netroa-domain-search-form select:focus{
    outline: 0;
    border-color: rgba(52, 59, 69, 0.35);
    box-shadow: 0 0 0 4px rgba(52,59,69,0.08), 0 14px 32px rgba(0,0,0,0.07);
}

.page-domains .netroa-domain-search-form .ybtn{
    min-height: 54px;
    border-radius: 16px;
    padding-left: 24px;
    padding-right: 24px;
    border: 0;
    font-weight: 900;
}

.page-domains .panel-actions-inline{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.page-domains .panel-actions-inline .ybtn{
    margin: 0;
}

.page-domains .domain-search-helper{
    margin-top: 10px;
    color: #616b76;
    font-size: 13px;
    font-weight: 800;
}

.page-domains .domain-live-strip{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.page-domains .domain-live-mini{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 12px 26px rgba(0,0,0,0.06);
}

.page-domains .domain-live-mini .tld-name{
    color: #1b1f23;
    font-size: 14px;
    font-weight: 900;
}

.page-domains .domain-live-mini .tld-price{
    color: #2c3138;
    font-size: 14px;
    font-weight: 900;
}

.page-domains .domain-live-mini .tld-period{
    color: #616b76;
    font-size: 12px;
    font-weight: 800;
}

.page-domains .domain-live-meta,
#domain-pricing .domain-table-toolbar .toolbar-note{
    color: #616b76;
    font-size: 12px;
    font-weight: 800;
}

.page-domains .domain-live-meta{
    margin-top: 12px;
}

.page-domains #domain-quick-pricing .domain-box-clean{
    min-height: 100%;
}

.page-domains #domain-quick-pricing .domain-box-clean .price{
    display: block;
    font-size: 30px;
    font-weight: 900;
    color: #1b1f23;
    line-height: 1.15;
    margin: 14px 0 10px 0;
}

.page-domains #domain-quick-pricing .domain-box-clean .price span{
    color: #616b76;
    font-size: 14px;
    font-weight: 800;
}

.page-domains #domain-quick-pricing .domain-box-clean .details{
    min-height: 78px;
}

#domain-pricing .domain-table-toolbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
}

#domain-pricing .domain-table-toolbar .toolbar-link{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(44,49,56,0.08);
    color: #2c3138;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

#domain-pricing .domain-table-toolbar .toolbar-link:hover,
#domain-pricing .domain-table-toolbar .toolbar-link:focus{
    background: rgba(44,49,56,0.14);
    color: #1b1f23;
    text-decoration: none;
}

#domain-pricing .td.period{
    color: #4d5662;
    font-weight: 800;
}

@media (max-width: 991px){
    #home-domain-search .domain-search-card--prices{
        gap: 14px;
    }

    #home-domain-search .domain-search-card--prices .domain-actions{
        width: 100%;
    }

    .page-domains .netroa-domain-search-form .field-grow,
    .page-domains .netroa-domain-search-form .field-tld,
    .page-domains .netroa-domain-search-form .field-submit{
        flex: 1 1 100%;
    }

    .page-domains .netroa-domain-search-form .ybtn{
        width: 100%;
    }
}

@media (max-width: 767px){
    .page-domains .domain-hero-panel-live{
        padding: 24px 20px;
    }

    .page-domains .domain-live-strip{
        gap: 8px;
    }

    .page-domains .domain-live-mini{
        width: 100%;
        justify-content: space-between;
        border-radius: 18px;
    }

    .page-domains #domain-quick-pricing .domain-box-clean .price{
        font-size: 26px;
    }

    #domain-pricing .domain-table-toolbar{
        align-items: flex-start;
    }
}


/* v27 domain page refresh */
.page-domains .topbar{
    display:block;
}

#header-holder.domainspage-header #page-head{
    padding-top:72px;
    padding-bottom:126px;
}

#header-holder.domainspage-header #page-head .page-title{
    font-size:28px;
    font-weight:300;
    letter-spacing:0.3px;
    margin-top:10px;
    margin-bottom:34px;
}

.page-domains .domain-search-classic{
    max-width:720px;
    margin:0 auto -76px;
    position:relative;
    z-index:20;
}

.page-domains .domain-hero-panel-live,
.page-domains .panel-actions-inline,
.page-domains .domain-live-strip,
.page-domains .domain-live-meta{
    display:none;
}

.page-domains .netroa-domain-search-form--classic{
    display:block;
    position:relative;
    max-width:100%;
    margin:0 auto;
}

.page-domains .netroa-domain-search-form--classic .field{
    display:block;
}

.page-domains .netroa-domain-search-form--classic .field-grow{
    width:100%;
}

.page-domains .netroa-domain-search-form--classic .field-submit{
    position:absolute;
    top:15px;
    right:15px;
    z-index:2;
}

.page-domains .netroa-domain-search-form--classic input{
    width:100%;
    min-height:80px;
    padding:0 230px 0 36px;
    border:0;
    border-radius:24px;
    background:#f2f4f7;
    color:#4f5d6d;
    font-size:19px;
    font-weight:800;
    box-shadow:0 18px 38px rgba(0,0,0,0.16);
}

.page-domains .netroa-domain-search-form--classic input::placeholder{
    color:#6b7785;
}

.page-domains .netroa-domain-search-form--classic input:focus{
    outline:0;
    box-shadow:0 0 0 4px rgba(45,156,240,0.10), 0 18px 40px rgba(0,0,0,0.18);
}

.page-domains .netroa-domain-search-form--classic .ybtn{
    min-height:50px;
    padding:0 34px;
    border-radius:18px;
    border:0;
    font-size:18px;
    font-weight:900;
    background:#2d9cf0 !important;
    border-color:#2d9cf0 !important;
    color:#ffffff !important;
    box-shadow:none !important;
}

.page-domains .netroa-domain-search-form--classic .ybtn:hover,
.page-domains .netroa-domain-search-form--classic .ybtn:focus{
    background:#1486dd !important;
    border-color:#1486dd !important;
}

.page-domains .domain-search-helper{
    margin-top:12px;
    font-size:13px;
    font-weight:800;
    color:rgba(255,255,255,0.84);
}

.page-domains .domain-search-helper:empty{
    display:none;
}

.page-domains #domain-quick-pricing{
    background:#f4f6f8;
    padding-top:122px;
    padding-bottom:34px;
}

.page-domains #domain-quick-pricing .row > [class*='col-']{
    margin-bottom:36px;
}

.page-domains #domain-quick-pricing .domain-box-clean{
    min-height:100%;
    padding:58px 34px 30px;
    border-radius:24px;
    border:1px solid rgba(15,29,45,0.08);
    box-shadow:0 20px 42px rgba(15,29,45,0.08);
    overflow:hidden;
    transition:transform 0.25s ease, box-shadow 0.25s ease;
}

.page-domains #domain-quick-pricing .domain-box-clean:hover,
.page-domains #domain-quick-pricing .domain-box-clean:focus{
    transform:translateY(-6px);
    box-shadow:0 28px 52px rgba(15,29,45,0.12);
}

.page-domains #domain-quick-pricing .domain-box-clean .title{
    width:82px;
    height:82px;
    margin-left:-41px;
    padding-top:19px;
    font-size:21px;
    font-weight:800;
    color:#ffffff;
    box-shadow:0 12px 24px rgba(15,29,45,0.18);
}

.page-domains #domain-quick-pricing .domain-box-clean .price{
    margin:16px 0 12px;
    font-size:32px;
    font-weight:900;
    line-height:1.14;
}

.page-domains #domain-quick-pricing .domain-box-clean .price span{
    font-size:16px;
    font-weight:800;
}

.page-domains #domain-quick-pricing .domain-box-clean .details{
    min-height:82px;
    font-size:15px;
    line-height:1.65;
}

.page-domains #domain-quick-pricing .domain-box-clean .link .register-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:206px;
    padding:13px 28px;
    border-radius:14px;
    color:#ffffff;
    font-size:15px;
    font-weight:900;
    letter-spacing:0.5px;
    text-transform:uppercase;
    text-decoration:none;
    box-shadow:0 14px 26px rgba(15,29,45,0.12);
    transition:transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
}

.page-domains #domain-quick-pricing .domain-box-clean .link .register-button:hover,
.page-domains #domain-quick-pricing .domain-box-clean .link .register-button:focus{
    text-decoration:none;
    transform:translateY(-2px);
    filter:brightness(0.96);
}

.page-domains #domain-quick-pricing .domain-box-clean.d-color1{
    background:linear-gradient(180deg, #eef6ff 0%, #ffffff 56%);
    border-color:rgba(45,156,240,0.18);
}

.page-domains #domain-quick-pricing .domain-box-clean.d-color1 .title{
    background:linear-gradient(180deg, #56b1ff, #2d9cf0);
}

.page-domains #domain-quick-pricing .domain-box-clean.d-color1 .price{
    color:#17324d;
}

.page-domains #domain-quick-pricing .domain-box-clean.d-color1 .price span,
.page-domains #domain-quick-pricing .domain-box-clean.d-color1 .details{
    color:#5d6f82;
}

.page-domains #domain-quick-pricing .domain-box-clean.d-color1 .link .register-button{
    background:#2d9cf0;
}

.page-domains #domain-quick-pricing .domain-box-clean.d-color2{
    background:linear-gradient(180deg, #edf2f7 0%, #ffffff 56%);
    border-color:rgba(54,65,82,0.18);
}

.page-domains #domain-quick-pricing .domain-box-clean.d-color2 .title{
    background:linear-gradient(180deg, #536275, #364152);
}

.page-domains #domain-quick-pricing .domain-box-clean.d-color2 .price{
    color:#202b38;
}

.page-domains #domain-quick-pricing .domain-box-clean.d-color2 .price span,
.page-domains #domain-quick-pricing .domain-box-clean.d-color2 .details{
    color:#5f6d7d;
}

.page-domains #domain-quick-pricing .domain-box-clean.d-color2 .link .register-button{
    background:#364152;
}

.page-domains #domain-quick-pricing .domain-box-clean.d-color3{
    background:linear-gradient(180deg, #eff9f4 0%, #ffffff 56%);
    border-color:rgba(47,159,98,0.18);
}

.page-domains #domain-quick-pricing .domain-box-clean.d-color3 .title{
    background:linear-gradient(180deg, #45c07b, #2f9f62);
}

.page-domains #domain-quick-pricing .domain-box-clean.d-color3 .price{
    color:#1b4530;
}

.page-domains #domain-quick-pricing .domain-box-clean.d-color3 .price span,
.page-domains #domain-quick-pricing .domain-box-clean.d-color3 .details{
    color:#5f6d7d;
}

.page-domains #domain-quick-pricing .domain-box-clean.d-color3 .link .register-button{
    background:#2f9f62;
}

@media (max-width: 991px){
    #header-holder.domainspage-header #page-head{
        padding-top:60px;
        padding-bottom:118px;
    }

    .page-domains .domain-search-classic{
        max-width:100%;
    }
}

@media (max-width: 767px){
    #header-holder.domainspage-header #page-head{
        padding-top:50px;
        padding-bottom:72px;
    }

    #header-holder.domainspage-header #page-head .page-title{
        font-size:24px;
        margin-bottom:24px;
    }

    .page-domains .domain-search-classic{
        margin:0 auto -36px;
    }

    .page-domains .netroa-domain-search-form--classic .field-submit{
        position:static;
        margin-top:12px;
    }

    .page-domains .netroa-domain-search-form--classic input{
        min-height:68px;
        padding:0 22px;
        font-size:17px;
        border-radius:22px;
    }

    .page-domains .netroa-domain-search-form--classic .ybtn{
        width:100%;
        min-height:52px;
        border-radius:16px;
    }

    .page-domains .domain-search-helper{
        color:rgba(255,255,255,0.76);
    }

    .page-domains #domain-quick-pricing{
        padding-top:82px;
    }

    .page-domains #domain-quick-pricing .domain-box-clean{
        padding-left:26px;
        padding-right:26px;
    }

    .page-domains #domain-quick-pricing .domain-box-clean .price{
        font-size:28px;
    }

    .page-domains #domain-quick-pricing .domain-box-clean .details{
        min-height:auto;
    }

    .page-domains #domain-quick-pricing .domain-box-clean .link .register-button{
        min-width:100%;
    }
}


/* v27.1 domain page bugfix */
.page-domains #domain-quick-pricing{
    position: relative;
    z-index: 2;
}

.page-domains #domain-quick-pricing .domain-box-clean{
    position: relative;
    overflow: visible;
}

.page-domains #domain-quick-pricing .domain-box-clean .title{
    position: absolute;
    top: -41px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0;
    line-height: 1;
    z-index: 3;
}

@media (max-width: 767px){
    .page-domains #domain-quick-pricing .domain-box-clean .title{
        top: -38px;
    }
}


/* ===== v26: mobil ürün sayfası hero düzeltmesi ===== */
@media (max-width: 991px){
    body.page-webhosting #page-head,
    body.page-cloudhosting #page-head,
    body.page-resellershosting #page-head,
    body.page-vpshosting #page-head,
    body.page-horizontalpricing #page-head{
        padding-top:40px;
        padding-bottom:24px;
    }

    body.page-webhosting #page-head .page-title,
    body.page-cloudhosting #page-head .page-title,
    body.page-resellershosting #page-head .page-title,
    body.page-vpshosting #page-head .page-title,
    body.page-horizontalpricing #page-head .page-title{
        max-width:320px;
        margin:0 auto 18px;
        line-height:1.12;
    }

    body.page-webhosting #page-icon,
    body.page-cloudhosting #page-icon,
    body.page-resellershosting #page-icon,
    body.page-vpshosting #page-icon,
    body.page-horizontalpricing #page-icon{
        position:relative;
        display:flex;
        justify-content:center;
        align-items:center;
        margin-top:2px;
    }

    body.page-webhosting #page-icon .pricing-icon,
    body.page-cloudhosting #page-icon .pricing-icon,
    body.page-resellershosting #page-icon .pricing-icon,
    body.page-vpshosting #page-icon .pricing-icon,
    body.page-horizontalpricing #page-icon .pricing-icon{
        position:relative !important;
        left:auto !important;
        bottom:auto !important;
        margin-left:0 !important;
        width:92px;
        height:92px;
    }

    body.page-webhosting #h-info,
    body.page-cloudhosting #h-info,
    body.page-resellershosting #h-info,
    body.page-vpshosting #h-info,
    body.page-horizontalpricing #h-info{
        padding-top:32px;
    }
}

@media (max-width: 575px){
    body.page-webhosting #page-head .page-title,
    body.page-cloudhosting #page-head .page-title,
    body.page-resellershosting #page-head .page-title,
    body.page-vpshosting #page-head .page-title,
    body.page-horizontalpricing #page-head .page-title{
        max-width:260px;
        margin-bottom:16px;
        font-size:26px;
    }

    body.page-webhosting #page-icon .pricing-icon,
    body.page-cloudhosting #page-icon .pricing-icon,
    body.page-resellershosting #page-icon .pricing-icon,
    body.page-vpshosting #page-icon .pricing-icon,
    body.page-horizontalpricing #page-icon .pricing-icon{
        width:86px;
        height:86px;
    }

    body.page-webhosting #h-info,
    body.page-cloudhosting #h-info,
    body.page-resellershosting #h-info,
    body.page-vpshosting #h-info,
    body.page-horizontalpricing #h-info{
        padding-top:28px;
    }
}

/* v28 topbar notice text: exact center across all pages */
@media (min-width: 993px){
    .topbar .topbar-inner{
        display:grid;
        grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);
        align-items:center;
        gap:18px;
    }

    .topbar .topbar-left{
        justify-self:start;
    }

    .topbar .topbar-center{
        justify-self:center;
        text-align:center;
        white-space:nowrap;
        overflow:visible;
        text-overflow:clip;
        max-width:100%;
    }

    .topbar .topbar-right{
        justify-self:end;
    }
}

/* v29 mobile topbar + domain page centering fix */
@media (max-width: 992px){
    .topbar .topbar-inner{
        display:flex !important;
        flex-wrap:wrap;
        justify-content:center;
        align-items:center;
        text-align:center;
        gap:10px 14px;
    }

    .topbar .topbar-left,
    .topbar .topbar-center,
    .topbar .topbar-right{
        width:100%;
        justify-content:center;
        text-align:center;
    }

    .topbar .topbar-center{
        display:block !important;
        order:1;
        white-space:normal;
        overflow:visible;
        text-overflow:clip;
        line-height:1.45;
        margin:0;
    }

    .topbar .topbar-left{
        order:2;
        flex-wrap:wrap;
        gap:10px 14px;
    }

    .topbar .topbar-right{
        order:3;
        flex-wrap:wrap;
        gap:10px 14px;
    }
}

@media (max-width: 576px){
    .topbar{
        font-size:12px;
    }

    .topbar .topbar-inner{
        padding:10px 0 12px;
    }

    .topbar .topbar-link{
        justify-content:center;
    }
}

@media (max-width: 767px){
    #header-holder.domainspage-header #page-head .container{
        padding-left:20px;
        padding-right:20px;
    }

    #header-holder.domainspage-header #page-head .row,
    #header-holder.domainspage-header #page-head [class*='col-']{
        text-align:center;
    }

    #header-holder.domainspage-header #page-head .page-title{
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        line-height:1.2;
    }

    .page-domains .domain-search-classic{
        width:100%;
        max-width:560px;
        margin:0 auto -36px;
    }

    .page-domains .netroa-domain-search-form--classic{
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
    }

    .page-domains .netroa-domain-search-form--classic .field,
    .page-domains .netroa-domain-search-form--classic .field-submit{
        width:100%;
        margin-left:auto;
        margin-right:auto;
    }

    .page-domains .domain-search-helper{
        text-align:center;
    }
}