/* =====================================================================
   ERP Kariyer - kurumsal arayüz katmanı (ui-*)
   Tüm sayfalarda en son yüklenir. Eski tema/corporate katmanlarına
   dokunmadan, yalnızca .ui-* bileşenlerini ve header/footer'ı tanımlar.
   Seçiciler .erp-site ile başlar: body.erp-site h2 gibi temel kuralları ezmek için.
   ===================================================================== */

:root {
    --ui-navy-950: #061224;
    --ui-navy-900: #0b1f3a;
    --ui-navy-800: #12345a;
    --ui-blue-700: #1558a6;
    --ui-blue-600: #1769d2;
    --ui-blue-100: #e8f1fd;
    --ui-blue-50: #f3f8ff;
    --ui-accent: #e23b4e;
    --ui-ink: #0f1b2d;
    --ui-text: #334155;
    --ui-muted: #64748b;
    --ui-line: #e2e8f0;
    --ui-soft: #f4f7fb;
    --ui-white: #ffffff;
    --ui-radius: 14px;
    --ui-radius-sm: 10px;
    --ui-shadow-sm: 0 8px 24px rgba(15, 35, 61, .06);
    --ui-shadow-md: 0 18px 44px rgba(15, 35, 61, .12);
    --ui-shadow-lg: 0 28px 70px rgba(8, 27, 50, .22);
    --ui-header-h: 108px;
}

/* Tema .page-wrapper'a overflow:hidden veriyor; bu position:sticky'yi bozar.
   clip yatay taşmayı keser ama kaydırma kabı oluşturmaz. */
body .page-wrapper {
    overflow: visible !important;
    overflow-x: clip !important;
}

/* Preloader görseli (assets/assets/...) 404 veriyor ve script hatasında ekran beyaz kalıyordu.
   Ne olursa olsun 1.5 sn sonra gizlenir. */
.erp-site .preloader {
    background-image: none !important;
    animation: ui-preloader-out .4s ease 1.5s forwards;
}

@keyframes ui-preloader-out {
    to { opacity: 0; visibility: hidden; }
}

/* ---------------------------------------------------------------------
   Temel öğeler
   --------------------------------------------------------------------- */
.erp-site .ui-section {
    padding: clamp(56px, 7vw, 96px) 0;
}

.erp-site .ui-section--soft {
    background: var(--ui-soft);
}

.erp-site .ui-section--tight {
    padding: clamp(40px, 5vw, 64px) 0;
}

.erp-site .ui-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: var(--ui-blue-600);
    font-size: 12.5px !important;
    font-weight: 800;
    letter-spacing: .1em;
    line-height: 1.2 !important;
    text-transform: uppercase;
}

.erp-site .ui-eyebrow::before {
    width: 22px;
    height: 2px;
    background: currentColor;
    border-radius: 2px;
    content: "";
}

.erp-site .ui-eyebrow--dark {
    color: #9cc9ff;
}

.erp-site .ui-section-title {
    margin: 0;
    color: var(--ui-ink);
    font-size: clamp(26px, 3.1vw, 40px) !important;
    font-weight: 800;
    letter-spacing: -.025em;
    line-height: 1.18 !important;
}

.erp-site .ui-section-head {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: 24px 56px;
    align-items: end;
    margin-bottom: clamp(32px, 4vw, 48px);
}

.erp-site .ui-section-head__side p {
    margin: 0 0 14px;
    color: var(--ui-muted);
    font-size: 16.5px !important;
    line-height: 1.7 !important;
}

.erp-site .ui-section-head--center {
    grid-template-columns: 1fr;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.erp-site .ui-section-head--center .ui-eyebrow {
    justify-content: center;
}

.erp-site .ui-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ui-blue-600);
    font-size: 15px !important;
    font-weight: 700;
    text-decoration: none;
}

.erp-site .ui-link:hover {
    color: var(--ui-blue-700);
    gap: 12px;
}

/* ---------------------------------------------------------------------
   Butonlar
   --------------------------------------------------------------------- */
.erp-site .ui-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 50px;
    padding: 0 26px;
    border: 1px solid transparent;
    border-radius: var(--ui-radius-sm);
    font-size: 15.5px !important;
    font-weight: 700;
    line-height: 1 !important;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: transform .18s, box-shadow .18s, background .18s, color .18s, border-color .18s;
}

.erp-site .ui-btn:hover {
    transform: translateY(-2px);
}

.erp-site .ui-btn:disabled {
    cursor: not-allowed;
    opacity: .55;
    transform: none;
    box-shadow: none;
}

.erp-site .ui-btn--primary {
    color: #fff;
    background: var(--ui-blue-600);
    box-shadow: 0 10px 24px rgba(23, 105, 210, .28);
}

.erp-site .ui-btn--primary:hover {
    color: #fff;
    background: var(--ui-blue-700);
}

.erp-site .ui-btn--accent {
    color: #fff;
    background: var(--ui-accent);
    box-shadow: 0 10px 24px rgba(226, 59, 78, .28);
}

.erp-site .ui-btn--accent:hover {
    color: #fff;
    background: #c92c40;
}

.erp-site .ui-btn--light {
    color: var(--ui-navy-900);
    background: #fff;
}

.erp-site .ui-btn--light:hover {
    color: var(--ui-navy-900);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
}

.erp-site .ui-btn--ghost {
    color: #fff;
    background: rgba(255, 255, 255, .04);
    border-color: rgba(255, 255, 255, .45);
}

.erp-site .ui-btn--ghost:hover {
    color: #fff;
    background: rgba(255, 255, 255, .12);
}

.erp-site .ui-btn--outline {
    color: var(--ui-navy-900);
    background: #fff;
    border-color: var(--ui-line);
}

.erp-site .ui-btn--outline:hover {
    color: var(--ui-blue-700);
    border-color: #9cc4f5;
}

.erp-site .ui-btn--whatsapp {
    color: #fff;
    background: #16a34a;
}

.erp-site .ui-btn--whatsapp:hover {
    color: #fff;
    background: #128a3e;
}

.erp-site .ui-btn--block {
    width: 100%;
}

/* ---------------------------------------------------------------------
   Hero
   --------------------------------------------------------------------- */
.erp-site .ui-hero {
    position: relative;
    padding: 40px 0 64px;
    overflow: hidden;
    color: #fff;
    background: var(--ui-navy-900);
}

.erp-site .ui-hero--lg {
    padding: 48px 0 88px;
}

.erp-site .ui-hero__bg {
    position: absolute;
    inset: 0;
    background-position: center;
    background-size: cover;
}

.erp-site .ui-hero::before {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(100deg, rgba(6, 18, 36, .96) 0%, rgba(11, 31, 58, .9) 48%, rgba(21, 88, 166, .72) 100%);
    content: "";
}

.erp-site .ui-hero::after {
    position: absolute;
    right: -140px;
    bottom: -200px;
    z-index: 1;
    width: 480px;
    height: 480px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50%;
    box-shadow: 0 0 0 70px rgba(255, 255, 255, .025);
    content: "";
}

.erp-site .ui-hero .container {
    position: relative;
    z-index: 2;
}

.erp-site .ui-crumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 36px;
    color: rgba(255, 255, 255, .55);
    font-size: 13.5px !important;
}

.erp-site .ui-crumbs a {
    color: rgba(255, 255, 255, .85);
    text-decoration: none;
}

.erp-site .ui-crumbs a:hover {
    color: #fff;
    text-decoration: underline;
}

.erp-site .ui-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
    align-items: center;
}

.erp-site .ui-hero--split .ui-hero__grid {
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
}

.erp-site .ui-hero__content {
    max-width: 860px;
}

.erp-site h1.ui-hero__title {
    margin: 0 0 18px;
    color: #fff;
    font-size: clamp(30px, 4vw, 52px) !important;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.12 !important;
}

.erp-site .ui-hero--md h1.ui-hero__title {
    font-size: clamp(28px, 3.5vw, 46px) !important;
}

.erp-site p.ui-hero__lead {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, .84);
    font-size: clamp(16px, 1.45vw, 18.5px) !important;
    line-height: 1.7 !important;
}

.erp-site .ui-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.erp-site .ui-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 26px;
    margin-top: 28px;
    padding-top: 20px;
    color: rgba(255, 255, 255, .78);
    border-top: 1px solid rgba(255, 255, 255, .15);
    font-size: 14.5px !important;
}

.erp-site .ui-hero__meta span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.erp-site .ui-hero__meta .ui-icon {
    color: #7fb6ff;
}

/* ---------------------------------------------------------------------
   Kartlar
   --------------------------------------------------------------------- */
.erp-site .ui-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.erp-site .ui-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.erp-site .ui-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.erp-site .ui-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    color: inherit;
    background: #fff;
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius);
    box-shadow: var(--ui-shadow-sm);
    text-decoration: none;
    transition: transform .22s, box-shadow .22s, border-color .22s;
}

.erp-site .ui-card:hover {
    border-color: #9cc4f5;
    box-shadow: var(--ui-shadow-md);
    transform: translateY(-4px);
}

.erp-site .ui-card__media {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: linear-gradient(135deg, var(--ui-navy-900), var(--ui-blue-700));
}

.erp-site .ui-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.erp-site .ui-card:hover .ui-card__media img {
    transform: scale(1.045);
}

.erp-site .ui-card__placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: rgba(255, 255, 255, .55);
}

.erp-site .ui-card__badge {
    position: absolute;
    top: 14px;
    left: 14px;
    padding: 6px 11px;
    color: var(--ui-navy-900);
    background: rgba(255, 255, 255, .95);
    border-radius: 999px;
    font-size: 12px !important;
    font-weight: 700;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
}

.erp-site .ui-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
    padding: 22px 22px 24px;
}

.erp-site .ui-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    color: var(--ui-muted);
    font-size: 13px !important;
}

.erp-site .ui-card__meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.erp-site .ui-card__title {
    display: -webkit-box;
    overflow: hidden;
    color: var(--ui-ink);
    font-size: 18.5px !important;
    font-weight: 750;
    letter-spacing: -.01em;
    line-height: 1.38 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.erp-site .ui-card:hover .ui-card__title {
    color: var(--ui-blue-700);
}

.erp-site .ui-card__text {
    display: -webkit-box;
    overflow: hidden;
    color: var(--ui-muted);
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.erp-site .ui-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 8px;
    color: var(--ui-blue-600);
    font-size: 14.5px !important;
    font-weight: 700;
    transition: gap .18s;
}

.erp-site .ui-card:hover .ui-card__cta {
    gap: 12px;
}

/* Özellik kutuları */
.erp-site .ui-feature {
    display: flex;
    gap: 18px;
    height: 100%;
    padding: 24px;
    background: #fff;
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius);
    transition: border-color .2s, box-shadow .2s;
}

.erp-site .ui-feature:hover {
    border-color: #bcd6f6;
    box-shadow: var(--ui-shadow-sm);
}

.erp-site .ui-feature__icon {
    display: inline-flex;
    flex: 0 0 52px;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    color: var(--ui-blue-600);
    background: var(--ui-blue-100);
    border-radius: 12px;
}

.erp-site .ui-feature h3 {
    margin: 2px 0 6px;
    color: var(--ui-ink);
    font-size: 17.5px !important;
    font-weight: 750;
    letter-spacing: -.01em;
    line-height: 1.35 !important;
}

.erp-site .ui-feature p {
    margin: 0;
    color: var(--ui-muted);
    font-size: 14.5px !important;
    line-height: 1.65 !important;
}

.erp-site .ui-features-dark .ui-feature {
    background: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .12);
}

.erp-site .ui-features-dark .ui-feature h3 {
    color: #fff;
}

.erp-site .ui-features-dark .ui-feature p {
    color: rgba(255, 255, 255, .72);
}

.erp-site .ui-features-dark .ui-feature__icon {
    color: #9cc9ff;
    background: rgba(156, 201, 255, .12);
}

/* İstatistikler */
.erp-site .ui-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.erp-site .ui-stat {
    padding: 22px 22px 20px;
    background: #fff;
    border: 1px solid var(--ui-line);
    border-left: 4px solid var(--ui-blue-600);
    border-radius: var(--ui-radius-sm);
}

.erp-site .ui-stat__value {
    display: block;
    margin-bottom: 4px;
    color: var(--ui-blue-600);
    font-size: clamp(30px, 3.2vw, 40px) !important;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.1 !important;
}

.erp-site .ui-stat__label {
    display: block;
    margin-bottom: 6px;
    color: var(--ui-ink);
    font-size: 15.5px !important;
    font-weight: 750;
}

.erp-site .ui-stat__text {
    display: block;
    color: var(--ui-muted);
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* ---------------------------------------------------------------------
   Formlar
   --------------------------------------------------------------------- */
.erp-site .ui-form-card {
    padding: clamp(24px, 3vw, 32px);
    color: var(--ui-text);
    background: #fff;
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius);
    box-shadow: var(--ui-shadow-md);
}

.erp-site .ui-hero .ui-form-card {
    box-shadow: var(--ui-shadow-lg);
}

.erp-site h2.ui-form-card__title {
    margin: 0 0 6px;
    color: var(--ui-ink);
    font-size: 23px !important;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.25 !important;
}

.erp-site p.ui-form-card__text {
    margin: 0 0 20px;
    color: var(--ui-muted);
    font-size: 14.5px !important;
    line-height: 1.6 !important;
}

.erp-site .ui-form {
    display: grid;
    gap: 12px;
}

.erp-site .ui-form--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.erp-site .ui-form--two .ui-field--full,
.erp-site .ui-form--two .ui-check,
.erp-site .ui-form--two .ui-btn {
    grid-column: 1 / -1;
}

.erp-site .ui-field {
    display: grid;
    gap: 6px;
    margin: 0;
}

.erp-site .ui-field > span {
    color: var(--ui-ink);
    font-size: 13px !important;
    font-weight: 700;
}

.erp-site .ui-field input,
.erp-site .ui-field textarea,
.erp-site .ui-field select {
    width: 100%;
    min-height: 48px;
    padding: 11px 14px;
    color: var(--ui-ink);
    background: #fbfcfe;
    border: 1px solid #d5dde8;
    border-radius: var(--ui-radius-sm);
    font-size: 15px !important;
    line-height: 1.4 !important;
    box-shadow: none;
    transition: border-color .15s, box-shadow .15s, background .15s;
}

.erp-site .ui-field textarea {
    min-height: 140px;
    resize: vertical;
}

.erp-site .ui-field input::placeholder,
.erp-site .ui-field textarea::placeholder {
    color: #94a3b8;
}

.erp-site .ui-field input:focus,
.erp-site .ui-field textarea:focus {
    background: #fff;
    border-color: var(--ui-blue-600);
    outline: none;
    box-shadow: 0 0 0 4px rgba(23, 105, 210, .14);
}

.erp-site .ui-check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 4px 0 6px;
    color: var(--ui-muted);
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    cursor: pointer;
}

.erp-site .ui-check input {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    accent-color: var(--ui-blue-600);
}

/* ---------------------------------------------------------------------
   Detay sayfası düzeni: içerik + yapışkan yan sütun
   --------------------------------------------------------------------- */
.erp-site .ui-detail {
    padding: 56px 0 88px;
    background: var(--ui-soft);
}

.erp-site .ui-detail__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 40px;
    align-items: start;
}

.erp-site .ui-aside {
    position: sticky;
    top: var(--ui-header-h);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.erp-site .ui-cover {
    margin: 0 0 28px;
    overflow: hidden;
    border-radius: var(--ui-radius);
    box-shadow: var(--ui-shadow-md);
}

.erp-site .ui-cover img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.erp-site .ui-panel {
    padding: clamp(24px, 4vw, 48px);
    background: #fff;
    border: 1px solid var(--ui-line);
    border-top: 4px solid var(--ui-blue-600);
    border-radius: var(--ui-radius);
    box-shadow: 0 10px 30px rgba(15, 35, 61, .05);
}

.erp-site .ui-side-card {
    padding: 24px;
    background: #fff;
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius);
    box-shadow: var(--ui-shadow-sm);
}

.erp-site .ui-side-card h2 {
    margin: 0 0 12px;
    color: var(--ui-ink);
    font-size: 15px !important;
    font-weight: 800;
    letter-spacing: .06em;
    line-height: 1.3 !important;
    text-transform: uppercase;
}

.erp-site .ui-checklist {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.erp-site .ui-checklist li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--ui-text);
    font-size: 14.5px !important;
    line-height: 1.5 !important;
}

.erp-site .ui-checklist .ui-icon {
    flex: 0 0 20px;
    padding: 3px;
    color: #fff;
    background: #16a34a;
    border-radius: 50%;
}

.erp-site .ui-side-dark {
    position: relative;
    padding: 26px 24px;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(145deg, var(--ui-navy-900) 0%, var(--ui-blue-700) 100%);
    border-radius: var(--ui-radius);
    box-shadow: 0 18px 42px rgba(11, 31, 58, .25);
}

.erp-site .ui-side-dark::after {
    position: absolute;
    top: -50px;
    right: -50px;
    width: 160px;
    height: 160px;
    background: rgba(255, 255, 255, .07);
    border-radius: 50%;
    content: "";
}

.erp-site .ui-side-dark > * {
    position: relative;
    z-index: 1;
}

.erp-site .ui-side-dark h2 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 21px !important;
    font-weight: 800;
    line-height: 1.3 !important;
}

.erp-site .ui-side-dark p {
    margin: 0 0 18px;
    color: rgba(255, 255, 255, .84);
    font-size: 14.5px !important;
    line-height: 1.6 !important;
}

.erp-site .ui-side-dark .ui-btn + .ui-btn {
    margin-top: 10px;
}

/* İçindekiler */
.erp-site .ui-toc {
    position: relative;
    max-height: calc(100vh - 420px);
    min-height: 180px;
    padding: 22px 20px 14px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius);
    box-shadow: var(--ui-shadow-sm);
    scrollbar-width: thin;
}

.erp-site .ui-toc h2 {
    margin: 0 0 12px;
    color: var(--ui-ink);
    font-size: 15px !important;
    font-weight: 800;
    letter-spacing: .06em;
    line-height: 1.3 !important;
    text-transform: uppercase;
}

.erp-site .ui-toc ol,
.erp-site .ui-toc-mobile ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.erp-site .ui-toc li a,
.erp-site .ui-toc-mobile li a {
    display: block;
    padding: 8px 12px;
    color: var(--ui-muted);
    border-left: 2px solid var(--ui-line);
    font-size: 14.5px !important;
    line-height: 1.45 !important;
    text-decoration: none;
}

.erp-site .ui-toc li.lvl-3 a,
.erp-site .ui-toc-mobile li.lvl-3 a {
    padding-left: 26px;
    font-size: 13.5px !important;
}

.erp-site .ui-toc li a:hover {
    color: var(--ui-blue-700);
    background: var(--ui-blue-50);
}

.erp-site .ui-toc li a.is-active {
    color: var(--ui-blue-700);
    background: #eef5ff;
    border-left-color: var(--ui-blue-600);
    font-weight: 700;
}

.erp-site .ui-toc-mobile {
    display: none;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius-sm);
}

.erp-site .ui-toc-mobile summary {
    padding: 14px 18px;
    color: var(--ui-ink);
    font-weight: 700;
    cursor: pointer;
}

.erp-site .ui-toc-mobile ol {
    padding: 0 12px 14px;
}

/* Paylaş ve önceki/sonraki */
.erp-site .ui-share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 24px;
    padding: 18px 22px;
    background: #fff;
    border: 1px solid var(--ui-line);
    border-radius: 12px;
}

.erp-site .ui-share > span {
    color: var(--ui-ink);
    font-size: 15px !important;
    font-weight: 700;
}

.erp-site .ui-share__links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.erp-site .ui-share__links a,
.erp-site .ui-share__copy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    color: var(--ui-navy-900);
    background: var(--ui-soft);
    border: 1px solid var(--ui-line);
    border-radius: 10px;
    font-size: 14px !important;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.erp-site .ui-share__links a:hover,
.erp-site .ui-share__copy:hover {
    color: #fff;
    background: var(--ui-blue-600);
    border-color: var(--ui-blue-600);
}

.erp-site .ui-pager {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 24px;
}

.erp-site .ui-pager a {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 20px 22px;
    background: #fff;
    border: 1px solid var(--ui-line);
    border-radius: 12px;
    text-decoration: none;
    transition: border-color .18s, box-shadow .18s, transform .18s;
}

.erp-site .ui-pager a:only-child {
    grid-column: 1 / -1;
}

.erp-site .ui-pager a.is-next {
    text-align: right;
}

.erp-site .ui-pager a:hover {
    border-color: #9cc4f5;
    box-shadow: var(--ui-shadow-md);
    transform: translateY(-2px);
}

.erp-site .ui-pager small {
    color: var(--ui-blue-600);
    font-size: 12.5px !important;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.erp-site .ui-pager strong {
    display: -webkit-box;
    overflow: hidden;
    color: var(--ui-ink);
    font-size: 16px !important;
    line-height: 1.4 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* ---------------------------------------------------------------------
   Makale / editör içeriği (.ui-prose)
   Eğitim içerikleri Bootstrap kart, akordeon, list-group, alert kullanıyor;
   liste ve başlık süsleri bunları bozmasın diye sınıfsız öğelerle sınırlı.
   --------------------------------------------------------------------- */
.erp-site .ui-prose {
    color: var(--ui-text);
    font-size: 17px !important;
    line-height: 1.8 !important;
    overflow-wrap: break-word;
}

.erp-site .ui-prose p {
    margin: 0 0 1.2em;
    color: var(--ui-text);
    font-size: inherit !important;
    line-height: inherit !important;
    overflow-wrap: break-word;
}

.erp-site .ui-prose p:last-child {
    margin-bottom: 0;
}

.erp-site .ui-prose span[style] {
    font-size: inherit !important;
}

.erp-site .ui-prose h2,
.erp-site .ui-prose h3,
.erp-site .ui-prose h4,
.erp-site .ui-prose h5 {
    scroll-margin-top: var(--ui-header-h);
    color: var(--ui-ink);
    font-family: inherit;
    font-weight: 800;
    letter-spacing: -.015em;
}

.erp-site .ui-prose h2 {
    position: relative;
    margin: 2.2em 0 .8em;
    padding-bottom: .55em;
    border-bottom: 1px solid var(--ui-line);
    font-size: clamp(22px, 2.4vw, 29px) !important;
    line-height: 1.3 !important;
}

.erp-site .ui-prose h2::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 64px;
    height: 3px;
    background: var(--ui-blue-600);
    border-radius: 3px;
    content: "";
}

.erp-site .ui-prose > h2:first-child,
.erp-site .ui-prose > :first-child h2:first-child {
    margin-top: 0;
}

.erp-site .ui-prose h3 {
    margin: 1.8em 0 .6em;
    padding-left: 14px;
    border-left: 4px solid #9cc4f5;
    font-size: clamp(18.5px, 1.8vw, 22px) !important;
    line-height: 1.38 !important;
}

.erp-site .ui-prose h4 {
    margin: 1.5em 0 .5em;
    font-size: 18px !important;
    line-height: 1.4 !important;
}

.erp-site .ui-prose h5 {
    margin: 1.2em 0 .5em;
    font-size: 16.5px !important;
    line-height: 1.4 !important;
}

/* Bileşen içindeki başlıklar sade kalır */
.erp-site .ui-prose .card h2,
.erp-site .ui-prose .card h3,
.erp-site .ui-prose .card h4,
.erp-site .ui-prose .card h5,
.erp-site .ui-prose .accordion h2,
.erp-site .ui-prose .accordion h3,
.erp-site .ui-prose .alert h3,
.erp-site .ui-prose .alert h4 {
    margin: 0 0 .5em;
    padding: 0;
    border: 0;
    font-size: 17.5px !important;
}

.erp-site .ui-prose .card h2::after,
.erp-site .ui-prose .accordion h2::after {
    display: none;
}

.erp-site .ui-prose a:not([class]) {
    color: var(--ui-blue-700);
    text-decoration: underline;
    text-decoration-color: rgba(23, 105, 210, .35);
    text-underline-offset: 3px;
}

.erp-site .ui-prose a:not([class]):hover {
    color: var(--ui-blue-600);
    text-decoration-color: currentColor;
}

.erp-site .ui-prose strong,
.erp-site .ui-prose b {
    color: var(--ui-ink);
}

.erp-site .ui-prose ul:not([class]),
.erp-site .ui-prose ol:not([class]) {
    margin: 0 0 1.4em;
    padding-left: 0;
    list-style: none;
}

.erp-site .ui-prose ul:not([class]) > li,
.erp-site .ui-prose ol:not([class]) > li {
    position: relative;
    margin-bottom: .6em;
    padding-left: 30px;
    color: var(--ui-text);
}

.erp-site .ui-prose ul:not([class]) > li::before {
    position: absolute;
    top: .72em;
    left: 6px;
    width: 8px;
    height: 8px;
    background: var(--ui-blue-600);
    border-radius: 2px;
    content: "";
    transform: rotate(45deg);
}

.erp-site .ui-prose ol:not([class]) {
    counter-reset: ui-ol;
}

.erp-site .ui-prose ol:not([class]) > li {
    counter-increment: ui-ol;
}

.erp-site .ui-prose ol:not([class]) > li::before {
    position: absolute;
    top: .22em;
    left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    color: #fff;
    background: var(--ui-blue-600);
    border-radius: 50%;
    font-size: 12px !important;
    font-weight: 700;
    line-height: 1 !important;
    content: counter(ui-ol);
}

.erp-site .ui-prose blockquote {
    margin: 1.8em 0;
    padding: 20px 24px;
    color: var(--ui-navy-900);
    background: #eef5ff;
    border-left: 4px solid var(--ui-blue-600);
    border-radius: 0 10px 10px 0;
}

.erp-site .ui-prose img {
    max-width: 100%;
    height: auto !important;
    border-radius: 10px;
}

.erp-site .ui-prose > img,
.erp-site .ui-prose p > img:only-child {
    display: block;
    margin: 1.6em auto;
}

.erp-site .ui-prose iframe,
.erp-site .ui-prose video {
    max-width: 100%;
    border: 0;
    border-radius: 10px;
}

.erp-site .ui-prose hr {
    margin: 2.2em 0;
    border: 0;
    border-top: 1px solid var(--ui-line);
    opacity: 1;
}

.erp-site .ui-prose .card {
    border-color: var(--ui-line);
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(15, 35, 61, .04);
}

.erp-site .ui-prose .card-body {
    padding: 20px;
}

.erp-site .ui-prose .card p {
    font-size: 15.5px !important;
    line-height: 1.65 !important;
}

.erp-site .ui-prose .accordion-item {
    overflow: hidden;
    border-color: var(--ui-line);
}

.erp-site .ui-prose .accordion-item:first-of-type {
    border-radius: 12px 12px 0 0;
}

.erp-site .ui-prose .accordion-item:last-of-type {
    border-radius: 0 0 12px 12px;
}

.erp-site .ui-prose .accordion-button {
    color: var(--ui-ink);
    font-size: 16px !important;
    font-weight: 700;
}

.erp-site .ui-prose .accordion-button:not(.collapsed) {
    color: var(--ui-blue-700);
    background: var(--ui-blue-50);
    box-shadow: none;
}

.erp-site .ui-prose .accordion-body {
    font-size: 15.5px !important;
}

.erp-site .ui-prose .list-group-item {
    color: var(--ui-text);
    border-color: var(--ui-line);
    font-size: 15.5px !important;
}

.erp-site .ui-prose .alert {
    border-radius: 12px;
    font-size: 15.5px !important;
}

/* Tablolar */
.erp-site .ui-table,
.erp-site .ui-prose .table-responsive {
    margin: 1.8em 0;
    overflow-x: auto;
    border: 1px solid var(--ui-line);
    border-radius: 10px;
    -webkit-overflow-scrolling: touch;
}

.erp-site .ui-prose .table-responsive .ui-table {
    margin: 0;
    border: 0;
    border-radius: 0;
}

.erp-site .ui-table table {
    width: 100%;
    min-width: 520px;
    margin: 0;
    border-collapse: collapse;
    font-size: 15.5px !important;
    line-height: 1.55 !important;
}

.erp-site .ui-table th {
    padding: 13px 16px;
    color: #fff;
    background: var(--ui-navy-900);
    border: 0;
    font-weight: 700;
    text-align: left;
}

.erp-site .ui-table td {
    padding: 12px 16px;
    color: var(--ui-text);
    border: 0;
    border-top: 1px solid var(--ui-line);
    vertical-align: top;
}

.erp-site .ui-table tbody tr:nth-child(even) td {
    background: #f8fafd;
}

/* ---------------------------------------------------------------------
   İki kolon tanıtım (görsel + metin)
   --------------------------------------------------------------------- */
.erp-site .ui-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(32px, 5vw, 72px);
    align-items: center;
}

.erp-site .ui-split--reverse .ui-split__media {
    order: 2;
}

.erp-site .ui-split__media {
    position: relative;
}

.erp-site .ui-split__media img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3.2;
    object-fit: cover;
    border-radius: 18px;
    box-shadow: var(--ui-shadow-lg);
}

.erp-site .ui-split__media::before {
    position: absolute;
    top: -18px;
    left: -18px;
    z-index: -1;
    width: 55%;
    height: 60%;
    background: radial-gradient(circle, rgba(23, 105, 210, .18) 1.5px, transparent 1.6px) 0 0 / 16px 16px;
    content: "";
}

.erp-site .ui-split__badge {
    position: absolute;
    right: -14px;
    bottom: 28px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    background: #fff;
    border-radius: 12px;
    box-shadow: var(--ui-shadow-md);
}

.erp-site .ui-split__badge .ui-icon {
    padding: 8px;
    width: 40px;
    height: 40px;
    color: #fff;
    background: var(--ui-blue-600);
    border-radius: 10px;
}

.erp-site .ui-split__badge strong {
    display: block;
    color: var(--ui-ink);
    font-size: 15px !important;
    line-height: 1.3 !important;
}

.erp-site .ui-split__badge small {
    color: var(--ui-muted);
    font-size: 12.5px !important;
}

/* ---------------------------------------------------------------------
   Ekip
   --------------------------------------------------------------------- */
.erp-site .ui-person {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius);
    box-shadow: var(--ui-shadow-sm);
    transition: transform .2s, box-shadow .2s;
}

.erp-site .ui-person:hover {
    transform: translateY(-4px);
    box-shadow: var(--ui-shadow-md);
}

.erp-site .ui-person__photo {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: var(--ui-soft);
}

.erp-site .ui-person__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.erp-site .ui-person__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
    padding: 20px 20px 22px;
}

.erp-site .ui-person__body h3 {
    margin: 0;
    color: var(--ui-ink);
    font-size: 18px !important;
    font-weight: 800;
    line-height: 1.3 !important;
}

.erp-site .ui-person__role {
    color: var(--ui-blue-600);
    font-size: 13.5px !important;
    font-weight: 700;
}

.erp-site .ui-person__text {
    margin-top: 8px;
    color: var(--ui-muted);
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.erp-site .ui-person__text p {
    margin: 0;
    color: inherit;
    font-size: inherit !important;
}

.erp-site .ui-person__social {
    display: flex;
    gap: 8px;
    margin-top: auto;
    padding-top: 14px;
}

.erp-site .ui-person__social a,
.erp-site .ui-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: var(--ui-navy-900);
    background: var(--ui-soft);
    border: 1px solid var(--ui-line);
    border-radius: 9px;
    text-decoration: none;
}

.erp-site .ui-person__social a:hover {
    color: #fff;
    background: var(--ui-blue-600);
    border-color: var(--ui-blue-600);
}

/* ---------------------------------------------------------------------
   İletişim
   --------------------------------------------------------------------- */
.erp-site .ui-contact-grid {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: 32px;
    align-items: start;
}

.erp-site .ui-contact-list {
    display: grid;
    gap: 14px;
}

.erp-site .ui-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px;
    color: inherit;
    background: #fff;
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius);
    text-decoration: none;
    transition: border-color .18s, box-shadow .18s;
}

.erp-site a.ui-contact-item:hover {
    border-color: #9cc4f5;
    box-shadow: var(--ui-shadow-sm);
}

.erp-site .ui-contact-item__icon {
    display: inline-flex;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    color: var(--ui-blue-600);
    background: var(--ui-blue-100);
    border-radius: 12px;
}

.erp-site .ui-contact-item small {
    display: block;
    margin-bottom: 2px;
    color: var(--ui-muted);
    font-size: 12.5px !important;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.erp-site .ui-contact-item strong {
    display: block;
    color: var(--ui-ink);
    font-size: 16px !important;
    font-weight: 700;
    line-height: 1.45 !important;
    overflow-wrap: anywhere;
}

.erp-site .ui-map {
    margin-top: 40px;
    overflow: hidden;
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius);
    box-shadow: var(--ui-shadow-sm);
}

.erp-site .ui-map iframe {
    display: block;
    width: 100%;
    height: 420px;
    border: 0;
}

/* ---------------------------------------------------------------------
   Arama çubuğu, boş durum, sayfalama
   --------------------------------------------------------------------- */
.erp-site .ui-search {
    display: flex;
    gap: 10px;
    max-width: 640px;
    margin-top: 28px;
    padding: 8px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 14px;
    backdrop-filter: blur(8px);
}

.erp-site .ui-search input {
    flex: 1;
    min-width: 0;
    padding: 0 14px;
    color: #fff;
    background: transparent;
    border: 0;
    font-size: 16px !important;
    outline: none;
}

.erp-site .ui-search input::placeholder {
    color: rgba(255, 255, 255, .6);
}

.erp-site .ui-empty {
    padding: 48px 24px;
    text-align: center;
    background: #fff;
    border: 1px dashed #cbd5e1;
    border-radius: var(--ui-radius);
}

.erp-site .ui-empty h2 {
    margin: 12px 0 8px;
    color: var(--ui-ink);
    font-size: 22px !important;
}

.erp-site .ui-empty p {
    margin: 0 0 20px;
    color: var(--ui-muted);
}

.erp-site .ui-empty .ui-icon {
    color: var(--ui-blue-600);
}

.erp-site .ui-pagination {
    margin-top: 40px;
}

.erp-site .ui-pagination .pagination-outer {
    margin: 0;
}

.erp-site .ui-pagination .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.erp-site .ui-pagination .pagination li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 12px;
    color: var(--ui-navy-900);
    background: #fff;
    border: 1px solid var(--ui-line);
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none;
}

.erp-site .ui-pagination .pagination li a:hover {
    border-color: var(--ui-blue-600);
    color: var(--ui-blue-600);
}

.erp-site .ui-pagination .pagination li.active a {
    color: #fff;
    background: var(--ui-blue-600);
    border-color: var(--ui-blue-600);
}

/* ---------------------------------------------------------------------
   CTA bandı
   --------------------------------------------------------------------- */
.erp-site .ui-band {
    position: relative;
    padding: 64px 0;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(110deg, var(--ui-navy-950) 0%, var(--ui-navy-900) 50%, var(--ui-blue-700) 100%);
}

.erp-site .ui-band::after {
    position: absolute;
    top: -160px;
    right: 8%;
    width: 360px;
    height: 360px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50%;
    content: "";
}

.erp-site .ui-band__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.erp-site .ui-band h2 {
    margin: 0 0 8px;
    color: #fff;
    font-size: clamp(24px, 2.8vw, 32px) !important;
    font-weight: 800;
    letter-spacing: -.02em;
}

.erp-site .ui-band p {
    max-width: 620px;
    margin: 0;
    color: rgba(255, 255, 255, .84);
    font-size: 16.5px !important;
}

.erp-site .ui-band__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* ---------------------------------------------------------------------
   Anasayfa hero (slider + başvuru formu)
   --------------------------------------------------------------------- */
.erp-site .ui-home-hero {
    position: relative;
    overflow: hidden;
    color: #fff;
    background: var(--ui-navy-950);
}

.erp-site .ui-home-hero__slides {
    position: absolute;
    inset: 0;
}

.erp-site .ui-home-hero__slide-bg {
    position: absolute;
    inset: 0;
    background-position: center;
    background-size: cover;
    opacity: 0;
    transform: scale(1.04);
    transition: opacity .9s ease, transform 6s ease;
}

.erp-site .ui-home-hero__slide-bg.is-active {
    opacity: 1;
    transform: scale(1);
}

.erp-site .ui-home-hero::before {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(95deg, rgba(6, 18, 36, .95) 0%, rgba(11, 31, 58, .86) 50%, rgba(11, 31, 58, .55) 100%);
    content: "";
}

.erp-site .ui-home-hero .container {
    position: relative;
    z-index: 2;
}

.erp-site .ui-home-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(320px, 400px);
    gap: 48px;
    align-items: center;
    min-height: 620px;
    padding: 64px 0 80px;
}

.erp-site .ui-home-hero__text {
    display: grid;
}

.erp-site .ui-home-hero__item {
    grid-area: 1 / 1;
    opacity: 0;
    visibility: hidden;
    transform: translateY(14px);
    transition: opacity .6s ease, transform .6s ease, visibility .6s;
}

.erp-site .ui-home-hero__item.is-active {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.erp-site .ui-home-hero__item h1,
.erp-site .ui-home-hero__item h2 {
    margin: 0 0 20px;
    color: #fff;
    font-size: clamp(32px, 4.6vw, 58px) !important;
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.08 !important;
}

.erp-site .ui-home-hero__item h1 p,
.erp-site .ui-home-hero__item h2 p {
    margin: 0;
    color: inherit;
    font-size: inherit !important;
}

.erp-site .ui-home-hero__lead {
    max-width: 620px;
    margin: 0 0 30px;
    color: rgba(255, 255, 255, .84);
    font-size: clamp(16px, 1.5vw, 19px) !important;
    line-height: 1.7 !important;
}

.erp-site .ui-home-hero__lead p,
.erp-site .ui-home-hero__lead li {
    margin: 0 0 6px;
    color: inherit;
    font-size: inherit !important;
}

.erp-site .ui-home-hero__lead ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.erp-site .ui-home-hero__lead li {
    position: relative;
    padding-left: 28px;
}

.erp-site .ui-home-hero__lead li::before {
    position: absolute;
    top: .55em;
    left: 2px;
    width: 14px;
    height: 8px;
    border-bottom: 2px solid #7fb6ff;
    border-left: 2px solid #7fb6ff;
    content: "";
    transform: rotate(-45deg);
}

.erp-site .ui-home-hero__dots {
    display: flex;
    gap: 8px;
    margin-top: 40px;
}

.erp-site .ui-home-hero__dots button {
    width: 34px;
    height: 4px;
    padding: 0;
    background: rgba(255, 255, 255, .3);
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    transition: background .2s, width .2s;
}

.erp-site .ui-home-hero__dots button.is-active {
    width: 54px;
    background: #fff;
}

.erp-site .ui-trust {
    position: relative;
    z-index: 3;
    margin-top: -44px;
}

.erp-site .ui-trust__inner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    background: #fff;
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius);
    box-shadow: var(--ui-shadow-md);
}

.erp-site .ui-trust__item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 22px 24px;
}

.erp-site .ui-trust__item + .ui-trust__item {
    border-left: 1px solid var(--ui-line);
}

.erp-site .ui-trust__item .ui-icon {
    flex: 0 0 auto;
    color: var(--ui-blue-600);
}

.erp-site .ui-trust__item strong {
    display: block;
    color: var(--ui-ink);
    font-size: 15px !important;
    line-height: 1.3 !important;
}

.erp-site .ui-trust__item small {
    color: var(--ui-muted);
    font-size: 13px !important;
}

/* ---------------------------------------------------------------------
   Header (mevcut yapı, yeni görünüm)
   --------------------------------------------------------------------- */
.erp-site .erp-header-top {
    background: var(--ui-navy-950) !important;
}

.erp-site .erp-site-header {
    position: sticky !important;
    top: 0;
    z-index: 1000;
    background: rgba(255, 255, 255, .97) !important;
    border-bottom: 1px solid var(--ui-line) !important;
    box-shadow: none !important;
}

.erp-site .erp-site-header.is-scrolled {
    box-shadow: 0 10px 30px rgba(15, 35, 61, .1) !important;
}

/* Header kendisi sticky olduğu için temanın ayrı sticky kopyasına gerek yok */
.erp-site .erp-site-header .sticky-header {
    display: none !important;
}

.erp-site .erp-header-main .main-menu .navigation > li > a {
    color: var(--ui-ink) !important;
    font-weight: 650 !important;
}

.erp-site .erp-header-main .main-menu .navigation > li > a:hover,
.erp-site .erp-header-main .main-menu .navigation > li.current > a {
    color: var(--ui-blue-600) !important;
}

.erp-site .erp-header-main .main-menu .navigation > li > ul {
    border: 1px solid var(--ui-line) !important;
    border-top: 3px solid var(--ui-blue-600) !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: var(--ui-shadow-md) !important;
}

.erp-site .erp-header-cta {
    background: var(--ui-blue-600) !important;
    border-radius: var(--ui-radius-sm) !important;
    box-shadow: 0 8px 20px rgba(23, 105, 210, .25) !important;
}

.erp-site .erp-header-cta:hover {
    background: var(--ui-blue-700) !important;
}

.erp-site .erp-header-search {
    border-radius: var(--ui-radius-sm) !important;
}

/* ---------------------------------------------------------------------
   Footer
   --------------------------------------------------------------------- */
.erp-site .ui-footer {
    padding: 72px 0 0;
    color: rgba(255, 255, 255, .72);
    background: var(--ui-navy-950);
}

.erp-site .ui-footer__grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1.2fr 1.2fr;
    gap: 40px;
    padding-bottom: 48px;
}

.erp-site .ui-footer__brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    text-decoration: none;
}

.erp-site .ui-footer__brand img {
    width: 56px;
    height: 56px;
    object-fit: contain;
    padding: 6px;
    background: #fff;
    border-radius: 12px;
}

.erp-site .ui-footer__brand strong {
    display: block;
    color: #fff;
    font-size: 20px !important;
    font-weight: 800;
    letter-spacing: -.01em;
    line-height: 1.2 !important;
}

.erp-site .ui-footer__brand small {
    color: rgba(255, 255, 255, .55);
    font-size: 12.5px !important;
}

.erp-site .ui-footer p {
    margin: 0 0 22px;
    color: rgba(255, 255, 255, .68);
    font-size: 14.5px !important;
    line-height: 1.7 !important;
}

.erp-site .ui-footer h3 {
    margin: 4px 0 18px;
    color: #fff;
    font-size: 15px !important;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.erp-site .ui-footer ul {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.erp-site .ui-footer ul a {
    color: rgba(255, 255, 255, .72);
    font-size: 14.5px !important;
    text-decoration: none;
}

.erp-site .ui-footer ul a:hover {
    color: #fff;
}

.erp-site .ui-footer__contact li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14.5px !important;
    line-height: 1.55 !important;
}

.erp-site .ui-footer__contact .ui-icon {
    flex: 0 0 18px;
    margin-top: 2px;
    color: #7fb6ff;
}

.erp-site .ui-footer .ui-social {
    display: flex;
    gap: 8px;
}

.erp-site .ui-footer .ui-social a {
    color: #fff;
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .12);
}

.erp-site .ui-footer .ui-social a:hover {
    background: var(--ui-blue-600);
    border-color: var(--ui-blue-600);
}

.erp-site .ui-footer__bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 22px 0;
    color: rgba(255, 255, 255, .5);
    border-top: 1px solid rgba(255, 255, 255, .1);
    font-size: 13.5px !important;
}

.erp-site .ui-footer__bottom a {
    color: rgba(255, 255, 255, .7);
    text-decoration: none;
}

.erp-site .ui-footer__bottom a:hover {
    color: #fff;
}

/* 404 */
.erp-site .ui-notfound {
    padding: clamp(72px, 10vw, 140px) 0;
    text-align: center;
    background: var(--ui-soft);
}

.erp-site .ui-notfound__code {
    display: block;
    color: var(--ui-blue-600);
    font-size: clamp(80px, 14vw, 160px) !important;
    font-weight: 800;
    letter-spacing: -.05em;
    line-height: 1 !important;
}

.erp-site .ui-notfound h1 {
    margin: 16px 0 12px;
    color: var(--ui-ink);
    font-size: clamp(24px, 3vw, 34px) !important;
}

.erp-site .ui-notfound p {
    max-width: 520px;
    margin: 0 auto 28px;
    color: var(--ui-muted);
}

.erp-site .ui-notfound .ui-hero__actions {
    justify-content: center;
}

/* ---------------------------------------------------------------------
   Duyarlı düzen
   --------------------------------------------------------------------- */
@media (max-width: 1199.98px) {
    .erp-site .ui-detail__grid {
        grid-template-columns: minmax(0, 1fr) 320px;
        gap: 28px;
    }

    .erp-site .ui-grid--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .erp-site .ui-footer__grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 991.98px) {
    :root {
        --ui-header-h: 88px;
    }

    .erp-site .ui-section-head,
    .erp-site .ui-hero--split .ui-hero__grid,
    .erp-site .ui-home-hero__grid,
    .erp-site .ui-detail__grid,
    .erp-site .ui-split,
    .erp-site .ui-contact-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .erp-site .ui-section-head {
        align-items: start;
    }

    .erp-site .ui-split--reverse .ui-split__media {
        order: 0;
    }

    .erp-site .ui-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .erp-site .ui-aside {
        position: static;
    }

    .erp-site .ui-toc {
        display: none;
    }

    .erp-site .ui-toc-mobile {
        display: block;
    }

    .erp-site .ui-home-hero__grid {
        min-height: 0;
        padding: 48px 0 88px;
    }

    .erp-site .ui-trust__inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .erp-site .ui-trust__item:nth-child(3) {
        border-left: 0;
    }

    .erp-site .ui-trust__item:nth-child(n+3) {
        border-top: 1px solid var(--ui-line);
    }

    .erp-site .ui-split__badge {
        right: 12px;
    }
}

@media (max-width: 767.98px) {
    .erp-site .ui-grid,
    .erp-site .ui-grid--2,
    .erp-site .ui-grid--4,
    .erp-site .ui-stats,
    .erp-site .ui-form--two {
        grid-template-columns: minmax(0, 1fr);
    }

    .erp-site .ui-footer__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
    }

    .erp-site .ui-pager {
        grid-template-columns: minmax(0, 1fr);
    }

    .erp-site .ui-pager a.is-next {
        text-align: left;
    }
}

@media (max-width: 575.98px) {
    .erp-site .ui-hero {
        padding: 28px 0 44px;
    }

    .erp-site .ui-crumbs {
        margin-bottom: 22px;
    }

    .erp-site .ui-prose {
        font-size: 16px !important;
        line-height: 1.75 !important;
    }

    .erp-site .ui-trust__inner {
        grid-template-columns: minmax(0, 1fr);
    }

    .erp-site .ui-trust__item + .ui-trust__item {
        border-top: 1px solid var(--ui-line);
        border-left: 0;
    }

    .erp-site .ui-band__actions,
    .erp-site .ui-band__actions .ui-btn,
    .erp-site .ui-hero__actions .ui-btn {
        width: 100%;
    }

    .erp-site .ui-search {
        flex-direction: column;
    }

    .erp-site .ui-search input {
        min-height: 46px;
    }

    .erp-site .ui-map iframe {
        height: 300px;
    }
}

/* Masaüstünde üst bilgi çubuğu (42px) kaydırınca gizlenir, ana menü yapışık kalır */
@media (min-width: 992px) {
    .erp-site .erp-site-header {
        top: -42px;
    }
}

.erp-site .ui-home-about-text {
    margin: 22px 0 28px;
    font-size: 16.5px !important;
}

/* 992-1199px arası: corporate.css menüyü gizliyor, mobil düğme ise d-lg-none ile gizli.
   Bu aralıkta kompakt masaüstü menüsü gösterilir (önceden header menüsüz kalıyordu). */
@media (min-width: 992px) and (max-width: 1199.98px) {
    body.erp-site .erp-site-header .erp-header-main__inner {
        grid-template-columns: 140px minmax(0, 1fr) auto !important;
        gap: 12px !important;
        min-height: 76px !important;
    }

    body.erp-site .erp-site-header .erp-header-brand,
    body.erp-site .erp-site-header .erp-header-brand a {
        width: 140px !important;
        min-width: 140px !important;
    }

    body.erp-site .erp-site-header .erp-header-brand img {
        width: 136px !important;
        max-width: 136px !important;
    }

    body.erp-site .erp-header-main .erp-header-nav {
        display: block !important;
    }

    body.erp-site .erp-header-main .erp-header-cta {
        display: inline-flex !important;
    }

    body.erp-site .erp-site-header .erp-header-actions {
        width: auto !important;
    }

    body.erp-site .erp-header-main .main-menu .navigation > li {
        margin: 0 !important;
    }

    body.erp-site .erp-header-main .main-menu .navigation > li > a {
        padding-left: 9px !important;
        padding-right: 9px !important;
        font-size: 14px !important;
    }
}

.erp-site p.ui-contact-intro {
    margin: 16px 0 28px;
    color: var(--ui-muted);
    font-size: 16.5px !important;
    line-height: 1.7 !important;
}

/* Başvuru formuna kaydırma hedefi (yapışkan header payı) */
.erp-site .ui-anchor {
    scroll-margin-top: var(--ui-header-h);
}

/* Yan sütunda form olan sayfalarda içindekiler her ekranda makale başında */
.erp-site .ui-toc-mobile--always {
    display: block;
}

.erp-site .ui-detail__main > .ui-toc-mobile--always[open] {
    box-shadow: var(--ui-shadow-sm);
}

/* Açık zeminde arama kutusu (404) */
.erp-site .ui-search--light {
    margin: 0 auto 24px;
    background: #fff;
    border-color: var(--ui-line);
    box-shadow: var(--ui-shadow-sm);
}

.erp-site .ui-search--light input {
    color: var(--ui-ink);
}

.erp-site .ui-search--light input::placeholder {
    color: #94a3b8;
}

/* Arama kutusu hero aksiyonlarında tam genişlik */
.erp-site .ui-hero__actions .ui-search {
    flex: 1 1 100%;
    margin-top: 0;
}

/* Editör içeriği kendi .container'ını getiriyor; makale panelinin içinde tam genişlik olmalı */
.erp-site .ui-prose .container,
.erp-site .ui-prose .container-fluid {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.erp-site .ui-prose > .container:first-of-type,
.erp-site .ui-prose > script + .container {
    margin-top: 0 !important;
}

.erp-site .ui-prose > .container:last-child {
    margin-bottom: 0 !important;
}

/* Panelin ilk başlığı üst boşluk almasın (içerik script/container ile başlayabiliyor) */
.erp-site .ui-panel > .container:first-of-type > :first-child,
.erp-site .ui-panel > .container:first-of-type > :first-child > :first-child,
.erp-site .ui-panel > .container:first-of-type > :first-child > :first-child > :first-child,
.erp-site .ui-panel > h2:first-of-type:nth-child(-n+2) {
    margin-top: 0 !important;
}

/* Kısa ekranlarda yan sütun ekrana sığmayacağı için yapışkan olmaz */
@media (max-height: 760px) {
    .erp-site .ui-aside {
        position: static;
    }
}

/* Uzun metinli tanıtımda görsel üstte hizalanır ve kaydırırken sabit kalır */
.erp-site .ui-split--top {
    align-items: start;
}

@media (min-width: 992px) {
    .erp-site .ui-split--top .ui-split__media {
        position: sticky;
        top: calc(var(--ui-header-h) + 16px);
    }
}

/* Fotoğraf yoksa / yüklenmezse baş harfler */
.erp-site .ui-person__photo {
    position: relative;
    background: linear-gradient(135deg, var(--ui-navy-900), var(--ui-blue-700));
}

.erp-site .ui-person__photo::before {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .9);
    font-size: 44px !important;
    font-weight: 800;
    letter-spacing: .04em;
    content: attr(data-initials);
}

.erp-site .ui-person__photo img {
    position: relative;
    z-index: 1;
}

.erp-site .ui-grid.ui-grid--people {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.erp-site .ui-grid--people .ui-person__photo {
    aspect-ratio: 4 / 4.2;
}

.erp-site .ui-empty > .ui-icon {
    width: 68px;
    height: 68px;
    padding: 16px;
    color: var(--ui-blue-600);
    background: var(--ui-blue-100);
    border-radius: 50%;
}

/* =====================================================================
   Editoryal detay düzeni (blog + hizmet): sağ sütun yok, geniş metin
   ===================================================================== */

/* Hero sağında kapak görseli */
.erp-site .ui-hero--split .ui-hero__grid:has(.ui-hero__media) {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    gap: 56px;
}

.erp-site .ui-hero__media {
    position: relative;
    margin: 0;
}

.erp-site .ui-hero__media img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 18px;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .35);
}

.erp-site .ui-hero__media::before {
    position: absolute;
    right: -16px;
    bottom: -16px;
    z-index: -1;
    width: 60%;
    height: 60%;
    background: radial-gradient(circle, rgba(156, 201, 255, .35) 1.5px, transparent 1.6px) 0 0 / 16px 16px;
    content: "";
}

.erp-site .ui-editorial__grid {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 48px;
    align-items: start;
}

.erp-site .ui-editorial--solo .ui-editorial__grid {
    grid-template-columns: minmax(0, 1fr);
}

.erp-site .ui-editorial__main {
    min-width: 0;
}

.erp-site .ui-editorial--solo .ui-editorial__main {
    max-width: 960px;
    margin: 0 auto;
    width: 100%;
}

.erp-site .ui-editorial__rail-inner {
    position: sticky;
    top: calc(var(--ui-header-h) + 8px);
}

/* Sol şeritteki içindekiler: kart değil, sade dikey liste */
.erp-site .ui-editorial__rail .ui-toc {
    max-height: calc(100vh - var(--ui-header-h) - 48px);
    min-height: 0;
    padding: 4px 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.erp-site .ui-editorial__rail .ui-toc h2 {
    margin-bottom: 14px;
    padding-left: 14px;
    color: var(--ui-muted);
    font-size: 12.5px !important;
    letter-spacing: .1em;
}

.erp-site .ui-editorial__rail .ui-toc li a {
    padding: 7px 12px 7px 14px;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

.erp-site .ui-editorial__rail .ui-toc li a.is-active {
    background: #fff;
    box-shadow: var(--ui-shadow-sm);
}

.erp-site .ui-prose--wide.ui-panel {
    padding: clamp(28px, 4.5vw, 60px);
}

.erp-site .ui-editorial .ui-toc-mobile {
    display: none;
}

/* Makale sonu yatay CTA */
.erp-site .ui-inline-cta {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px 40px;
    margin-top: 28px;
    padding: clamp(26px, 3.5vw, 40px);
    overflow: hidden;
    color: #fff;
    background: linear-gradient(120deg, var(--ui-navy-950) 0%, var(--ui-navy-900) 45%, var(--ui-blue-700) 100%);
    border-radius: var(--ui-radius);
    box-shadow: 0 18px 42px rgba(11, 31, 58, .22);
}

.erp-site .ui-inline-cta::after {
    position: absolute;
    top: -90px;
    right: -60px;
    width: 260px;
    height: 260px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
    content: "";
}

.erp-site .ui-inline-cta__text {
    position: relative;
    z-index: 1;
    flex: 1 1 380px;
}

.erp-site .ui-inline-cta h2 {
    margin: 0 0 8px;
    color: #fff;
    font-size: clamp(21px, 2.2vw, 26px) !important;
    font-weight: 800;
    line-height: 1.3 !important;
}

.erp-site .ui-inline-cta p {
    margin: 0;
    color: rgba(255, 255, 255, .84);
    font-size: 15.5px !important;
    line-height: 1.65 !important;
}

.erp-site .ui-inline-cta__actions {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

@media (max-width: 1199.98px) {
    .erp-site .ui-editorial__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .erp-site .ui-editorial__rail {
        display: none;
    }

    .erp-site .ui-editorial .ui-toc-mobile {
        display: block;
    }

    .erp-site .ui-editorial__main {
        max-width: 960px;
        margin: 0 auto;
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    .erp-site .ui-hero--split .ui-hero__grid:has(.ui-hero__media) {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
    }
}

@media (max-width: 575.98px) {
    .erp-site .ui-inline-cta__actions,
    .erp-site .ui-inline-cta__actions .ui-btn {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .erp-site .ui-prose--wide.ui-panel {
        padding: 22px 18px;
    }
}

/* Sticky içeriğin kayacağı alan olsun: yan sütunlar satır boyunca uzar */
.erp-site .ui-editorial__rail,
.erp-site .ui-detail__grid > aside {
    align-self: stretch;
}

/* İçerikteki istatistik başlıkları (Bootstrap display-*) makale başlığı gibi süslenmez */
.erp-site .ui-prose h2[class*="display-"],
.erp-site .ui-prose h3[class*="display-"],
.erp-site .ui-prose h4[class*="display-"] {
    margin: 0 0 .25em;
    padding: 0;
    border: 0;
    color: var(--ui-blue-600);
    font-size: clamp(26px, 2.6vw, 34px) !important;
    line-height: 1.15 !important;
}

.erp-site .ui-prose h2[class*="display-"]::after {
    display: none;
}

/* İçindekiler olmayan editoryal sayfa: içerik solda (hero hizası), sağda yapışkan CTA + iletişim */
.erp-site .ui-editorial--solo .ui-editorial__grid {
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 40px;
}

.erp-site .ui-editorial--solo .ui-editorial__main {
    max-width: none;
    margin: 0;
}

.erp-site .ui-editorial__side {
    align-self: stretch;
}

.erp-site .ui-editorial__side-inner {
    position: sticky;
    top: calc(var(--ui-header-h) + 8px);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Yatay CTA kutusu yan sütunda dikey kart olur */
.erp-site .ui-editorial__side .ui-inline-cta {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    margin-top: 0;
    padding: 26px 24px;
}

.erp-site .ui-editorial__side .ui-inline-cta__text {
    flex: 0 0 auto;
}

.erp-site .ui-editorial__side .ui-inline-cta h2 {
    font-size: 21px !important;
}

.erp-site .ui-editorial__side .ui-inline-cta p {
    font-size: 14.5px !important;
}

.erp-site .ui-editorial__side .ui-inline-cta__actions {
    flex-direction: column;
    gap: 10px;
}

.erp-site .ui-editorial__side .ui-inline-cta__actions .ui-btn {
    width: 100%;
    white-space: normal;
}

.erp-site .ui-quick-contact {
    display: grid;
    gap: 4px;
}

.erp-site .ui-quick-contact > a,
.erp-site .ui-quick-contact > div {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 0;
    color: var(--ui-ink);
    border-top: 1px solid var(--ui-line);
    font-size: 14.5px !important;
    font-weight: 700;
    line-height: 1.4 !important;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.erp-site .ui-quick-contact > a:hover {
    color: var(--ui-blue-600);
}

.erp-site .ui-quick-contact .ui-icon {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    padding: 8px;
    color: var(--ui-blue-600);
    background: var(--ui-blue-100);
    border-radius: 9px;
}

.erp-site .ui-quick-contact small {
    display: block;
    color: var(--ui-muted);
    font-size: 12px !important;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

/* 1200px altında yan sütun makalenin altına iner; metin tam genişlik kalır */
@media (max-width: 1199.98px) {
    .erp-site .ui-editorial--solo .ui-editorial__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    .erp-site .ui-editorial__side-inner {
        position: static;
        display: grid;
        grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
        align-items: stretch;
    }
}

@media (max-width: 767.98px) {
    .erp-site .ui-editorial__side-inner {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 991.98px) {
    .erp-site .ui-editorial--solo .ui-editorial__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .erp-site .ui-editorial__side-inner {
        position: static;
    }
}

@media (max-height: 760px) {
    .erp-site .ui-editorial__side-inner {
        position: static;
    }
}

/* =====================================================================
   Header v2: menü vurgusu, "Eğitim ara" düğmesi + arama paneli, telefon, Bilgi Al
   (corporate/global.css'teki eski header kurallarını ezmek için yüksek özgüllük)
   ===================================================================== */

/* Menü: zemin yerine animasyonlu alt çizgi */
body.erp-site .erp-site-header .erp-header-main .main-menu .navigation > li > a {
    position: relative;
    color: var(--ui-ink) !important;
    background: linear-gradient(var(--ui-blue-600), var(--ui-blue-600)) no-repeat 50% calc(100% - 5px) / 0 2px !important;
    border-radius: 0 !important;
    transition: color .18s, background-size .22s ease !important;
}

body.erp-site .erp-site-header .erp-header-main .main-menu .navigation > li:hover > a,
body.erp-site .erp-site-header .erp-header-main .main-menu .navigation > li.current > a {
    color: var(--ui-blue-600) !important;
    background: linear-gradient(var(--ui-blue-600), var(--ui-blue-600)) no-repeat 50% calc(100% - 5px) / calc(100% - 22px) 2px !important;
}

body.erp-site .erp-site-header .erp-header-main .main-menu .navigation > li.current > a {
    font-weight: 800 !important;
}

/* Eylem alanı */
body.erp-site .erp-site-header .erp-header-actions.ui-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: auto !important;
    min-width: 0 !important;
}

/* Eğitim ara düğmesi (arama kutusu görünümünde) */
body.erp-site .erp-site-header .ui-hsearch {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 46px;
    min-width: 214px;
    padding: 0 8px 0 14px;
    color: var(--ui-muted);
    background: #f5f7fb;
    border: 1px solid #e1e7ef;
    border-radius: 12px;
    font-size: 14.5px !important;
    font-weight: 500;
    line-height: 1 !important;
    text-align: left;
    cursor: pointer;
    transition: border-color .18s, background .18s, box-shadow .18s, color .18s;
}

body.erp-site .erp-site-header .ui-hsearch:hover,
body.erp-site .erp-site-header .ui-hsearch[aria-expanded="true"] {
    color: var(--ui-ink);
    background: #fff;
    border-color: #9cc4f5;
    box-shadow: 0 0 0 4px rgba(23, 105, 210, .1);
}

body.erp-site .erp-site-header .ui-hsearch .ui-icon {
    flex: 0 0 auto;
    color: var(--ui-blue-600);
}

body.erp-site .erp-site-header .ui-hsearch__label {
    flex: 1;
}

body.erp-site .erp-site-header .ui-hsearch__kbd,
body.erp-site .ui-search-panel kbd {
    padding: 4px 7px;
    color: var(--ui-muted);
    background: #fff;
    border: 1px solid #d5dde8;
    border-bottom-width: 2px;
    border-radius: 6px;
    font-family: inherit;
    font-size: 11.5px !important;
    font-weight: 700;
    line-height: 1 !important;
    box-shadow: none;
}

/* Telefon bloğu */
body.erp-site .erp-site-header .ui-hcall {
    display: none;
    align-items: center;
    gap: 10px;
    padding: 0 16px 0 4px;
    color: var(--ui-ink);
    border-right: 1px solid var(--ui-line);
    text-decoration: none;
    white-space: nowrap;
}

body.erp-site .erp-site-header .ui-hcall__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--ui-blue-600);
    background: var(--ui-blue-100);
    border-radius: 50%;
    transition: background .18s, color .18s;
}

body.erp-site .erp-site-header .ui-hcall:hover .ui-hcall__icon {
    color: #fff;
    background: var(--ui-blue-600);
}

body.erp-site .erp-site-header .ui-hcall small {
    display: block;
    color: var(--ui-muted);
    font-size: 11.5px !important;
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1.3 !important;
    text-transform: uppercase;
}

body.erp-site .erp-site-header .ui-hcall strong {
    display: block;
    color: var(--ui-ink);
    font-size: 15px !important;
    font-weight: 800;
    line-height: 1.3 !important;
}

/* Bilgi Al */
body.erp-site .erp-site-header .ui-hcta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 46px;
    padding: 0 20px 0 22px;
    color: #fff;
    background: linear-gradient(135deg, var(--ui-blue-600) 0%, var(--ui-blue-700) 100%);
    border-radius: 12px;
    box-shadow: 0 10px 22px rgba(23, 105, 210, .28), inset 0 1px 0 rgba(255, 255, 255, .18);
    font-size: 15px !important;
    font-weight: 750;
    line-height: 1 !important;
    text-decoration: none;
    white-space: nowrap;
    transition: transform .18s, box-shadow .18s, filter .18s;
}

body.erp-site .erp-site-header .ui-hcta:hover {
    color: #fff;
    filter: brightness(1.06);
    box-shadow: 0 14px 28px rgba(23, 105, 210, .34), inset 0 1px 0 rgba(255, 255, 255, .18);
    transform: translateY(-1px);
}

body.erp-site .erp-site-header .ui-hcta .ui-icon {
    transition: transform .18s;
}

body.erp-site .erp-site-header .ui-hcta:hover .ui-icon {
    transform: translateX(3px);
}

/* Genişliğe göre yoğunluk */
@media (min-width: 1400px) {
    body.erp-site .erp-site-header .ui-hcall {
        display: inline-flex;
    }
}

@media (max-width: 1399.98px) {
    body.erp-site .erp-site-header .ui-hsearch {
        min-width: 170px;
    }

    body.erp-site .erp-site-header .ui-hsearch__kbd {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    body.erp-site .erp-site-header .ui-hsearch {
        justify-content: center;
        width: 46px;
        min-width: 46px;
        padding: 0;
    }

    body.erp-site .erp-site-header .ui-hsearch__label {
        display: none;
    }
}

@media (max-width: 991.98px) {
    body.erp-site .erp-site-header .erp-header-main .erp-header-main__inner {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    body.erp-site .erp-site-header .ui-hcta {
        display: none;
    }

    body.erp-site .erp-site-header .erp-header-actions.ui-header-actions {
        gap: 8px !important;
    }
}

/* Arama paneli */
body.erp-site .ui-search-panel {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 1001;
    padding: 28px 0 32px;
    background: #fff;
    border-top: 1px solid var(--ui-line);
    box-shadow: 0 30px 60px rgba(8, 27, 50, .18);
    animation: ui-search-in .2s ease;
}

body.erp-site .ui-search-panel[hidden],
body.erp-site .ui-search-backdrop[hidden] {
    display: none;
}

@keyframes ui-search-in {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: none; }
}

body.erp-site .ui-search-backdrop {
    position: fixed;
    inset: 0;
    z-index: 999;
    background: rgba(6, 18, 36, .38);
    backdrop-filter: blur(2px);
}

body.erp-site .ui-search-panel__form {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 7px 7px 7px 20px;
    background: #fff;
    border: 2px solid var(--ui-blue-600);
    border-radius: 14px;
    box-shadow: 0 0 0 5px rgba(23, 105, 210, .1);
}

body.erp-site .ui-search-panel__form > .ui-icon {
    flex: 0 0 auto;
    color: var(--ui-blue-600);
}

body.erp-site .ui-search-panel__form input {
    flex: 1;
    min-width: 0;
    height: 48px;
    padding: 0;
    color: var(--ui-ink);
    background: transparent;
    border: 0;
    outline: none;
    font-size: 18px !important;
    font-weight: 500;
}

body.erp-site .ui-search-panel__form input::placeholder {
    color: #94a3b8;
}

body.erp-site .ui-search-panel__form .ui-btn {
    min-height: 48px;
    padding: 0 28px;
}

body.erp-site .ui-search-panel__close {
    padding: 0 6px;
    background: transparent;
    border: 0;
    cursor: pointer;
}

body.erp-site .ui-search-panel__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, .9fr);
    gap: 36px;
    margin-top: 26px;
}

body.erp-site .ui-search-panel h2 {
    margin: 0 0 12px;
    color: var(--ui-muted);
    font-size: 12.5px !important;
    font-weight: 800;
    letter-spacing: .1em;
    line-height: 1.3 !important;
    text-transform: uppercase;
}

body.erp-site .ui-search-panel__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.erp-site .ui-search-panel__chips a {
    padding: 8px 14px;
    color: var(--ui-navy-900);
    background: var(--ui-soft);
    border: 1px solid var(--ui-line);
    border-radius: 999px;
    font-size: 14px !important;
    font-weight: 600;
    line-height: 1.2 !important;
    text-decoration: none;
    transition: color .15s, background .15s, border-color .15s;
}

body.erp-site .ui-search-panel__chips a:hover {
    color: #fff;
    background: var(--ui-blue-600);
    border-color: var(--ui-blue-600);
}

body.erp-site .ui-search-panel__links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.erp-site .ui-search-panel__links a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    color: var(--ui-ink);
    border-radius: 8px;
    font-size: 14.5px !important;
    font-weight: 600;
    line-height: 1.35 !important;
    text-decoration: none;
}

body.erp-site .ui-search-panel__links a .ui-icon {
    flex: 0 0 auto;
    color: var(--ui-blue-600);
}

body.erp-site .ui-search-panel__links a:hover {
    color: var(--ui-blue-700);
    background: var(--ui-blue-50);
}

body.erp-site .ui-search-panel__help {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 20px;
    color: var(--ui-text);
    background: linear-gradient(145deg, #f3f8ff 0%, #e8f1fd 100%);
    border: 1px solid #d6e6fb;
    border-radius: 12px;
    text-decoration: none;
    transition: border-color .18s, box-shadow .18s;
}

body.erp-site .ui-search-panel__help:hover {
    border-color: #9cc4f5;
    box-shadow: var(--ui-shadow-sm);
}

body.erp-site .ui-search-panel__help-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 4px;
    color: #fff;
    background: var(--ui-blue-600);
    border-radius: 10px;
}

body.erp-site .ui-search-panel__help strong {
    color: var(--ui-ink);
    font-size: 16px !important;
    line-height: 1.35 !important;
}

body.erp-site .ui-search-panel__help > span:not(.ui-search-panel__help-icon) {
    color: var(--ui-muted);
    font-size: 14px !important;
    line-height: 1.55 !important;
}

body.erp-site .ui-search-panel__help em {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    color: var(--ui-blue-600);
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    body.erp-site .ui-search-panel__body {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
    }

    body.erp-site .ui-search-panel__help {
        display: none;
    }
}

@media (max-width: 575.98px) {
    body.erp-site .ui-search-panel {
        padding: 16px 0 20px;
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }

    body.erp-site .ui-search-panel__form {
        padding-left: 14px;
    }

    body.erp-site .ui-search-panel__form input {
        font-size: 16px !important;
    }

    body.erp-site .ui-search-panel__form .ui-btn {
        padding: 0 16px;
    }

    body.erp-site .ui-search-panel__close {
        display: none;
    }

    body.erp-site .ui-search-panel__links {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Header backdrop-filter, içindeki fixed öğeler için kapsayıcı blok oluşturuyordu; arama karartması ekranı kaplamıyordu */
body.erp-site .erp-site-header {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Karartma header katmanının arkasında: sayfa kararır, header ve panel net kalır */
body.erp-site .ui-search-backdrop {
    z-index: -1;
}

/* Anasayfa hakkımızda bölümü: başlık ve içerik fontları genel ölçeğin 2px altında */
.erp-site .ui-home-about .ui-eyebrow {
    font-size: 10.5px !important;
}

.erp-site .ui-home-about .ui-section-title {
    font-size: clamp(24px, calc(3.1vw - 2px), 38px) !important;
}

.erp-site .ui-home-about .ui-home-about-text {
    font-size: 14.5px !important;
}

.erp-site .ui-home-about .ui-stat__value {
    font-size: clamp(28px, calc(3.2vw - 2px), 38px) !important;
}

.erp-site .ui-home-about .ui-stat__label {
    font-size: 13.5px !important;
}

.erp-site .ui-home-about .ui-stat__text {
    font-size: 12px !important;
}

/* Anasayfa geneli: başlık ve içerik fontları genel ölçeğin 2px altında
   (butonlar, form giriş alanları, header ve footer hariç) */
.erp-site .ui-home .ui-eyebrow {
    font-size: 10.5px !important;
}

.erp-site .ui-home .ui-home-hero__item h1,
.erp-site .ui-home .ui-home-hero__item h2 {
    font-size: clamp(30px, calc(4.6vw - 2px), 56px) !important;
}

.erp-site .ui-home .ui-home-hero__lead,
.erp-site .ui-home .ui-home-hero__lead li {
    font-size: clamp(14px, calc(1.5vw - 2px), 17px) !important;
}

.erp-site .ui-home h2.ui-form-card__title {
    font-size: 21px !important;
}

.erp-site .ui-home p.ui-form-card__text {
    font-size: 12.5px !important;
}

.erp-site .ui-home .ui-trust__item strong {
    font-size: 13px !important;
}

.erp-site .ui-home .ui-trust__item small {
    font-size: 11px !important;
}

.erp-site .ui-home .ui-section-title {
    font-size: clamp(24px, calc(3.1vw - 2px), 38px) !important;
}

.erp-site .ui-home .ui-section-head__side p {
    font-size: 14.5px !important;
}

.erp-site .ui-home .ui-link {
    font-size: 13px !important;
}

.erp-site .ui-home .ui-card__title {
    font-size: 16.5px !important;
}

.erp-site .ui-home .ui-card__text,
.erp-site .ui-home .ui-card__cta {
    font-size: 12.5px !important;
}

.erp-site .ui-home .ui-card__meta {
    font-size: 11px !important;
}

.erp-site .ui-home .ui-card__badge {
    font-size: 10px !important;
}

.erp-site .ui-home .ui-feature h3 {
    font-size: 15.5px !important;
}

.erp-site .ui-home .ui-feature p {
    font-size: 12.5px !important;
}

.erp-site .ui-home .ui-split__badge strong {
    font-size: 13px !important;
}

.erp-site .ui-home .ui-split__badge small {
    font-size: 10.5px !important;
}

.erp-site .ui-home .ui-band h2 {
    font-size: clamp(22px, calc(2.8vw - 2px), 30px) !important;
}

.erp-site .ui-home .ui-band p {
    font-size: 14.5px !important;
}