/* Site-wide polish + mobile. Loaded last. */

*, *::before, *::after { box-sizing: border-box; }

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

html, body {
    max-width: 100%;
    overflow-x: clip;
}

.header-area,
.header-links {
    max-width: 100%;
    overflow: visible;
}

.slider-area,
.swiper-topslider,
.swiper-container {
    max-width: 100%;
    overflow: hidden;
}

.referans-listesi {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
}
.referans-listesi .referans-box {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 88px;
    padding: 10px;
}

@media (max-width: 991px) {
    .referans-listesi { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 480px) {
    .referans-listesi { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

img, video, iframe, svg, canvas {
    max-width: 100%;
    height: auto;
}

iframe { width: 100%; }

table { max-width: 100%; }

.site-width,
.header-area .site-width,
.footer-area .site-width {
    max-width: 1260px !important;
    width: min(1260px, calc(100% - 32px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Inner page hero */
.page-head-area {
    position: relative;
    overflow: hidden;
    margin: 20px auto 0 !important;
    padding: 48px 28px !important;
    max-width: min(1260px, calc(100% - 32px)) !important;
    border-radius: 28px !important;
    border: 0 !important;
    background:
        radial-gradient(900px 280px at 90% -20%, rgba(56, 189, 248, 0.22), transparent 55%),
        linear-gradient(135deg, #071428 0%, #12315f 52%, #1d4ed8 140%) !important;
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.16) !important;
    text-align: center;
}

.page-head-area .inside { width: 100% !important; margin: 0 auto; }

.page-head-area .page-baslik,
.page-head-area .page-baslik .head,
.page-head-area .head {
    color: #fff !important;
    font-size: clamp(26px, 4vw, 44px) !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em;
    line-height: 1.2 !important;
    margin: 0 auto 10px !important;
}

.page-head-area .spot,
.page-head-area .page-baslik .spot {
    color: rgba(255,255,255,0.82) !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    max-width: 680px;
    margin: 0 auto !important;
    font-weight: 400 !important;
}

.content-area,
.yardim-page.content-area,
.sss.content-area,
.referans.content-area,
.ozelliks.content-area,
.eklentiler.content-area {
    background: transparent !important;
    padding: 28px 0 64px !important;
}

/* Forms + account */
input, select, textarea {
    max-width: 100%;
}

.accounts-page-main,
.contact-page .form-area,
.deneme-inside .form-area,
.odeme-page,
.user-page,
.sozlesme-content-area {
    background: #fff;
    border: 1px solid #e8eef7;
    border-radius: 24px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
}

.accounts-page-main {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 28px 0 72px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.accounts-page-main .account-inside {
    display: grid !important;
    grid-template-columns: minmax(240px, 280px) minmax(0, 1fr);
    gap: 24px;
    align-items: start;
    width: min(1260px, calc(100% - 32px)) !important;
}

.accounts-page-main .left-side {
    display: flex !important;
    flex-direction: column;
    background: #fff !important;
    border: 1px solid #e8eef7 !important;
    border-radius: 24px !important;
    padding: 18px 12px 14px !important;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
    min-height: 520px;
}

.accounts-page-main .left-side .head {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 6px 12px 14px !important;
    margin: 0 !important;
    border: 0 !important;
}

.accounts-userchip {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    margin: 0 4px 14px;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid #e8eef7;
}

.accounts-userchip .av {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: linear-gradient(145deg, #3b82f6, #1d4ed8);
    color: #fff !important;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.accounts-userchip strong {
    display: block;
    color: #0f172a;
    font-size: 14px;
    line-height: 1.2;
}

.accounts-userchip span {
    color: #64748b;
    font-size: 12px;
}

.accounts-page-main .usermenu-a {
    display: flex !important;
    align-items: center;
    gap: 10px;
    color: #0f172a !important;
    text-decoration: none !important;
    padding: 11px 14px !important;
    margin: 2px 4px !important;
    border-radius: 12px !important;
    border: 0 !important;
    font-weight: 650 !important;
    font-size: 14px !important;
    background: transparent !important;
}

.accounts-page-main .usermenu-a i,
.accounts-page-main .usermenu-a .usericons,
.accounts-page-main .usermenu-a .usericons::before {
    width: 18px;
    text-align: center;
    color: #0f172a !important;
    opacity: 1 !important;
    filter: none !important;
}

.accounts-page-main .usermenu-a:hover {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

.accounts-page-main .usermenu-a:hover i,
.accounts-page-main .usermenu-a:hover .usericons,
.accounts-page-main .usermenu-a:hover .usericons::before {
    color: #1d4ed8 !important;
}

.accounts-page-main .usermenu-a.is-active {
    background: #0b254b !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(11, 37, 75, 0.22);
}

.accounts-page-main .usermenu-a.is-active i,
.accounts-page-main .usermenu-a.is-active .usericons,
.accounts-page-main .usermenu-a.is-active .usericons::before {
    color: #fff !important;
}

.accounts-page-main .usermenu-a.is-logout {
    margin-top: auto !important;
    color: #dc2626 !important;
}

.accounts-page-main .usermenu-a.is-logout i,
.accounts-page-main .usermenu-a.is-logout .usericons,
.accounts-page-main .usermenu-a.is-logout .usericons::before {
    color: #dc2626 !important;
}

.accounts-page-main .right-side {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.accounts-page-main .right-side .contain,
.accounts-page-main .right-side .inside-box {
    background: #fff !important;
    border: 1px solid #e8eef7 !important;
    border-radius: 22px !important;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06) !important;
    padding: 24px 26px !important;
    width: 100% !important;
}

.accounts-page-main .right-side .contain .head,
.accounts-page-main .contain .head {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 18px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid #eef2f7 !important;
}

.accounts-page-main .input-box,
.accounts-page-main .loginmodal_tabs .input-box {
    display: grid !important;
    gap: 8px;
    margin: 0 0 16px !important;
    padding: 0 !important;
    width: 100% !important;
    position: static !important;
}

.accounts-page-main .input-box label,
.accounts-page-main .loginmodal_tabs .input-box label {
    position: static !important;
    transform: none !important;
    inset: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    line-height: 1.3 !important;
}

.accounts-page-main .input-box input,
.accounts-page-main .input-box select,
.accounts-page-main .input-box textarea,
.accounts-page-main .form-control {
    width: 100% !important;
    min-height: 50px !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    background: #fff !important;
    color: #0f172a !important;
    font-size: 15px !important;
    box-shadow: none !important;
}

.accounts-page-main textarea.form-control {
    min-height: 120px !important;
}

.accounts-page-main .kaydet-btn,
.accounts-page-main button.kaydet-btn {
    background: linear-gradient(180deg, #3b82f6, #1d4ed8) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 999px !important;
    min-height: 48px;
    padding: 0 22px !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 22px rgba(29, 78, 216, 0.28);
}

.accounts-page-main a.inside-box {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    text-decoration: none !important;
    color: #0f172a;
    margin-bottom: 12px;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.accounts-page-main a.inside-box:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.1) !important;
}

.accounts-page-main .flex-groups .titl {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 4px;
}

.accounts-page-main input,
.contact-page input,
.contact-page textarea,
.deneme-talebi-main input,
.form-control {
    min-height: 48px;
    border-radius: 14px !important;
    border: 1px solid #dbe4f0 !important;
    width: 100%;
}

.contact-page .form-area {
    padding: 24px !important;
}

.contact-page .content-area,
.contact-page .inside {
    display: block;
}

/* Listing cards on inner pages */
.blog-listesi,
.ozellik-listesi,
.eklenti-listesi,
.entegrasyon-listesi,
.referans-listesi,
.konsept-listesi,
.yorum-listesi,
.belge-listesi,
.help-list,
.yardim-listesi {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 18px !important;
    width: 100% !important;
}

.blog-box,
.ozellik-box,
.eklenti-box,
.ent-box,
.referans-box,
.konsept-box,
.yorum-box,
.belge-box,
.help-box,
.list-box {
    width: auto !important;
    max-width: 100% !important;
}

/* Slider stack on small screens */
.slider-text-type {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.slider-text-type .left-area,
.slider-text-type .right-area {
    max-width: 100%;
}

/* Tables */
.table-responsive,
.premium-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.compare-table,
.premium-table {
    width: 100%;
}

/* Discount banners on every package page */
.discount-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    background: linear-gradient(120deg, #0f172a, #1e3a8a 55%, #0ea5e9) !important;
    color: #fff !important;
    border-radius: 24px !important;
    padding: 24px 28px !important;
    margin: 0 0 24px !important;
}

.discount-text { color: #fff !important; font-weight: 800 !important; }
.discount-subtext { color: rgba(255,255,255,.86) !important; }
.highlight { color: #fde68a !important; }
.timer { display: flex; gap: 8px; flex-wrap: wrap; }
.time-box {
    min-width: 64px;
    background: rgba(255,255,255,.12);
    border-radius: 16px;
    padding: 10px 8px;
    text-align: center;
    color: #fff !important;
}

/* Footer safety */
.footer-area img { max-height: 48px; object-fit: contain; }
.footer-area .qk-ft-logo img {
    max-height: 72px !important;
    height: 72px;
    width: auto !important;
    filter: brightness(0) invert(1);
}
.footer-area .qk-ft-grid *,
.footer-area .qk-ft-menus * { max-width: none; }
.footer-area .qk-ft-grid img,
.footer-area .qk-ft-pay img { max-width: 100%; }

.wp_btn_main { z-index: 40 !important; }
.scroll-top-button { z-index: 41 !important; }

@media (max-width: 1199px) {
    .slider-text-type .left-area,
    .slider-text-type .right-area {
        width: 100% !important;
        flex: 1 1 100%;
        text-align: center;
    }
    .slider-text-type .left-area .slider-spot { margin-left: auto; margin-right: auto; }
}

@media (max-width: 991px) {
    .page-head-area { padding: 36px 18px !important; border-radius: 22px !important; }
    .content-area { padding-bottom: 48px !important; }
    .premium-card-grid { grid-template-columns: 1fr !important; }
    .premium-card.is-featured { transform: none; }
    .paket-hero { padding: 44px 0 68px; }
    .footer-top-grid { grid-template-columns: 1fr !important; }
    .anasayfa-paketler,
    .ozellikler,
    .blog,
    .entegrasyon,
    .referanslar,
    .sss,
    .yorumlar,
    .ayricalik,
    .eklenti,
    .konsept {
        padding: 36px 0 !important;
    }
}

@media (max-width: 767px) {
    .site-width { width: calc(100% - 16px) !important; }
    .page-head-area { max-width: calc(100% - 16px) !important; margin: 12px auto 0 !important; }
    .paket-hero-chips span { font-size: 12px; }
    .premium-card.is-featured::before { position: static; display: inline-flex; margin-bottom: 10px; }
    .discount-banner { padding: 18px !important; }
    .time-box { min-width: 56px; }
    .wp_btn_main .text_div { display: none !important; }
    .accounts-page-main { padding: 16px 0 48px !important; }
    .accounts-page-main .account-inside {
        grid-template-columns: 1fr !important;
        width: calc(100% - 24px) !important;
    }
    .accounts-page-main .left-side {
        min-height: 0 !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        padding: 14px !important;
    }
    .accounts-page-main .left-side .head,
    .accounts-userchip { display: none !important; }
    .accounts-page-main .usermenu-a {
        flex: 1 1 auto;
        margin: 4px !important;
        justify-content: center;
    }
    .accounts-page-main a.inside-box {
        grid-template-columns: 1fr 1fr !important;
    }
    .header-area .header-links .header-links-inside { width: calc(100% - 16px) !important; }
}

@media (max-width: 480px) {
    .page-head-area .page-baslik,
    .page-head-area .page-baslik .head { font-size: 24px !important; }
    .hed-link-btn-mobile .header-buton { display: none !important; }
}

.auth-screen {
    min-height: calc(100vh - 220px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 16px 64px;
    background:
        radial-gradient(900px 280px at 10% 0%, rgba(37, 99, 235, 0.12), transparent 55%),
        #f5f7fb;
}
.auth-card {
    width: 100%;
    max-width: 440px;
    background: #fff;
    border: 1px solid #e8eef7;
    border-radius: 28px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.1);
    padding: 32px 28px 28px;
}
.auth-icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 20px;
    margin-bottom: 16px;
}
.auth-card h1 {
    margin: 0 0 8px;
    font-size: 28px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.03em;
}
.auth-sub {
    margin: 0 0 24px;
    color: #64748b;
    font-size: 15px;
    line-height: 1.5;
}
.auth-form { display: grid; gap: 14px; }
.auth-field {
    display: grid;
    gap: 6px;
    margin: 0;
}
.auth-field span {
    font-size: 13px;
    font-weight: 700;
    color: #334155;
}
.auth-field input {
    min-height: 50px !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 14px !important;
    padding: 0 14px !important;
    width: 100%;
    font-size: 15px;
    background: #fff !important;
    color: #0f172a !important;
}
.auth-field input:focus {
    outline: none;
    border-color: #2563eb !important;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}
.auth-row {
    display: flex;
    justify-content: flex-end;
}
.auth-row a,
.auth-foot a,
.auth-check a {
    color: #2563eb;
    font-weight: 700;
    text-decoration: none;
}
.auth-submit {
    min-height: 50px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(180deg, #2563eb, #1d4ed8);
    color: #fff !important;
    font-weight: 800;
    font-size: 15px;
    cursor: pointer;
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.28);
}
.auth-check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: #475569;
    line-height: 1.45;
}
.auth-check input { margin-top: 3px; }
.auth-foot {
    margin-top: 18px;
    text-align: center;
    color: #64748b;
    font-size: 14px;
}

@media screen and (max-width: 1279px) {
    .accounts-page-main .account-inside .left-side {
        display: flex !important;
    }
}

/* Çözümler / eklenti + entegrasyon katalogu */
.eklentiler.content-area,
.entegrasyonlar.content-area:not(.entegrasyon-detay) {
    display: block !important;
    width: min(1260px, calc(100% - 32px)) !important;
    margin: 28px auto 72px !important;
    padding: 0 !important;
    float: none !important;
}

.eklentiler.content-area .eklenti-container {
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.eklentiler.content-area .mobile-eklenti-category {
    display: none !important;
}

.entegrasyonlar.content-area:not(.entegrasyon-detay) {
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.eklentiler.content-area .left-side,
.entegrasyonlar.content-area .kategoriler {
    background: #fff;
    border: 1px solid #e8eef7;
    border-radius: 22px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
    padding: 18px 12px;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

.eklentiler.content-area .left-side .head,
.entegrasyonlar.content-area .kategoriler::before {
    content: "Kategoriler";
    display: block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #64748b;
    padding: 6px 12px 14px;
}

.entegrasyonlar.content-area .kategoriler {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.eklentiler.content-area .kategori-a,
.entegrasyonlar.content-area .kategoriler a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 11px 14px !important;
    margin: 2px 4px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    color: #0f172a !important;
    font-weight: 650 !important;
    font-size: 14px !important;
    background: transparent !important;
    border: 0 !important;
}

.eklentiler.content-area .kategori-a:hover,
.entegrasyonlar.content-area .kategoriler a:hover {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

.eklentiler.content-area .kategori-a.active,
.entegrasyonlar.content-area .kategoriler a.active {
    background: #0b254b !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(11, 37, 75, 0.22);
}

.entegrasyonlar.content-area .kategoriler a::after {
    content: "›";
    font-size: 18px;
    line-height: 1;
    opacity: 0.55;
}

.entegrasyonlar.content-area .box .category-name {
    display: none !important;
}

.entegrasyonlar.content-area #SayfalamaElementi {
    grid-column: 2;
}

.entegrasyonlar.content-area:not(:has(.kategoriler)),
.eklentiler.content-area:not(:has(.left-side)) {
    grid-template-columns: 1fr !important;
}

.entegrasyonlar.content-area:not(:has(.kategoriler)) #SayfalamaElementi {
    grid-column: 1;
}

.eklentiler.content-area .content-side,
.entegrasyonlar.content-area .entegrasyon-boxes {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

.eklentiler.content-area .content-side .inside,
.entegrasyonlar.content-area .entegrasyon-boxes {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    width: 100% !important;
}

.eklentiler.content-area .box,
.entegrasyonlar.content-area .entegrasyon-boxes .box {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    width: auto !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 22px 20px 18px !important;
    min-height: 240px;
    background: #fff !important;
    border: 1px solid #eceff3 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    text-decoration: none !important;
    color: inherit;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.eklentiler.content-area .box:hover,
.entegrasyonlar.content-area .entegrasyon-boxes .box:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.1) !important;
}

.eklentiler.content-area .box .image,
.entegrasyonlar.content-area .box .image {
    width: 100% !important;
    height: 72px !important;
    min-width: 0;
    border-radius: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.eklentiler.content-area .box .image img,
.entegrasyonlar.content-area .box .image img {
    max-width: 150px !important;
    max-height: 56px !important;
    object-fit: contain;
}

.eklentiler.content-area .box .text,
.entegrasyonlar.content-area .box .text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.eklentiler.content-area .box .spot,
.entegrasyonlar.content-area .box .spot {
    display: block !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    margin: 4px 0 8px !important;
    min-height: 60px;
}

.eklentiler.content-area .box .text .head,
.entegrasyonlar.content-area .box .text .name {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.3 !important;
}

.eklentiler.content-area .box .fiyat {
    color: #2563eb !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    margin: 4px 0 8px !important;
}

.eklentiler.content-area .incele,
.eklentiler.content-area .buton,
.entegrasyonlar.content-area .incele {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #0a63ff !important;
    background: transparent !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

.eklentiler.content-area .incele:hover,
.eklentiler.content-area .buton:hover,
.entegrasyonlar.content-area .incele:hover {
    background: transparent !important;
    color: #084dcc !important;
}

.eklentiler.content-area .populer-a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 12px;
    color: #334155;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

.eklentiler.content-area .populer-a img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

@media (max-width: 991px) {
    .eklentiler.content-area,
    .entegrasyonlar.content-area:not(.entegrasyon-detay) {
        width: calc(100% - 24px) !important;
        grid-template-columns: 1fr !important;
    }
    .eklentiler.content-area .eklenti-container {
        grid-template-columns: 1fr !important;
    }
    .eklentiler.content-area .mobile-eklenti-category {
        display: block !important;
        grid-column: 1 / -1;
    }
    .eklentiler.content-area .left-side {
        display: none !important;
    }
    .eklentiler.content-area .content-side .inside,
    .entegrasyonlar.content-area .entegrasyon-boxes {
        grid-template-columns: 1fr !important;
    }
}

/* Sipariş / fatura / ödeme adımları */
.siparis-olustur,
.siparis-olustur {
    background: #f5f7fb !important;
    padding: 28px 0 72px !important;
}

.siparis-olustur .content-area,
.siparis-olustur .content-area,
.siparis-olustur .content-area,
.siparis-olustur .content-area {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 22px;
    align-items: start;
    width: min(1100px, calc(100% - 32px)) !important;
    margin: 0 auto !important;
}

.siparis-olustur .left,
.siparis-olustur .right,
.siparis-olustur .left,
.siparis-olustur .right {
    width: 100% !important;
    float: none !important;
}

.siparis-olustur .blok,
.siparis-olustur .content-area .blok {
    background: #fff !important;
    border: 1px solid #e8eef7 !important;
    border-radius: 24px !important;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06) !important;
    overflow: hidden;
}

.siparis-olustur .blok .contain,
.siparis-olustur .content-area .blok .contain {
    padding: 26px 26px 22px !important;
}

.siparis-olustur .head .big-title,
.siparis-olustur .content-area .blok .contain .head .big-title {
    color: #0f172a !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em;
    margin: 0 0 6px !important;
}

.siparis-olustur .head .spot,
.siparis-olustur .content-area .blok .contain .head .spot {
    color: #64748b !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin: 0 0 18px !important;
    line-height: 1.5 !important;
}

.siparis-olustur .loginmodal_tabs,
.siparis-olustur .loginmodal_tabs {
    display: grid;
    gap: 4px;
}

.siparis-olustur .input-box,
.siparis-olustur .input-box,
.siparis-olustur .loginmodal_tabs .input-box {
    display: grid !important;
    gap: 8px;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    position: static !important;
}

.siparis-olustur .input-box label,
.siparis-olustur .input-box label,
.siparis-olustur .loginmodal_tabs .input-box label {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    line-height: 1.3 !important;
    z-index: auto !important;
}

.siparis-olustur .input-box input,
.siparis-olustur .input-box select,
.siparis-olustur .input-box textarea,
.siparis-olustur .form-control,
.siparis-olustur .input-box input,
.siparis-olustur .form-control {
    width: 100% !important;
    min-height: 50px !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    background: #fff !important;
    color: #0f172a !important;
    font-size: 15px !important;
    box-shadow: none !important;
}

.siparis-olustur textarea.form-control,
.siparis-olustur textarea.form-control {
    min-height: 120px !important;
    resize: vertical;
}

.siparis-olustur .input-box input:focus,
.siparis-olustur .input-box select:focus,
.siparis-olustur .input-box textarea:focus,
.siparis-olustur .form-control:focus {
    outline: none;
    border-color: #2563eb !important;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12) !important;
}

.siparis-olustur .kaydet-btn,
.siparis-olustur button.kaydet-btn,
.siparis-olustur .kaydet-btn,
.siparis-olustur button.kaydet-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 50px;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #3b82f6, #1d4ed8) !important;
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    box-shadow: 0 12px 24px rgba(29, 78, 216, 0.28);
    cursor: pointer;
}

.siparis-olustur .right .blok .contain,
.siparis-olustur .right .blok .contain {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.siparis-olustur .right .big-title {
    font-size: 16px !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.siparis-olustur .checkout-price,
.siparis-olustur .checkout-price {
    font-size: 28px;
    font-weight: 800;
    color: #1d4ed8;
    letter-spacing: -0.03em;
}

.siparis-olustur .right .blok .head,
.siparis-olustur .right .blok .head {
    color: #0f172a;
    font-size: 16px;
}

.siparis-olustur .inside-box,
.siparis-olustur .inside-box {
    margin: 0 0 10px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.siparis-olustur .inside-box a,
.siparis-olustur .inside-box span {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 16px 18px !important;
    border: 1px solid #e8eef7 !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: #0f172a !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.siparis-olustur .inside-box a:hover {
    border-color: #93c5fd !important;
    color: #1d4ed8 !important;
}

@media (max-width: 991px) {
    .siparis-olustur .content-area,
    .siparis-olustur .content-area {
        grid-template-columns: 1fr !important;
    }
}

/* Qukasoft paket tasarımı */
.qk-pack,
.qk-paket {
    background: #f5f7fb;
}
.qk-hero {
    background:
        radial-gradient(900px 280px at 80% -20%, rgba(56, 189, 248, 0.22), transparent 55%),
        linear-gradient(135deg, #071428 0%, #0b2a55 52%, #123a73 100%);
    color: #fff;
    text-align: center;
    padding: 72px 16px 64px;
}
.qk-hero .page-baslik {
    color: #fff !important;
    font-size: clamp(32px, 5vw, 48px) !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin: 0 auto 12px !important;
    max-width: 900px;
}
.qk-hero .spot {
    color: rgba(255,255,255,0.82) !important;
    font-size: 17px !important;
    max-width: 680px;
    margin: 0 auto 22px !important;
    line-height: 1.6;
}
.qk-hero-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 26px;
    border-radius: 10px;
    background: #2b7fff;
    color: #fff !important;
    font-weight: 800;
    text-decoration: none !important;
    box-shadow: 0 12px 28px rgba(43, 127, 255, 0.35);
}
.qk-hero-cta:hover { background: #1d6ef2; color: #fff !important; }

.qk-body .content-area,
.qk-paket .content-area {
    padding-top: 32px !important;
    padding-bottom: 80px !important;
}

.qk-switch {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    max-width: 920px;
    margin: 0 auto 32px;
}
.qk-switch-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 18px;
    border: 1px solid #dbe4f0;
    border-radius: 14px;
    background: #fff;
    text-decoration: none !important;
    color: #0f172a !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05);
    text-align: center;
}
.qk-switch-item strong { font-size: 16px; font-weight: 800; }
.qk-switch-item span { color: #64748b; font-size: 13px; }
.qk-switch-item.is-on {
    border-color: #2b7fff;
    box-shadow: 0 0 0 3px rgba(43, 127, 255, 0.16);
}

.qk-benefits {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin: 0 0 28px;
    padding: 18px 8px 8px;
}
.qk-benefit {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}
.qk-benefit i {
    font-size: 26px;
    color: #2b7fff;
    line-height: 1;
}
.qk-benefit b { display: block; color: #0b2a55; font-size: 14px; }
.qk-benefit span { color: #64748b; font-size: 12px; line-height: 1.4; }

.qk-promo {
    background: #eef5ff;
    border-radius: 20px;
    padding: 24px 28px;
    margin: 0 0 28px;
    text-align: center;
}

.qk-paket .premium-card-grid,
.qk-paket .paket-listesi {
    display: grid !important;
    gap: 18px !important;
    margin: 0 0 48px;
    align-items: stretch;
}
.qk-paket .qk-cols-1 { grid-template-columns: minmax(0, 360px); justify-content: center; }
.qk-paket .qk-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.qk-paket .qk-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.qk-paket .qk-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.qk-paket .premium-card,
.qk-paket .list-box,
.qk-paket .qk-plan {
    background: #fff !important;
    border: 1px solid #e6eef8 !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 36px rgba(7, 20, 40, 0.08);
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    width: auto !important;
    overflow: hidden;
    position: relative;
}
.qk-plan-top {
    background: #0b2a55;
    color: #fff;
    padding: 18px 18px 16px;
    text-align: center;
}
.qk-paket .is-featured .qk-plan-top {
    background: linear-gradient(180deg, #1d4ed8, #0b2a55);
}
.qk-plan-name {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #fff !important;
    margin: 0;
}
.qk-paket .table-feature {
    display: inline-flex !important;
    margin: 0 auto 8px !important;
    background: #22c55e !important;
    color: #fff !important;
    border-radius: 999px !important;
    padding: 4px 10px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}
.qk-plan-body,
.qk-paket .premium-card-body,
.qk-paket .head-text {
    flex: 1;
    padding: 18px 18px 8px !important;
}
.qk-plan-body h5,
.qk-paket .head-text h5 {
    display: none;
}
.qk-plan-body p,
.qk-plan-body span,
.qk-plan-body strong,
.qk-plan-body b {
    color: #0b2a55;
}
.qk-paket .qk-plan form {
    padding: 0 18px 8px;
    margin-top: auto;
}
.qk-paket .item-list .items,
.qk-paket .qk-plan-body li,
.qk-paket .premium-card-body li {
    position: relative;
    padding: 8px 0 8px 22px !important;
    border-bottom: 1px solid #f1f5f9;
    font-size: 13px;
    color: #334155;
    list-style: none;
}
.qk-paket .item-list .items::before,
.qk-paket .qk-plan-body li::before,
.qk-paket .premium-card-body li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #2b7fff;
    font-weight: 800;
}
.qk-paket .satin-al {
    width: 100%;
    min-height: 46px;
    border: 0 !important;
    border-radius: 10px !important;
    background: #2b7fff !important;
    color: #fff !important;
    font-weight: 800 !important;
    margin-top: 8px;
}
.qk-paket .is-featured .satin-al {
    background: #1d4ed8 !important;
}
.qk-paket .premium-card-jump {
    display: block;
    text-align: center;
    margin: 0 18px 16px;
    color: #2b7fff;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
}

.qk-paket .premium-compare-head {
    text-align: center;
    margin: 8px 0 22px;
}
.qk-paket .premium-compare-head h2 {
    font-size: clamp(24px, 3vw, 34px);
    font-weight: 800;
    color: #0b2a55;
    margin: 0 0 8px;
}
.qk-paket .premium-compare-head p { color: #64748b; margin: 0; }
.qk-paket .premium-table-wrap {
    background: #fff;
    border: 1px solid #e6eef8;
    border-radius: 16px;
    overflow: auto;
    box-shadow: 0 14px 36px rgba(7, 20, 40, 0.06);
}
.qk-paket .premium-table {
    margin: 0 !important;
    min-width: 760px;
}
.qk-paket .premium-table thead th {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #0b2a55 !important;
    color: #fff !important;
    border: 0 !important;
    padding: 16px 12px !important;
    text-align: center;
    vertical-align: middle;
}
.qk-paket .premium-table thead th:first-child { text-align: left; }
.qk-paket .premium-table td,
.qk-paket .premium-table tbody th {
    padding: 12px 14px !important;
    border-color: #eef2f7 !important;
    text-align: center;
    color: #334155;
}
.qk-paket .premium-table tbody td:first-child {
    text-align: left;
    font-weight: 600;
    color: #0b2a55;
    background: #f8fafc;
}
.qk-paket .premium-section-row th {
    background: #eaf2ff !important;
    color: #0b2a55 !important;
    text-align: left !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 13px;
    font-weight: 800;
}
.qk-paket .premium-table td.is-featured,
.qk-paket .premium-table th.is-featured { background: #f0f6ff !important; }
.qk-paket .premium-table .fa-check,
.qk-paket .premium-table .la-check,
.qk-paket .premium-table .fa-check-circle {
    color: #2b7fff !important;
}
.qk-paket .premium-table .fa-times,
.qk-paket .premium-table .la-times {
    color: #cbd5e1 !important;
}

@media (max-width: 1100px) {
    .qk-paket .qk-cols-4,
    .qk-paket .qk-cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .qk-benefits { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
    .qk-paket .premium-card-grid,
    .qk-paket .paket-listesi,
    .qk-benefits,
    .qk-switch { grid-template-columns: 1fr !important; }
    .qk-hero { padding: 48px 16px 40px; }
}

.anasayfa-paketler {
    background: #f8fafc !important;
}
.anasayfa-paketler .list-box {
    background: #fff !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
    padding: 0 0 18px !important;
    overflow: hidden;
}
.anasayfa-paketler .item-list .items {
    padding: 8px 18px 8px 40px !important;
    position: relative;
    border-bottom: 1px solid #f1f5f9;
}
.anasayfa-paketler .item-list .items::before {
    content: "✓";
    position: absolute;
    left: 18px;
    color: #2b7fff;
    font-weight: 800;
}
.anasayfa-paketler .satin-al {
    width: calc(100% - 36px);
    margin: 14px 18px 0;
    border-radius: 10px !important;
    background: #2b7fff !important;
    color: #fff !important;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    font-weight: 800;
}

.qk-hero .page-baslik {
    color: #fff !important;
    font-size: clamp(32px, 5vw, 52px) !important;
    font-weight: 800 !important;
    letter-spacing: -0.04em;
    margin: 0 auto 12px !important;
    max-width: 860px;
}
.qk-hero .spot {
    color: rgba(255,255,255,0.9) !important;
    font-size: 18px !important;
    max-width: 680px;
    margin: 0 auto 22px !important;
    line-height: 1.6;
}
.qk-hero-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 28px;
    border-radius: 14px;
    background: #fff;
    color: #1d4ed8 !important;
    font-weight: 800;
    text-decoration: none !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.18);
}
.qk-hero-cta:hover { color: #1e3a8a !important; }

.qk-body .content-area,
.qk-paket .content-area {
    padding-top: 28px !important;
    padding-bottom: 72px !important;
}

.qk-switch {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    max-width: 980px;
    margin: 0 auto 28px;
}
.qk-switch-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 18px;
    border: 1.5px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
    text-decoration: none !important;
    color: #0f172a !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}
.qk-switch-item strong { font-size: 16px; }
.qk-switch-item span { color: #64748b; font-size: 13px; }
.qk-switch-item.is-on {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.qk-benefits {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin: 8px 0 28px;
}
.qk-benefit {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}
.qk-benefit i {
    font-size: 28px;
    color: #2563eb;
    line-height: 1;
}
.qk-benefit b { display: block; color: #0f172a; font-size: 15px; }
.qk-benefit span { color: #64748b; font-size: 13px; line-height: 1.4; }

.qk-promo {
    background: #eff6ff;
    border-radius: 24px;
    padding: 28px 32px;
    margin: 0 0 32px;
    text-align: center;
}
.qk-promo h2,
.qk-promo .discount-text {
    margin: 0 0 8px !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}
.qk-promo em,
.qk-promo .highlight { color: #2563eb !important; font-style: normal; }
.qk-promo p,
.qk-promo .discount-subtext {
    margin: 0 auto !important;
    max-width: 720px;
    color: #475569 !important;
}

.qk-pack .premium-card.is-featured,
.qk-pack .list-box.is-featured,
.qk-paket .premium-card.is-featured,
.qk-paket .list-box.is-featured,
.qk-paket .premium-card.is-featured,
.qk-paket .list-box.is-featured {
    border-color: #2563eb !important;
    box-shadow: 0 22px 48px rgba(37, 99, 235, 0.16);
}
.qk-paket .table-feature {
    align-self: flex-start;
    border-radius: 999px !important;
    padding: 5px 12px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    margin-bottom: 12px;
}
.qk-paket .premium-card-body,
.qk-paket .head-text {
    flex: 1;
}
.qk-paket .premium-card-body h5,
.qk-paket .head-text h5,
.qk-paket .head-text {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 8px !important;
}
.qk-paket .premium-card-body p,
.qk-paket .premium-card-body span,
.qk-paket .head-text p {
    color: #334155;
}
.qk-paket .premium-card-body del,
.qk-paket .premium-card-body s,
.qk-paket .head-text del {
    color: #94a3b8 !important;
}
.qk-paket .item-list .items,
.qk-paket .premium-card-body li {
    position: relative;
    padding: 8px 0 8px 22px !important;
    border-bottom: 1px solid #f1f5f9;
    font-size: 14px;
    color: #334155;
    list-style: none;
}
.qk-paket .item-list .items::before,
.qk-paket .premium-card-body li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #2563eb;
    font-weight: 800;
}
.qk-paket .satin-al {
    width: 100%;
    min-height: 48px;
    border: 0 !important;
    border-radius: 12px !important;
    background: #2563eb !important;
    color: #fff !important;
    font-weight: 800 !important;
    margin-top: 14px;
}
.qk-paket .is-featured .satin-al {
    background: #1d4ed8 !important;
}
.qk-paket .premium-card-jump {
    display: block;
    text-align: center;
    margin-top: 10px;
    color: #2563eb;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
}

.qk-paket .premium-compare-head {
    text-align: center;
    margin: 12px 0 20px;
}
.qk-paket .premium-compare-head h2 {
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 8px;
}
.qk-paket .premium-compare-head p { color: #64748b; margin: 0; }
.qk-paket .premium-table-wrap {
    background: #fff;
    border: 1px solid #e8eef7;
    border-radius: 20px;
    overflow: auto;
}
.qk-paket .premium-table thead th {
    background: #0f172a !important;
    color: #fff !important;
    border: 0 !important;
    padding: 16px !important;
    text-align: center;
}
.qk-paket .premium-table thead th:first-child { text-align: left; }
.qk-paket .premium-table td,
.qk-paket .premium-table tbody th {
    padding: 12px 16px !important;
    border-color: #eef2f7 !important;
    text-align: center;
}
.qk-paket .premium-table tbody td:first-child {
    text-align: left;
    font-weight: 600;
    background: #f8fafc;
}
.qk-paket .premium-section-row th {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    text-align: left !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 13px;
}
.qk-paket .premium-table td.is-featured,
.qk-paket .premium-table th.is-featured { background: #eff6ff !important; }

.anasayfa-paketler {
    background: #f8fafc !important;
}
.anasayfa-paketler .list-box {
    background: #fff !important;
    border-radius: 22px !important;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
    padding: 22px 20px !important;
}
.anasayfa-paketler .item-list .items {
    padding: 8px 0 8px 22px !important;
    position: relative;
    border-bottom: 1px solid #f1f5f9;
}
.anasayfa-paketler .item-list .items::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #2563eb;
    font-weight: 800;
}
.anasayfa-paketler .satin-al {
    width: 100%;
    border-radius: 12px !important;
    background: #2563eb !important;
    color: #fff !important;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    font-weight: 800;
    margin-top: 14px;
}

@media (max-width: 1100px) {
    .qk-paket .premium-card-grid,
    .qk-paket .paket-listesi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .qk-benefits { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
    .qk-paket .premium-card-grid,
    .qk-paket .paket-listesi,
    .qk-benefits,
    .qk-switch { grid-template-columns: 1fr; }
    .qk-hero { padding: 44px 16px 40px; }
}

/* Segoe UI Variable (Win11) COLR katmanları kare/nokta gibi çiziliyor; Arial kullan. */
html, body, html body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.la):not(.las):not(.lar):not(.lab):not(.fa-solid):not(.fa-regular):not(.fa-brands) {
    font-family: Arial, Helvetica, sans-serif !important;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    font-synthesis: none;
    font-feature-settings: normal;
    font-variant-ligatures: none;
    text-rendering: auto;
}
i.fa, i.fas, i.far, i.fal, i.fab,
.fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands {
    font-family: FontAwesome, "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
    font-style: normal;
}
i.la, i.las, i.lar, i.lab, .la, .las, .lar, .lab {
    font-family: "Line Awesome Free", "Line Awesome Brands" !important;
    font-style: normal;
}

/* Qukasoft-benzeri footer */
.qk-ft.footer-area {
    background: #071428 !important;
    color: #c5d4e8;
    margin-top: 0;
    padding: 0 !important;
    overflow: visible;
    width: 100% !important;
    float: none !important;
    clear: both;
}
.qk-ft a { color: #c5d4e8 !important; text-decoration: none !important; }
.qk-ft a:hover { color: #fff !important; }

.qk-ft-cta {
    background:
        radial-gradient(700px 180px at 10% -40%, rgba(43,127,255,.35), transparent 60%),
        linear-gradient(90deg, #0b2a55 0%, #123a78 50%, #0b2a55 100%);
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.qk-ft-cta-in {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 0;
    flex-wrap: wrap;
    width: min(1260px, calc(100% - 32px)) !important;
    margin: 0 auto !important;
}
.qk-ft-cta-copy span {
    display: block;
    font-size: 12px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #93c5fd;
    margin-bottom: 4px;
}
.qk-ft-cta-copy strong {
    display: block;
    color: #fff;
    font-size: clamp(22px, 3vw, 34px);
    letter-spacing: -.02em;
    font-weight: 400 !important;
}
.qk-ft-cta-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.qk-ft-phone,
.qk-ft-try {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 20px !important;
    border-radius: 999px !important;
    font-size: 14px;
}
.qk-ft-phone {
    background: transparent !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.28) !important;
}
.qk-ft-try {
    background: #2b7fff !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: 0 10px 24px rgba(43,127,255,.35);
}

.qk-ft-main { padding: 48px 0 28px; }
.qk-ft-grid {
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr) !important;
    gap: 48px !important;
    align-items: start !important;
    width: min(1260px, calc(100% - 32px)) !important;
    margin: 0 auto !important;
    float: none !important;
}
.qk-ft-brand,
.qk-ft-col {
    width: auto !important;
    max-width: none !important;
    float: none !important;
}
.qk-ft-menus {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 24px 28px !important;
}
.qk-ft-logo img {
    max-height: 72px !important;
    height: 72px;
    width: auto !important;
    margin-bottom: 16px;
    filter: brightness(0) invert(1);
}
.qk-ft-name {
    color: #fff;
    font-size: 22px;
    margin-bottom: 12px;
}
.qk-ft-brand p,
.qk-ft-news p {
    color: #9fb3cc;
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 16px;
    max-width: 260px;
}
.qk-ft-social { display: flex; gap: 8px; flex-wrap: wrap; }
.qk-ft-social a {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.07);
    color: #fff !important;
    font-size: 16px;
}
.qk-ft-social a:hover { background: #2b7fff; }
.qk-ft-title {
    color: #fff !important;
    font-size: 13px !important;
    letter-spacing: .06em;
    text-transform: uppercase;
    margin: 0 0 14px !important;
}
.qk-ft-title-gap { margin-top: 18px !important; }
.qk-ft-col a {
    display: block;
    padding: 5px 0;
    font-size: 14px;
    color: #b7c7db !important;
}
.qk-ft-kanal { display: flex !important; align-items: center; gap: 8px; }
.qk-ft-hours,
.qk-ft-office span {
    color: #9fb3cc;
    font-size: 13px;
    line-height: 1.6;
}
.qk-ft-office { margin-top: 12px; }
.qk-ft-office b { display: block; color: #fff; font-size: 13px; margin-bottom: 4px; font-weight: 400 !important; }

.qk-ft-form {
    display: flex;
    gap: 8px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 999px;
    padding: 6px;
}
.qk-ft-form input {
    flex: 1;
    min-width: 0;
    border: 0 !important;
    background: transparent !important;
    color: #fff !important;
    min-height: 40px;
    padding: 0 12px !important;
    outline: none;
}
.qk-ft-form button {
    border: 0 !important;
    border-radius: 999px !important;
    background: #2b7fff !important;
    color: #fff !important;
    min-height: 40px;
    padding: 0 16px !important;
    white-space: nowrap;
}

.qk-ft-bottom {
    border-top: 1px solid rgba(255,255,255,.08);
    background: #05101f;
    padding: 16px 0;
}
.qk-ft-bottom-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    width: min(1260px, calc(100% - 32px)) !important;
    margin: 0 auto !important;
}
.qk-ft-copy { color: #8aa0b8; font-size: 13px; }
.qk-ft-pay img { max-height: 28px; width: auto; }

@media (max-width: 1100px) {
    .qk-ft-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
    .qk-ft-menus { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 767px) {
    .qk-ft-menus { grid-template-columns: 1fr 1fr !important; }
    .qk-ft-cta-in { padding: 18px 0; }
    .qk-ft-phone, .qk-ft-try { width: 100%; justify-content: center; }
}
@media (max-width: 480px) {
    .qk-ft-menus { grid-template-columns: 1fr !important; }
}

/* Qukasoft paket sayfası birebir düzen */
.qk-paket {
    background: #fff !important;
    font-family: "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
}
.qk-hero {
    background: linear-gradient(180deg, #0a63ff 0%, #1d7bff 55%, #3b8cff 100%) !important;
    padding: 56px 16px 48px !important;
    text-align: center;
}
.qk-hero .page-baslik {
    color: #fff !important;
    font-size: clamp(28px, 4vw, 42px) !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    margin: 0 auto 10px !important;
}
.qk-hero .spot {
    color: rgba(255,255,255,.92) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin: 0 auto 22px !important;
}
.qk-hero-form {
    display: flex;
    gap: 8px;
    max-width: 860px;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
}
.qk-hero-form input {
    flex: 1 1 180px;
    min-height: 48px;
    border: 0 !important;
    border-radius: 8px !important;
    padding: 0 14px !important;
    background: #fff !important;
    color: #1e293b !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
.qk-hero-form button {
    min-height: 48px;
    padding: 0 22px;
    border: 0 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #0a63ff !important;
    font-size: 15px;
    cursor: pointer;
}
.qk-body .content-area,
.qk-paket .content-area {
    background: #fff !important;
    padding-top: 28px !important;
}

.qk-switch {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    max-width: 860px !important;
    margin: 0 auto 36px !important;
    background: #f3f5f8;
    padding: 10px;
    border-radius: 16px;
}
.qk-switch-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.qk-switch-item {
    position: relative;
    background: #fff !important;
    border: 1px solid #e5e9f0 !important;
    border-radius: 12px !important;
    padding: 22px 18px 18px !important;
    box-shadow: none !important;
    text-align: center;
    color: #64748b !important;
}
.qk-switch-item i {
    display: none;
    position: absolute;
    left: 12px;
    top: 12px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #0a63ff;
    color: #fff !important;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
}
.qk-switch-item strong {
    display: block;
    color: #64748b;
    font-size: 16px;
    margin-bottom: 4px;
}
.qk-switch-item span { color: #94a3b8; font-size: 13px; }
.qk-switch-item.is-on {
    background: #fff !important;
    border-color: #0a63ff !important;
    box-shadow: 0 8px 20px rgba(10,99,255,.12) !important;
}
.qk-switch-item.is-on i { display: block; }
.qk-switch-item.is-on strong { color: #0f172a; }

.qk-benefits {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin: 0 0 32px !important;
    padding: 0 !important;
}
.qk-benefit i { color: #0a63ff !important; font-size: 28px; }
.qk-benefit b { color: #1e293b; font-size: 14px; }
.qk-benefit span { color: #64748b; font-size: 12px; }

.qk-offer {
    background: #edf5ff;
    border-radius: 18px;
    padding: 32px 24px 24px;
    text-align: center;
    margin: 0 0 36px;
}
.qk-offer h2 {
    font-size: clamp(22px, 3vw, 30px);
    color: #0f172a;
    margin: 0 0 8px;
}
.qk-offer h2 span { color: #0a63ff; }
.qk-offer p { color: #64748b; max-width: 720px; margin: 0 auto 20px; font-size: 14px; }
.qk-offer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    max-width: 640px;
    margin: 0 auto 12px;
}
.qk-offer-card {
    background: #fff;
    border-radius: 14px;
    padding: 22px 16px;
    position: relative;
    overflow: hidden;
}
.qk-offer-card b { display: block; font-size: 28px; color: #0a63ff; margin-bottom: 4px; }
.qk-offer-card span { color: #64748b; font-size: 13px; }
.qk-offer-card.is-hot {
    background: linear-gradient(135deg, #0a63ff, #1d4ed8);
    color: #fff;
}
.qk-offer-card.is-hot b,
.qk-offer-card.is-hot span { color: #fff; }
.qk-offer-card em {
    position: absolute;
    top: 12px;
    right: -28px;
    background: #22c55e;
    color: #fff;
    font-style: normal;
    font-size: 10px;
    padding: 4px 32px;
    transform: rotate(35deg);
}
.qk-offer small { color: #64748b; }

.qk-paket .premium-card-grid,
.qk-paket .paket-listesi {
    gap: 16px !important;
}
.qk-paket .qk-plan,
.qk-paket .premium-card,
.qk-paket .list-box {
    border: 1px solid #ebe6e7 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    background: #fff !important;
}
.qk-paket .qk-plan:hover {
    box-shadow: 0 10px 15px -5px rgba(0,0,0,.1), 0 4px 5px -3px rgba(0,0,0,.1) !important;
}
.qk-plan-top {
    padding: 20px 16px 14px !important;
    background: #0a63ff !important;
}
.qk-paket .qk-plan:nth-child(1) .qk-plan-top { background: #0a63ff !important; }
.qk-paket .qk-plan:nth-child(2) .qk-plan-top { background: #00a3c4 !important; }
.qk-paket .qk-plan:nth-child(3) .qk-plan-top { background: #16a34a !important; }
.qk-paket .qk-plan:nth-child(4) .qk-plan-top { background: #7c3aed !important; }
.qk-paket .is-featured .qk-plan-top {
    background: linear-gradient(135deg, #080c45 0%, #0d1159 50%, #080c45 100%) !important;
}
.qk-plan-name {
    font-size: 22px !important;
    font-weight: 500 !important;
}
.qk-paket .table-feature {
    background: #0E85FB !important;
    border-radius: 6px !important;
}
.qk-plan-body,
.qk-paket .head-text,
.qk-paket .premium-card-body {
    padding: 16px 16px 8px !important;
}
.qk-paket .item-list .items::before,
.qk-paket .qk-plan-body li::before {
    content: "" !important;
    width: 14px;
    height: 14px;
    left: 0;
    top: 10px;
    border-radius: 50%;
    background: #0a63ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M4.7 8.6L2.2 6.1l.9-.9 1.6 1.6 4.2-4.2.9.9z'/%3E%3C/svg%3E") center/10px no-repeat;
    color: transparent;
}
.qk-plan-actions {
    padding: 8px 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: auto;
}
.qk-demo,
.qk-paket .satin-al {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-size: 14px !important;
}
.qk-demo {
    border: 1px solid #0a63ff !important;
    color: #0a63ff !important;
    background: #fff !important;
}
.qk-paket .satin-al {
    background: #0a63ff !important;
    color: #fff !important;
    margin-top: 0 !important;
}
.qk-paket .is-featured {
    background: linear-gradient(135deg, #080c45 0%, #0d1159 100%) !important;
    border-color: #080c45 !important;
}
.qk-paket .is-featured,
.qk-paket .is-featured .qk-plan-body,
.qk-paket .is-featured .item-list .items,
.qk-paket .is-featured .premium-card-jump {
    color: #fff !important;
}
.qk-paket .is-featured .item-list .items { border-bottom-color: rgba(255,255,255,.12) !important; }
.qk-paket .is-featured .qk-demo {
    border-color: #fff !important;
    color: #fff !important;
    background: transparent !important;
}
.qk-paket .is-featured .satin-al {
    background: #0E85FB !important;
}
.qk-paket .premium-card-jump {
    color: #0a63ff;
    font-size: 13px;
    text-align: center;
}

.qk-paket .premium-table thead th {
    background: #0a63ff !important;
}
.qk-paket .premium-section-row th {
    background: #edf5ff !important;
}

@media (max-width: 991px) {
    .qk-hero-form { flex-direction: column; }
    .qk-hero-form input, .qk-hero-form button { width: 100%; }
    .qk-switch, .qk-switch-3, .qk-benefits, .qk-offer-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Qukasoft karşılaştırma ikonları ve tablo */
.qk-paket .qk-switch,
.qk-paket .qk-switch-2 {
    grid-template-columns: 1fr 1fr !important;
    max-width: 860px;
    margin: 8px auto 36px;
    background: #f4f6fa;
    padding: 8px;
    border-radius: 16px;
}
.qk-yes,
.qk-no {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: none !important;
    border-radius: 0;
    color: transparent !important;
    line-height: 1;
    vertical-align: middle;
}
.qk-yes .qk-seal,
.qk-no .qk-seal {
    font-size: 22px;
    line-height: 1;
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qk-yes .qk-seal { color: #3b9eff !important; }
.qk-no .qk-seal { color: #c5cdd6 !important; }
.qk-yes .qk-mark,
.qk-no .qk-mark {
    position: relative;
    z-index: 1;
    font-size: 9px !important;
    line-height: 1;
}
.qk-yes .qk-mark { color: #0b1220 !important; }
.qk-no .qk-mark { color: #fff !important; }
.qk-val {
    color: #0f172a;
    font-size: 13px;
}

.qk-compare-search {
    position: relative;
    max-width: 420px;
    margin: 0 0 16px;
}
.qk-compare-search i {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
}
.qk-compare-search input {
    width: 100%;
    min-height: 46px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 0 14px 0 40px;
    background: #fff;
    font-size: 14px;
}

.qk-paket .premium-table {
    background: #fff;
    border-collapse: separate;
    border-spacing: 0;
}
.qk-paket .premium-table thead th {
    background: #fff !important;
    color: #0f172a !important;
    border-bottom: 1px solid #e2e8f0 !important;
    font-weight: 500 !important;
    position: sticky;
    top: 0;
    z-index: 4;
}
.qk-paket .premium-table thead th span {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    color: #0a63ff;
}
.qk-buy {
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid #0a63ff !important;
    background: #fff !important;
    color: #0a63ff !important;
    border-radius: 8px !important;
    font-size: 12px;
    letter-spacing: .04em;
}
.qk-paket .premium-section-row th {
    background: #f1f5f9 !important;
    color: #334155 !important;
    text-align: left !important;
    text-transform: none;
    font-size: 14px !important;
    letter-spacing: 0;
    padding: 12px 16px !important;
}
.qk-paket .premium-table tbody td,
.qk-paket .premium-table tbody th {
    text-align: center;
    vertical-align: middle;
    background: #fff;
}
.qk-paket .premium-table tbody tr:nth-child(even) td {
    background: #f8fafc;
}
.qk-paket .premium-table tbody td:first-child {
    text-align: left;
    background: inherit;
    color: #334155;
    font-weight: 400;
}
.qk-paket .premium-table td.is-featured {
    background: #f4f8ff !important;
}

.qk-paket .qk-plan-actions { padding: 8px 16px 18px; }
.qk-demo {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border: 1px solid #0a63ff !important;
    color: #0a63ff !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    background: #fff !important;
}

/* Qukasoft header */
.site-header-wrap {
    font-family: "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
}
.header-html,
.top-header-links {
    background: linear-gradient(98deg, #020323 0%, #0e1170 87%) !important;
    color: #fff !important;
    border: 0 !important;
}
.header-html {
    padding: 10px 16px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}
.top-header-links .top-header-inside .inside-left .links,
.top-header-links .top-header-inside .inside-right .links {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}
.header-area .header-links {
    background: #fff !important;
    backdrop-filter: none;
    padding: 0 !important;
    min-height: 80px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eef1f6 !important;
    box-shadow: none !important;
}
.header-area .header-links .header-links-inside,
.header-area .header-links .header-links-inside {
    width: min(1240px, calc(100% - 40px)) !important;
    min-height: 80px;
}
.header-area .header-links .header-links-inside .logo img,
.header-area .header-links .header-links-inside .logo img {
    max-height: 42px !important;
    max-width: 180px;
}
.top-level-menu > li > a > span,
.top-level-menu > li > a > span {
    color: #181818 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 8px 12px !important;
    border-radius: 0 !important;
    background: transparent !important;
    letter-spacing: 0;
}
.top-level-menu > li:hover > a > span,
.top-level-menu > li:focus-within > a > span,
.top-level-menu > li:hover > a > span,
.top-level-menu > li:focus-within > a > span {
    color: #0e85fb !important;
    background: transparent !important;
}
.top-level-menu > li span .hed-ico-do,
.top-level-menu > li span .hed-ico-do {
    font-size: 10px;
    margin-left: 4px;
    opacity: .55;
}
.qk-hed-phone {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1a1a1a !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    white-space: nowrap;
    margin-right: 6px;
}
.qk-hed-phone i {
    font-size: 22px;
    color: #0e85fb;
}
.header-area .header-links .header-links-inside .header-link-right .header-buton,
.header-area .header-links .header-links-inside .header-link-right .header-buton,
.hed-link-btn .header-buton,
.hed-link-btn .header-buton,
.hed-link-btn a,
.hed-link-btn a,
.header-buton {
    min-height: 44px !important;
    padding: 12px 24px !important;
    border-radius: 10px !important;
    background: linear-gradient(90deg, #0e85fb 0%, #4EAAFF 100%) !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin-left: 4px !important;
}
.header-area .header-links .header-links-inside .header-link-right .header-buton:hover,
.hed-link-btn .header-buton:hover,
.header-buton:hover {
    filter: brightness(1.05);
    transform: none;
}

@media (max-width: 1279px) {
    .qk-hed-phone { display: none !important; }
}

.entegrasyonlar.page-head-area,
.entegrasyon-kategori.page-head-area {
    background: #fff !important;
    border-radius: 0 !important;
    margin: 8px auto 0 !important;
    padding: 28px 16px 8px !important;
    max-width: 1260px !important;
}
.entegrasyonlar.page-head-area .page-baslik,
.entegrasyon-kategori.page-head-area .page-baslik {
    text-align: center;
}
.entegrasyonlar.page-head-area .head,
.entegrasyon-kategori.page-head-area .head {
    color: #0f172a !important;
    font-size: 36px !important;
    font-weight: 600 !important;
}
.entegrasyonlar.page-head-area .spot,
.entegrasyon-kategori.page-head-area .spot {
    color: #64748b !important;
    max-width: 720px;
    margin: 10px auto 0 !important;
    font-size: 15px !important;
}
.qk-app-search {
    display: flex;
    max-width: 560px;
    margin: 22px auto 0;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}
.qk-app-search input {
    flex: 1;
    border: 0;
    min-height: 48px;
    padding: 0 16px;
    font-size: 14px;
    outline: none;
}
.qk-app-search button {
    width: 52px;
    border: 0;
    background: #fff;
    color: #94a3b8;
    cursor: pointer;
}
.entegrasyonlar.content-area .box .text {
    width: 100%;
    flex: 1;
    min-height: 0;
}
.entegrasyonlar.content-area .box .text .name {
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: center;
    width: 100%;
}
.entegrasyonlar.content-area .box .spot {
    text-align: center;
}
.entegrasyonlar.content-area .incele {
    justify-content: flex-start;
}
@media (max-width: 1100px) {
    .entegrasyonlar.content-area .entegrasyon-boxes {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}