/*
 * NESBIL Corporate UI v4 for WHMCS 7.6.2
 * Keeps the original SYNCBilisim navigation and Bootstrap grid intact.
 */

body.nesbil-ui {
    background: #f1f4f8;
    color: #3c4658;
    font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.65;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.nesbil-ui a {
    transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}

.nesbil-ui a:focus,
.nesbil-ui a:active,
.nesbil-ui button:focus,
.nesbil-ui button:active,
.nesbil-ui .btn:focus,
.nesbil-ui .btn:active {
    border-color: inherit;
    box-shadow: none !important;
    outline: 0 !important;
}

.nesbil-ui .form-control:focus {
    border-color: #e62a3e;
    box-shadow: 0 0 0 3px rgba(230, 42, 62, .10);
    outline: 0;
}

/* Keep the original custom menu. The secondary WHMCS menu is not used. */
.nesbil-ui #main-menu {
    display: none !important;
}

.nesbil-ui .navigation-bar,
.nesbil-ui .navigation,
.nesbil-ui .navigation > #mainmenu {
    overflow: visible;
}

.nesbil-ui .navigation > .slicknav_menu ~ .slicknav_menu {
    display: none !important;
}

@media (min-width: 768px) {
    .nesbil-ui .navigation > .slicknav_menu {
        display: none !important;
    }

    .nesbil-ui .navigation > #mainmenu {
        display: block !important;
    }

    /* Compact lists are mobile fallbacks; desktop keeps the original mega menu. */
    .nesbil-ui .navigation > #mainmenu > li.mega-manu > .dropdown-nav {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
}

@media (max-width: 767px) {
    .nesbil-ui .navigation > #mainmenu {
        display: none !important;
    }

    .nesbil-ui .navigation > .slicknav_menu {
        display: block !important;
    }

    .nesbil-ui .slicknav_nav .maga-manu-wrapper {
        display: none !important;
    }
}

/* Homepage hero readability. */
.nesbil-ui .homepage-slider-2 .slider-content,
.nesbil-ui .homepage-slider-2 .slider-content h1,
.nesbil-ui .homepage-slider-2 .slider-content h2,
.nesbil-ui .homepage-slider-2 .slider-content h3,
.nesbil-ui .homepage-slider-2 .slider-content p,
.nesbil-ui .homepage-slider-2 .slider-content a:not(.pricing-btn) {
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(6, 14, 35, .32);
}

.nesbil-ui .homepage-slider-2 .slider-content h2 {
    letter-spacing: -.02em;
}

.nesbil-ui.nesbil-page-homepage #main-body {
    display: none;
}

/* Homepage domain captcha: remove old negative margins and restore contrast. */
.nesbil-ui .domain-checkup form:after,
.nesbil-ui #default-captcha-domainchecker:after {
    clear: both;
    content: "";
    display: table;
}

.nesbil-ui .domainchecker-homepage-captcha {
    clear: both;
    padding-top: 14px;
}

.nesbil-ui #default-captcha-domainchecker {
    background: #fff;
    border: 1px solid rgba(34, 45, 87, .12);
    border-radius: 8px;
    color: #344054;
    margin: 18px auto !important;
    max-width: 540px;
    padding: 15px 16px;
}

.nesbil-ui #default-captcha-domainchecker p {
    color: #344054 !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.55;
    margin: 0 0 12px;
}

.nesbil-ui #default-captcha-domainchecker .captchaimage {
    padding: 2px 8px;
    text-align: right;
}

.nesbil-ui #default-captcha-domainchecker .captchaimage img {
    height: auto;
    max-width: 100%;
}

.nesbil-ui #default-captcha-domainchecker #inputCaptcha {
    border: 1px solid #ccd4e0;
    border-radius: 7px;
    height: 42px;
    max-width: 150px;
    padding: 8px 12px;
    width: 100%;
}

.nesbil-ui #google-recaptcha-domainchecker {
    margin-bottom: 18px !important;
    margin-top: 18px !important;
    max-width: 100%;
}

/* Main WHMCS page shell. No flex is applied to Bootstrap rows or columns. */
.nesbil-ui #main-body {
    min-height: 460px;
    padding-bottom: 58px;
    padding-top: 26px;
}

.nesbil-ui #main-body > .row {
    display: block;
}

.nesbil-ui #main-body .main-content {
    background: #fff;
    border: 1px solid #e0e6ef;
    border-radius: 14px;
    box-shadow: 0 14px 38px rgba(26, 39, 75, .08);
    height: auto !important;
    line-height: 1.72;
    min-height: 180px;
    overflow: hidden;
    padding: 28px;
    position: relative;
    word-wrap: break-word;
}

.nesbil-ui #main-body .main-content:before {
    background: linear-gradient(90deg, #e62a3e 0 86px, #222d57 86px 100%);
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.nesbil-ui #main-body .main-content:after {
    clear: both;
    content: "";
    display: table;
}

.nesbil-ui #main-body .main-content > section,
.nesbil-ui #main-body .main-content > section > .container,
.nesbil-ui #main-body .main-content > .container {
    height: auto !important;
    max-width: 100%;
    width: 100% !important;
}

.nesbil-ui #main-body .main-content > section > .container,
.nesbil-ui #main-body .main-content > .container {
    padding-left: 0;
    padding-right: 0;
}

.nesbil-ui #main-body .main-content p,
.nesbil-ui #main-body .main-content li,
.nesbil-ui #main-body .main-content address,
.nesbil-ui #main-body .main-content label,
.nesbil-ui #main-body .main-content td,
.nesbil-ui #main-body .main-content th {
    max-width: 100%;
    overflow-wrap: break-word;
    overflow-wrap: anywhere;
    word-break: normal;
}

.nesbil-ui #main-body .main-content p,
.nesbil-ui #main-body .main-content li {
    line-height: 1.72;
}

.nesbil-ui #main-body .main-content img,
.nesbil-ui #main-body .main-content iframe,
.nesbil-ui #main-body .main-content video,
.nesbil-ui #main-body .main-content svg {
    height: auto;
    max-width: 100%;
}

.nesbil-ui #main-body .main-content pre,
.nesbil-ui #main-body .main-content code {
    max-width: 100%;
    white-space: pre-wrap;
    word-break: break-word;
}

/* Breadcrumbs */
.nesbil-ui .breadcrumb {
    background: #f5f7fa;
    border: 1px solid #e3e8f0;
    border-radius: 8px;
    color: #657086;
    font-size: 13px;
    line-height: 1.5;
    margin: 0 0 22px;
    padding: 10px 14px;
}

.nesbil-ui .breadcrumb > li,
.nesbil-ui .breadcrumb > li > a {
    color: #475467;
    font-size: 13px;
    font-weight: 500;
}

.nesbil-ui .breadcrumb > .active {
    color: #222d57;
    font-weight: 600;
}

.nesbil-ui .breadcrumb > li + li:before {
    color: #98a2b3;
}

.nesbil-ui .header-lined {
    border-bottom: 1px solid #e5e9f0;
    margin-bottom: 23px;
    padding-bottom: 15px;
}

.nesbil-ui .header-lined h1 {
    color: #222d57;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0;
}

.nesbil-ui .header-lined small {
    color: #768197;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.55;
    margin-top: 6px;
}

/* Panels and forms */
.nesbil-ui .panel,
.nesbil-ui .well {
    border-color: #e1e6ee;
    border-radius: 10px;
    box-shadow: 0 5px 18px rgba(26, 39, 75, .045);
}

.nesbil-ui .panel > .panel-heading {
    background: #f6f8fb;
    border-color: #e1e6ee;
    border-radius: 10px 10px 0 0;
    color: #222d57;
    min-height: 0;
    padding: 13px 16px;
}

.nesbil-ui .panel > .panel-heading .panel-title,
.nesbil-ui .panel > .panel-heading .panel-title a {
    color: #222d57;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
}

.nesbil-ui .panel > .panel-body {
    color: #475467;
    padding: 17px;
}

.nesbil-ui .panel > .panel-footer {
    background: #fafbfc;
    border-radius: 0 0 10px 10px;
    padding: 12px 16px;
}

.nesbil-ui .form-control,
.nesbil-ui select.form-control,
.nesbil-ui textarea.form-control {
    background: #fff;
    border: 1px solid #d2d9e4;
    border-radius: 7px;
    box-shadow: none;
    color: #344054;
    font-size: 13px;
}

.nesbil-ui input.form-control,
.nesbil-ui select.form-control {
    height: 44px;
}

.nesbil-ui textarea.form-control {
    height: auto;
    min-height: 120px;
    resize: vertical;
}

.nesbil-ui label,
.nesbil-ui .control-label,
.nesbil-ui .logincontainer .label {
    color: #475467;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
}

.nesbil-ui .btn {
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    height: auto;
    line-height: 1.4;
    min-height: 38px;
    padding: 9px 14px;
    white-space: normal;
}

.nesbil-ui .btn-primary,
.nesbil-ui .btn-success {
    background: #e62a3e !important;
    border-color: #e62a3e !important;
    color: #fff !important;
}

.nesbil-ui .btn-primary:hover,
.nesbil-ui .btn-success:hover {
    background: #c92034 !important;
    border-color: #c92034 !important;
}

.nesbil-ui .btn-default {
    background: #fff;
    border-color: #cfd6e2;
    color: #344054;
}

/* Tables remain Bootstrap tables; only their visual surface is changed. */
.nesbil-ui .table-container,
.nesbil-ui .table-responsive {
    -webkit-overflow-scrolling: touch;
    border-radius: 9px;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.nesbil-ui .table {
    margin-bottom: 0;
    width: 100%;
}

.nesbil-ui .table > thead > tr > th,
.nesbil-ui .table > thead > tr > td,
.nesbil-ui table.table-list > thead > tr > th {
    background: #222d57;
    border-color: #35446f;
    color: #fff !important;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.45;
    padding: 12px 10px;
    vertical-align: middle;
    white-space: normal;
}

.nesbil-ui .table > thead > tr > th a,
.nesbil-ui .table > thead > tr > td a {
    color: #fff !important;
}

.nesbil-ui .table > tbody > tr > td {
    border-color: #e8ecf2;
    font-size: 12px;
    line-height: 1.55;
    padding: 11px 10px;
    vertical-align: middle;
}

.nesbil-ui .table-hover > tbody > tr:hover > td,
.nesbil-ui .table-list > tbody > tr:hover > td {
    background: #f5f7fa;
}

/* DataTables search and information bar. */
.nesbil-ui .dataTables_wrapper {
    max-width: 100%;
}

.nesbil-ui .dataTables_wrapper .listtable {
    background: #fff;
    border: 1px solid #e1e6ee;
    border-radius: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-top: 14px;
    -webkit-overflow-scrolling: touch;
}

.nesbil-ui .dataTables_wrapper .listtable:before,
.nesbil-ui .dataTables_wrapper .listtable:after {
    content: "";
    display: table;
}

.nesbil-ui .dataTables_wrapper .listtable:after {
    clear: both;
}

.nesbil-ui .dataTables_wrapper .dataTables_filter {
    float: right;
    margin: 0 14px 14px;
    position: static;
    text-align: right;
}

.nesbil-ui .dataTables_wrapper .dataTables_filter label {
    margin: 0;
}

.nesbil-ui .dataTables_wrapper .dataTables_filter input.form-control {
    background: #f8fafc;
    border: 1px solid #ccd5e1;
    border-radius: 7px;
    height: 40px;
    margin: 0;
    padding: 8px 12px;
    position: relative;
    width: 250px;
}

.nesbil-ui .dataTables_wrapper .dataTables_info {
    background: transparent;
    color: #667085;
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin: 0 14px 14px;
    padding: 10px 0;
}

.nesbil-ui .dataTables_wrapper table.dataTable {
    clear: both;
}

.nesbil-ui .dataTables_wrapper .dataTables_length,
.nesbil-ui .dataTables_wrapper .dataTables_paginate {
    margin-top: 14px;
}

/* Client dashboard: retain Bootstrap's float-based four-column grid. */
.nesbil-ui .nesbil-dashboard-intro {
    align-items: center;
    background: linear-gradient(135deg, #222d57, #172143);
    border-radius: 11px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin: 0 0 22px;
    padding: 25px 27px;
}

.nesbil-ui .nesbil-dashboard-intro__copy {
    min-width: 0;
}

.nesbil-ui .nesbil-dashboard-eyebrow {
    color: #ffb8c0;
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    margin-bottom: 7px;
}

.nesbil-ui .nesbil-dashboard-intro h1 {
    color: #fff;
    font-size: 24px;
    margin: 0 0 6px;
}

.nesbil-ui .nesbil-dashboard-intro p {
    color: #dce2ef;
    font-size: 12px;
    margin: 0;
}

.nesbil-ui .nesbil-dashboard-intro__actions {
    margin-left: 22px;
    white-space: nowrap;
}

.nesbil-ui .nesbil-dashboard-intro__actions .btn {
    margin-left: 5px;
}

.nesbil-ui .tiles,
.nesbil-ui .tiles > .row {
    display: block;
}

.nesbil-ui .tiles {
    margin: 0 0 22px;
}

.nesbil-ui .tiles > .row {
    margin-left: -6px;
    margin-right: -6px;
}

.nesbil-ui .tiles .tile,
.nesbil-ui .tiles .tile:last-child {
    background: #f8fafc !important;
    border: 6px solid #fff !important;
    border-radius: 11px;
    box-shadow: inset 0 0 0 1px #dfe5ee;
    min-height: 122px;
    overflow: hidden;
    padding: 18px 20px;
    position: relative;
}

.nesbil-ui .tiles .tile:hover {
    background: #222d57 !important;
}

.nesbil-ui .tiles .tile .stat {
    color: #222d57;
    font-size: 34px;
    margin-top: 12px;
}

.nesbil-ui .tiles .tile .title {
    color: #667085;
    font-size: 10px;
}

.nesbil-ui .tiles .tile:hover .stat,
.nesbil-ui .tiles .tile:hover .title,
.nesbil-ui .tiles .tile:hover .icon,
.nesbil-ui .tiles .tile:hover a {
    color: #fff !important;
}

/* Authentication pages: one card, no nested boxes. */
.nesbil-ui.nesbil-page-login #main-body,
.nesbil-ui.nesbil-page-logintwofa #main-body,
.nesbil-ui.nesbil-page-logout #main-body,
.nesbil-ui.nesbil-page-pwreset #main-body,
.nesbil-ui.nesbil-page-pwresetvalidation #main-body,
.nesbil-ui.nesbil-page-password-reset-container #main-body {
    max-width: 900px;
}

.nesbil-ui.nesbil-page-login #main-body .main-content,
.nesbil-ui.nesbil-page-logintwofa #main-body .main-content,
.nesbil-ui.nesbil-page-logout #main-body .main-content,
.nesbil-ui.nesbil-page-pwreset #main-body .main-content,
.nesbil-ui.nesbil-page-pwresetvalidation #main-body .main-content,
.nesbil-ui.nesbil-page-password-reset-container #main-body .main-content {
    background: transparent;
    border: 0;
    box-shadow: none;
    min-height: 0;
    overflow: visible;
    padding: 18px 0 35px;
}

.nesbil-ui.nesbil-page-login #main-body .main-content:before,
.nesbil-ui.nesbil-page-logintwofa #main-body .main-content:before,
.nesbil-ui.nesbil-page-logout #main-body .main-content:before,
.nesbil-ui.nesbil-page-pwreset #main-body .main-content:before,
.nesbil-ui.nesbil-page-pwresetvalidation #main-body .main-content:before,
.nesbil-ui.nesbil-page-password-reset-container #main-body .main-content:before {
    display: none;
}

.nesbil-ui .logincontainer {
    background: #fff;
    border: 1px solid #e0e6ef;
    border-radius: 14px;
    box-shadow: 0 20px 52px rgba(25, 38, 77, .12);
    margin: 18px auto 45px;
    max-width: 520px;
    padding: 34px 38px 38px;
    width: 100%;
}

.nesbil-ui .logincontainer .header-lined {
    margin-bottom: 25px;
}

.nesbil-ui .logincontainer .header-lined h1 {
    font-size: 23px;
}

.nesbil-ui .logincontainer .nesbil-logout-actions {
    padding-top: 6px;
}

.nesbil-ui.nesbil-page-clientregister #main-body {
    max-width: 1040px;
}

.nesbil-ui.nesbil-page-clientregister #main-body .main-content {
    padding: 34px;
}

.nesbil-ui.nesbil-page-clientregister .using-password-strength > .row {
    margin-left: -8px;
    margin-right: -8px;
}

.nesbil-ui.nesbil-page-clientregister .using-password-strength > .row > [class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
}

/* Long-form corporate and agreement pages. */
.nesbil-ui .blog-details.latest-blog-area {
    padding: 0;
}

.nesbil-ui .blog-details .single-blog-box,
.nesbil-ui .blog-details .blog-box-content {
    height: auto !important;
    max-width: 100%;
    overflow: visible;
}

.nesbil-ui .blog-details .blog-box-content {
    color: #465167;
    font-size: 13px;
    padding: 0;
}

.nesbil-ui .blog-details .blog-box-content h3 {
    color: #222d57;
    font-size: 23px;
    line-height: 1.35;
    margin: 0 0 22px;
}

.nesbil-ui .blog-details .blog-box-content h4,
.nesbil-ui .blog-details .blog-box-content p[style*="font-weight: bold"] {
    color: #222d57;
    font-size: 15px;
    line-height: 1.55;
    margin: 22px 0 8px !important;
}

.nesbil-ui .blog-details .blog-box-content p {
    margin-bottom: 14px;
    text-align: left !important;
}

.nesbil-ui .blog-details .categories-right-list {
    background: #f7f9fc;
    border: 1px solid #e1e6ee;
    border-radius: 10px;
    padding: 10px;
}

.nesbil-ui .blog-details .categories-right-list a {
    border-radius: 6px;
    color: #475467;
    display: block;
    font-size: 12px;
    padding: 9px 11px;
}

.nesbil-ui .blog-details .categories-right-list a:hover {
    background: #fff;
    color: #e62a3e;
}

/* Product pages stay inside the main card and do not rewrite #main-body. */
.nesbil-ui.nesbil-page-bireysel-hosting #main-body,
.nesbil-ui.nesbil-page-kurumsal-hosting #main-body,
.nesbil-ui.nesbil-page-bayi-hosting #main-body,
.nesbil-ui.nesbil-page-ssl #main-body,
.nesbil-ui.nesbil-page-gerekli-belgeler #main-body {
    padding-top: 18px;
}

.nesbil-ui.nesbil-page-bireysel-hosting .main-content > .homepage-2,
.nesbil-ui.nesbil-page-kurumsal-hosting .main-content > .homepage-2,
.nesbil-ui.nesbil-page-bayi-hosting .main-content > .homepage-2 {
    padding-top: 10px !important;
}

.nesbil-ui .main-content .single-pricing-table,
.nesbil-ui .main-content .single-hosting-price {
    height: auto;
    max-width: 100%;
}

.nesbil-ui .main-content .panel-group .panel {
    overflow: hidden;
}

@media (max-width: 991px) {
    .nesbil-ui #main-body .main-content {
        padding: 24px;
    }

    .nesbil-ui .nesbil-dashboard-intro {
        align-items: flex-start;
        display: block;
    }

    .nesbil-ui .nesbil-dashboard-intro__actions {
        margin: 18px 0 0;
        white-space: normal;
    }

    .nesbil-ui .nesbil-dashboard-intro__actions .btn {
        margin: 4px 4px 0 0;
    }

    .nesbil-ui .blog-details .blog-categories-right {
        margin-top: 24px;
    }
}

@media (max-width: 767px) {
    .nesbil-ui #main-body {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 18px;
    }

    .nesbil-ui #main-body .main-content,
    .nesbil-ui.nesbil-page-clientregister #main-body .main-content {
        border-radius: 10px;
        padding: 23px 17px 27px;
    }

    .nesbil-ui .header-lined h1 {
        font-size: 21px;
    }

    .nesbil-ui .breadcrumb,
    .nesbil-ui .breadcrumb > li,
    .nesbil-ui .breadcrumb > li > a {
        font-size: 12px;
    }

    .nesbil-ui .table-container .table,
    .nesbil-ui .dataTables_wrapper .table,
    .nesbil-ui table.table-list {
        min-width: 620px;
    }

    .nesbil-ui .dataTables_wrapper .dataTables_filter,
    .nesbil-ui .dataTables_wrapper .dataTables_info {
        float: none;
        margin: 0 12px 12px;
        text-align: left;
    }

    .nesbil-ui .dataTables_wrapper .dataTables_filter input.form-control {
        display: block;
        margin-top: 5px;
        width: 100%;
    }

    .nesbil-ui .tiles .tile,
    .nesbil-ui .tiles .tile:last-child {
        min-height: 112px;
        padding: 15px;
    }

    .nesbil-ui .tiles .tile .stat {
        font-size: 28px;
    }

    .nesbil-ui .logincontainer {
        border-radius: 10px;
        margin: 8px auto 32px;
        padding: 27px 20px 30px;
    }

    .nesbil-ui .logincontainer .btn {
        display: block;
        margin: 7px 0 0;
        width: 100%;
    }

    .nesbil-ui #default-captcha-domainchecker .captchaimage,
    .nesbil-ui #default-captcha-domainchecker .col-xs-6 {
        float: none;
        text-align: center;
        width: 100%;
    }

    .nesbil-ui #default-captcha-domainchecker #inputCaptcha {
        margin: 10px auto 0;
    }

    .nesbil-ui .domain-checkup-left,
    .nesbil-ui .domain-checkup-right {
        float: none;
        margin: 0;
        width: 100%;
    }

    .nesbil-ui .domain-checkup form input[type="text"] {
        padding-right: 15px;
        width: 100%;
    }

    .nesbil-ui .domain-checkup-right button {
        margin-top: 10px;
        width: 100%;
    }
}

@media (max-width: 420px) {
    .nesbil-ui .tiles .tile,
    .nesbil-ui .tiles .tile:last-child {
        float: none;
        width: 100%;
    }
}

/* --------------------------------------------------------------------------
 * NESBIL Corporate UI v5 — layout integrity and long-content refinements
 * -------------------------------------------------------------------------- */

/* Contain floated Bootstrap children without clipping dropdowns or copy. */
.nesbil-ui #main-body .main-content {
    display: flow-root;
    min-width: 0;
    overflow: visible;
}

/* The stock Six stylesheet pulls breadcrumbs upward with a negative margin. */
body.nesbil-ui div.header-lined {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    justify-content: space-between;
    margin: 0 0 25px;
    padding: 2px 0 18px;
}

body.nesbil-ui div.header-lined h1 {
    flex: 1 1 320px;
    margin: 0 !important;
    min-width: 0;
}

body.nesbil-ui div.header-lined .breadcrumb {
    align-self: center;
    flex: 0 1 auto;
    float: none !important;
    margin: 0 !important;
    max-width: 100%;
    position: static !important;
}

body.nesbil-ui div.header-lined .breadcrumb,
body.nesbil-ui div.header-lined .breadcrumb > li,
body.nesbil-ui div.header-lined .breadcrumb > li > a {
    font-size: 13px !important;
    line-height: 1.55 !important;
}

/* Long corporate pages: the page shell supplies structure; inner copy stays open. */
.nesbil-ui.nesbil-page-genel-kullanim-kosullari #main-body .main-content,
.nesbil-ui.nesbil-page-gizlilik-guvenlik #main-body .main-content,
.nesbil-ui.nesbil-page-hizmet-sozlesmesi #main-body .main-content,
.nesbil-ui.nesbil-page-alan-adi-hizmet-sozlesmesi #main-body .main-content,
.nesbil-ui.nesbil-page-hosting-hizmet-sozlesmesi #main-body .main-content,
.nesbil-ui.nesbil-page-hakkimizda #main-body .main-content {
    padding: 32px;
}

.nesbil-ui .blog-details .single-blog-box,
.nesbil-ui .blog-details .blog-box-content,
.nesbil-ui .blog-details .single-blog-box:hover,
.nesbil-ui .blog-details .blog-box-content:hover {
    background: transparent;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none !important;
    margin: 0;
    padding: 0;
}

.nesbil-ui .blog-details .row {
    margin-left: -12px;
    margin-right: -12px;
}

.nesbil-ui .blog-details [class*="col-"] {
    min-width: 0;
    padding-left: 12px;
    padding-right: 12px;
}

.nesbil-ui .blog-details .blog-box-content p,
.nesbil-ui .blog-details .blog-box-content li {
    color: #465167;
    font-size: 14px;
    line-height: 1.82;
    margin: 0 0 15px;
    max-width: none;
    padding: 0 !important;
}

.nesbil-ui .blog-details .blog-box-content p[style*="font-weight: bold"],
.nesbil-ui .blog-details .blog-box-content h4 {
    border-left: 3px solid #e62a3e;
    color: #222d57;
    font-size: 16px;
    font-weight: 700;
    margin: 28px 0 11px !important;
    padding: 4px 0 4px 12px !important;
}

.nesbil-ui .blog-details .blog-details-speech:empty,
.nesbil-ui .blog-details .blog-details-speech ul:empty {
    display: none;
}

.nesbil-ui .blog-details .categories-right-list {
    position: sticky;
    top: 105px;
}

.nesbil-ui .blog-details .categories-right-list li,
.nesbil-ui .blog-details .categories-right-list a {
    margin: 0;
    overflow-wrap: anywhere;
    padding-left: 0;
    padding-right: 0;
}

.nesbil-ui .blog-details .categories-right-list a {
    padding: 10px 12px;
}

/* Product presentation: responsive equal-height grid and readable card content. */
.nesbil-ui.nesbil-page-bireysel-hosting #main-body .main-content,
.nesbil-ui.nesbil-page-kurumsal-hosting #main-body .main-content,
.nesbil-ui.nesbil-page-bayi-hosting #main-body .main-content,
.nesbil-ui.nesbil-page-ssl #main-body .main-content {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.nesbil-ui.nesbil-page-bireysel-hosting #main-body .main-content:before,
.nesbil-ui.nesbil-page-kurumsal-hosting #main-body .main-content:before,
.nesbil-ui.nesbil-page-bayi-hosting #main-body .main-content:before,
.nesbil-ui.nesbil-page-ssl #main-body .main-content:before {
    display: none;
}

.nesbil-ui.nesbil-page-bireysel-hosting .header-lined,
.nesbil-ui.nesbil-page-kurumsal-hosting .header-lined,
.nesbil-ui.nesbil-page-bayi-hosting .header-lined,
.nesbil-ui.nesbil-page-ssl .header-lined {
    background: #fff;
    border: 1px solid #e0e6ef;
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(26, 39, 75, .07);
    padding: 22px 26px;
}

.nesbil-ui.nesbil-page-bireysel-hosting .main-content > section,
.nesbil-ui.nesbil-page-kurumsal-hosting .main-content > section,
.nesbil-ui.nesbil-page-bayi-hosting .main-content > section,
.nesbil-ui.nesbil-page-ssl .main-content > section {
    background: #fff !important;
    border: 1px solid #e0e6ef;
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(26, 39, 75, .06);
    margin: 0 0 22px;
    overflow: hidden;
    padding: 34px 24px !important;
}

.nesbil-ui #aylik > .row,
.nesbil-ui #yillik > .row {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
}

.nesbil-ui #aylik > .row > [class*="col-"],
.nesbil-ui #yillik > .row > [class*="col-"] {
    float: none;
    min-width: 0;
    padding: 0;
    width: auto;
}

.nesbil-ui .main-content .single-pricing-table {
    background: #fff;
    border: 1px solid #dfe5ee;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(34, 45, 87, .07);
    display: flex;
    flex-direction: column;
    height: 100% !important;
    margin: 0;
    overflow: hidden;
    padding: 24px 18px 20px;
    position: relative;
}

.nesbil-ui .main-content .single-pricing-table:before {
    background: linear-gradient(90deg, #e62a3e, #222d57);
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.nesbil-ui .main-content .single-pricing-table:hover {
    border-color: #cdd5e2;
    box-shadow: 0 14px 30px rgba(34, 45, 87, .11);
    transform: translateY(-2px);
}

.nesbil-ui .main-content .single-pricing-table > h2 {
    color: #222d57;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.4;
    margin: 3px 0 12px;
    overflow-wrap: anywhere;
}

.nesbil-ui .main-content .single-pricing-table > img {
    margin: 0 auto 12px;
    max-width: 64px;
}

.nesbil-ui .main-content .pricing-amount {
    align-items: baseline;
    color: #222d57;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 18px;
    min-height: 54px;
    padding: 0;
}

.nesbil-ui .main-content .pricing-amount sup,
.nesbil-ui .main-content .pricing-amount .currency,
.nesbil-ui .main-content .pricing-amount .price,
.nesbil-ui .main-content .pricing-amount .subscription {
    float: none;
    left: auto;
    margin: 0;
    position: static;
    right: auto;
    top: auto;
}

.nesbil-ui .main-content .pricing-amount .price {
    font-size: 34px;
    font-weight: 800;
    line-height: 1.15;
}

.nesbil-ui .main-content .pricing-amount .subscription {
    color: #667085;
    font-size: 12px;
    margin-left: 4px;
}

.nesbil-ui .main-content .pricing-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

.nesbil-ui .main-content .pricing-content ul {
    flex: 1 1 auto;
    margin: 0 0 20px;
    padding: 0;
}

.nesbil-ui .main-content .pricing-content li {
    border-bottom: 1px solid #edf0f5;
    color: #475467;
    font-size: 13px;
    line-height: 1.55;
    list-style: none;
    margin: 0;
    overflow-wrap: anywhere;
    padding: 9px 2px;
}

.nesbil-ui .main-content .pricing-btn {
    align-items: center;
    background: #e62a3e;
    border: 0;
    border-radius: 8px;
    color: #fff !important;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    margin: auto 0 0;
    min-height: 42px;
    padding: 10px 14px;
    width: 100%;
}

.nesbil-ui .main-content .pricing-btn:hover {
    background: #c92034;
}

/* Detailed package/SSL comparison stays aligned as one readable matrix. */
.nesbil-ui .hosting-plan-area .container {
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
}

.nesbil-ui .hosting-plan-area .container > .row:last-child {
    align-items: stretch;
    display: grid;
    gap: 9px;
    grid-template-columns: minmax(190px, 1.15fr) repeat(4, minmax(170px, 1fr));
    margin: 0;
    min-width: 920px;
}

.nesbil-ui .hosting-plan-area .container > .row:last-child > .single-hosting-price {
    background: #fff;
    border: 1px solid #dfe5ee !important;
    border-radius: 10px;
    box-shadow: 0 7px 20px rgba(34, 45, 87, .055);
    float: none;
    margin: 0 !important;
    min-width: 0;
    overflow: hidden;
    width: auto;
}

.nesbil-ui .hosting-plan-area .single-hosting-price > h2 {
    align-items: center;
    color: #222d57;
    display: flex;
    font-size: 15px;
    font-weight: 800;
    justify-content: center;
    letter-spacing: .025em;
    line-height: 1.45;
    margin: 0;
    min-height: 72px;
    overflow-wrap: anywhere;
    padding: 14px 10px;
}

.nesbil-ui .hosting-plan-area .single-hosting-price .pricing-amount {
    border-bottom: 1px solid #e8ecf2;
    min-height: 88px;
    padding: 18px 8px !important;
}

.nesbil-ui .hosting-plan-area .single-hosting-price.display-none {
    align-self: end;
    box-shadow: none;
}

.nesbil-ui .hosting-plan-area .single-hosting-price ul {
    height: 100%;
}

.nesbil-ui .hosting-plan-area .single-hosting-price li {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #e8ecf2;
    color: #475467;
    display: flex;
    font-size: 12px;
    justify-content: center;
    line-height: 1.45;
    margin: 0;
    min-height: 52px;
    overflow-wrap: anywhere;
    padding: 9px 8px !important;
}

.nesbil-ui .hosting-plan-area .single-hosting-price li:nth-child(even),
.nesbil-ui .hosting-plan-area .single-hosting-price li[style*="background"] {
    background: #f5f8fc !important;
}

.nesbil-ui .hosting-plan-area .single-hosting-price.display-none li {
    color: #26324a;
    font-weight: 700;
    justify-content: flex-start;
    text-align: left;
}

.nesbil-ui .hosting-plan-area .pricing-btn {
    margin: 0 !important;
    width: 100%;
}

.nesbil-ui .cloud-hosting-service .service-teatimonial-item-inner,
.nesbil-ui .service-area .service-teatimonial-item-inner {
    height: auto !important;
    min-height: 260px;
    overflow: visible;
    padding: 24px 20px;
}

.nesbil-ui .cloud-hosting-service p,
.nesbil-ui .service-area p,
.nesbil-ui .section-title p {
    color: #475467;
    font-size: 14px;
    line-height: 1.75;
}

/* Captcha must contribute to homepage form height instead of hanging below it. */
.nesbil-ui .domain-inner,
.nesbil-ui .domain-checkup,
.nesbil-ui .domain-checkup form {
    height: auto !important;
    max-height: none !important;
    min-height: 0;
    overflow: visible !important;
}

.nesbil-ui .domain-inner {
    padding-bottom: 28px;
}

.nesbil-ui .domain-checkup form {
    display: flow-root;
    width: 100%;
}

.nesbil-ui .domain-checkup form > .row,
.nesbil-ui .domain-checkup .domainchecker-homepage-captcha {
    clear: both;
    float: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 18px;
    width: 100%;
}

/* Tables and charts retain their information and scroll only when truly needed. */
.nesbil-ui .domain-chart-heading,
.nesbil-ui .table-chart,
.nesbil-ui table.table-chart {
    box-shadow: none !important;
}

.nesbil-ui .domain-chart-heading {
    background: #f7f9fc;
    border: 1px solid #e0e6ef;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    color: #222d57;
    line-height: 1.5;
    margin: 0;
    padding: 14px 16px;
}

.nesbil-ui table.table-chart {
    background: #fff;
    border: 1px solid #e0e6ef;
    border-collapse: separate;
    border-radius: 0 0 10px 10px;
    border-spacing: 0;
    margin: 0 0 22px;
    table-layout: auto;
    width: 100%;
}

.nesbil-ui table.table-chart th,
.nesbil-ui table.table-chart td {
    border-color: #e8ecf2;
    color: #475467;
    font-size: 13px;
    line-height: 1.55;
    overflow-wrap: anywhere;
    padding: 12px 10px;
    vertical-align: middle;
}

.nesbil-ui table.table-chart th {
    background: #222d57;
    color: #fff;
    font-weight: 700;
}

/* Registration custom fields follow the passwords and never leave half rows. */
.nesbil-ui.nesbil-page-clientregister .nesbil-custom-fields {
    background: #f7f9fc;
    border: 1px solid #e0e6ef;
    border-radius: 10px;
    clear: both;
    margin: 8px 0 22px;
    padding: 18px;
}

.nesbil-ui.nesbil-page-clientregister .nesbil-custom-field {
    margin: 0 0 16px;
    width: 100%;
}

.nesbil-ui.nesbil-page-clientregister .nesbil-custom-field:last-child {
    margin-bottom: 0;
}

.nesbil-ui.nesbil-page-clientregister .nesbil-custom-field input[type="text"],
.nesbil-ui.nesbil-page-clientregister .nesbil-custom-field input[type="date"],
.nesbil-ui.nesbil-page-clientregister .nesbil-custom-field select,
.nesbil-ui.nesbil-page-clientregister .nesbil-custom-field textarea {
    display: block;
    max-width: 100%;
    width: 100%;
}

.nesbil-ui.nesbil-page-clientregister .intl-tel-input,
.nesbil-ui.nesbil-page-clientregister .nice-select {
    display: block;
    width: 100%;
}

.nesbil-ui.nesbil-page-clientregister .nice-select {
    border: 1px solid #d2d9e4;
    border-radius: 7px;
    height: 44px;
    line-height: 42px;
}

.nesbil-ui.nesbil-page-clientregister .nesbil-custom-field input[type="checkbox"] {
    margin-right: 7px;
    vertical-align: middle;
}

.nesbil-ui.nesbil-page-clientregister .nesbil-custom-field-description {
    color: #667085;
    font-size: 12px;
    line-height: 1.55;
    margin-top: 6px;
}

@media (max-width: 991px) {
    .nesbil-ui #aylik > .row,
    .nesbil-ui #yillik > .row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nesbil-ui .blog-details .categories-right-list {
        position: static;
    }
}

@media (max-width: 767px) {
    body.nesbil-ui div.header-lined {
        display: block;
        padding-bottom: 16px;
    }

    body.nesbil-ui div.header-lined .breadcrumb {
        display: block;
        margin-top: 12px !important;
        overflow-x: auto;
        white-space: nowrap;
    }

    .nesbil-ui #main-body .main-content,
    .nesbil-ui.nesbil-page-genel-kullanim-kosullari #main-body .main-content,
    .nesbil-ui.nesbil-page-gizlilik-guvenlik #main-body .main-content,
    .nesbil-ui.nesbil-page-hizmet-sozlesmesi #main-body .main-content,
    .nesbil-ui.nesbil-page-alan-adi-hizmet-sozlesmesi #main-body .main-content,
    .nesbil-ui.nesbil-page-hosting-hizmet-sozlesmesi #main-body .main-content,
    .nesbil-ui.nesbil-page-hakkimizda #main-body .main-content {
        padding: 22px 17px 26px;
    }

    .nesbil-ui #aylik > .row,
    .nesbil-ui #yillik > .row {
        grid-template-columns: 1fr;
    }

    .nesbil-ui.nesbil-page-bireysel-hosting .main-content > section,
    .nesbil-ui.nesbil-page-kurumsal-hosting .main-content > section,
    .nesbil-ui.nesbil-page-bayi-hosting .main-content > section,
    .nesbil-ui.nesbil-page-ssl .main-content > section {
        border-radius: 10px;
        padding: 24px 14px !important;
    }

    .nesbil-ui .domain-checkup {
        padding-bottom: 18px;
    }

    .nesbil-ui table.table-chart {
        min-width: 620px;
    }
}