/* Remove underline from heading block */

    .heading-block::after {

        display: none !important;

        border: none !important;

    }



    /* Currency Display Control */

    .currency.usd {

        display: none;

    }



    .currency.tl {

        display: inline;

    }



    body.currency-usd .currency.usd {

        display: inline;

    }



    body.currency-usd .currency.tl {

        display: none;

    }



    body.currency-tl .currency.usd {

        display: none;

    }



    body.currency-tl .currency.tl {

        display: inline;

    }



    /* Desktop Table Styles - Only for LG screens and above */

    @media (min-width: 992px) {

        .modern-comparison-wrapper {

            background: white;

            border-radius: 16px;

            box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);

            overflow: hidden;

            margin-bottom: 2rem;

            border: 1px solid #e9ecef;

        }



        .table-comparison {

            margin-bottom: 0;

            border: none;

            width: 100%;

        }



        .table-comparison thead th {

            border-bottom: 2px solid #e9ecef;

            vertical-align: middle;

            padding: 1rem 0.5rem;

        }



        .table-comparison thead th.package-column {

            padding: 0 !important;

            border-bottom: none;

        }



        .feature-column {

            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);

            font-weight: 700;

            color: #2c3e50;

            width: 300px;

            min-width: 300px;

            padding-left: 2rem !important;

            position: sticky;

            left: 0;

            z-index: 20;

            border-right: 2px solid #dee2e6;

            font-size: 1rem;

        }



        .package-column {

            background: white;

            transition: all 0.3s ease;

            border-left: 1px solid #e9ecef;

            min-width: 220px;

            position: relative;

        }



        .package-column:hover {

            background: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 100%);

            transform: translateY(-2px);

            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);

        }



        .package-header {

            padding: 1rem 0.5rem;

            background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);

            height: 100%;

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: center;

        }



        .package-name {

            color: white !important;

            font-size: 1.2rem;

            line-height: 1.3;

            margin-bottom: 0;

            /* Removed margin since price is not here anymore */

        }



        .package-price .price-main {

            font-size: 1.75rem;

            color: #e74c3c;

            margin-bottom: 0.5rem;

            line-height: 1.2;

            font-weight: 800;

            display: flex;

            align-items: baseline;

            justify-content: center;

            gap: 0.25rem;

        }



        .package-price .price-main .currency {

            font-size: 1.2rem;

            font-weight: 600;

        }



        .package-price .price-main .period {

            font-size: 1rem;

            color: #6c757d;

            font-weight: 400;

        }



        /* Category Headers - DÜZELTİLDİ: Koyu arka plan, beyaz yazı */

        .category-header {

            background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%) !important;

        }



        .category-title {

            color: #3498db !important;

            font-weight: 700;

            padding: 0.75rem 1rem !important;

            font-size: 1rem;

            border: none;

        }



        .category-title i {

            opacity: 0.95;

            margin-right: 0.5rem;

            color: #3498db !important;

        }



        /* Feature Rows */

        .feature-name {

            padding: 0.75rem 1rem !important;

            background: #f8f9fa;

            font-weight: 600;

            color: #2c3e50;

            border-bottom: 1px solid #e9ecef;

            border-right: 2px solid #dee2e6;

            position: sticky;

            left: 0;

            z-index: 15;

            width: 300px;

            min-width: 300px;

            font-size: 0.95rem;

        }



        .feature-name small {

            font-weight: 400;

            font-size: 0.85rem;

            opacity: 0.8;

            margin-top: 0.25rem;

            display: block;

        }



        .table-comparison td {

            padding: 0.75rem 0.5rem;

            vertical-align: middle;

            border-bottom: 1px solid #e9ecef;

            background: white;

            font-size: 0.95rem;

            transition: all 0.2s ease;

        }



        .table-comparison tr:hover td {

            background: #f8fafc;

        }



        .table-comparison tr:hover .feature-name {

            background: #e3f2fd;

        }



        /* Expand/Collapse Section */

        .expand-toggle-row {

            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);

            border-bottom: 1px solid #dee2e6;

        }



        .expand-toggle {

            padding: 0.5rem !important;

        }



        .expand-toggle-btn {

            color: #3498db;

            font-weight: 600;

            padding: 0.5rem 1rem;

            transition: all 0.3s ease;

            background: transparent;

            border: none;

            font-size: 0.95rem;

        }



        .expand-toggle-btn:hover {

            color: #2980b9;

            transform: translateY(-1px);

        }



        .expand-toggle-btn i {

            transition: transform 0.3s ease;

        }



        .expand-toggle-btn:hover i {

            transform: translateY(2px);

        }



        .expandable-content {

            transition: all 0.3s ease;

        }



        .expandable-content.show {

            display: table-row-group !important;

        }



        /* Badges and Resources */

        .resource-badge {

            background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);

            color: #495057;

            padding: 0.5rem 1rem;

            border-radius: 20px;

            font-weight: 700;

            font-size: 0.9rem;

            display: inline-block;

            min-width: 70px;

            text-align: center;

            border: 1px solid #dee2e6;

        }



        .resource-badge.bg-primary {

            background: linear-gradient(135deg, #3498db 0%, #2980b9 100%) !important;

            color: white;

            border: none;

        }



        .version-badge {

            background: linear-gradient(135deg, #e8f5e8 0%, #d4edda 100%);

            color: #27ae60;

            padding: 0.4rem 0.8rem;

            border-radius: 15px;

            font-size: 0.85rem;

            font-weight: 600;

            display: inline-block;

            border: 1px solid #d4edda;

        }



        .badge.bg-success {

            background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%) !important;

            font-weight: 600;

            padding: 0.5rem 0.8rem;

        }



        .badge.bg-light {

            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;

            color: #495057 !important;

            font-weight: 600;

            padding: 0.5rem 0.8rem;

        }



        /* Tech Logos */

        .tech-logo {

            height: 28px;

            max-width: 100px;

            filter: grayscale(0.2);

            transition: filter 0.3s ease;

        }



        .tech-logo:hover {

            filter: grayscale(0);

        }



        /* Action Row */

        .action-row td {

            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);

            padding: 2rem 1rem !important;

            border-top: 3px solid #dee2e6;

        }



        .action-row .feature-name {

            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);

        }



        .package-action .btn {

            padding: 0.75rem 2rem;

            font-weight: 700;

            font-size: 1rem;

            border-radius: 25px;

            box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);

            transition: all 0.3s ease;

        }



        .package-action .btn:hover {

            transform: translateY(-3px);

            box-shadow: 0 8px 25px rgba(52, 152, 219, 0.4);

        }



        /* Price Display */

        .price-display {

            padding: 0.5rem 0;

        }



        /* OVERFLOW DÜZELTMESİ */

        .table-responsive {

            overflow-x: visible !important;

        }

    }



    /* MOBİL STİLLERİ */

    @media (max-width: 991.98px) {

        .package-card-mobile {

            border-radius: 16px;

            transition: all 0.3s ease;

            overflow: hidden;

            margin-bottom: 1.5rem;

            display: block !important;

        }



        .package-card-mobile:hover {

            transform: translateY(-5px);

            box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15) !important;

        }



        /* MOBİL BAŞLIK STİLLERİ */

        .card-header-mobile {

            background: linear-gradient(135deg, #3498db 0%, #2980b9 100%) !important;

            padding: 2rem 1rem !important;

            position: relative;

        }



        .package-header-content {

            display: flex;

            flex-direction: column;

            align-items: center;

            justify-content: center;

            text-align: center;

        }



        .package-title-mobile {

            color: white;

            font-size: 1.5rem;

            font-weight: 700;

            margin-bottom: 1rem;

            line-height: 1.2;

        }



        /* Diğer mobil stiller */

        .feature-section .section-title {

            font-weight: 600;

            color: #2c3e50;

            border-bottom: 1px solid #e9ecef;

            background: #f8f9fa;

        }



        .feature-item {

            transition: background-color 0.2s ease;

        }



        .feature-item:hover {

            background-color: #f8f9fa;

        }



        .feature-text {

            font-weight: 500;

            color: #495057;

        }



        .feature-value {

            font-weight: 600;

            color: #2c3e50;

            text-align: right;

        }



        /* Mobile Expand/Collapse */

        .mobile-expand-toggle {

            background: transparent;

        }



        .mobile-expand-toggle-btn {

            color: #3498db;

            font-weight: 600;

            padding: 0.5rem 1rem;

            transition: all 0.3s ease;

            background: transparent;

            border: none;

            font-size: 0.95rem;

        }



        .mobile-expand-toggle-btn:hover {

            color: #2980b9;

            transform: translateY(-1px);

        }



        .mobile-expand-toggle-btn i {

            transition: transform 0.3s ease;

        }



        .mobile-expand-toggle-btn:hover i {

            transform: translateY(2px);

        }



        .mobile-expandable-content {

            transition: all 0.3s ease;

        }



        .mobile-expandable-content.show {

            display: block !important;

        }



        /* Mobile Specific Styles */

        .tech-logo-mobile {

            height: 22px;

            max-width: 80px;

        }



        /* OVERFLOW DÜZELTMESİ */

        .package-card-mobile {

            overflow: visible;

        }



        .container {

            overflow-x: hidden;

        }

    }



    /* Hide mobile cards on desktop */

    @media (min-width: 992px) {

        .package-card-mobile {

            display: none !important;

        }

    }



    /* Button Styles */

    .btn-primary {

        background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);

        border: none;

        font-weight: 600;

        transition: all 0.3s ease;

    }



    .btn-primary:hover {

        background: linear-gradient(135deg, #2980b9 0%, #2471a3 100%);

        transform: translateY(-2px);

        box-shadow: 0 6px 20px rgba(52, 152, 219, 0.4);

    }



    /* Animation */

    @keyframes fadeInUp {

        from {

            opacity: 0;

            transform: translateY(20px);

        }



        to {

            opacity: 1;

            transform: translateY(0);

        }

    }



    .package-card-mobile {

        animation: fadeInUp 0.6s ease-out;

    }



    .package-card-mobile:nth-child(1) {

        animation-delay: 0.1s;

    }



    .package-card-mobile:nth-child(2) {

        animation-delay: 0.2s;

    }



    .package-card-mobile:nth-child(3) {

        animation-delay: 0.3s;

    }



    .package-card-mobile:nth-child(4) {

        animation-delay: 0.4s;

    }



    /* Responsive adjustments for mobile */

    @media (max-width: 768px) {

        .package-title-mobile {

            font-size: 1.4rem;

        }



        .feature-item {

            padding: 0.75rem 1rem !important;

        }



        .section-title {

            padding: 0.75rem 1rem !important;

        }



        .card-header-mobile {

            padding: 1.5rem 1rem !important;

        }

    }



    @media (max-width: 576px) {

        .package-title-mobile {

            font-size: 1.3rem;

        }



        .package-card-mobile .card-footer .btn {

            padding: 0.75rem 1.5rem;

            font-size: 0.9rem;

        }



        .card-header-mobile {

            padding: 1.25rem 0.75rem !important;

        }

    }



    /* Extra small devices */

    @media (max-width: 400px) {

        .package-title-mobile {

            font-size: 1.2rem;

        }

    }



.page-hosting-windows-hosting .d-none { display: none !important; }
.page-hosting-windows-hosting .d-block { display: block; }
@media (min-width: 992px) {

    .page-hosting-windows-hosting .d-lg-block { display: block !important; }

    .page-hosting-windows-hosting .d-lg-none { display: none !important; }

    /* Karşılaştırma kolonları: 4 paket + özellik kolonu konteynere sığsın */

    .page-hosting-windows-hosting #comprasion-table .package-column { min-width: 0; width: 19%; }

    .page-hosting-windows-hosting #comprasion-table .feature-column { width: 24%; min-width: 210px; padding-left: 2rem; }

}
/* Production heading centering */

.page-hosting-windows-hosting .heading-block {

    text-align: center;

}



/* ==== Discount coupon banner (windows X5) ==== */

.alt-discount-box {

    width: 100%;

    max-width: 1200px;

    margin: 20px auto;

    background: linear-gradient(90deg, #FF3E3E 0%, #FF7A7A 100%);

    border-radius: 12px;

    padding: 20px;

    color: white;

    box-shadow: 0 5px 15px rgba(255, 62, 62, 0.3);

    display: flex;

    align-items: center;

    justify-content: space-between;

    border: 1px solid #FF5C5C;

    box-sizing: border-box;

}

.alt-discount-content { display: flex; align-items: center; gap: 15px; }

.alt-discount-icon { background-color: rgba(255,255,255,0.2); border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

.alt-discount-icon i { font-size: 24px; }

.alt-discount-title { margin: 0; font-size: 18px; font-weight: 600; }

.alt-discount-subtitle { margin: 5px 0 0; font-size: 14px; opacity: 0.9; }

.alt-coupon-button {

    background: white;

    color: #FF3E3E;

    border: none;

    padding: 12px 25px;

    border-radius: 30px;

    font-weight: 700;

    font-size: 16px;

    cursor: pointer;

    transition: all 0.3s;

    white-space: nowrap;

    box-shadow: 0 3px 10px rgba(0,0,0,0.1);

    min-width: 180px;

}

@media (max-width: 768px) {

    .alt-discount-box { flex-direction: column; align-items: stretch; padding: 15px; }

    .alt-discount-content { margin-bottom: 15px; gap: 12px; }

    .alt-discount-icon { width: 40px; height: 40px; }

    .alt-discount-icon i { font-size: 18px; }

    .alt-discount-title { font-size: 16px; line-height: 1.3; }

    .alt-discount-subtitle { font-size: 13px; line-height: 1.3; }

    .alt-coupon-button { width: 100%; padding: 10px 15px; font-size: 15px; white-space: normal; }

}



/* ==== Comparison table: check/tick green, cross red ==== */

.page-hosting-windows-hosting #comprasion-table .fas.fa-check-circle { color: #16a34a !important; }

.page-hosting-windows-hosting #comprasion-table .fas.fa-times-circle { color: #dc2626 !important; }

.page-hosting-windows-hosting #comprasion-table .icon-check { color: #16a34a !important; }

.page-hosting-windows-hosting #comprasion-table .icon-times { color: #dc2626 !important; }

.page-hosting-windows-hosting #comprasion-table .text-success { color: #16a34a !important; }

.page-hosting-windows-hosting #comprasion-table .text-danger { color: #dc2626 !important; }



/* ==== Bootstrap-like utilities (page-scope, Bootstrap not loaded) ==== */

.page-hosting-windows-hosting .row { display: flex; flex-wrap: wrap; margin: 0 -12px; }

.page-hosting-windows-hosting .row > [class*="col-"] { padding: 0 12px; width: 100%; }

.page-hosting-windows-hosting .col-12 { width: 100%; }

@media (min-width: 992px) { .page-hosting-windows-hosting .col-lg-10 { width: 83.333%; margin: 0 auto; } }

.page-hosting-windows-hosting .d-block { display: block; }

.page-hosting-windows-hosting .d-flex { display: flex; }

.page-hosting-windows-hosting .fw-bold { font-weight: 700; }

.page-hosting-windows-hosting .fw-medium { font-weight: 500; }

.page-hosting-windows-hosting .text-center { text-align: center; }

.page-hosting-windows-hosting .text-decoration-none { text-decoration: none; }

.page-hosting-windows-hosting .text-muted { color: #6c757d; }

.page-hosting-windows-hosting .text-dark { color: #1e293b; }

.page-hosting-windows-hosting .text-primary { color: #3b82f6; }

.page-hosting-windows-hosting .justify-content-center { justify-content: center; }

.page-hosting-windows-hosting .justify-content-between { justify-content: space-between; }

.page-hosting-windows-hosting .mb-0 { margin-bottom: 0; }

.page-hosting-windows-hosting .mb-2 { margin-bottom: 0.5rem; }

.page-hosting-windows-hosting .mb-3 { margin-bottom: 1rem; }

.page-hosting-windows-hosting .mb-5 { margin-bottom: 3rem; }

.page-hosting-windows-hosting .g-4 { }

.page-hosting-windows-hosting .g-4 > [class*="col-"] { padding: 0 12px; }

.page-hosting-windows-hosting .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.page-hosting-windows-hosting .py-3 { padding-top: 1rem; padding-bottom: 1rem; }

.page-hosting-windows-hosting .py-4 { padding-top: 1.5rem; padding-bottom: 1.5rem; }



.page-hosting-windows-hosting .faq-container .fas { }




.page-hosting-windows-hosting .modal {
    display: none !important;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(15, 23, 42, 0.55);
    z-index: 10500;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.page-hosting-windows-hosting .modal.show { display: flex !important; }
.page-hosting-windows-hosting .modal .modal-dialog {
    background: #fff;
    border-radius: 14px;
    max-width: 520px;
    width: 100%;
    box-shadow: 0 20px 60px rgba(0,0,0,0.25);
}
.page-hosting-windows-hosting .modal .modal-content { background: #fff; border: none; border-radius: 14px; }
.page-hosting-windows-hosting .modal .modal-header {
    padding: 14px 18px;
    border-bottom: 1px solid #eef2f6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-hosting-windows-hosting .modal .modal-title { font-weight: 800; color: #1e293b; font-size: 16px; }
.page-hosting-windows-hosting .modal .close { cursor: pointer; font-size: 20px; background: transparent; border: none; color: #64748b; }
.page-hosting-windows-hosting .modal .modal-body { padding: 18px 20px; font-size: 14px; color: #475569; line-height: 1.7; }



/* 

    PREMIUM CORPORATE DESIGN - VERIFIED

    Prefix: hx-feat-

*/



.hx-feat-wrapper {

    padding: 50px 0;

    background: #ffffff;

}



.hx-feat-container {

    max-width: 1240px;

    margin: 0 auto;

    padding: 0 25px;

}



.hx-feat-grid {

    display: flex;

    flex-wrap: wrap;

    gap: 60px;

    align-items: center;

}



.hx-feat-content-side {

    flex: 1 1 500px;

}



.hx-feat-visual-side {

    flex: 1 1 500px;

}



/* Tag & Titles */

.hx-feat-tag {

    display: inline-block;

    padding: 5px 15px;

    background: #f1f5f9;

    color: #475569;

    font-size: 13px;

    font-weight: 700;

    border-radius: 6px;

    margin-bottom: 20px;

    border-left: 3px solid #ff9900;

}



.hx-feat-title {

    font-size: 40px;

    font-weight: 800;

    color: #0f172a;

    line-height: 1.2;

    margin-bottom: 20px;

    letter-spacing: -1px;

}



.hx-feat-primary {

    color: #ff9900;

    background: linear-gradient(120deg, rgba(255,153,0,0.1) 0%, rgba(255,153,0,0.1) 100%);

    background-repeat: no-repeat;

    background-size: 100% 0.3em;

    background-position: 0 85%;

}



.hx-feat-desc {

    font-size: 18px;

    color: #64748b;

    line-height: 1.7;

    margin-bottom: 40px;

}



/* Items Stack */

.hx-feat-items-stack {

    display: flex;

    flex-direction: column;

    gap: 30px;

}



.hx-feat-item {

    display: flex;

    gap: 20px;

    align-items: flex-start;

}



.hx-feat-icon-container {

    width: 60px;

    height: 60px;

    border-radius: 16px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 24px;

    background: #fff;

    box-shadow: 0 4px 15px rgba(0,0,0,0.05);

    border: 1px solid #f1f5f9;

    transition: all 0.3s ease;

}



.hx-feat-icon-container.blue { color: #3b82f6; }

.hx-feat-icon-container.amber { color: #f59e0b; }

.hx-feat-icon-container.red { color: #ef4444; }



.hx-feat-item:hover .hx-feat-icon-container {

    transform: translateY(-5px);

    border-color: #ff990044;

}



.hx-feat-text h3 {

    font-size: 19px;

    font-weight: 700;

    margin: 0 0 5px 0;

    color: #1e293b;

}



.hx-feat-text p {

    font-size: 15px;

    color: #64748b;

    margin: 0;

    line-height: 1.5;

}



/* Cards & Grid */

.hx-feat-cards-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 25px;

}



.hx-feat-card {

    background: #fff;

    border-radius: 20px;

    border: 1px solid #f1f5f9;

    overflow: hidden;

    transition: all 0.3s ease;

}



.hx-feat-card:hover {

    box-shadow: 0 20px 40px rgba(0,0,0,0.05);

    transform: translateY(-10px);

}



.hx-feat-img-overlay {

    height: 160px;

    overflow: hidden;

    background: #f8fafc;

}



.hx-feat-img-overlay img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.hx-feat-card-body {

    padding: 20px;

}



.hx-feat-card-body h5,
.hx-feat-card-body h4 {

    font-size: 17px;

    font-weight: 700;

    margin-bottom: 8px;

    color: #1e293b;

}



.hx-feat-card-body p {

    font-size: 14px;

    color: #64748b;

    margin: 0;

}



/* Support Bar */

.hx-feat-support-bar {

    grid-column: span 2;

    background: #fff;

    border-radius: 20px;

    border: 1px solid #f1f5f9;

    padding: 24px 30px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 20px;

    position: relative;

    overflow: hidden;

    transition: all 0.3s ease;

}



.hx-feat-support-bar::before {

    content: '';

    position: absolute;

    left: 0; top: 0; width: 4px; height: 100%;

    background: #ff9900;

}



.hx-feat-support-bar:hover {

    border-color: #ff990033;

    box-shadow: 0 10px 30px rgba(0,0,0,0.03);

}



.hx-feat-support-content {

    display: flex;

    align-items: center;

    gap: 20px;

}



.hx-feat-support-icon {

    width: 48px;

    height: 48px;

    background: #f8fafc;

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ff9900;

    font-size: 20px;

    border: 1px solid #f1f5f9;

}



.hx-feat-support-info h5,
.hx-feat-support-info h4 {

    font-size: 18px;

    font-weight: 800;

    margin-bottom: 3px;

    color: #0f172a;

}



.hx-feat-support-info p {

    font-size: 14px;

    color: #64748b;

    margin: 0;

}



.hx-feat-uptime-status {

    padding: 8px 16px;

    background: #f0fdf4;

    border-radius: 100px;

    border: 1px solid #dcfce7;

}



.hx-feat-status-text {

    color: #166534;

    font-size: 13px;

    font-weight: 700;

    display: flex;

    align-items: center;

    gap: 8px;

    white-space: nowrap;

}



.hx-feat-pulse-dot {

    width: 10px;

    height: 10px;

    background: #22c55e;

    border-radius: 50%;

    position: relative;

}



.hx-feat-pulse-dot::after {

    content: '';

    position: absolute;

    top: 0; left: 0; width: 100%; height: 100%;

    background: #22c55e;

    border-radius: 50%;

    animation: hx-feat-pulse 2s infinite;

}



@keyframes hx-feat-pulse {

    0% { transform: scale(1); opacity: 0.8; }

    100% { transform: scale(3); opacity: 0; }

}



/* Responsive */

@media (max-width: 640px) {

    .hx-feat-cards-grid { grid-template-columns: 1fr; }

    .hx-feat-support-bar { grid-column: span 1; flex-direction: column; text-align: center; }

    .hx-feat-title { font-size: 32px; }

    .hx-feat-item { flex-direction: column; text-align: center; }

    .hx-feat-icon-container { margin: 0 auto; }

}


/* ==== Comparison table: check green, cross red ==== */
.page-hosting-windows-hosting #comprasion-table .fas.fa-check-circle { color: #16a34a !important; }
.page-hosting-windows-hosting #comprasion-table .fas.fa-times-circle { color: #dc2626 !important; }
.page-hosting-windows-hosting #comprasion-table .icon-check { color: #16a34a !important; }
.page-hosting-windows-hosting #comprasion-table .icon-times { color: #dc2626 !important; }
.page-hosting-windows-hosting #comprasion-table .text-success { color: #16a34a !important; }
.page-hosting-windows-hosting #comprasion-table .text-danger { color: #dc2626 !important; }

/* ==== Compare section: bigger title, breathing room ==== */
.page-hosting-windows-hosting #comprasion-table { padding: 90px 0 50px; }
.page-hosting-windows-hosting #comprasion-table .heading-block h2 { font-size: 2.35rem; font-weight: 800; letter-spacing: -0.02em; margin-bottom: 14px; }
.page-hosting-windows-hosting #comprasion-table .heading-block p.lead { font-size: 1.05rem; color: #64748b; line-height: 1.75; margin: 0 auto; max-width: 760px; }

/* ==== Packages heading: title/subtitle spacing ==== */
.page-hosting-windows-hosting #paketlerimiz { padding-top: 70px; }
.page-hosting-windows-hosting #paketlerimiz .heading-block h2 { margin: 0 0 18px !important; }
.page-hosting-windows-hosting #paketlerimiz .heading-block span.text-black-50 { display: block; max-width: 820px; margin: 0 auto; line-height: 1.75; font-size: 1.03rem; color: #64748b; }