:root{
    --primary:#0f4c81;      /* Kurumsal lacivert */
    --primary-soft:#e9f2fb; /* Açık mavi arka planlar */
    --accent:#120453;       /* Vurgu rengi */
    --dark:#020617;
    --muted:#6b7280;
    --border-soft:#e5e7eb;
}

*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    background:
            radial-gradient(900px 700px at -10% 0, rgba(15,76,129,.35) 0%, transparent 60%),
            radial-gradient(900px 700px at 110% 110%, rgba(18,4,83,.40) 0%, transparent 60%),
            #020617;
    color:var(--dark);
    line-height:1.6;
}

/* Sticky anchor offset (footer & topbar linkleri için) */
.anchor-offset{
    position:relative;
    top:-96px;
    display:block;
    height:0;
}

/* Genel highlight (hero + diğer başlıklar için) */
.highlight{
    background:linear-gradient(120deg,#a5b4fc,#38bdf8);
    -webkit-background-clip:text;
    color:transparent;
}

/* Üst bar */
.topbar{
    background:#000814;
    color:#e5e7eb;
    font-size:.9rem;
    border-bottom:1px solid rgba(148,163,184,.2);
}
.topbar a{
    color:#e5e7eb;
    text-decoration:none;
}
.topbar a:hover{
    color:#fff;
}

/* Topbar sağ taraftaki küçük linkler */
.topbar-links a{
    font-size:.8rem;
    color:#e5e7eb;
    opacity:.8;
    text-decoration:none;
}
.topbar-links a:hover{
    opacity:1;
    color:#ffffff;
}

.topbar-links-sep{
    margin:0 .45rem;
    color:#9ca3af;
    opacity:.35;          /* belli belirsiz dikey çizgi */
}

/* Topbar sosyal ikonları */
.topbar-social a{
    width:26px;
    height:26px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:.9rem;
    border:1px solid rgba(148,163,184,.6);
    background:rgba(15,23,42,.75);
    color:#e5e7eb;
    transition:background .18s ease, border-color .18s ease, transform .12s ease, color .18s ease;
}
.topbar-social a:hover{
    background:#0f4c81;
    border-color:#0f4c81;
    color:#ffffff;
    transform:translateY(-1px);
}

/* Çok dar ekranda linkler gizlensin istersen: */
@media (max-width: 575.98px){
    /* Sağ taraftaki linkler ve sosyal ikonlar mobilde tamamen gizlensin */
    .topbar-links,
    .topbar-social{
        display:none !important;
    }

    /* Sadece telefon + mail kalacağı için ortalasın */
    .topbar .container{
        justify-content:center !important;
        text-align:center;
    }
}

/* NAVBAR BÖLÜMÜ */
.navbar-buis{
    background:#ffffff;
    box-shadow:0 14px 30px rgba(15,23,42,.15);
    position:sticky;
    top:0;
    z-index:1020;
    border-bottom:1px solid rgba(148,163,184,.15);
}
.navbar-buis .navbar-brand{
    font-weight:700;
    letter-spacing:.04em;
    line-height:1.2;
    display:flex;
    align-items:center;
    gap:.75rem;
}
.navbar-buis .navbar-brand-logo{
    width:240px;
    height:77px;
    overflow:hidden;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
}
.navbar-buis .navbar-brand-logo img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}
.navbar-buis .navbar-brand-text{
    display:flex;
    flex-direction:column;
}
.navbar-buis .navbar-brand-text span:first-child{
    font-weight:400;
    font-size:.85rem;
    opacity:.85;
    color:#4b5563;
}
.navbar-buis .navbar-brand-text span:last-child{
    font-size:1.35rem;
    color:#111827;
}
.navbar-buis .nav-link{
    color:#111827!important;
    font-weight:500;
    font-size:.95rem;
    position:relative;
}
.navbar-buis .nav-link::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:.1rem;
    margin:auto;
    width:0;
    height:2px;
    background:linear-gradient(90deg,#0f4c81,#6366f1);
    transition:width .18s ease-out;
}
.navbar-buis .nav-link:hover::after,
.navbar-buis .nav-link.active::after{
    width:70%;
}
.navbar-buis .nav-link:hover,
.navbar-buis .nav-link.active{
    color:#0f4c81!important;
}

/* CTA buton: accent rengi */
.navbar-buis .btn-cta{
    background:var(--accent);
    border:none;
    color:#ffffff;
    font-weight:600;
    border-radius:.4rem;
    padding:.55rem 1.5rem;
    box-shadow:0 12px 30px rgba(18,4,83,.45);
}
.navbar-buis .btn-cta:hover{
    background:#1c076b;
}

.navbar-toggler{
    border:0;
}
.navbar-toggler:focus{
    box-shadow:none;
}

/* Dropdown görünümü */
.navbar-buis .dropdown-menu{
    border-radius:1rem;
    border:1px solid rgba(148,163,184,.35);
    background:#020617;
    color:#e5e7eb;
    padding:.5rem;
    box-shadow:0 18px 40px rgba(15,23,42,.85);
    min-width:230px;
}
.navbar-buis .dropdown-item{
    color:#e5e7eb;
    font-size:.9rem;
    border-radius:.45rem;
    padding:.35rem .7rem;
}
.navbar-buis .dropdown-item:hover{
    background:rgba(148,163,184,.22);
    color:#fff;
}
.navbar-buis .dropdown-header{
    font-size:.78rem;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#9ca3af;
}

/* Hover ile açılma – desktop */
@media (min-width: 992px){
    .navbar-buis .dropdown:hover > .dropdown-menu{
        display:block;
    }
}

/* HERO ALANI – SLIDER */
.hero{
    position:relative;
    overflow:hidden;
    min-height:520px;
    color:#f9fafb;
    display:flex;
    align-items:center;
    padding:4rem 0 4.5rem;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    transition:background-image 1.2s ease-in-out, background-size .3s ease-out;
    background-color:#020617;
}

/* Koyu overlay + renkli dokular (arkadaki resmi öldürmeyecek şekilde) */
.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
            radial-gradient(900px 600px at 90% -10%, rgba(56,189,248,.45) 0%, transparent 55%),
            radial-gradient(800px 800px at -10% 110%, rgba(15,23,42,.55) 0%, rgba(2,6,23,.9) 65%);
    mix-blend-mode:multiply;
    opacity:.55;
}

.hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
            to bottom,
            rgba(15,23,42,.25),
            rgba(15,23,42,.75) 45%,
            rgba(15,23,42,.9) 100%
    );
    opacity:.75;
}
.hero > .container{
    position:relative;
    z-index:1;
}

.hero-tag{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    padding:.28rem .7rem;
    border-radius:999px;
    background:rgba(34,197,94,.18);
    border:1px solid rgba(34,197,94,.5);
    font-size:.85rem;
}
.hero-tag i{ font-size:.9rem; }

.hero-title{
    font-size:2.4rem;
    font-weight:800;
    letter-spacing:.03em;
}
@media (min-width:992px){
    .hero-title{ font-size:3.1rem; }
}
.hero-title span.highlight{
    /* global .highlight zaten var, bu satır sadece spesifik hero için yedeğimiz */
}

.hero-sub{
    font-size:1.02rem;
    color:#e5e7eb;
    max-width:36rem;
}

.hero-list{
    list-style:none;
    padding-left:0;
    margin:1.5rem 0;
}
.hero-list li{
    display:flex;
    align-items:flex-start;
    gap:.5rem;
    margin-bottom:.4rem;
    font-size:.97rem;
}
.hero-list i{
    color:#22c55e;
    margin-top:.1rem;
}

.hero-cta-main{
    display:flex;
    flex-wrap:wrap;
    gap:.75rem;
    margin-top:1.5rem;
}
.hero-cta-main .btn-primary{
    background:var(--accent);
    border-color:var(--accent);
    color:#ffffff;
    font-weight:600;
    border-radius:999px;
    padding:.7rem 1.6rem;
}
.hero-cta-main .btn-primary:hover{
    background:#1c076b;
    border-color:#1c076b;
}
.hero-cta-main .btn-outline-light{
    border-radius:999px;
    padding:.7rem 1.4rem;
}

.hero-stats{
    display:flex;
    flex-wrap:wrap;
    gap:1rem;
    margin-top:2rem;
}
.hero-stat-box{
    min-width:120px;
    padding:.6rem .9rem;
    border-radius:1rem;
    border:1px solid rgba(148,163,184,.4);
    backdrop-filter:blur(16px);
    background:linear-gradient(135deg,rgba(15,23,42,.55),rgba(15,23,42,.75));
}
.hero-stat-label{
    font-size:.8rem;
    color:#e5e7eb;
    opacity:.85;
}
.hero-stat-value{
    font-size:1.4rem;
    font-weight:700;
}

/* Sağdaki form kartı */
/* HERO form – daha profesyonel görünüm */
.hero-card {
    background: radial-gradient(800px 400px at -10% 0%, rgba(59,130,246,.35), transparent 60%),
    linear-gradient(135deg, #020617, #020617);
    border-radius: 22px;
    padding: 22px 20px 20px;
    box-shadow: 0 28px 60px rgba(15,23,42,.55);
    border: 1px solid rgba(148,163,184,.35);
}

.hero-card-header {
    border-bottom: 1px solid rgba(148,163,184,.25);
    padding-bottom: 12px;
    margin-bottom: 16px;
}

.hero-card-icon {
    width: 60px;
    height: 40px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 30% 0%, #38bdf8, #1d4ed8);
    color: #eff6ff;
    box-shadow: 0 0 0 4px rgba(59,130,246,.25);
    font-size: 1.2rem;
}

.hero-card-kicker {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #a5b4fc;
    margin-bottom: 2px;
}

.hero-card-title {
    font-size: 1.05rem;
    font-weight: 600;
    color: #e5e7eb;
}

/* Form grid: mobilde 1 kolon, md ve üstü 2 kolon */
.hero-form-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .75rem .75rem;
}

.hero-form-grid .full-width {
    grid-column: 1 / -1;
}

@media (min-width: 768px) {
    .hero-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Inputlarda ikonlu profesyonel görünüm */
.form-icon-input {
    position: relative;
}

.form-icon-input > i {
    position: absolute;
    left: .9rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: .9rem;
    color: rgba(148,163,184,.9);
    pointer-events: none;
}

.form-icon-input .form-control,
.form-icon-input .form-select,
.form-icon-input textarea {
    padding-left: 2.1rem;
    background-color: rgba(15,23,42,.85);
    border-radius: .9rem;
    border-color: rgba(148,163,184,.45);
    color: #e5e7eb;
}

.form-icon-input .form-control::placeholder,
.form-icon-input textarea::placeholder {
    color: rgba(148,163,184,.9);
}

.form-icon-input .form-control:focus,
.form-icon-input .form-select:focus,
.form-icon-input textarea:focus {
    border-color: #38bdf8;
    box-shadow: 0 0 0 .15rem rgba(56,189,248,.3);
}

/* Gönder butonu */
.hero-submit-btn {
    border-radius: .9rem;
    font-weight: 600;
    padding-block: .55rem;
    box-shadow: 0 8px 24px rgba(15,23,42,.7);
}

.hero-submit-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 32px rgba(15,23,42,.9);
}

.hero-card-title{
    font-size:1.08rem;
    font-weight:600;
    margin-bottom:.2rem;
}
.form-control,
.form-select{
    border-radius:.2rem;
    border-color:var(--border-soft);
    font-size:.95rem;
}
.form-control:focus,
.form-select:focus{
    border-color:#60a5fa;
    box-shadow:0 0 0 .15rem rgba(37,99,235,.25);
}
.hero-card .btn{
    border-radius:.3rem;
    font-weight:600;
}

@media (max-width:991.98px){
    .hero{
        padding:3rem 0 3.5rem;
    }
}

/* ============== HAKKIMIZDA BÖLÜMÜ ============== */

.about-section{
    position:relative;
    padding:4rem 0 4.5rem;
    background:#ffffff;        /* ARKA PLAN BEYAZ */
    border-top:1px solid #e5e7eb;
}

/* Üstteki küçük başlık etiketi */
.about-section .section-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    padding:.25rem .8rem;
    border-radius:999px;
    background:#eff6ff;                 /* Açık mavi chip */
    border:1px solid #bfdbfe;
    font-size:.8rem;
    color:#1d4ed8;
    text-transform:uppercase;
    letter-spacing:.12em;
}
.about-section .section-eyebrow i{
    font-size:.9rem;
    color:#1d4ed8;
}

/* Sağ taraftaki başlık ve metinler */
.about-title{
    font-size:1.9rem;
    font-weight:700;
    letter-spacing:.02em;
    color:#111827;                      /* Koyu metin */
}
.about-lead{
    font-size:1rem;
    color:#4b5563;
    max-width:30rem;
}
.about-text{
    font-size:.95rem;
    color:#4b5563;
}

/* Madde listesi */
.about-list{
    list-style:none;
    padding-left:0;
    margin:1.2rem 0 0;
}
.about-list li{
    display:flex;
    align-items:flex-start;
    gap:.4rem;
    margin-bottom:.35rem;
    font-size:.94rem;
    color:#374151;
}
.about-list li i{
    color:#22c55e;
    margin-top:.15rem;
}

/* Sol görsel kutusu */
.about-media-wrap{
    position:relative;
}
.about-media{
    border-radius:1.5rem;
    overflow:hidden;
    box-shadow:0 18px 45px rgba(15,23,42,.18);
    border:1px solid #e5e7eb;
    background:#0b1120;
}
.about-media img{
    width:100%;
    height:100%;
    max-height:420px;
    object-fit:cover;
    display:block;
}

/* Görsel üzerindeki küçük bilgi kartı */
.about-badge-card{
    position:absolute;
    left:1rem;
    bottom:1rem;
    padding:.65rem .9rem;
    border-radius:1rem;
    background:rgba(15,23,42,.96);
    border:1px solid rgba(15,23,42,.9);
    color:#e5e7eb;
    display:flex;
    align-items:center;
    gap:.6rem;
    backdrop-filter:blur(18px);
}
.about-badge-card-icon{
    width:34px;
    height:34px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#22c55e,#4ade80);
    color:#022c22;
}
.about-badge-card small{
    display:block;
    font-size:.78rem;
    opacity:.8;
}
.about-badge-card strong{
    font-size:.9rem;
}

/* Responsive */
@media (max-width:991.98px){
    .about-section{
        padding:3rem 0 3.5rem;
    }
    .about-title{
        font-size:1.6rem;
    }
    .about-media img{
        max-height:320px;
    }
}

/* =========================
   HİZMETLER BÖLÜMÜ
   ========================= */
.section-services{
    padding:4.5rem 0 5rem;
    background:#f3f4f6; /* çok açık gri zemin */
}

.services-head{
    text-align:center;
    margin-bottom:3rem;
}

.services-kicker{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    padding:.2rem .8rem;
    border-radius:999px;
    font-size:.8rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    background:#e5edff;
    color:#1d4ed8;
    font-weight:600;
}

.section-services h2{
    margin-top:1rem;
    font-size:2rem;
    font-weight:800;
    letter-spacing:.04em;
    color:#111827;
}

.section-services .services-sub{
    max-width:40rem;
    margin:.5rem auto 0;
    color:#6b7280;
    font-size:.95rem;
}

/* Kartlar */
.service-card{
    height:100%;
    border-radius:18px;
    background:#ffffff;
    border:1px solid #e5e7eb;
    box-shadow:0 18px 45px rgba(15,23,42,.06);
    padding:1.8rem 1.9rem 1.5rem;
    display:flex;
    flex-direction:column;
    gap:1rem;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.service-card:hover{
    transform:translateY(-4px);
    border-color:#cbd5f5;
    box-shadow:0 22px 55px rgba(15,23,42,.10);
}

.service-card-header{
    display:flex;
    align-items:flex-start;
    gap:.85rem;
}

.service-icon{
    width:48px;
    height:48px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.5rem;
    flex-shrink:0;
}

/* Farklı renkler */
.service-icon--blue{
    background:#e0edff;
    color:#1d4ed8;
}
.service-icon--green{
    background:#dcfce7;
    color:#16a34a;
}
.service-icon--red{
    background:#fee2e2;
    color:#dc2626;
}
.service-icon--yellow{
    background:#fef3c7;
    color:#f59e0b;
}
.service-icon--cyan{
    background:#cffafe;
    color:#0891b2;
}
.service-icon--slate{
    background:#e5e7eb;
    color:#374151;
}

.service-title{
    font-size:1.05rem;
    font-weight:700;
    color:#111827;
    margin-bottom:.2rem;
}

.service-text{
    font-size:.93rem;
    color:#4b5563;
    margin:0;
}

.service-card-footer{
    margin-top:1rem;
}

.service-btn{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    font-size:.9rem;
    font-weight:600;
    border-radius:.9rem;
    padding:.55rem 1.45rem;
    border:none;
    background:var(--accent);
    color:#ffffff;
}
.service-btn:hover{
    background:#25106b;
    color:#ffffff;
}
.service-btn i{
    font-size:.9rem;
}

/* =========================
   HIZLI ARAÇLAR (3 KART)
   ========================= */
.section-tools{
    padding:1rem 0 4rem;
    background:#eef3ff; /* çok açık mavi zemin */
}

.tools-grid{
    display:flex;
    flex-direction:column;
    gap:1.5rem;
}

@media (min-width: 992px){
    .tools-grid{
        flex-direction:row;
    }
}

.tool-card{
    flex:1 1 0;
    min-height:150px;
    border-radius:22px;
    padding:1.7rem 1.2rem 1.9rem;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:.6rem;
    color:#ffffff;
    text-decoration:none;
    position:relative;
    overflow:hidden;
    box-shadow:0 16px 40px rgba(15,23,42,.22);
    transition:transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.tool-card::before{
    content:"";
    position:absolute;
    inset:-30%;
    opacity:.28;
    background:radial-gradient(circle at 0 0, #ffffff, transparent 60%);
    mix-blend-mode:screen;
}
.tool-card:hover{
    transform:translateY(-4px);
    box-shadow:0 22px 55px rgba(15,23,42,.30);
    filter:brightness(1.03);
}

.tool-icon{
    width:64px;
    height:64px;
    border-radius:999px;
    background:rgba(255,255,255,.20);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:2rem;
    position:relative;
    z-index:1;
}

.tool-title{
    position:relative;
    z-index:1;
    font-weight:700;
    font-size:1.05rem;
    letter-spacing:.02em;
}

/* Renk varyasyonları */
.tool-card--blue{
    background:linear-gradient(135deg,#0b63d1,#0b4fa6);
}
.tool-card--red{
    background:linear-gradient(135deg,#e11d48,#be123c);
}
.tool-card--green{
    background:linear-gradient(135deg,#16a34a,#15803d);
}

/* =========================
   SSS / FAQ BÖLÜMÜ
   ========================= */
.section-faq{
    padding:4rem 0 4.5rem;
    background:#ffffff;
}

.faq-head{
    text-align:center;
    margin-bottom:2.5rem;
}
.faq-tag{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    padding:.25rem .9rem;
    border-radius:999px;
    background:rgba(15,76,129,.06);
    border:1px solid rgba(15,76,129,.18);
    font-size:.82rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#0f4c81;
}
.faq-head h2{
    margin-top:1rem;
    font-weight:800;
    letter-spacing:.03em;
    font-size:1.6rem;
    color:#020617;
}
.faq-head p{
    margin:.6rem auto 0;
    color:#6b7280;
    font-size:.95rem;
}

/* Accordion kartları */
.faq-accordion .accordion-item{
    border-radius:1rem;
    border:1px solid #e5e7eb;
    margin-bottom:.75rem;
    overflow:hidden;
    background:#ffffff;
    box-shadow:0 10px 25px rgba(15,23,42,.04);
    position:relative;
}

.faq-accordion .accordion-item::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:linear-gradient(180deg,#0f4c81,#6366f1);
}


.faq-accordion .accordion-button{
    background:transparent;
    box-shadow:none !important;
    font-weight:600;
    font-size:.95rem;
    padding:.8rem 1.2rem;
    color:#020617;
}
.faq-accordion .accordion-button.collapsed{
    color:#111827;
}
.faq-accordion .accordion-button:hover{
    background:rgba(15,76,129,.03);
}

.faq-accordion .accordion-button::after{
    filter:invert(25%) sepia(9%) saturate(1500%) hue-rotate(180deg) brightness(92%) contrast(92%);
}

.faq-accordion .accordion-body{
    padding:0 1.25rem 1.1rem;
    color:#4b5563;
    font-size:.93rem;
    line-height:1.6;
    background:transparent;
}

.faq-q-icon{
    width:26px;
    height:26px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-right:.35rem;
    background:rgba(15,76,129,.08);
    color:#0f4c81;
    font-size:.9rem;
}

/* =========================
   DUYURULAR / BLOG BÖLÜMÜ
   ========================= */
.section-blog{
    padding:4rem 0 4.5rem;
    background:#f3f4f8;
}

.section-blog-head{
    text-align:center;
    margin-bottom:2.6rem;
}
.section-blog-head span.section-kicker{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    padding:.25rem .9rem;
    border-radius:999px;
    background:rgba(15,76,129,.06);
    border:1px solid rgba(15,76,129,.16);
    font-size:.82rem;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#0f4c81;
}
.section-blog-head h2{
    margin-top:1rem;
    font-weight:800;
    letter-spacing:.03em;
    font-size:1.9rem;
    color:#020617;
}
.section-blog-head p{
    max-width:560px;
    margin:.7rem auto 0;
    font-size:.95rem;
    color:#6b7280;
}

/* Kartlar */
.blog-grid{
    row-gap:1.8rem;
}

.blog-card{
    background:#ffffff;
    border-radius:1.4rem;
    overflow:hidden;
    box-shadow:0 18px 45px rgba(15,23,42,.08);
    border:1px solid rgba(148,163,184,.32);
    display:flex;
    flex-direction:column;
    height:100%;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.blog-card:hover{
    transform:translateY(-4px);
    box-shadow:0 24px 70px rgba(15,23,42,.16);
    border-color:rgba(37,99,235,.45);
}

/* Görsel */
.blog-card-img{
    position:relative;
    overflow:hidden;
}
.blog-card-img img{
    width:100%;
    height:210px;
    object-fit:cover;
    display:block;
    transform:scale(1.02);
    transition:transform .35s ease;
}
.blog-card:hover .blog-card-img img{
    transform:scale(1.07);
}
.blog-card-tag{
    position:absolute;
    left:1rem;
    bottom:1rem;
    padding:.25rem .7rem;
    border-radius:999px;
    font-size:.78rem;
    background:rgba(2,6,23,.85);
    color:#e5e7eb;
}

/* İçerik */
.blog-card-body{
    padding:1.3rem 1.3rem 1.4rem;
    display:flex;
    flex-direction:column;
    flex:1;
}
.blog-card-title{
    font-size:1.05rem;
    font-weight:700;
    color:#020617;
    margin-bottom:.45rem;
}
.blog-card-excerpt{
    font-size:.93rem;
    color:#4b5563;
    margin-bottom:1rem;
}
.blog-card-meta{
    margin-top:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:.82rem;
    color:#9ca3af;
}
.blog-card-link{
    font-weight:600;
    font-size:.9rem;
    color:#0f4c81;
    text-decoration:none;
}
.blog-card-link i{
    font-size:.9rem;
    margin-left:.18rem;
}
.blog-card-link:hover{
    text-decoration:underline;
}

/* "Tüm duyurular" linki */
.blog-more-link{
    text-align:right;
    margin-top:1.4rem;
}
.blog-more-link a{
    font-size:.9rem;
    font-weight:500;
    color:#0f4c81;
    text-decoration:none;
}
.blog-more-link a i{
    font-size:.88rem;
    margin-left:.18rem;
}
.blog-more-link a:hover{
    text-decoration:underline;
}

/* =========================
   REFERANSLAR (LOGO SLIDER)
   ========================= */
.section-ref{
    padding:4rem 0 4.5rem;
    background:#ffffff;
}

.section-ref-head{
    text-align:center;
    margin-bottom:2.4rem;
}
.section-ref-head span.section-kicker{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    padding:.25rem .9rem;
    border-radius:999px;
    background:rgba(15,76,129,.04);
    border:1px solid rgba(15,76,129,.16);
    font-size:.82rem;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#0f4c81;
}
.section-ref-head h2{
    margin-top:1rem;
    font-weight:800;
    letter-spacing:.03em;
    font-size:1.7rem;
    color:#020617;
}
.section-ref-head p{
    max-width:520px;
    margin:.6rem auto 0;
    font-size:.94rem;
    color:#6b7280;
}

/* Logo kartları */
.ref-logo-wrap{
    padding:1.3rem 1.5rem;
    border-radius:1.2rem;
    background:#f9fafb;
    border:1px solid rgba(148,163,184,.4);
    display:flex;
    align-items:center;
    justify-content:center;
    height:120px;
    /* transform'ı transition'dan kaldırdım */
    transition:background .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.ref-logo-wrap img{
    max-width:100%;
    max-height:80px;
    object-fit:contain;
    filter:grayscale(1) opacity(.8);
    transition:filter .2s ease, transform .2s ease;
}

/* Hover'da yukarı kaymayı kapattım, gölgeyi biraz yumuşattım */
.ref-logo-wrap:hover{
    background:#ffffff;
    border-color:rgba(15,76,129,.45);
    transform:none; /* ÖNEMLİ: artık çizginin dışına taşmıyor */
}

.ref-logo-wrap:hover img{
    filter:grayscale(0) opacity(1);
    transform:scale(1.03);
}

/* Referans slider okları – koyu zemin + beyaz ok görünür olsun */
#refCarousel .carousel-control-prev,
#refCarousel .carousel-control-next{
    width:3rem;
    height:3rem;
    top:50%;
    transform:translateY(-50%);
    background:#0f4c81;                  /* koyu mavi daire */
    border-radius:999px;
    box-shadow:0 8px 25px rgba(15,23,42,.35);
    opacity:.95;
    border:none;
    z-index:5;
}

#refCarousel .carousel-control-prev:hover,
#refCarousel .carousel-control-next:hover{
    opacity:1;
    background:#082f49;
}

/* Bootstrap’in kendi beyaz ok ikonunu kullan, filtreyi kapat */
#refCarousel .carousel-control-prev-icon,
#refCarousel .carousel-control-next-icon{
    filter:none;
}

/* Nokta indicator'lar */
#refCarousel .carousel-indicators [data-bs-target]{
    width:.6rem;
    height:.6rem;
    border-radius:999px;
    background:#cbd5f5;
}
#refCarousel .carousel-indicators .active{
    background:#0f4c81;
}

/* Ortak "Tümünü görüntüle" / "Tüm duyuruları görüntüle" butonu */
.section-more-wrapper{
    margin-top:1.1rem;
}

.section-more-btn{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    padding:.45rem 1.15rem;
    border-radius:999px;
    border:1px solid rgba(15,76,129,.25);
    background:rgba(255,255,255,.95);
    color:#0f4c81;
    font-size:.85rem;
    font-weight:600;
    text-decoration:none;
    box-shadow:0 10px 30px rgba(15,23,42,.12);
    transition:
            background .15s ease,
            border-color .15s ease,
            box-shadow .15s ease,
            transform .15s ease,
            color .15s ease;
}
.section-more-btn i{
    font-size:1rem;
}
.section-more-btn:hover{
    background:#0f4c81;
    color:#ffffff;
    border-color:#0f4c81;
    transform:translateY(-1px);
    box-shadow:0 14px 40px rgba(15,23,42,.18);
}
.section-more-btn:active{
    transform:translateY(0);
    box-shadow:0 8px 20px rgba(15,23,42,.16);
}


.section-stats{
    padding: 72px 0 88px;
    background:
            radial-gradient(800px 400px at 0% 0%, rgba(59,130,246,.05), transparent 60%),
            radial-gradient(700px 400px at 100% 0%, rgba(236,72,153,.05), transparent 60%),
            linear-gradient(#f5f7ff,#ffffff);
}

.stats-head{
    text-align:center;
    max-width:640px;
    margin:0 auto 40px;
}

.stats-tag{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    padding:.25rem .85rem;
    border-radius:999px;
    font-size:.78rem;
    text-transform:uppercase;
    letter-spacing:.08em;
    background:rgba(37,99,235,.08);
    color:#1d4ed8;
    font-weight:600;
}

.stats-tag i{
    font-size:.9rem;
}

.stats-head h2{
    font-size:1.8rem;
    font-weight:700;
    margin-top:14px;
    margin-bottom:8px;
    color:#0f172a;
}

.stats-head p{
    margin:0;
    color:#6b7280;
    font-size:.98rem;
}

.stats-row{
    width: 100%;
    margin:0 auto;
}

.stat-card{
    position:relative;
    border-radius:18px;
    padding:22px 20px;
    background:#ffffff;
    border:1px solid rgba(148,163,184,.25);
    box-shadow:0 14px 35px rgba(15,23,42,.04);
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    overflow:hidden;
    transition:
            transform .22s ease,
            box-shadow .22s ease,
            border-color .22s ease,
            background .22s ease;
}

.stat-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(600px 260px at -10% 0%, rgba(59,130,246,.06), transparent 60%);
    opacity:0;
    transition:opacity .25s ease;
    pointer-events:none;
}

.stat-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 45px rgba(15,23,42,.09);
    border-color:rgba(59,130,246,.35);
}

.stat-card:hover::before{
    opacity:1;
}

.stat-icon{
    width:38px;
    height:38px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#2563eb,#1d4ed8);
    color:#fff;
    box-shadow:0 8px 18px rgba(37,99,235,.35);
    font-size:1.15rem;
}

.stat-icon-pink{
    background:linear-gradient(135deg,#ec4899,#db2777);
    box-shadow:0 8px 18px rgba(236,72,153,.35);
}

.stat-icon-green{
    background:linear-gradient(135deg,#22c55e,#16a34a);
    box-shadow:0 8px 18px rgba(34,197,94,.35);
}

.stat-icon-indigo{
    background:linear-gradient(135deg,#4f46e5,#3730a3);
    box-shadow:0 8px 18px rgba(79,70,229,.35);
}

.stat-number{
    display:flex;
    align-items:baseline;
    gap:4px;
    font-weight:700;
    color:#0f172a;
    letter-spacing:.03em;
}

.stat-number .counter{
    font-size:2.1rem;
    line-height:1.1;
}

.stat-suffix,
.stat-prefix{
    font-size:1.2rem;
    font-weight:700;
    color:#4b5563;
}

.stat-label{
    margin:4px 0 0;
    font-size:.92rem;
    color:#6b7280;
}

/* Küçük ekran ayarları */
@media (max-width: 575.98px){
    .section-stats{
        padding:54px 0 64px;
    }
    .stat-card{
        padding:18px 16px;
    }
    .stat-number .counter{
        font-size:1.8rem;
    }
}


/* =========================
   FOOTER
   ========================= */
.site-footer{
    margin-top:0;
    background:#020617;
    color:#e5e7eb;
    position:relative;
    overflow:hidden;
    border-top:1px solid rgba(148,163,184,.25);
}

.site-footer::before{
    content:"";
    position:absolute;
    inset:-40%;
    background:
            radial-gradient(900px 600px at -10% 0%, rgba(15,76,129,.35) 0%, transparent 55%),
            radial-gradient(800px 600px at 110% 120%, rgba(18,4,83,.45) 0%, transparent 60%);
    opacity:.6;
    pointer-events:none;
}

.site-footer .footer-inner{
    position:relative;
    z-index:1;
    padding:3.5rem 0 2.5rem;
}

.footer-logo{
    display:flex;
    align-items:center;
    gap:1rem;
    margin-bottom:1.4rem;
}
.footer-logo img{
    max-height:56px;
    width:auto;
    object-fit:contain;
}
.footer-logo span{
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    font-size:.9rem;
    color:#cbd5f5;
}

.footer-text{
    font-size:.92rem;
    color:#9ca3af;
    max-width:360px;
}

.footer-pill{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    margin-top:1rem;
    padding:.28rem .75rem;
    border-radius:999px;
    background:rgba(15,23,42,.8);
    border:1px solid rgba(148,163,184,.45);
    font-size:.78rem;
    color:#e5e7eb;
}
.footer-pill i{
    font-size:.9rem;
    color:#22c55e;
}

/* Başlıklar */
.footer-heading{
    font-size:.98rem;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#e5e7eb;
    margin-bottom:1.1rem;
}

/* Link listeleri */
.footer-links{
    list-style:none;
    padding:0;
    margin:0;
    font-size:.9rem;
}
.footer-links li+li{
    margin-top:.3rem;
}
.footer-links a{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    text-decoration:none;
    color:#9ca3af;
}
.footer-links a i{
    font-size:.8rem;
    opacity:.7;
}
.footer-links a:hover{
    color:#fff;
}
.footer-links a:hover i{
    opacity:1;
}

/* İletişim bilgileri */
.footer-contact{
    font-size:.9rem;
    color:#d1d5db;
}
.footer-contact .line{
    display:flex;
    align-items:flex-start;
    gap:.5rem;
    margin-bottom:.45rem;
}
.footer-contact i{
    margin-top:.15rem;
    font-size:.95rem;
    color:#60a5fa;
}
.footer-contact a{
    color:#d1d5db;
    text-decoration:none;
}
.footer-contact a:hover{
    color:#fff;
}

/* Harita butonu */
.footer-map-btn{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    margin-top:.6rem;
    padding:.4rem .9rem;
    border-radius:999px;
    border:1px solid rgba(148,163,184,.6);
    font-size:.82rem;
    text-decoration:none;
    color:#e5e7eb;
    background:rgba(15,23,42,.8);
}
.footer-map-btn:hover{
    background:#0f4c81;
    border-color:#0f4c81;
    color:#fff;
}

/* Sosyal ikonlar */
.footer-social{
    display:flex;
    align-items:center;
    gap:.6rem;
}
.footer-social a{
    width:32px;
    height:32px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,.55);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#e5e7eb;
    text-decoration:none;
    font-size:1rem;
    transition:background .2s ease, color .2s ease, transform .15s ease, border-color .2s ease;
}
.footer-social a:hover{
    background:#0f4c81;
    border-color:#0f4c81;
    color:#fff;
    transform:translateY(-1px);
}

/* Alt bar */
.footer-bottom{
    position:relative;
    z-index:1;
    border-top:1px solid rgba(148,163,184,.25);
    padding:.9rem 0;
    font-size:.8rem;
    color:#9ca3af;
}
.footer-bottom a{
    color:#cbd5f5;
    text-decoration:none;
}
.footer-bottom a:hover{
    color:#fff;
}

/* Küçük ekran düzeni */
@media (max-width: 991.98px){
    .site-footer .footer-inner{
        padding:2.7rem 0 2.1rem;
    }
    .footer-logo{
        justify-content:flex-start;
    }
    .footer-bottom{
        text-align:center;
    }
    .footer-bottom .text-end{
        text-align:center!important;
        margin-top:.4rem;
    }
}
.navbar-buis .navbar-toggler-icon{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%230f4c81' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22' /%3e%3c/svg%3e");
}

.navbar-buis .navbar-toggler{
    border-radius:.4rem;
    border:1px solid rgba(15,76,129,.25);
    padding:.35rem .55rem;
    background:#f9fafb;
}

/* ==== MOBİL NAVBAR DÜZENLEMESİ (sadece < 992px) ==== */
@media (max-width: 991.98px) {

    /* Collapse kutusunu kart gibi göster */
    .navbar .navbar-collapse {
        margin-top: .5rem;
        padding: .75rem .75rem 1rem;
        border-radius: 1rem;
        background: #ffffff;
        box-shadow: 0 18px 40px rgba(15, 23, 42, .14);
    }

    .navbar .navbar-nav {
        width: 100%;
    }

    /* Her menü satırı */
    .navbar .navbar-nav .nav-item {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-inline: .25rem;
        border-bottom: 1px solid #edf1f7;
    }

    .navbar .navbar-nav .nav-item:last-child {
        border-bottom: none;
    }

    .navbar .navbar-nav .nav-link {
        flex: 1 1 auto;
        padding: .7rem .25rem;
        font-size: 1rem;
        color: #020617;
    }

    /* Desktop için yaptığımız alt çizgiyi mobilde tamamen kaldır */
    .navbar .navbar-nav .nav-link::after {
        display: none !important;
    }

    /* “Hizmet Teklifi Al” gibi CTA satırı buton gibi görünsün */
    .navbar .navbar-nav .nav-item-cta {
        border-bottom: none;
        margin-top: .5rem;
    }

    .navbar .navbar-nav .nav-item-cta .nav-link {
        background: linear-gradient(135deg, #1d0f74, #2b28ff);
        color: #ffffff !important;
        border-radius: .9rem;
        padding: .75rem 1rem;
        text-align: center;
        box-shadow: 0 14px 30px rgba(37, 99, 235, .55);
    }

    /* Her satırda sağdaki ok butonu */
    .navbar .nav-sub-toggle {
        position: absolute;
        right: .25rem;
        top: 50%;
        transform: translateY(-50%);
        width: 30px;
        height: 30px;
        border-radius: 999px;
        border: none;
        padding: 0;
        background: #edf1f7;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #020617;
        font-size: .85rem;
    }

    .navbar .nav-sub-toggle i {
        pointer-events: none;
        transition: transform .18s ease;
    }

    .navbar .nav-sub-toggle.is-open i {
        transform: rotate(180deg);
    }

    /* Ok için yer aç */
    .navbar .navbar-nav .nav-item.has-sub {
        padding-right: 2.5rem;
    }

    /* Bootstrap'in kendi okunu gizle */
    .navbar .navbar-nav .dropdown-toggle::after {
        display: none;
    }

    /* ALT MENÜ (genel) – kartın içinde, hafif sağdan başlasın */
    .navbar .navbar-nav .dropdown-menu {
        position: static;
        float: none;
        width: 100%;
        margin: 0 0 .35rem .45rem;   /* hafif sağdan */
        padding: .35rem 0 .45rem;
        border-radius: .9rem;
        border: 1px solid #edf1f7;
        box-shadow: none;
        background: #f9fafb;
        display: none;               /* js ile .show olunca açılacak */
    }

    .navbar .navbar-nav .dropdown-menu.show {
        display: block;
        max-height: 210px;
        overflow-y: auto;
    }

    /* Alt menü satırları: ince çizgi, hafif içerden */
    .navbar .navbar-nav .dropdown-menu .dropdown-item {
        padding: .45rem .9rem .45rem 1.25rem;
        font-size: .93rem;
        color: #334155;
    }

    .navbar .navbar-nav .dropdown-menu .dropdown-item + .dropdown-item {
        border-top: 1px solid #edf1f7;
    }

    .navbar .navbar-nav .dropdown-menu .dropdown-header {
        font-size: .78rem;
        text-transform: uppercase;
        letter-spacing: .08em;
        padding: .35rem 1rem .25rem;
        color: #6b7280;
    }

    .navbar .navbar-nav .dropdown-menu .dropdown-divider {
        margin: .3rem 1rem;
        border-top-color: #e5e7eb;
    }

    /* Scrollbar tasarımı */
    .navbar .navbar-nav .dropdown-menu.show::-webkit-scrollbar {
        width: 6px;
    }

    .navbar .navbar-nav .dropdown-menu.show::-webkit-scrollbar-track {
        background: #f3f4f6;
        border-radius: 999px;
    }

    .navbar .navbar-nav .dropdown-menu.show::-webkit-scrollbar-thumb {
        background: #cbd5f5;
        border-radius: 999px;
    }

    /* === BUİŞ NAVBAR İÇİN ÖZEL: alt menü 2. görseldeki gibi olsun === */
    .navbar-buis .navbar-nav .dropdown-menu {
        /* yukarıdaki genel tanımı EZİYOR */
        margin: .25rem 0 .75rem 0;          /* soldan hizalı kart */
        padding: .7rem 1rem;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        max-height: none;                   /* iç scroll YOK */
        overflow: visible;
        border-radius: .9rem;
        border: 1px solid #e5e7eb;
        background: #ffffff;
        box-shadow: 0 10px 24px rgba(15, 23, 42, .06);
    }

    .navbar-buis .navbar-nav .dropdown-menu.show {
        display: block;
        max-height: none;                   /* 210px limiti kalksın */
        overflow: visible;
    }

    .navbar-buis .navbar-nav .dropdown-menu .dropdown-item {
        padding: .4rem 0;
        font-size: .95rem;
        color: #002776;                     /* senin link renginle aynı ton */
        background: transparent;
        border: none;
    }

    .navbar-buis .navbar-nav .dropdown-menu .dropdown-item + .dropdown-item {
        margin-top: .2rem;                  /* hafif aralık, çizgi yok */
    }

    .navbar-buis .navbar-nav .dropdown-menu .dropdown-header {
        padding: .15rem 0 .45rem;
        margin-bottom: .25rem;
        font-size: .8rem;
        text-transform: uppercase;
        letter-spacing: .08em;
        color: #6b7280;
        border-bottom: 1px solid #e5e7eb;
    }
}

/* =========================
   ALT SAYFA (GENEL PAGE ŞABLONU)
   ========================= */

.page-shell{
    /* Gerekirse ileride tüm alt sayfaları sarmalamak için kullanırız */
}

/* Üst iç sayfa hero alanı */
.page-hero{
    position:relative;
    padding:3.5rem 0 3.2rem;
    color:#e5e7eb;
    background:
        radial-gradient(900px 500px at 0% 0%, rgba(56,189,248,.18), transparent 60%),
        radial-gradient(900px 500px at 100% 0%, rgba(129,140,248,.18), transparent 60%),
        linear-gradient(#020617,#020617);
    border-bottom:1px solid rgba(148,163,184,.22);
}
.page-hero--internal{
    /* ekstra varyasyon istersek diye dursun */
}

.page-hero-inner{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:2rem;
}

/* Sol blok */
.page-hero-main{
    flex:1.8 1 0;
    min-width:0;
}

/* Sağ blok (kapak görsel / bilgi kartı) */
.page-hero-aside{
    flex:1.2 1 0;
    min-width:0;
    justify-content:flex-end;
}

/* Breadcrumb */
.page-breadcrumb{
    font-size:.8rem;
    color:#9ca3af;
    margin-bottom:.7rem;
}
.page-breadcrumb ol{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-wrap:wrap;
    gap:.35rem;
}
.page-breadcrumb li{
    display:flex;
    align-items:center;
    gap:.25rem;
}
.page-breadcrumb li+li::before{
    content:"/";
    opacity:.55;
}
.page-breadcrumb a{
    color:#9ca3af;
    text-decoration:none;
}
.page-breadcrumb a:hover{
    color:#e5e7eb;
}
.page-breadcrumb i{
    font-size:.9rem;
    margin-right:.1rem;
}

/* Hero üst chip’ler */
.page-hero-meta-line{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
    margin-bottom:.75rem;
}
.page-hero-chip{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    padding:.2rem .75rem;
    border-radius:999px;
    font-size:.78rem;
    border:1px solid rgba(148,163,184,.45);
    background:rgba(15,23,42,.75);
}
.page-hero-chip i{
    font-size:.9rem;
}
.page-hero-chip--primary{
    border-color:rgba(59,130,246,.75);
    background:rgba(37,99,235,.18);
    color:#bfdbfe;
}
.page-hero-chip--muted{
    color:#e5e7eb;
}

/* Başlık + özet */
.page-hero-title{
    font-size:1.9rem;
    font-weight:800;
    letter-spacing:.03em;
    margin-bottom:.5rem;
}
@media (min-width:992px){
    .page-hero-title{ font-size:2.2rem; }
}
.page-hero-lead{
    max-width:38rem;
    font-size:.98rem;
    color:#e5e7eb;
    opacity:.9;
}

/* Alt CTA satırı */
.page-hero-cta-line{
    margin-top:1.2rem;
    padding:.65rem .9rem;
    border-radius:1rem;
    border:1px solid rgba(148,163,184,.4);
    background:radial-gradient(600px 220px at 0 0,rgba(37,99,235,.28),transparent 60%),
    rgba(15,23,42,.9);
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:.5rem .75rem;
}
.page-hero-cta-text{
    font-size:.84rem;
    color:#e5e7eb;
    display:flex;
    align-items:center;
    gap:.35rem;
}
.page-hero-cta-text i{
    color:#38bdf8;
}
.page-hero-cta-actions{
    display:flex;
    align-items:center;
    gap:.5rem;
}
.page-hero-cta-line .btn-cta{
    background:var(--accent);
    border:none;
    color:#ffffff;
    font-weight:600;
    border-radius:999px;
    padding:.5rem 1.3rem;
    box-shadow:0 14px 35px rgba(18,4,83,.65);
    font-size:.85rem;
}
.page-hero-cta-line .btn-cta:hover{
    background:#1c076b;
    color:#fff;
}

/* Sağ taraf – görsel veya bilgi kartı */
.page-hero-media{
    position:relative;
}
.page-hero-media-inner{
    border-radius:1.3rem;
    overflow:hidden;
    border:1px solid rgba(148,163,184,.6);
    box-shadow:0 22px 55px rgba(15,23,42,.85);
    background:#020617;
}
.page-hero-media-inner img{
    display:block;
    width:100%;
    height:260px;
    object-fit:cover;
}
.page-hero-media-badge{
    position:absolute;
    left:1rem;
    bottom:1rem;
    padding:.35rem .8rem;
    border-radius:999px;
    font-size:.78rem;
    background:rgba(15,23,42,.95);
    border:1px solid rgba(148,163,184,.8);
    color:#e5e7eb;
    display:inline-flex;
    align-items:center;
    gap:.35rem;
}
.page-hero-media-badge i{
    color:#22c55e;
}

/* Kapak yoksa gösterilen bilgi kartı */
.page-hero-aside-card{
    border-radius:1.4rem;
    padding:1.1rem 1.1rem 1.2rem;
    border:1px solid rgba(148,163,184,.5);
    background:
        radial-gradient(600px 260px at 0 0,rgba(59,130,246,.35),transparent 60%),
        rgba(15,23,42,.96);
    box-shadow:0 22px 55px rgba(15,23,42,.85);
    display:flex;
    gap:.75rem;
    align-items:flex-start;
}
.page-hero-aside-icon{
    width:40px;
    height:40px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#22c55e,#4ade80);
    color:#022c22;
    flex-shrink:0;
    font-size:1.3rem;
}
.page-hero-aside-kicker{
    font-size:.78rem;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#bfdbfe;
}
.page-hero-aside-title{
    font-size:.98rem;
    font-weight:600;
    color:#e5e7eb;
}
.page-hero-aside-text{
    font-size:.86rem;
    color:#d1d5db;
    margin:.2rem 0 .5rem;
}
.page-hero-aside-link{
    font-size:.85rem;
    color:#bfdbfe;
    text-decoration:none;
}
.page-hero-aside-link:hover{
    color:#ffffff;
}

/* Responsive hero */
@media (max-width:991.98px){
    .page-hero{
        padding:2.7rem 0 2.6rem;
    }
    .page-hero-inner{
        flex-direction:column;
    }
    .page-hero-aside{
        width:100%;
    }
}

/* =========================
   ALT SAYFA GÖVDE / LAYOUT
   ========================= */

.page-section{
    padding:3rem 0 4.2rem;
    background:linear-gradient(#f4f6ff,#eef2ff);
}

.page-layout{
    display:grid;
    grid-template-columns:minmax(0,1.8fr) minmax(0,1.1fr);
    gap:2rem;
    align-items:flex-start;
}
.page-main{
    min-width:0;
}
.page-sidebar{
    min-width:0;
}

/* Desktop’ta sticky sidebar */
@media (min-width:992px){
    .page-sidebar{
        position:sticky;
        top:110px; /* navbar + boşluk */
    }
}
@media (max-width:991.98px){
    .page-layout{
        grid-template-columns:minmax(0,1fr);
    }
}

/* Ana içerik kartı */
.page-content-card{
    border-radius:1.4rem;
    background:#ffffff;
    border:1px solid #e5e7eb;
    box-shadow:0 18px 45px rgba(15,23,42,.06);
    padding:1.7rem 1.6rem 1.9rem;
}

/* İç meta satırı */
.page-content-meta{
    display:flex;
    flex-wrap:wrap;
    gap:.6rem;
    margin-bottom:1rem;
    font-size:.82rem;
    color:#6b7280;
}
.page-content-meta span{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
}
.page-content-meta i{
    font-size:.9rem;
    color:#0f4c81;
}

/* WYSIWYG içerik tipografisi */
.page-content.wysiwyg-content{
    font-size:.96rem;
    color:#374151;
    line-height:1.7;
}
.wysiwyg-content h2,
.wysiwyg-content h3,
.wysiwyg-content h4{
    margin-top:1.4rem;
    margin-bottom:.4rem;
    font-weight:700;
    color:#111827;
}
.wysiwyg-content h2{ font-size:1.3rem; }
.wysiwyg-content h3{ font-size:1.12rem; }
.wysiwyg-content h4{ font-size:1rem; }

.wysiwyg-content p{
    margin-bottom:.8rem;
}
.wysiwyg-content ul,
.wysiwyg-content ol{
    margin:.2rem 0 .9rem 1.2rem;
}
.wysiwyg-content li{
    margin-bottom:.25rem;
}
.wysiwyg-content a{
    color:#0f4c81;
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:2px;
}
.wysiwyg-content a:hover{
    color:#1d4ed8;
}

/* =========================
   ALT SAYFA – SIDEBAR KARTLARI
   ========================= */

.page-sidebar-card{
    border-radius:1.2rem;
    background:#ffffff;
    border:1px solid #e5e7eb;
    box-shadow:0 14px 35px rgba(15,23,42,.04);
    padding:1.1rem 1.1rem 1.2rem;
    margin-bottom:1rem;
}
.page-sidebar-card--list{
    padding-bottom:1rem;
}

.page-sidebar-title{
    font-size:.9rem;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#020617;
    margin:0 0 .7rem;
    display:flex;
    align-items:center;
    gap:.35rem;
}
.page-sidebar-title i{
    font-size:1rem;
    color:#0f4c81;
}

/* Diğer sayfalar listesi */
.page-sidebar-list{
    list-style:none;
    padding:0;
    margin:0;
    font-size:.9rem;
}
.page-sidebar-list li+li{
    margin-top:.35rem;
}
.page-sidebar-list a{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    color:#374151;
    text-decoration:none;
}
.page-sidebar-list a i{
    font-size:.8rem;
    color:#9ca3af;
}
.page-sidebar-list a:hover{
    color:#0f4c81;
}
.page-sidebar-list a:hover i{
    color:#0f4c81;
}

/* Hızlı teklif kartı */
.page-sidebar-cta{
    background:radial-gradient(600px 280px at 0 0,rgba(37,99,235,.08),transparent 60%),
    #f9fafb;
}
.page-sidebar-cta-icon{
    width:40px;
    height:40px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#0f4c81,#1d4ed8);
    color:#eff6ff;
    box-shadow:0 10px 24px rgba(15,23,42,.24);
    font-size:1.2rem;
    margin-bottom:.5rem;
}
.page-sidebar-text{
    font-size:.86rem;
    color:#4b5563;
    margin:.3rem 0 .7rem;
}
.page-sidebar-bullets{
    list-style:none;
    padding:0;
    margin:0 0 .9rem;
    font-size:.85rem;
    color:#374151;
}
.page-sidebar-bullets li{
    display:flex;
    align-items:center;
    gap:.35rem;
    margin-bottom:.25rem;
}
.page-sidebar-bullets i{
    font-size:.9rem;
    color:#16a34a;
}

/* İletişim mini kartı – Hızlı Hizmet Teklifi ile aynı zemin */
.page-sidebar-contact{
    background:
        radial-gradient(600px 280px at 0 0,rgba(37,99,235,.08),transparent 60%),
        #f9fafb; /* Hızlı Hizmet Teklifi kartıyla aynı zemin */
    color:#374151;
    border-color:#e5e7eb;
}

/* İkon – mavi gradient rozet */
.page-sidebar-contact-icon{
    width:40px;
    height:40px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#0f4c81,#1d4ed8);
    color:#eff6ff;
    box-shadow:0 10px 24px rgba(15,23,42,.24);
    font-size:1.2rem;
    margin-bottom:.5rem;
}

/* Başlıklar artık koyu metin olsun */
.page-sidebar-contact-body .page-sidebar-title{
    color:#020617;
}
.page-sidebar-contact-body .page-sidebar-title i{
    color:#0f4c81;
}

/* Telefon butonu – mavi dolu buton */
/* Telefon butonu – pill stil, ikon + yazı */
.page-sidebar-phone{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    padding:.55rem 1.2rem;
    border-radius:999px;
    background:linear-gradient(135deg,#0f4c81,#1d4ed8);
    border:1px solid #0f4c81;
    color:#ffffff;
    font-size:.9rem;
    font-weight:600;
    text-decoration:none;          /* alt çizgiyi kaldır */
    box-shadow:0 12px 26px rgba(15,23,42,.28);
    transition:
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .12s ease,
        color .18s ease;
}

.page-sidebar-phone i{
    font-size:1rem;
    color:#bfdbfe;
}

.page-sidebar-phone:hover{
    background:#1d4ed8;
    border-color:#1d4ed8;
    color:#ffffff;
    transform:translateY(-1px);
    box-shadow:0 16px 32px rgba(15,23,42,.32);
}

.page-sidebar-phone:active{
    transform:translateY(0);
    box-shadow:0 8px 20px rgba(15,23,42,.25);
}


/* Küçük ekranlarda kart araları biraz açılsın */
@media (max-width:575.98px){
    .page-content-card{
        padding:1.35rem 1.1rem 1.6rem;
    }
}

.page-content-cover img{
    width:100%;
    display:block;
    border-radius:1.1rem;
    box-shadow:0 18px 45px rgba(15,23,42,.08);
    border:1px solid #e5e7eb;
}

.page-content-title{
    font-size:1.35rem;
    font-weight:700;
    color:#0f172a;
    margin:0;
}

/* =========================
   DUYURULAR / BLOG ARŞİV SAYFASI
   (frontend.blog.index için başlık bloğu)
   ========================= */

.blog-archive-title{
    font-size:1.4rem;
    font-weight:700;
    color:#020617;
    margin-bottom:.2rem;
}

.blog-archive-sub{
    font-size:.92rem;
    color:#6b7280;
    margin:0 0 1.2rem;
}

/* Kapak görseli (üstte gösterdiğimiz resim) */
.page-content-cover img{
    width:100%;
    max-height:360px;      /* çok uzamaması için */
    object-fit:cover;      /* ortalayarak kırpsın */
    display:block;
    border-radius:1.1rem;
    box-shadow:0 18px 45px rgba(15,23,42,.08);
    border:1px solid #e5e7eb;
}

/* İçerik içine eklenen img etiketleri (editörden gelen resimler) */
.page-content.wysiwyg-content img{
    max-width:100%;
    height:auto;
    display:block;
    margin:0.75rem auto 1rem;
    border-radius:1rem;
    box-shadow:0 14px 35px rgba(15,23,42,.08);
}

/* =========================
   BLOG / DUYURU DETAY – TÜM RESİMLERİ KARTA HAPSET
   ========================= */

/* Kapak görseli: kartı taşmasın, yüksekliği sınırlı olsun */
.blog-detail-cover{
    margin:0 0 1.2rem; /* daha önceki -.2rem marginleri iptal */
    border-radius:1.1rem;
    overflow:hidden;
    border:1px solid #e5e7eb;
    box-shadow:0 16px 40px rgba(15,23,42,.06);
}
.blog-detail-cover img{
    width:100% !important;
    max-height:360px !important;
    height:auto !important;
    object-fit:cover;
    display:block;
}

/* Kart içindeki diğer TÜM img etiketleri (editörden gelenler dahil) */
.page-main img,
.page-content-card img,
.page-content.wysiwyg-content img{
    max-width:100% !important;
    height:auto !important;
    display:block;
    border-radius:1rem;
    box-shadow:0 14px 35px rgba(15,23,42,.08);
}


/* ============================
   REFERANSLAR – LOGO GRID
   (blog-grid yapısına uygun)
   ============================ */

.section-references {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background: #f9fafb;
}

.section-references .blog-grid {
    row-gap: 2.25rem;
}

.blog-card--logo {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid rgba(148,163,184,.35);
    padding: 24px 32px;
    min-height: 150px;
    box-shadow: 0 0 0 1px rgba(148,163,184,.10);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
    text-decoration: none;
}

.blog-card--logo:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(15,23,42,.10);
    border-color: rgba(37,99,235,.45); /* istersen var(--primary) yaparsın */
}

.blog-card-img--logo {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-card-img--logo img {
    max-width: 100%;
    max-height: 80px;
    width: auto;
    object-fit: contain;
    image-rendering: -webkit-optimize-contrast;
}

/* Logo kartlarında başlık/metin görünmesin diye genel blog-card iç padding'lerini nötrlüyoruz */
.blog-card--logo .blog-card-body {
    display: none;
}

/* ===============================
          İLETİŞİM SAYFASI
          =============================== */
.section-contact{
    padding: 3.5rem 0 4.5rem;
    background:
        radial-gradient(900px 700px at -10% 0, rgba(15,76,129,.35), transparent),
        radial-gradient(1100px 800px at 110% 0, rgba(124,58,237,.25), transparent),
        #020617;
    color: #e5e7eb;
}

/* SOL KART – BİLGİ (KOYU KALSIN) */
.contact-info-card{
    background: rgba(15,23,42,.85);
    border-radius: 24px;
    border: 1px solid rgba(148,163,184,.35);
    box-shadow: 0 24px 60px rgba(15,23,42,.90);
    padding: 1.75rem 1.9rem;
    height: 100%;
}

/* SAĞ KART – FORM (AÇIK / BEYAZ TONLU) */
.contact-form-card{
    background:
        radial-gradient(800px 400px at -10% 0, rgba(59,130,246,.08), transparent 60%),
        radial-gradient(800px 400px at 110% 100%, rgba(236,72,153,.06), transparent 60%),
        #f9fafb;
    border-radius: 24px;
    border: 1px solid rgba(148,163,184,.45);
    box-shadow: 0 18px 45px rgba(15,23,42,.25);
    padding: 1.75rem 1.9rem;
    color: #111827;
}

/* SOL KART METİNLERİ */
.contact-info-title{
    font-size: 1.2rem;
    font-weight: 600;
    color: #f9fafb;
    margin-bottom: .35rem;
}

.contact-info-sub{
    font-size: .92rem;
    color: #9ca3af;
    margin-bottom: 1.5rem;
}

.contact-info-list{
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}
.contact-info-list li{
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: .55rem 0;
    font-size: .95rem;
}
.contact-info-list i{
    margin-top: .10rem;
    font-size: 1.1rem;
    color: #60a5fa;
}
.contact-info-list a{
    color: #e5e7eb;
    text-decoration: none;
}
.contact-info-list a:hover{
    color: #93c5fd;
}

.contact-badges{
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}
.contact-badge{
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .80rem;
    padding: .35rem .6rem;
    border-radius: 999px;
    background: rgba(15,23,42,.9);
    border: 1px solid rgba(148,163,184,.4);
    color: #9ca3af;
}
.contact-badge i{
    font-size: .9rem;
}

/* FORM KARTI METİN / INPUT RENKLERİ (AÇIK TEMA) */
.contact-form-card h2{
    font-size: 1.35rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: .4rem;
}
.contact-form-card p{
    font-size: .92rem;
    color: #4b5563;
    margin-bottom: 1.25rem;
}

.contact-form-card .form-label{
    font-size: .86rem;
    color: #374151;
    margin-bottom: .15rem;
}
.contact-form-card .form-control,
.contact-form-card .form-select{
    background-color: #ffffff;
    border-radius: .75rem;
    border: 1px solid #d1d5db;
    color: #111827;
    font-size: .92rem;
}
.contact-form-card .form-control:focus,
.contact-form-card .form-select:focus{
    border-color: #60a5fa;
    box-shadow: 0 0 0 1px rgba(59,130,246,.25);
    background-color: #ffffff;
    color: #111827;
}

.contact-form-card textarea.form-control{
    min-height: 130px;
    resize: vertical;
}

.contact-form-card .form-check-label{
    font-size: .82rem;
    color: #4b5563;
}

.contact-form-card .btn-contact-submit{
    border-radius: 999px;
    padding: .65rem 1.6rem;
    font-weight: 500;
    font-size: .94rem;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}

/* HARİTA KARTI AYNI KALSIN */
.contact-map-wrapper{
    margin-top: 2.75rem;
}
.contact-map-card{
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(148,163,184,.35);
    box-shadow: 0 24px 70px rgba(15,23,42,.95);
    background: #020617;
}
.contact-map-card iframe{
    border: 0;
}

/* MOBİLDE KÖŞELER BİRAZ DAHA AZ YUVARLAK */
@media (max-width: 991.98px){
    .section-contact{
        padding-top: 2.5rem;
    }
    .contact-info-card,
    .contact-form-card{
        border-radius: 18px;
    }
}

/* Çalışma süreleri tablo kartı */
.calisma-card-head{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-end;
    gap:.75rem;
    margin-bottom:1.15rem;
}
.calisma-card-kicker{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    padding:.25rem .8rem;
    border-radius:999px;
    font-size:.78rem;
    text-transform:uppercase;
    letter-spacing:.10em;
    background:rgba(15,76,129,.06);
    border:1px solid rgba(15,76,129,.18);
    color:#0f4c81;
}
.calisma-card-kicker i{
    font-size:.85rem;
}
.calisma-card-title{
    font-size:1.3rem;
    font-weight:700;
    color:#020617;
    margin:0;
}
.calisma-card-sub{
    font-size:.9rem;
    color:#6b7280;
    margin:.15rem 0 0;
}

.calisma-table-wrap{
    border-radius:1.2rem;
    overflow:hidden;
    background:#f9fafb;
    border:1px solid #e5e7eb;
    box-shadow:0 18px 45px rgba(15,23,42,.06);
}
.calisma-table{
    margin-bottom:0;
    font-size:.92rem;
}
.calisma-table thead{
    background:linear-gradient(90deg,#eef2ff,#e0f2fe);
}
.calisma-table thead th{
    padding:.85rem 1rem;
    border-bottom:1px solid #e5e7eb;
    font-weight:600;
    color:#1f2937;
    white-space:nowrap;
}
.calisma-table tbody td{
    padding:.75rem 1rem;
    border-top:1px solid #e5e7eb;
    vertical-align:top;
}
.calisma-table tbody tr:nth-child(odd){
    background:#ffffff;
}
.calisma-table tbody tr:nth-child(even){
    background:#f3f4f6;
}
.calisma-tag{
    display:inline-flex;
    align-items:center;
    gap:.3rem;
    padding:.2rem .55rem;
    border-radius:999px;
    font-size:.78rem;
    font-weight:500;
}
.calisma-tag--az{
    background:rgba(34,197,94,.08);
    color:#15803d;
    border:1px solid rgba(34,197,94,.35);
}
.calisma-tag--tehlikeli{
    background:rgba(234,179,8,.08);
    color:#92400e;
    border:1px solid rgba(234,179,8,.45);
}
.calisma-tag--cok{
    background:rgba(248,113,113,.10);
    color:#b91c1c;
    border:1px solid rgba(248,113,113,.55);
}
.calisma-note{
    font-size:.82rem;
    color:#6b7280;
    margin-top:.9rem;
}
.calisma-note strong{
    color:#374151;
}
@media (max-width: 575.98px){
    .calisma-table thead{
        font-size:.8rem;
    }
    .calisma-table tbody td{
        font-size:.86rem;
    }
}

/* Sayfaya özel küçük dokunuşlar */

.hazard-card-head {
    display:flex;
    justify-content:space-between;
    gap:1rem;
    align-items:flex-end;
    margin-bottom:1.5rem;
    flex-wrap:wrap;
}

.hazard-card-kicker{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    padding:.2rem .75rem;
    border-radius:999px;
    font-size:.78rem;
    font-weight:600;
    background:rgba(15,76,129,.06);
    color:#0f4c81;
}

.hazard-card-kicker i{
    font-size:.9rem;
}

.hazard-card-title{
    font-size:1.45rem;
    font-weight:700;
    margin:0.35rem 0 .4rem;
}

.hazard-card-sub{
    margin:0;
    color:#6b7280;
    font-size:.95rem;
    max-width:46rem;
}

.hazard-card-note{
    font-size:.85rem;
    color:#6b7280;
    margin-top:.75rem;
}

.nace-table-wrap{
    border-radius:1rem;
    background:#ffffff;
    box-shadow:0 18px 45px rgba(15,23,42,.06);
    overflow:hidden;
}

.table.nace-table{
    margin-bottom:0;
    font-size:.93rem;
}

.nace-table thead th{
    background:#f9fafb;
    border-bottom:1px solid #e5e7eb;
    font-size:.8rem;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:#6b7280;
}

.nace-table tbody tr:nth-child(even){
    background:#f9fafb;
}

.nace-col-code{
    width:22%;
    white-space:nowrap;
}

.nace-code-main{
    font-weight:600;
    font-size:.98rem;
}

.nace-code-sub{
    font-size:.78rem;
    color:#6b7280;
}

.nace-col-title{
    width:60%;
}

.nace-col-hazard{
    width:18%;
    white-space:nowrap;
}

.hazard-chip{
    display:inline-flex;
    align-items:center;
    padding:.15rem .65rem;
    border-radius:999px;
    font-size:.78rem;
    font-weight:600;
    border:1px solid transparent;
}

.hazard-chip--az-tehlikeli{
    background:#ecfdf5;
    border-color:#bbf7d0;
    color:#166534;
}

.hazard-chip--tehlikeli{
    background:#fefce8;
    border-color:#facc15;
    color:#854d0e;
}

.hazard-chip--cok-tehlikeli,
.hazard-chip--çok-tehlikeli{
    background:#fef2f2;
    border-color:#fecaca;
    color:#b91c1c;
}

.hazard-inf-sentinel{
    height:60px;
}

.hazard-loading-text{
    font-size:.85rem;
    color:#9ca3af;
    text-align:center;
    margin-top:.5rem;
}

.training-list{
    display:flex;
    flex-direction:column;
    gap:1rem;
}
.training-item{
    display:flex;
    gap:1rem;
    padding:1rem 1.25rem;
    border-radius:14px;
    border:1px solid var(--border-soft, #e5e7eb);
    background:#fff;
    box-shadow:0 8px 24px rgba(15,23,42,.03);
}
.training-date{
    flex:0 0 72px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:var(--primary-soft,#e9f2fb);
    color:var(--primary,#0f4c81);
    padding:.4rem .6rem;
    text-transform:uppercase;
}
.training-date-day{
    font-size:1.4rem;
    font-weight:800;
    line-height:1;
}
.training-date-month{
    font-size:.8rem;
    font-weight:600;
}
.training-date-year{
    font-size:.7rem;
    opacity:.75;
}

.training-body{
    flex:1;
    min-width:0;
}
.training-title{
    font-size:1.1rem;
    font-weight:700;
    margin:0 0 .25rem;
    color:#0f172a;
}
.training-meta{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem .75rem;
    font-size:.85rem;
    color:var(--muted,#6b7280);
    margin-bottom:.35rem;
}
.training-category-chip{
    padding:.2rem .6rem;
    border-radius:999px;
    background:var(--primary-soft,#e9f2fb);
    color:var(--primary,#0f4c81);
    font-weight:600;
}
.training-address{
    display:flex;
    align-items:center;
    gap:.25rem;
}
.training-address i{
    font-size:.9rem;
}

.training-empty{
    padding:2rem 1.25rem;
    text-align:center;
    border-radius:14px;
    border:1px dashed var(--border-soft,#e5e7eb);
    color:var(--muted,#6b7280);
    background:#f9fafb;
}

/* Sağdaki kategori listesi */
.training-cat-card{
    border-radius:14px;
    border:1px solid var(--border-soft,#e5e7eb);
    background:#fff;
    box-shadow:0 8px 24px rgba(15,23,42,.03);
}
.training-cat-list{
    list-style:none;
    margin:0;
    padding:0;
}
.training-cat-list li + li{
    border-top:1px solid #f1f5f9;
}
.training-cat-link{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:.5rem;
    padding:.55rem .9rem;
    font-size:.9rem;
    color:#0f172a;
    text-decoration:none;
    transition:.15s ease;
}
.training-cat-link span{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.training-cat-link small{
    font-size:.8rem;
    color:var(--muted,#6b7280);
}
.training-cat-link i{
    font-size:.9rem;
    color:var(--muted,#6b7280);
}
.training-cat-link:hover{
    background:var(--primary-soft,#e9f2fb);
    color:var(--primary,#0f4c81);
}
.training-cat-link.active{
    background:var(--primary,#0f4c81);
    color:#fff;
}
.training-cat-link.active i{
    color:#bfdbfe;
}

.training-filter-info{
    font-size:.9rem;
    color:var(--muted,#6b7280);
    margin-bottom:1rem;
}

@media (max-width:768px){
    .training-item{
        flex-direction:column;
    }
    .training-date{
        flex-direction:row;
        justify-content:flex-start;
        gap:.4rem;
        align-self:flex-start;
    }
    .training-date-day{
        font-size:1.1rem;
    }
}
.doc-list-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px;
    margin-bottom:1rem;
}
.doc-list-head-title h2{
    margin:0;
    font-weight:800;
    font-size:1.4rem;
    color:#0f172a;
}
.doc-list-head-title p{
    margin:.25rem 0 0;
    color:#6b7280;
    font-size:.92rem;
}
.doc-search-form .form-control{
    min-height:42px;
}

.doc-list{
    border-radius:18px;
    border:1px solid #e5e7eb;
    overflow:hidden;
    background:#ffffff;
}
.doc-list-item{
    display:flex;
    gap:16px;
    padding:14px 16px;
    align-items:center;
    text-decoration:none;
    color:inherit;
    border-bottom:1px solid #f3f4f6;
    transition:background .15s ease, transform .05s ease;
}
.doc-list-item:last-child{
    border-bottom:none;
}
.doc-list-item:hover{
    background:#f9fafb;
    transform:translateY(-1px);
}

.doc-thumb{
    flex:0 0 72px;
    width:72px;
    height:88px;
    border-radius:10px;
    background:#f3f4f6;
    border:1px solid #e5e7eb;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}
.doc-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.doc-body{
    flex:1 1 auto;
    min-width:0;
}
.doc-meta{
    font-size:.78rem;
    text-transform:uppercase;
    letter-spacing:.05em;
    color:#9ca3af;
    margin-bottom:2px;
}
.doc-title{
    font-size:1.02rem;
    font-weight:600;
    color:#111827;
    margin:0 0 2px;
}
.doc-desc{
    font-size:.9rem;
    color:#6b7280;
    margin:0;
}

.doc-actions{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:6px;
}
.doc-chip-count{
    font-size:.78rem;
    padding:.15rem .5rem;
    border-radius:999px;
    background:#eff6ff;
    color:#1d4ed8;
}
.doc-chip-view{
    width:34px;
    height:34px;
    border-radius:999px;
    border:1px solid #e5e7eb;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#6b7280;
    background:#f9fafb;
}
.doc-chip-view i{
    font-size:1rem;
}

.doc-empty{
    padding:2.2rem 1rem;
    text-align:center;
    color:#6b7280;
}
.doc-empty strong{
    color:#374151;
    display:block;
    margin-bottom:.2rem;
}

@media (max-width:768px){
    .doc-list-head{
        flex-direction:column;
        align-items:stretch;
    }
    .doc-actions{
        display:none;
    }
}


.doc-detail-main{
    display:flex;
    gap:24px;
    align-items:flex-start;
    flex-wrap:wrap;
}
.doc-detail-thumb{
    flex:0 0 260px;
    max-width:260px;
    border-radius:14px;
    border:1px solid #e5e7eb;
    background:#f3f4f6;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(15,23,42,.10);
}
.doc-detail-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.doc-detail-content{
    flex:1 1 260px;
    min-width:0;
}
.doc-detail-title{
    font-size:1.8rem;
    font-weight:800;
    margin:0 0 .4rem;
    color:#0f172a;
}
.doc-detail-meta{
    font-size:.85rem;
    text-transform:uppercase;
    letter-spacing:.06em;
    color:#9ca3af;
    margin-bottom:.8rem;
}
.doc-detail-text p{
    margin-bottom:.6rem;
    font-size:.96rem;
    color:#4b5563;
}

.doc-file-section{
    margin-top:2rem;
}
.doc-file-section-title{
    font-weight:700;
    font-size:1.1rem;
    margin-bottom:.4rem;
    color:#111827;
}
.doc-file-section-sub{
    font-size:.9rem;
    color:#6b7280;
    margin-bottom:1.1rem;
}

.doc-file-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}
.doc-file-card{
    border-radius:12px;
    border:1px solid #e5e7eb;
    background:#f9fafb;
    padding:10px 11px 12px;
    display:flex;
    flex-direction:column;
    gap:6px;
}
.doc-file-label{
    font-size:.86rem;
    font-weight:600;
    color:#111827;
}
.doc-file-meta{
    font-size:.78rem;
    color:#9ca3af;
}
.doc-file-card .btn{
    font-size:.86rem;
    min-height:34px;
}

@media (max-width:992px){
    .doc-detail-main{
        flex-direction:column;
    }
    .doc-detail-thumb{
        max-width:220px;
    }
}
@media (max-width:768px){
    .doc-file-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media (max-width:480px){
    .doc-file-grid{
        grid-template-columns:1fr;
    }
}