/* =====================================================================
   KodImzalama.com — Pro Tema (2026)
   Mevcut stillerin üzerine yüklenen tasarım katmanı.
   Tüm seçiciler html.tp ile başlar; sınıf kaldırılırsa eski tema döner.
   ===================================================================== */

:root {
    --tp-ink: #0b1220;
    --tp-ink-2: #111a2e;
    --tp-text: #334155;
    --tp-muted: #64748b;
    --tp-line: #e5e9f0;
    --tp-line-2: #eef1f6;
    --tp-surface: #f7f9fc;
    --tp-white: #ffffff;
    --tp-brand: #2563eb;
    --tp-brand-600: #1d4ed8;
    --tp-brand-50: #eff4ff;
    --tp-brand-100: #dbe6fe;
    --tp-ok: #059669;
    --tp-radius-sm: 8px;
    --tp-radius: 12px;
    --tp-radius-lg: 16px;
    --tp-shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);
    --tp-shadow: 0 1px 3px rgba(16, 24, 40, .06), 0 4px 12px rgba(16, 24, 40, .05);
    --tp-shadow-lg: 0 12px 32px -8px rgba(16, 24, 40, .16), 0 4px 8px -4px rgba(16, 24, 40, .06);
    --tp-font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --tp-font-head: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
    --tp-ease: cubic-bezier(.2, .7, .2, 1);
}

/* ------------------------------------------------------------------ */
/* Temel tipografi                                                     */
/* ------------------------------------------------------------------ */
/* Eski katman her section'ı sayfa açılışında soldurarak getiriyordu; içerik anında görünsün */
html.tp section {
    animation: none !important;
}

/* overflow-x:hidden sticky header'ı bozuyordu; clip yatay taşmayı keserken sticky'yi korur */
html.tp,
html.tp body {
    overflow-x: clip !important;
}

html.tp body {
    font-family: var(--tp-font);
    color: var(--tp-text);
    background: var(--tp-white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Başlıklara genel renk verilmez: koyu zeminli alanlarda beyaz kalmaları gerekir */
html.tp h1,
html.tp h2,
html.tp h3,
html.tp h4,
html.tp h5,
html.tp .section-title {
    font-family: var(--tp-font-head);
    letter-spacing: -.02em;
}

html.tp .section-title {
    color: var(--tp-ink);
}

html.tp h2,
html.tp .section-title {
    font-weight: 700;
}

html.tp .section-title {
    font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.35rem);
    line-height: 1.2;
}

html.tp .section-subtitle,
html.tp .text-muted {
    color: var(--tp-muted) !important;
}

html.tp a {
    text-underline-offset: 3px;
}

html.tp ::selection {
    background: var(--tp-brand-100);
    color: var(--tp-ink);
}

html.tp :focus-visible {
    outline: 2px solid var(--tp-brand);
    outline-offset: 2px;
}

/* Bölüm rozeti (üst küçük etiket) */
html.tp .section-badge {
    background: var(--tp-brand-50) !important;
    border: 1px solid var(--tp-brand-100) !important;
    color: var(--tp-brand-600) !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 999px;
}

/* ------------------------------------------------------------------ */
/* Butonlar                                                            */
/* ------------------------------------------------------------------ */
html.tp .btn {
    font-weight: 600;
    border-radius: 10px;
    letter-spacing: -.005em;
    transition: background-color .15s, border-color .15s, color .15s, box-shadow .15s, transform .15s;
}

html.tp .btn-lg {
    padding: 14px 26px;
    font-size: 15px;
}

html.tp body .btn.btn-primary,
html.tp body .btn.btn-cta-primary,
html.tp .btn-primary,
html.tp .btn-cta-primary {
    background: var(--tp-brand) !important;
    background-image: none !important;
    border: 1px solid var(--tp-brand) !important;
    border-radius: 10px !important;
    color: #fff !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .1), inset 0 1px 0 rgba(255, 255, 255, .12);
}

html.tp .btn-primary:hover,
html.tp .btn-cta-primary:hover {
    background: var(--tp-brand-600) !important;
    border-color: var(--tp-brand-600) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px -4px rgba(37, 99, 235, .45);
}

html.tp .btn-outline-light {
    background: rgba(255, 255, 255, .06) !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    color: #fff !important;
}

html.tp .btn-outline-light:hover {
    background: rgba(255, 255, 255, .12) !important;
    border-color: rgba(255, 255, 255, .4) !important;
}

html.tp .btn-outline-primary {
    border-color: var(--tp-line) !important;
    color: var(--tp-ink) !important;
    background: #fff !important;
}

html.tp .btn-outline-primary:hover {
    border-color: var(--tp-brand) !important;
    color: var(--tp-brand) !important;
}

/* ------------------------------------------------------------------ */
/* Duyuru çubuğu                                                       */
/* ------------------------------------------------------------------ */
html.tp .announcement-bar {
    background: var(--tp-ink) !important;
    color: rgba(255, 255, 255, .86);
    padding: 9px 0;
    font-size: 13px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

html.tp .announcement-bar .container {
    justify-content: center;
    gap: 10px;
}

html.tp .announcement-bar-icon {
    width: auto;
    height: auto;
    background: none !important;
    color: #60a5fa;
    font-size: 12px;
}

html.tp .announcement-bar-text strong {
    color: #fff;
    font-weight: 600;
}

html.tp .announcement-bar-close {
    background: transparent !important;
    color: rgba(255, 255, 255, .5);
}

html.tp .announcement-bar-close:hover {
    color: #fff;
    background: rgba(255, 255, 255, .08) !important;
}

/* ------------------------------------------------------------------ */
/* Üst bilgi çubuğu                                                    */
/* ------------------------------------------------------------------ */
html.tp .top-bar {
    background: var(--tp-surface) !important;
    border-bottom: 1px solid var(--tp-line);
    padding: 0;
    font-size: 12.5px;
}

html.tp .top-bar .container {
    min-height: 36px;
}

html.tp .top-bar a {
    color: var(--tp-muted);
    font-weight: 500;
}

html.tp .top-bar a:hover {
    color: var(--tp-ink);
}

html.tp .top-bar a i {
    color: #94a3b8;
    font-size: 11px;
}

html.tp .top-bar .divider {
    background: var(--tp-line);
}

html.tp .top-bar .user-greeting,
html.tp .top-bar .user-greeting i {
    color: var(--tp-ok);
}

html.tp .selector-btn {
    background: #fff;
    border: 1px solid var(--tp-line);
    color: var(--tp-text);
    font-weight: 600;
    padding: 3px 10px;
}

html.tp .selector-btn:hover {
    background: #fff;
    border-color: #cbd5e1;
    color: var(--tp-ink);
}

html.tp .selector-menu {
    border: 1px solid var(--tp-line);
    box-shadow: var(--tp-shadow-lg);
    border-radius: 10px;
}

/* ------------------------------------------------------------------ */
/* Ana header                                                          */
/* ------------------------------------------------------------------ */
html.tp .main-header {
    background: rgba(255, 255, 255, .92) !important;
    backdrop-filter: saturate(180%) blur(14px);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    border-bottom: 1px solid var(--tp-line);
    box-shadow: none !important;
    transition: box-shadow .2s, background-color .2s;
}

/* Saydam beyaz, koyu hero üzerinde griye dönüyordu: header her zaman düz beyaz */
html.tp .main-header,
html.tp .main-header.scrolled {
    background-color: #fff !important;
    border-bottom: 1px solid var(--tp-line) !important;
}

html.tp .main-header::before,
html.tp .main-header::after,
html.tp .main-header.scrolled::after {
    display: none !important;
}

html.tp .main-header .main-nav .nav-list,
html.tp .main-header .main-nav.scrolled .nav-list {
    background: transparent !important;
    box-shadow: none !important;
}

html.tp .main-header.scrolled {
    box-shadow: 0 1px 0 var(--tp-line), 0 8px 24px -12px rgba(16, 24, 40, .18) !important;
}

html.tp .main-header>.container {
    min-height: 72px;
    gap: 24px;
}

/* Logo */
html.tp .site-logo {
    gap: 11px;
    flex-shrink: 0;
}

html.tp .site-logo .logo-icon,
html.tp .footer-brand .logo-icon,
html.tp .mobile-logo .m-logo-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--tp-ink) !important;
    background-image: none !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), 0 1px 2px rgba(16, 24, 40, .15) !important;
    color: #fff;
    font-size: 17px;
    animation: none !important;
}

html.tp .site-logo .logo-icon i {
    color: #fff;
}

html.tp .site-logo .logo-icon::before,
html.tp .site-logo .logo-icon::after {
    display: none !important;
}

html.tp .site-logo .logo-name {
    font-family: var(--tp-font-head);
    font-size: 17px;
    font-weight: 700;
    color: var(--tp-ink) !important;
    letter-spacing: -.02em;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

html.tp .site-logo .logo-desc {
    font-size: 11px;
    color: var(--tp-muted);
    font-weight: 500;
    letter-spacing: 0;
}

html.tp .site-logo .logo-desc i {
    color: var(--tp-ok);
    font-size: 10px;
}

/* Menü */
html.tp .main-header .main-nav,
html.tp .main-header .main-nav.scrolled {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

html.tp .main-nav .nav-list {
    gap: 2px;
}

html.tp .main-nav .nav-link {
    font-size: 14px;
    font-weight: 500;
    color: var(--tp-text);
    padding: 8px 12px;
    border-radius: 8px;
    gap: 6px;
    letter-spacing: -.005em;
    background: transparent !important;
}

/* Masaüstünde menü ikonları gizlenir: daha sade görünüm */
html.tp .main-nav .nav-link>i:not(.arrow) {
    display: none;
}

html.tp .main-nav .nav-link .arrow {
    font-size: 9px;
    color: #94a3b8;
    margin-left: 2px;
    transition: transform .2s var(--tp-ease);
}

html.tp .main-nav .nav-item:hover>.nav-link,
html.tp .main-nav .nav-link:hover {
    color: var(--tp-ink);
    background: var(--tp-surface) !important;
}

html.tp .main-nav .nav-item:hover>.nav-link .arrow {
    transform: rotate(180deg);
    color: var(--tp-ink);
}

html.tp .main-nav .nav-link.active {
    color: var(--tp-brand) !important;
    font-weight: 600;
}

html.tp .main-nav .nav-link::after,
html.tp .main-nav .nav-link::before {
    display: none !important;
}

/* "Yeni" rozetleri */
html.tp .main-nav .nav-link .badge {
    background: var(--tp-brand-50) !important;
    color: var(--tp-brand-600) !important;
    border: 1px solid var(--tp-brand-100);
    font-size: 10px !important;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 999px;
    letter-spacing: .01em;
    line-height: 1.2;
    margin-left: 2px !important;
}

/* Açılır menüler (eski katmanlar !important kullandığı için burada da gerekli) */
html.tp .main-header .dropdown,
html.tp .main-header .mega-menu {
    background: #fff !important;
    border: 1px solid var(--tp-line) !important;
    border-top: 1px solid var(--tp-line) !important;
    border-radius: 14px !important;
    box-shadow: var(--tp-shadow-lg) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 8px !important;
    animation: none !important;
}

html.tp .main-header .dropdown {
    min-width: 290px !important;
}

/* Menü öğeleri header yüksekliğini kaplar; açılır menüler header'ın hemen altında açılır */
@media (min-width: 992px) {
    html.tp .main-header .main-nav,
    html.tp .main-header .nav-list {
        align-self: stretch;
        align-items: stretch !important;
    }

    html.tp .main-header .main-nav .nav-item {
        display: flex !important;
        align-items: center !important;
        min-height: 72px;
    }

    html.tp .main-header .nav-item>.dropdown,
    html.tp .main-header .nav-item>.mega-menu {
        top: calc(100% - 6px) !important;
    }
}

html.tp .main-header .dropdown::before,
html.tp .main-header .mega-menu::before {
    display: none !important;
}

html.tp .main-header .dropdown-item {
    border-radius: 10px !important;
    padding: 10px 12px !important;
    gap: 12px !important;
    align-items: flex-start !important;
    color: var(--tp-text) !important;
    background: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: background-color .12s !important;
}

html.tp .main-header .dropdown-item:hover {
    background: var(--tp-surface) !important;
    transform: none !important;
}

html.tp .main-header .dropdown-item>i,
html.tp .main-header .dropdown-item i:first-child {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    border-radius: 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    background: var(--tp-brand-50) !important;
    color: var(--tp-brand) !important;
    border: 1px solid var(--tp-brand-100) !important;
    transform: none !important;
    box-shadow: none !important;
}

html.tp .main-header .dropdown-item strong {
    display: block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--tp-ink) !important;
    -webkit-text-fill-color: currentColor !important;
}

html.tp .main-header .dropdown-item small {
    display: block !important;
    font-size: 12.5px !important;
    color: var(--tp-muted) !important;
    margin-top: 1px !important;
}

/* Mega menü */
html.tp .main-header .mega-menu {
    padding: 20px !important;
}

html.tp .main-header .mega-columns {
    gap: 16px !important;
}

html.tp .main-header .mega-column {
    gap: 2px !important;
}

html.tp .main-header .mega-title {
    font-family: var(--tp-font) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--tp-muted) !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    padding: 0 10px 8px !important;
    margin: 0 0 6px !important;
    border-bottom: 1px solid var(--tp-line-2) !important;
}

html.tp .main-header .mega-card {
    border-radius: 10px !important;
    padding: 9px 10px !important;
    gap: 12px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

html.tp .main-header .mega-card:hover {
    background: var(--tp-surface) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

html.tp .main-header .mega-card-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    flex: 0 0 34px !important;
    border-radius: 9px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
    background: var(--tp-surface) !important;
    color: var(--tp-ink) !important;
    border: 1px solid var(--tp-line) !important;
    box-shadow: none !important;
}

html.tp .main-header .mega-card-icon i {
    color: var(--tp-text) !important;
    font-size: 14px !important;
}

html.tp .main-header .mega-card-icon.icon-ev {
    background: var(--tp-ink) !important;
    color: #fff !important;
    border-color: var(--tp-ink) !important;
}

html.tp .main-header .mega-card-icon.icon-ov,
html.tp .main-header .mega-card-icon.icon-dv {
    background: var(--tp-brand-50) !important;
    color: var(--tp-brand-600) !important;
    border-color: var(--tp-brand-100) !important;
}

html.tp .main-header .mega-card-icon.icon-cloud,
html.tp .main-header .mega-card-icon.icon-ucc {
    font-size: 7.5px !important;
    background: #ecfdf5 !important;
    color: #047857 !important;
    border-color: #d1fae5 !important;
}

html.tp .main-header .mega-card-text strong {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--tp-ink) !important;
    -webkit-text-fill-color: var(--tp-ink) !important;
}

html.tp .main-header .mega-card-text small {
    font-size: 12.5px !important;
    color: var(--tp-muted) !important;
}

html.tp .main-header .mega-menu .mega-footer {
    border-top: 1px solid var(--tp-line-2) !important;
    margin-top: 14px !important;
    padding-top: 12px !important;
    background: none !important;
}

html.tp .main-header .mega-menu .mega-footer a {
    color: var(--tp-brand) !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
}

html.tp .main-header .mega-menu .mega-footer a:hover {
    color: var(--tp-brand-600) !important;
}

/* Header aksiyonları */
html.tp .header-actions {
    gap: 8px;
}

html.tp .header-actions .action-btn {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #fff !important;
    border: 1px solid var(--tp-line) !important;
    color: var(--tp-text) !important;
    box-shadow: none !important;
}

html.tp .header-actions .action-btn:hover {
    border-color: #cbd5e1 !important;
    color: var(--tp-ink) !important;
    background: var(--tp-surface) !important;
}

html.tp .cart-badge {
    background: var(--tp-brand) !important;
    border: 2px solid #fff;
    font-weight: 700;
}

html.tp .auth-buttons {
    gap: 6px;
}

html.tp .btn-login,
html.tp .btn-register {
    height: 40px;
    padding: 0 16px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

html.tp .btn-login {
    background: transparent !important;
    border: 1px solid transparent !important;
    color: var(--tp-text) !important;
}

html.tp .btn-login:hover {
    background: var(--tp-surface) !important;
    color: var(--tp-ink) !important;
}

html.tp .btn-login i {
    display: none;
}

html.tp .btn-register {
    background: var(--tp-ink) !important;
    background-image: none !important;
    border: 1px solid var(--tp-ink) !important;
    color: #fff !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .15) !important;
}

html.tp .btn-register:hover {
    background: var(--tp-brand) !important;
    border-color: var(--tp-brand) !important;
    transform: none;
}

html.tp .btn-register i {
    font-size: 12px;
}

/* Kullanıcı menüsü */
html.tp .user-btn {
    height: 40px;
    border-radius: 10px;
    border: 1px solid var(--tp-line) !important;
    background: #fff !important;
    color: var(--tp-ink);
    font-weight: 600;
}

html.tp .user-avatar {
    background: var(--tp-ink) !important;
    background-image: none !important;
    color: #fff;
}

html.tp .user-menu {
    border: 1px solid var(--tp-line);
    border-radius: 14px;
    box-shadow: var(--tp-shadow-lg);
}

/* Mobil menü düğmesi */
html.tp .mobile-toggle {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid var(--tp-line);
    background: #fff;
}

html.tp .mobile-toggle span {
    background: var(--tp-ink) !important;
    height: 2px;
    border-radius: 2px;
}

/* Mobil menü paneli */
html.tp .mobile-menu {
    background: #fff;
    box-shadow: -24px 0 48px -12px rgba(16, 24, 40, .25);
}

html.tp .mobile-menu-header {
    border-bottom: 1px solid var(--tp-line);
}

html.tp .mobile-link,
html.tp .mobile-menu-toggle {
    color: var(--tp-ink);
    font-weight: 500;
    border-radius: 10px;
}

html.tp .mobile-link i,
html.tp .mobile-menu-toggle .toggle-left i {
    color: var(--tp-muted);
}

html.tp .mobile-menu,
html.tp .mobile-menu-body {
    background: #fff !important;
    background-image: none !important;
}

html.tp .mobile-logo,
html.tp .mobile-logo span:not(.m-logo-icon) {
    color: var(--tp-ink) !important;
    background: none !important;
    -webkit-text-fill-color: var(--tp-ink) !important;
    font-family: var(--tp-font-head);
    font-weight: 700 !important;
    font-size: 17px !important;
    letter-spacing: -.02em;
}

html.tp .mobile-logo .m-logo-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
}

html.tp .mobile-logo .m-logo-icon i {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 16px;
}

html.tp .mobile-link,
html.tp .mobile-menu-toggle,
html.tp .mobile-menu-toggle .toggle-left {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--tp-ink) !important;
}

html.tp .mobile-submenu .mobile-link {
    font-size: 14px !important;
    color: var(--tp-text) !important;
}

html.tp .mobile-menu-toggle .toggle-arrow {
    background: transparent !important;
    color: var(--tp-muted) !important;
}

html.tp .mobile-menu .badge {
    background: var(--tp-brand-50) !important;
    color: var(--tp-brand-600) !important;
    border: 1px solid var(--tp-brand-100);
    font-weight: 600;
    border-radius: 999px;
}

html.tp .mobile-close {
    background: var(--tp-surface) !important;
    color: var(--tp-ink) !important;
    border: 1px solid var(--tp-line) !important;
    border-radius: 10px !important;
}

html.tp .mobile-link:hover,
html.tp .mobile-menu-toggle:hover {
    background: var(--tp-surface);
}

html.tp .mobile-btn.primary {
    background: var(--tp-ink) !important;
    background-image: none !important;
    border-color: var(--tp-ink) !important;
    color: #fff !important;
}

html.tp .mobile-btn.outline {
    border: 1px solid var(--tp-line) !important;
    color: var(--tp-ink) !important;
    background: #fff !important;
}

html.tp .mobile-backdrop {
    background: rgba(11, 18, 32, .45);
    backdrop-filter: blur(2px);
}

@media (min-width: 1400px) {
    html.tp .main-header>.container {
        max-width: 1400px;
    }
}

html.tp .main-nav {
    min-width: 0;
}

html.tp .main-nav .nav-list {
    justify-content: center;
    flex-wrap: nowrap;
}

html.tp .main-nav .nav-link {
    white-space: nowrap;
}

/* Dar masaüstünde "Yeni" rozeti küçük bir noktaya dönüşür */
@media (max-width: 1599px) {
    html.tp .main-nav .nav-link .badge {
        font-size: 0 !important;
        display: inline-block !important;
        flex: 0 0 6px;
        width: 6px !important;
        height: 6px !important;
        min-width: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: var(--tp-brand) !important;
        align-self: flex-start;
        margin: 4px 0 0 1px !important;
    }
}

/* Orta genişlikte menüyü sıkıştır */
@media (max-width: 1360px) {
    html.tp .main-nav .nav-link {
        padding: 8px 9px;
        font-size: 13.5px;
    }

    html.tp .main-header>.container {
        gap: 14px;
    }

    html.tp .btn-login {
        padding: 0 10px !important;
    }

    html.tp .btn-register i {
        display: none;
    }
}

@media (max-width: 1240px) {
    html.tp .site-logo .logo-desc {
        display: none;
    }

    html.tp .main-nav .nav-link {
        padding: 8px 7px;
        font-size: 13px;
    }

    html.tp .main-nav .nav-link .arrow {
        display: none;
    }
}

@media (max-width: 991px) {
    html.tp .main-header>.container {
        min-height: 64px;
    }

    html.tp .site-logo .logo-desc {
        display: flex;
    }
}

/* ------------------------------------------------------------------ */
/* Hero (ana sayfa slider)                                             */
/* ------------------------------------------------------------------ */
html.tp .hero-slider-section {
    background: var(--tp-ink) !important;
}

html.tp .hero-slide {
    background: radial-gradient(1200px 600px at 85% 10%, rgba(37, 99, 235, .22), transparent 60%),
        radial-gradient(800px 500px at 0% 100%, rgba(37, 99, 235, .10), transparent 60%),
        var(--tp-ink) !important;
}

html.tp .hero-slide-overlay {
    background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px) !important;
    background-size: 56px 56px !important;
    -webkit-mask-image: radial-gradient(ellipse at 60% 40%, #000 20%, transparent 75%);
    mask-image: radial-gradient(ellipse at 60% 40%, #000 20%, transparent 75%);
    opacity: 1 !important;
}

html.tp .hero-badge {
    background: rgba(255, 255, 255, .06) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    color: rgba(255, 255, 255, .85) !important;
    font-size: 13px;
    font-weight: 500;
    border-radius: 999px;
    padding: 6px 14px;
    backdrop-filter: none;
}

html.tp .hero-badge i {
    color: #60a5fa !important;
}

html.tp .hero-title {
    font-family: var(--tp-font-head);
    font-size: clamp(2.2rem, 1.4rem + 2.6vw, 3.5rem) !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    color: #fff !important;
}

html.tp .hero-title span {
    background: linear-gradient(90deg, #93c5fd, #60a5fa) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

html.tp .hero-description {
    color: rgba(226, 232, 240, .78) !important;
    font-size: 17px;
    line-height: 1.65;
    max-width: 540px;
}

html.tp .hero-cs-widget .cs-widget-card {
    background: rgba(17, 26, 46, .82) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
    border-radius: 14px !important;
}

html.tp .hero-stats-bar {
    background: rgba(255, 255, 255, .02) !important;
    border-top: 1px solid rgba(255, 255, 255, .06) !important;
    backdrop-filter: none !important;
}

html.tp .hero-stat-value {
    font-family: var(--tp-font-head);
    font-weight: 700 !important;
    letter-spacing: -.03em;
    color: #fff !important;
    background: none !important;
    -webkit-text-fill-color: #fff !important;
}

html.tp .hero-stat-label {
    color: rgba(226, 232, 240, .6) !important;
    font-size: 13px;
    font-weight: 500;
}

html.tp .carousel-indicators [data-bs-target] {
    background-color: rgba(255, 255, 255, .35);
    height: 3px;
    border-radius: 2px;
}

html.tp .carousel-indicators .active,
html.tp .carousel-indicators .active::after,
html.tp .carousel-indicators .active::before {
    background-color: #fff !important;
    background-image: none !important;
}

/* ------------------------------------------------------------------ */
/* İç sayfa hero alanları: marka bazlı mor/renkli gradyanlar yerine    */
/* ana sayfa ile aynı lacivert zemin                                   */
/* ------------------------------------------------------------------ */
html.tp .page-hero-modern,
html.tp .category-hero,
html.tp .tools-hero,
html.tp .ref-hero,
html.tp .rd-hero,
html.tp .product-hero-v2,
html.tp .about-hero,
html.tp .ab-cta {
    background: radial-gradient(1000px 520px at 85% 0%, rgba(37, 99, 235, .24), transparent 60%),
        radial-gradient(700px 420px at 0% 100%, rgba(37, 99, 235, .10), transparent 60%),
        var(--tp-ink) !important;
    color: #fff;
}

html.tp .page-hero-modern::before,
html.tp .page-hero-modern::after {
    display: none !important;
}

html.tp .page-hero-bg {
    opacity: .5 !important;
    background-image: linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px) !important;
    background-color: transparent !important;
    background-size: 56px 56px !important;
}

html.tp .page-hero-title {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-weight: 700 !important;
    letter-spacing: -.03em !important;
    line-height: 1.12 !important;
}

html.tp .page-hero-title span {
    background: linear-gradient(90deg, #93c5fd, #60a5fa) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

html.tp .page-hero-desc {
    color: rgba(226, 232, 240, .78) !important;
}

html.tp .page-hero-modern .breadcrumb-nav {
    background: rgba(255, 255, 255, .04) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

html.tp .page-hero-modern .breadcrumb-nav a,
html.tp .page-hero-modern .breadcrumb-nav span,
html.tp .page-hero-modern .breadcrumb-nav i {
    color: rgba(226, 232, 240, .7) !important;
}

html.tp .page-hero-modern .breadcrumb-nav [aria-current],
html.tp .page-hero-modern .breadcrumb-nav .active {
    color: #fff !important;
    background: rgba(255, 255, 255, .08) !important;
}

/* ------------------------------------------------------------------ */
/* Bölümler ve kartlar                                                 */
/* ------------------------------------------------------------------ */
html.tp .features-section,
html.tp .seo-types-section,
html.tp .brand-products-section,
html.tp .trust-section {
    background: var(--tp-surface) !important;
}

html.tp .seo-info-section,
html.tp .seo-usecases-section,
html.tp .steps-section,
html.tp .faq-section {
    background: #fff !important;
}

html.tp .feature-card,
html.tp .step-card,
html.tp .seo-type-card,
html.tp .seo-usecase-card,
html.tp .cloud-product-card,
html.tp .product-card,
html.tp .info-card,
html.tp .pricing-card {
    background: #fff !important;
    border: 1px solid var(--tp-line) !important;
    border-radius: var(--tp-radius-lg) !important;
    box-shadow: var(--tp-shadow-sm) !important;
    backdrop-filter: none !important;
    transition: border-color .2s, box-shadow .2s, transform .2s var(--tp-ease);
}

html.tp .feature-card:hover,
html.tp .step-card:hover,
html.tp .seo-type-card:hover,
html.tp .seo-usecase-card:hover,
html.tp .cloud-product-card:hover,
html.tp .product-card:hover,
html.tp .pricing-card:hover {
    border-color: #cfd8e6 !important;
    box-shadow: var(--tp-shadow-lg) !important;
    transform: translateY(-2px);
}

html.tp .feature-card::before,
html.tp .feature-card::after,
html.tp .step-card::before {
    display: none !important;
}

html.tp .feature-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 11px !important;
    background: var(--tp-brand-50) !important;
    color: var(--tp-brand) !important;
    border: 1px solid var(--tp-brand-100);
    box-shadow: none !important;
    font-size: 18px !important;
}

html.tp .feature-icon i {
    color: var(--tp-brand) !important;
}

html.tp .feature-title {
    font-size: 17px !important;
    font-weight: 600 !important;
    color: var(--tp-ink) !important;
}

html.tp .step-number {
    background: var(--tp-ink) !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: 0 0 0 6px var(--tp-surface) !important;
    font-weight: 700;
}

html.tp .info-card {
    background: var(--tp-surface) !important;
    box-shadow: none !important;
}

html.tp .info-card .text-primary {
    color: var(--tp-brand) !important;
}

/* Ürün kartı butonu */
html.tp .cloud-cs-btn {
    background: var(--tp-ink) !important;
    background-image: none !important;
    color: #fff !important;
    font-weight: 600;
    transition: background-color .15s;
}

html.tp .cloud-cs-btn:hover {
    background: var(--tp-brand) !important;
}

html.tp .cloud-product-card:hover .cloud-cs-btn {
    background: var(--tp-brand) !important;
}

/* Ürün sekmeleri ve rozetler: mor yerine marka renkleri */
html.tp .cs-tab-btn {
    background: #fff !important;
    border: 1px solid var(--tp-line) !important;
    color: var(--tp-text) !important;
    border-radius: 10px !important;
    box-shadow: var(--tp-shadow-sm) !important;
    font-weight: 600;
}

html.tp .cs-tab-btn i {
    color: var(--tp-muted) !important;
}

html.tp .cs-tab-btn.active,
html.tp .cs-tab-btn:hover {
    background: var(--tp-ink) !important;
    border-color: var(--tp-ink) !important;
    color: #fff !important;
}

html.tp .cs-tab-btn.active i,
html.tp .cs-tab-btn:hover i {
    color: #fff !important;
}

html.tp .cs-tab-btn .badge,
html.tp .cs-tab-btn span[class*="count"] {
    background: rgba(255, 255, 255, .16) !important;
    color: inherit !important;
}

html.tp .cloud-p-badge,
html.tp .premium-badge {
    background: var(--tp-ink) !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
    font-weight: 600;
    letter-spacing: .02em;
}

html.tp .cloud-type-badge {
    background: var(--tp-surface) !important;
    color: var(--tp-text) !important;
    border: 1px solid var(--tp-line) !important;
    font-weight: 600;
}

html.tp .cloud-product-card.cloud-premium {
    border-color: var(--tp-line) !important;
}

/* Ana sayfa vurguları: mor/indigo tonlar marka paletine çekilir */
html.tp .seo-how-works-box {
    background: var(--tp-surface) !important;
    background-image: none !important;
    border: 1px solid var(--tp-line) !important;
    box-shadow: none !important;
    border-radius: var(--tp-radius-lg) !important;
}

html.tp .seo-how-works-box i,
html.tp .seo-how-works-box h3 i,
html.tp .seo-how-works-box h4 i {
    color: var(--tp-brand) !important;
}

html.tp .seo-hw-num {
    background: var(--tp-ink) !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
    border-radius: 8px !important;
}

html.tp .seo-type-badge {
    background: var(--tp-brand-50) !important;
    background-image: none !important;
    color: var(--tp-brand-600) !important;
    border: 1px solid var(--tp-brand-100) !important;
    box-shadow: none !important;
}

html.tp .seo-type-badge.ev {
    background: var(--tp-ink) !important;
    color: #fff !important;
    border-color: var(--tp-ink) !important;
}

html.tp .seo-usecase-icon {
    background: var(--tp-brand-50) !important;
    background-image: none !important;
    color: var(--tp-brand) !important;
    border: 1px solid var(--tp-brand-100);
    box-shadow: none !important;
}

html.tp .seo-usecase-icon i {
    color: var(--tp-brand) !important;
}

html.tp .stat-number {
    background: none !important;
    -webkit-text-fill-color: var(--tp-ink) !important;
    color: var(--tp-ink) !important;
    font-family: var(--tp-font-head);
    font-weight: 700 !important;
    letter-spacing: -.03em;
}

html.tp section .trust-icon {
    background: var(--tp-brand-50) !important;
    background-image: none !important;
    color: var(--tp-brand) !important;
    border: 1px solid var(--tp-brand-100);
}

html.tp section .trust-icon i {
    color: var(--tp-brand) !important;
}

html.tp .cloud-hl {
    background: var(--tp-surface) !important;
    background-image: none !important;
    color: var(--tp-text) !important;
    border: 1px solid var(--tp-line-2);
}

html.tp .cloud-hl i {
    color: var(--tp-ok) !important;
}

/* Hero terminal kartı */
html.tp .cs-wfloat-icon {
    background: rgba(255, 255, 255, .06) !important;
    background-image: none !important;
    color: #93c5fd !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    box-shadow: none !important;
}

html.tp .cs-widget-verified {
    background: rgba(255, 255, 255, .03) !important;
    background-image: none !important;
    color: rgba(226, 232, 240, .8) !important;
    border-color: rgba(255, 255, 255, .06) !important;
}

html.tp .cs-widget-features i,
html.tp .cs-widget-verified i {
    color: #60a5fa !important;
}

/* Blog bölümü */
html.tp .blog-v2-bg-glow {
    display: none !important;
}

html.tp .blog-v2-badge,
html.tp .blog-v2-cat {
    background: rgba(255, 255, 255, .06) !important;
    background-image: none !important;
    color: rgba(226, 232, 240, .85) !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
}

html.tp .blog-v2-badge-dot {
    background: #60a5fa !important;
    box-shadow: none !important;
}

html.tp .blog-v2-cta,
html.tp .blog-v2-read-link {
    color: #93c5fd !important;
    border-color: rgba(147, 197, 253, .3) !important;
}

html.tp .blog-v2-cta:hover,
html.tp .blog-v2-read-link:hover {
    color: #fff !important;
    border-color: rgba(255, 255, 255, .5) !important;
}

html.tp .blog-v2-title {
    color: #fff !important;
    font-weight: 700 !important;
}

html.tp .blog-v2-title span,
html.tp .blog-v2-title .highlight {
    background: none !important;
    -webkit-text-fill-color: #93c5fd !important;
    color: #93c5fd !important;
}

html.tp .seo-type-card.featured {
    border-color: var(--tp-ink) !important;
    box-shadow: 0 0 0 1px var(--tp-ink), var(--tp-shadow-lg) !important;
}

html.tp .seo-type-card.featured::before,
html.tp .pt-popular-badge {
    background: var(--tp-ink) !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    letter-spacing: .02em;
}

/* ------------------------------------------------------------------ */
/* İç sayfalardaki sayfa özel bileşenler (tarama ile tespit edildi)    */
/* ------------------------------------------------------------------ */

/* Bölüm rozetleri: tüm sayfalarda aynı marka rozeti */
html.tp .ev-section-badge,
html.tp .cloud-section-badge,
html.tp .ab-section-badge,
html.tp [class*="-section-badge"] {
    background: var(--tp-brand-50) !important;
    background-image: none !important;
    border: 1px solid var(--tp-brand-100) !important;
    color: var(--tp-brand-600) !important;
    -webkit-text-fill-color: var(--tp-brand-600) !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

html.tp [class*="-section-badge"] i {
    color: var(--tp-brand) !important;
}

/* Kullanım alanı etiketleri */
html.tp .ev-uc-tag,
html.tp .cloud-uc-tag {
    background: var(--tp-surface) !important;
    background-image: none !important;
    border: 1px solid var(--tp-line) !important;
    color: var(--tp-text) !important;
}

/* Tablo başlıkları */
html.tp .table thead,
html.tp .table thead th {
    background: var(--tp-ink) !important;
    background-image: none !important;
    color: #fff !important;
    border-color: var(--tp-ink) !important;
}

/* SSS: açık soru */
html.tp .accordion-button:not(.collapsed) {
    color: var(--tp-ink) !important;
}

html.tp .accordion-button:focus {
    border-color: var(--tp-line) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12) !important;
}

html.tp .faq-item {
    border-color: var(--tp-line) !important;
}

html.tp .faq-item.active,
html.tp .faq-item:hover {
    border-color: #cfd8e6 !important;
}

/* Birincil aksiyon butonları */
html.tp .btn-purchase,
html.tp .ab-cta-btn,
html.tp .ab-submit-btn,
html.tp .btn-guide,
html.tp .product-btn,
html.tp .cd-hero-btn.primary {
    background: var(--tp-brand) !important;
    background-image: none !important;
    color: #fff !important;
    border-color: var(--tp-brand) !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .1) !important;
}

html.tp .btn-purchase:hover,
html.tp .ab-cta-btn:hover,
html.tp .ab-submit-btn:hover,
html.tp .btn-guide:hover,
html.tp .product-btn:hover,
html.tp .cd-hero-btn.primary:hover {
    background: var(--tp-brand-600) !important;
    border-color: var(--tp-brand-600) !important;
}

html.tp .btn-cta {
    color: var(--tp-ink) !important;
    border-color: var(--tp-line) !important;
}

/* Ürünler sayfası */
html.tp .seo-step-num {
    background: var(--tp-ink) !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
}

html.tp .seo-cta-box {
    background: var(--tp-ink) !important;
    background-image: radial-gradient(600px 300px at 90% 0%, rgba(37, 99, 235, .3), transparent 60%) !important;
    border-radius: var(--tp-radius-lg) !important;
    box-shadow: none !important;
}

html.tp .seo-cta-box .btn {
    background: #fff !important;
    color: var(--tp-ink) !important;
    border-color: #fff !important;
}

/* Kod imzalama ürün listesi */
html.tp .type-info-bar {
    background: var(--tp-surface) !important;
    background-image: none !important;
    border-color: var(--tp-line) !important;
    color: var(--tp-text) !important;
}

html.tp .type-info-bar i {
    color: var(--tp-brand) !important;
}

html.tp .product-type {
    background: var(--tp-surface) !important;
    color: var(--tp-text) !important;
    border: 1px solid var(--tp-line) !important;
}

html.tp .comparison-section {
    background: var(--tp-surface) !important;
    background-image: none !important;
}

/* Breadcrumb aktif öğe */
html.tp .breadcrumb-current {
    background: rgba(255, 255, 255, .08) !important;
    background-image: none !important;
    border-color: rgba(255, 255, 255, .12) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Bilgi bankası, blog kenar çubuğu, sayfalama */
html.tp .kb-category-count {
    background: var(--tp-brand-50) !important;
    background-image: none !important;
    color: var(--tp-brand-600) !important;
}

html.tp .page-item.active .page-link,
html.tp .page-link.active {
    background: var(--tp-ink) !important;
    border-color: var(--tp-ink) !important;
    color: #fff !important;
}

html.tp .page-link {
    color: var(--tp-text);
    border-color: var(--tp-line);
}

html.tp .sidebar-widget {
    border-color: var(--tp-line) !important;
    box-shadow: none !important;
}

/* Ürün kartı başlık linkleri (hover alt çizgisi mor gradyandı) */
html.tp .cs-title a {
    color: var(--tp-ink) !important;
    background-image: linear-gradient(var(--tp-brand), var(--tp-brand)) !important;
}

html.tp .cs-title a:hover {
    color: var(--tp-brand) !important;
}

html.tp .cloud-hl.cloud-hl-ev {
    background: var(--tp-surface) !important;
    background-image: none !important;
    color: var(--tp-text) !important;
    border: 1px solid var(--tp-line-2) !important;
}

html.tp .cloud-hl.cloud-hl-ev i {
    color: var(--tp-brand) !important;
}

html.tp .feature-card .feature-icon[class*="icon-"] {
    background: var(--tp-brand-50) !important;
    background-image: none !important;
    color: var(--tp-brand) !important;
}

html.tp .cs-tab-content>div {
    background-image: none !important;
}

html.tp .table td strong,
html.tp .table td a {
    color: var(--tp-ink) !important;
}

html.tp .table td a:hover {
    color: var(--tp-brand) !important;
}

html.tp .newsletter-widget {
    background: var(--tp-ink) !important;
    background-image: none !important;
    border-color: var(--tp-ink) !important;
}

html.tp .comparison-card.featured {
    border-color: var(--tp-ink) !important;
    box-shadow: 0 0 0 1px var(--tp-ink), var(--tp-shadow-lg) !important;
}

html.tp .ref-stat-value span,
html.tp [class*="hero"] h1 span,
html.tp h1 span[style*="gradient"] {
    background: linear-gradient(90deg, #93c5fd, #60a5fa) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* Sayfa içine inline yazılmış mor renkler */
html.tp a.btn[style*="gradient"],
html.tp a[style*="#667eea"],
html.tp a[style*="#6366f1"],
html.tp a[style*="#8b5cf6"],
html.tp a[style*="#7c3aed"] {
    background: var(--tp-brand) !important;
    background-image: none !important;
    border-color: var(--tp-brand) !important;
    color: #fff !important;
}

html.tp span[style*="#818cf8"],
html.tp span[style*="#6366f1"],
html.tp span[style*="#8b5cf6"],
html.tp span[style*="#7c3aed"],
html.tp span[style*="#a78bfa"] {
    color: var(--tp-brand) !important;
    border-color: var(--tp-brand-100) !important;
}

html.tp .seo-guide-2026 .text-center>span,
html.tp .faq-section .text-center>span {
    color: var(--tp-brand-600) !important;
    background: var(--tp-brand-50) !important;
    border-color: var(--tp-brand-100) !important;
}

/* ------------------------------------------------------------------ */
/* Ürün detay sayfası                                                  */
/* ------------------------------------------------------------------ */
html.tp .quick-stat .stat-icon,
html.tp .short-desc-icon,
html.tp .step-icon,
html.tp .type-icon.ev {
    background: var(--tp-brand) !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
}

html.tp .short-desc-icon i,
html.tp .step-icon i {
    color: #fff !important;
}

html.tp .hero-feature-item i {
    background: rgba(255, 255, 255, .06) !important;
    background-image: none !important;
    color: #93c5fd !important;
    border: 1px solid rgba(255, 255, 255, .08);
}

html.tp .hero-feature-item:hover {
    background: rgba(255, 255, 255, .06) !important;
    border-color: rgba(255, 255, 255, .14) !important;
    transform: none !important;
}

html.tp .usecase-icon {
    background: var(--tp-brand-50) !important;
    background-image: none !important;
    color: var(--tp-brand) !important;
    border: 1px solid var(--tp-brand-100);
}

html.tp .usecase-icon i {
    color: var(--tp-brand) !important;
}

html.tp .process-connector {
    background: var(--tp-line) !important;
    background-image: none !important;
}

html.tp .trust-item-v2 i,
html.tp .trust-bar-item i {
    color: var(--tp-brand) !important;
}

html.tp .blog-link,
html.tp .blog-link i {
    color: var(--tp-brand) !important;
}

html.tp .price-display>div[class=""],
html.tp .price-display>div:not([class]) {
    background: var(--tp-surface) !important;
    background-image: none !important;
    color: var(--tp-text) !important;
    border-color: var(--tp-line) !important;
}

html.tp .price-display>div:not([class]) i {
    color: var(--tp-brand) !important;
}

html.tp .breadcrumb-nav .breadcrumb-link {
    color: rgba(226, 232, 240, .75) !important;
}

html.tp .breadcrumb-nav .breadcrumb-link:hover {
    color: #fff !important;
}

/* Hakkımızda */
html.tp .ab-hero-visual {
    background: rgba(255, 255, 255, .03) !important;
    border-color: rgba(255, 255, 255, .08) !important;
}

html.tp .ab-hv-icon {
    background: var(--tp-brand) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html.tp .about-hero i:not(.ab-hv-icon i) {
    background-color: rgba(255, 255, 255, .06) !important;
    color: #93c5fd !important;
}

html.tp .about-hero h1 span:not([class]) {
    color: #93c5fd !important;
}

/* ------------------------------------------------------------------ */
/* Giriş / kayıt / şifre sayfaları                                     */
/* ------------------------------------------------------------------ */
html.tp .auth-page {
    background: var(--tp-surface) !important;
}

html.tp .auth-left {
    background: radial-gradient(900px 500px at 90% 0%, rgba(37, 99, 235, .26), transparent 60%),
        var(--tp-ink) !important;
}

html.tp .auth-left::before {
    background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px) !important;
    background-size: 48px 48px !important;
}

html.tp .auth-logo i,
html.tp .auth-logo strong,
html.tp .auth-feature i {
    color: #93c5fd !important;
}

html.tp .auth-hero h1 {
    font-family: var(--tp-font-head);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
}

html.tp .auth-feature {
    background: rgba(255, 255, 255, .04) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: var(--tp-radius) !important;
}

html.tp .auth-right {
    background: #fff !important;
}

html.tp .auth-form-header h2 {
    font-family: var(--tp-font-head);
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--tp-ink);
}

html.tp .input-icon input,
html.tp .auth-form input[type="text"],
html.tp .auth-form input[type="email"],
html.tp .auth-form input[type="password"],
html.tp .auth-form input[type="tel"],
html.tp .auth-form select {
    border: 1px solid #d5dce7 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: var(--tp-shadow-sm);
}

html.tp .input-icon input:focus,
html.tp .auth-form input:focus,
html.tp .auth-form select:focus {
    border-color: var(--tp-brand) !important;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .12) !important;
}

html.tp .checkbox-label input:checked+.checkmark {
    background: var(--tp-brand) !important;
    border-color: var(--tp-brand) !important;
}

html.tp .checkbox-label a,
html.tp .forgot-link,
html.tp .auth-footer a {
    color: var(--tp-brand) !important;
    font-weight: 600;
}

html.tp .social-btn,
html.tp .btn-social {
    border: 1px solid var(--tp-line) !important;
    background: #fff !important;
    color: var(--tp-ink) !important;
    border-radius: 10px !important;
}

/* ------------------------------------------------------------------ */
/* Tanıtım, marka ve kurumsal sayfalar: ikon kutuları ve numaralar     */
/* (25 sayfalık renk taramasıyla tespit edildi)                        */
/* ------------------------------------------------------------------ */
html.tp .ev-uc-icon,
html.tp .use-case-icon,
html.tp .dl-icon,
html.tp .ev-intro-icon,
html.tp .ev-step-icon,
html.tp .intro-feature-icon,
html.tp .cloud-adv-icon,
html.tp .ev-adv-icon,
html.tp .kb-category-icon,
html.tp .ab-mv-icon,
html.tp .ab-feat-icon,
html.tp .ab-stat-icon,
html.tp .hero-card-icon,
html.tp .comparison-icon,
html.tp .support-card-icon,
html.tp .contact-card-icon {
    background: var(--tp-brand-50) !important;
    background-image: none !important;
    border: 1px solid var(--tp-brand-100) !important;
    color: var(--tp-brand) !important;
    box-shadow: none !important;
}

html.tp .ev-uc-icon i,
html.tp .use-case-icon i,
html.tp .dl-icon i,
html.tp .ev-intro-icon i,
html.tp .ev-step-icon i,
html.tp .intro-feature-icon i,
html.tp .cloud-adv-icon i,
html.tp .ev-adv-icon i,
html.tp .kb-category-icon i,
html.tp .ab-mv-icon i,
html.tp .ab-feat-icon i,
html.tp .ab-stat-icon i,
html.tp .hero-card-icon i,
html.tp .comparison-icon i,
html.tp .support-card-icon i,
html.tp .contact-card-icon i,
html.tp .contact-item .icon i,
html.tp .cloud-hl i,
html.tp .type-info-bar i,
html.tp .faq-question i,
html.tp .download-section-title i {
    color: var(--tp-brand) !important;
}

html.tp .ev-step-number,
html.tp .highlight-number {
    background: var(--tp-ink) !important;
    background-image: none !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: none !important;
}

html.tp .type-info-bar,
html.tp .type-info-bar div {
    background: var(--tp-surface) !important;
    background-image: none !important;
    color: var(--tp-text) !important;
    border-color: var(--tp-line) !important;
}

html.tp .ev-visual-badge,
html.tp .cloud-visual-badge {
    background: var(--tp-ink) !important;
    background-image: none !important;
    color: #fff !important;
    border-color: var(--tp-ink) !important;
}

html.tp .ev-visual-badge *,
html.tp .cloud-visual-badge * {
    color: #fff !important;
}

html.tp .kb-read-more {
    color: var(--tp-brand) !important;
}

html.tp .smartscreen-comparison h4 {
    color: var(--tp-ink) !important;
}

/* Sayfa arka planındaki dekoratif renk lekeleri */
html.tp body::before,
html.tp body::after {
    display: none !important;
}

/* SSS */
html.tp .accordion-item {
    border: 1px solid var(--tp-line) !important;
    border-radius: var(--tp-radius) !important;
    overflow: hidden;
    margin-bottom: 10px;
    box-shadow: none !important;
}

html.tp .accordion-button {
    font-weight: 600;
    color: var(--tp-ink) !important;
    background: #fff !important;
    box-shadow: none !important;
}

html.tp .accordion-button:not(.collapsed) {
    background: var(--tp-surface) !important;
}

/* Blog bölümü: koyu yerine sade açık yüzey */
html.tp .blog-section-v2 {
    background: var(--tp-ink) !important;
}

html.tp .blog-v2-card {
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: var(--tp-radius-lg) !important;
    background: var(--tp-ink-2) !important;
}

/* ------------------------------------------------------------------ */
/* Formlar                                                             */
/* ------------------------------------------------------------------ */
html.tp .form-control,
html.tp .form-select {
    border: 1px solid #d5dce7;
    border-radius: 10px;
    color: var(--tp-ink);
    box-shadow: var(--tp-shadow-sm);
}

html.tp .form-control:focus,
html.tp .form-select:focus {
    border-color: var(--tp-brand);
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .12);
}

/* ------------------------------------------------------------------ */
/* Footer                                                              */
/* ------------------------------------------------------------------ */
html.tp .site-footer {
    background: var(--tp-ink) !important;
    color: rgba(226, 232, 240, .66);
}

html.tp .site-footer::before,
html.tp .site-footer::after {
    display: none !important;
}

html.tp .footer-brand .logo-name {
    color: #fff !important;
    font-family: var(--tp-font-head);
    font-weight: 700;
    -webkit-text-fill-color: #fff !important;
}

html.tp .footer-brand .logo-icon {
    background: #fff !important;
    color: var(--tp-ink) !important;
}

html.tp .footer-brand .logo-icon i {
    color: var(--tp-ink) !important;
}

html.tp .footer-brand .brand-desc {
    color: rgba(226, 232, 240, .6);
    font-size: 14px;
    line-height: 1.7;
}

html.tp .footer-column h4 {
    font-family: var(--tp-font);
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .02em;
    margin-bottom: 16px;
}

html.tp .footer-column h4::after {
    display: none !important;
}

html.tp .footer-links a {
    color: rgba(226, 232, 240, .62) !important;
    font-size: 14px;
    gap: 0 !important;
    padding: 4px 0 !important;
    transform: none !important;
}

html.tp .footer-links a:hover {
    color: #fff !important;
}

html.tp .footer-links .link-icon {
    display: none !important;
}

html.tp .footer-contact .icon {
    background: rgba(255, 255, 255, .06) !important;
    color: rgba(255, 255, 255, .8) !important;
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow: none !important;
}

html.tp .footer-contact a {
    color: #fff !important;
    font-weight: 500;
}

html.tp .footer-trust-bar {
    border-top: 1px solid rgba(255, 255, 255, .07) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .07) !important;
    background: transparent !important;
}

html.tp .footer-trust-item .trust-icon {
    background: rgba(255, 255, 255, .06) !important;
    color: #93c5fd !important;
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow: none !important;
}

html.tp .footer-trust-item .trust-info strong {
    color: #fff;
    font-weight: 600;
}

html.tp .footer-trust-item .trust-info small {
    color: rgba(226, 232, 240, .5);
}

html.tp .footer-bottom-bar {
    background: transparent !important;
    color: rgba(226, 232, 240, .5);
    font-size: 13px;
}

/* ------------------------------------------------------------------ */
/* Yardımcı öğeler                                                     */
/* ------------------------------------------------------------------ */
html.tp #scroll-progress {
    background: var(--tp-brand) !important;
    height: 2px !important;
}

html.tp .back-to-top {
    background: #fff !important;
    color: var(--tp-ink) !important;
    border: 1px solid var(--tp-line) !important;
    box-shadow: var(--tp-shadow) !important;
    border-radius: 12px !important;
}

html.tp .whatsapp-btn {
    box-shadow: 0 8px 24px -6px rgba(37, 211, 102, .5) !important;
    animation: none !important;
}

html.tp .whatsapp-btn::before,
html.tp .whatsapp-btn::after {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    html.tp *,
    html.tp *::before,
    html.tp *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}

/* =====================================================================
   v3 — Header ve footer (canlı/kurumsal)
   ===================================================================== */

/* ---------- Üst şerit: duyuru + iletişim tek satırda ---------- */
html.tp .top-bar {
    background: #0b1220 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
    font-size: 13px;
}

html.tp .top-bar .container {
    min-height: 40px;
    flex-wrap: nowrap;
}

html.tp .top-bar a,
html.tp .top-bar .user-greeting {
    color: rgba(226, 232, 240, .72) !important;
}

html.tp .top-bar a:hover {
    color: #fff !important;
}

html.tp .top-bar a i {
    color: #7dd3fc !important;
}

html.tp .top-bar .divider {
    background: rgba(255, 255, 255, .12) !important;
}

html.tp .top-bar-left {
    min-width: 0;
    flex: 1 1 auto;
}

html.tp .tb-ann {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    min-width: 0;
    max-width: 100%;
    color: rgba(226, 232, 240, .85) !important;
    text-decoration: none !important;
}

html.tp .tb-ann__tag {
    flex: 0 0 auto;
    padding: 2px 8px;
    border-radius: 999px;
    background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .03em;
}

html.tp .tb-ann__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

html.tp .tb-ann__text strong {
    color: #fff;
    font-weight: 600;
}

html.tp .tb-ann__sub {
    color: rgba(226, 232, 240, .6);
}

html.tp .tb-ann__arrow {
    flex: 0 0 auto;
    font-size: 10px !important;
    transition: transform .15s;
}

html.tp .tb-ann:hover .tb-ann__arrow {
    transform: translateX(3px);
}

html.tp .top-bar .selector-btn {
    background: rgba(255, 255, 255, .06) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    color: #fff !important;
}

html.tp .top-bar .selector-btn:hover {
    background: rgba(255, 255, 255, .12) !important;
}

@media (max-width: 991px) {

    html.tp .top-bar .tb-phone span,
    html.tp .top-bar-right>a:not(.tb-phone),
    html.tp .top-bar-right .user-greeting,
    html.tp .top-bar-right .divider {
        display: none !important;
    }

    html.tp .tb-ann__sub {
        display: none;
    }

    html.tp .top-bar {
        display: block !important;
    }
}

/* ---------- Ana header ---------- */
html.tp .main-header>.container {
    min-height: 68px;
}

html.tp .site-logo .logo-icon,
html.tp .mobile-logo .m-logo-icon,
html.tp .footer-brand .logo-icon {
    background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%) !important;
    box-shadow: 0 8px 18px -8px rgba(37, 99, 235, .6), inset 0 1px 0 rgba(255, 255, 255, .25) !important;
}

html.tp .footer-brand .logo-icon i {
    color: #fff !important;
}

@media (min-width: 992px) {

    /* Aktif ve üzerine gelinen menü öğesinde gradyan alt çizgi */
    html.tp .main-header .main-nav .nav-link {
        position: relative;
        background: transparent !important;
    }

    html.tp .main-header .main-nav .nav-link::after {
        content: "" !important;
        display: block !important;
        position: absolute;
        left: 12px;
        right: 12px;
        bottom: 2px;
        height: 2px;
        border-radius: 2px;
        background: linear-gradient(90deg, #2563eb, #0ea5e9);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform .2s cubic-bezier(.2, .7, .2, 1);
    }

    html.tp .main-header .main-nav .nav-item:hover>.nav-link::after,
    html.tp .main-header .main-nav .nav-link.active::after {
        transform: scaleX(1);
    }

    html.tp .main-header .main-nav .nav-item:hover>.nav-link {
        color: var(--tp-ink) !important;
    }
}

html.tp .btn-register {
    background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%) !important;
    border: 0 !important;
    box-shadow: 0 8px 20px -8px rgba(37, 99, 235, .6) !important;
}

html.tp .btn-register:hover {
    background: linear-gradient(135deg, #1d4ed8 0%, #0284c7 100%) !important;
}

html.tp .header-actions .action-btn {
    border-radius: 12px !important;
}

html.tp .cart-badge {
    background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%) !important;
}

html.tp .mobile-btn.primary {
    background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%) !important;
    border: 0 !important;
}

/* Açılır menülerde ikon kutuları gradyan */
html.tp .main-header .dropdown-item>i,
html.tp .main-header .dropdown-item i:first-child {
    background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%) !important;
    color: #fff !important;
    border: 0 !important;
}

/* ---------- Footer ---------- */
html.tp .site-footer {
    position: relative;
    background:
        radial-gradient(700px 260px at 10% 0%, rgba(37, 99, 235, .18), transparent 65%),
        radial-gradient(600px 260px at 95% 100%, rgba(14, 165, 233, .10), transparent 65%),
        #0b1220 !important;
}

html.tp .site-footer::before {
    content: "" !important;
    display: block !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(96, 165, 250, .6), rgba(34, 211, 238, .6), transparent) !important;
}

html.tp .footer-main {
    padding: 64px 0 40px !important;
}

@media (min-width: 1200px) {
    html.tp .footer-grid {
        grid-template-columns: minmax(250px, 1.5fr) repeat(4, minmax(0, 1fr)) minmax(210px, 1.25fr) !important;
        gap: 40px !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    html.tp .footer-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 36px 32px !important;
    }
}

@media (max-width: 767px) {
    html.tp .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 28px 20px !important;
    }

    html.tp .footer-brand,
    html.tp .footer-grid>.footer-column:last-child {
        grid-column: 1 / -1;
    }
}

html.tp .footer-column h4 {
    font-family: var(--tp-font-head) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: -.01em !important;
    color: #fff !important;
    line-height: 1.35 !important;
    margin-bottom: 14px !important;
}

html.tp .footer-links a {
    font-size: 14px !important;
    padding: 5px 0 !important;
    transition: color .15s, transform .15s !important;
}

html.tp .footer-links a:hover {
    color: #fff !important;
    transform: translateX(3px) !important;
}

html.tp .footer-brand .brand-desc {
    max-width: 320px;
}

html.tp .footer-contact .icon {
    background: rgba(255, 255, 255, .05) !important;
    border: 1px solid rgba(125, 211, 252, .18) !important;
    color: #7dd3fc !important;
}

html.tp .footer-contact .icon i {
    color: #7dd3fc !important;
}

html.tp .footer-contact small {
    color: rgba(226, 232, 240, .5) !important;
}

/* Güven şeridi: yan yana haplar */
html.tp .footer-trust-bar {
    padding: 20px 0 !important;
}

html.tp .footer-trust-items {
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap;
}

html.tp .footer-trust-item {
    padding: 10px 16px 10px 10px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .03) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
}

html.tp .footer-trust-item .trust-icon {
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%) !important;
    border: 0 !important;
    color: #fff !important;
}

html.tp .footer-trust-item .trust-icon i {
    color: #fff !important;
}

/* Alt şerit: düz linkler */
html.tp .footer-bottom-bar {
    padding: 20px 0 !important;
}

html.tp .footer-legal {
    gap: 6px 18px !important;
}

html.tp .footer-legal a {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    color: rgba(226, 232, 240, .55) !important;
    font-size: 13px !important;
    box-shadow: none !important;
}

html.tp .footer-legal a:hover {
    color: #fff !important;
}

html.tp .footer-copy {
    color: rgba(226, 232, 240, .5) !important;
    font-size: 13px !important;
}

/* ---------- Blog / içerik tabloları ---------- */
html.tp .k-prose table {
    display: block;
    overflow-x: auto;
    font-size: 14px;
    border-radius: 12px;
    border: 1px solid var(--tp-line);
    border-collapse: separate;
    border-spacing: 0;
}

html.tp .k-prose th {
    white-space: nowrap;
    font-size: 13px;
}

html.tp .k-prose th,
html.tp .k-prose td {
    border: 0;
    border-bottom: 1px solid var(--tp-line-2);
    padding: 11px 14px;
    vertical-align: top;
}

html.tp .k-prose tr:last-child td {
    border-bottom: 0;
}

html.tp .footer-contact .contact-item .icon,
html.tp .footer-contact [class*="contact-icon-"] {
    background: rgba(255, 255, 255, .05) !important;
    background-image: none !important;
    border: 1px solid rgba(125, 211, 252, .18) !important;
    box-shadow: none !important;
}

html.tp .footer-contact .contact-item .icon i {
    color: #7dd3fc !important;
}