/* =====================================================
   Güvenli Taşıma Portalı - Ana Stil Dosyası
   Modern, profesyonel tasarım
   ===================================================== */

:root{
    --renk-ana:#2563eb;
    --renk-ana-koyu:#1d4ed8;
    --renk-vurgu:#f59e0b;
    --renk-yesil:#10b981;
    --renk-koyu:#0f172a;
    --renk-gri:#64748b;
    --renk-acik-gri:#f1f5f9;
    --renk-cizgi:#e2e8f0;
    --golge:0 10px 30px rgba(2,6,23,.08);
    --golge-buyuk:0 20px 50px rgba(2,6,23,.15);
    --radius:16px;
    --gecis:all .25s ease;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    font-family:'Plus Jakarta Sans',system-ui,Segoe UI,Arial,sans-serif;
    color:#1e293b;background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.kapsayici{max-width:1200px;margin:0 auto;padding:0 20px}

/* ---------- Butonlar ---------- */
.btn{display:inline-block;padding:11px 22px;border-radius:10px;font-weight:600;font-size:14px;
    cursor:pointer;border:none;transition:var(--gecis);text-align:center}
.btn-birincil{background:linear-gradient(135deg,var(--renk-ana),var(--renk-yesil));color:#fff}
.btn-birincil:hover{background:linear-gradient(135deg,var(--renk-ana-koyu),#059669);
    transform:translateY(-2px);box-shadow:var(--golge)}
.btn-cizgi{border:1.5px solid var(--renk-cizgi);color:var(--renk-koyu);background:#fff}
.btn-cizgi:hover{border-color:var(--renk-ana);color:var(--renk-ana)}
.btn-hafif{background:var(--renk-acik-gri);color:var(--renk-koyu)}
.btn-vurgu{background:var(--renk-vurgu);color:#fff}
.btn-vurgu:hover{background:#d97706;transform:translateY(-2px)}
.btn-cikis{background:#ef4444;color:#fff}
.btn-cikis:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 20px rgba(239,68,68,.35)}
.btn-blok{width:100%}
.btn-buyuk{padding:15px 32px;font-size:16px}

/* ---------- Üst / Header ---------- */
.site-ust{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 1px 0 var(--renk-cizgi)}
.ust-bar{background:var(--renk-koyu);color:#cbd5e1;font-size:13px}
.ust-bar-ic{display:flex;gap:24px;padding:8px 0;justify-content:flex-end}
.ust-ana{display:flex;align-items:center;gap:30px;padding:16px 0}
.logo{display:flex;align-items:center}
.logo-gorsel{height:64px;width:auto;display:block}
.ana-menu{display:flex;gap:8px;margin-left:auto}
.ana-menu a{padding:10px 16px;border-radius:8px;font-weight:600;color:#334155;transition:var(--gecis)}
/* Menü badge (yanıp sönen) */
.menu-badge-sar{position:relative}
.menu-badge{position:absolute;top:-4px;right:-2px;padding:2px 7px;border-radius:50px;
    font-size:9px;font-weight:800;letter-spacing:.3px;color:#fff;line-height:1.4;white-space:nowrap;
    animation:menuBadgeYanip 1.4s ease-in-out infinite}
.menu-badge-mavi{background:linear-gradient(135deg,var(--renk-ana),#0ea5e9);box-shadow:0 3px 8px rgba(37,99,235,.4)}
.menu-badge-yesil{background:linear-gradient(135deg,#34d399,var(--renk-yesil));box-shadow:0 3px 8px rgba(16,185,129,.4)}
.menu-badge-kirmizi{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 3px 8px rgba(239,68,68,.45)}
@keyframes menuBadgeYanip{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.9)}}
@media(prefers-reduced-motion:reduce){.menu-badge{animation:none}}
/* Mobil menüde badge satır içinde, taşmasın */
@media(max-width:768px){
    .menu-badge-sar{display:flex;align-items:center;gap:8px}
    .menu-badge{position:static;top:auto;right:auto;margin-left:4px}
}
.ana-menu a:hover{background:var(--renk-acik-gri);color:var(--renk-ana)}
.ust-butonlar{display:flex;gap:10px}
.menu-buton{display:none;font-size:26px;background:none;border:none;cursor:pointer}

/* ---------- Manşet / Hero Slider ---------- */
.manset{position:relative;overflow:hidden}
.manset-slayt{position:relative;min-height:520px;display:none;align-items:center;
    background-size:cover;background-position:center}
.manset-slayt.aktif{display:flex}
.manset-slayt::before{content:"";position:absolute;inset:0;
    background:linear-gradient(120deg,rgba(15,23,42,.85),rgba(37,99,235,.6))}
.manset-ic{position:relative;z-index:2;color:#fff;max-width:640px}
.manset-ic h1{font-size:46px;font-weight:800;line-height:1.15;margin-bottom:18px}
.manset-ic p{font-size:19px;opacity:.92;margin-bottom:28px}
.manset-noktalar{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:10px}
.manset-nokta{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:var(--gecis)}
.manset-nokta.aktif{background:#fff;width:32px;border-radius:6px}

/* ---------- Arama kutusu ---------- */
.arama-kutu{background:#fff;border-radius:var(--radius);box-shadow:var(--golge-buyuk);
    padding:22px;margin-top:-45px;position:relative;z-index:10;display:flex;gap:14px;flex-wrap:wrap}
/* Başlık şeridi altındaki arama kutusu (şeride binmesin) */
.arama-serit-alti{margin-top:32px}
/* Ana sayfa hero altındaki arama kutusu */
.arama-hero-alti{margin-top:0}

/* Arama bölümü — üst yarısı hero rengi, kartın ortasından sonra beyaz */
.arama-koprusu{position:relative;
    margin-top:-46px;padding:46px 0 40px;
    background:linear-gradient(180deg,#eef2fb 0px,#eef2fb 136px,#ffffff 136px,#ffffff 100%)}

/* ---------- Estetik mimari arama kartı ---------- */
.arama-kart{position:relative;z-index:10;overflow:hidden;border-radius:22px;
    padding:26px 28px;border:1px solid rgba(255,255,255,.7);
    background:linear-gradient(150deg,#ffffff 0%,#f8fbff 100%);
    box-shadow:0 24px 60px rgba(30,41,99,.16),inset 0 1px 0 rgba(255,255,255,.8)}
.arama-kart::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;
    background:linear-gradient(90deg,var(--renk-ana),#0ea5e9 45%,var(--renk-yesil))}
.arama-kart::after{content:"";position:absolute;top:-60px;right:-40px;width:220px;height:220px;
    border-radius:50%;pointer-events:none;
    background:radial-gradient(circle,rgba(37,99,235,.07),transparent 70%)}

.arama-kart-ust{display:flex;align-items:center;gap:16px;margin-bottom:18px;position:relative;z-index:1}
.arama-rozet{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;
    padding:8px 14px;border-radius:11px;font-size:12px;font-weight:800;letter-spacing:.4px;
    text-transform:uppercase;color:#fff;
    background:linear-gradient(135deg,var(--renk-ana),#1d4ed8);
    box-shadow:0 8px 20px rgba(37,99,235,.32)}
.arama-kart-baslik h3{font-size:19px;font-weight:800;color:var(--renk-koyu);line-height:1.2;margin-bottom:2px}
.arama-kart-baslik span{font-size:13.5px;color:var(--renk-gri)}

.arama-form{display:flex;align-items:center;gap:0;position:relative;z-index:1;
    background:#f6f8fc;border:1.5px solid #e6ebf3;border-radius:14px;padding:6px;
    transition:border-color .2s,box-shadow .2s,background .2s}
.arama-form:focus-within{border-color:var(--renk-ana);box-shadow:0 0 0 4px rgba(37,99,235,.1);background:#fff}
.arama-alan{position:relative;flex:1;min-width:0;display:flex;align-items:center}
.arama-alan-genis{flex:2}
.arama-ikon{position:absolute;left:14px;display:inline-flex;pointer-events:none;color:#94a3b8;line-height:0}
.arama-alan:focus-within .arama-ikon{color:var(--renk-ana)}
.arama-alan select,.arama-alan input{width:100%;padding:14px 16px 14px 42px;
    border:none;border-radius:10px;font-size:15px;font-family:inherit;color:var(--renk-koyu);
    background:transparent;transition:var(--gecis);appearance:none;-webkit-appearance:none}
.arama-alan select{cursor:pointer;padding-right:34px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 14px center}
.arama-alan select:focus,.arama-alan input:focus{outline:none}
.arama-alan input::placeholder{color:#94a3b8}
.arama-ayrac{width:1px;height:26px;flex-shrink:0;background:#e2e8f0;margin:0 4px}
.arama-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;
    margin-left:6px;padding:14px 26px;border:none;border-radius:10px;cursor:pointer;
    font-size:15px;font-weight:800;font-family:inherit;color:#fff;white-space:nowrap;
    background:linear-gradient(135deg,var(--renk-ana),#1d4ed8);
    box-shadow:0 8px 20px rgba(37,99,235,.34);transition:transform .2s,box-shadow .2s,gap .2s}
.arama-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(37,99,235,.46);gap:10px}
.arama-btn svg{flex-shrink:0}
@media(max-width:640px){
    .arama-kart-ust{flex-wrap:wrap;gap:10px}
    .arama-form{flex-direction:column;gap:8px;padding:8px;background:transparent;border:none;box-shadow:none}
    .arama-form:focus-within{box-shadow:none;background:transparent}
    .arama-alan,.arama-alan-genis{flex:1 1 auto;width:100%;
        background:#f6f8fc;border:1.5px solid #e6ebf3;border-radius:12px}
    .arama-alan:focus-within{border-color:var(--renk-ana);background:#fff}
    .arama-ayrac{display:none}
    .arama-btn{width:100%;margin-left:0}
}

/* ---------- Teklif İste Şeridi (Ana Sayfa - kompakt, açık tema) ---------- */
.teklif-serit{display:flex;align-items:center;gap:18px;position:relative;overflow:hidden;
    margin-top:16px;padding:18px 24px;border-radius:16px;text-decoration:none;color:var(--renk-koyu);
    background:linear-gradient(120deg,#f0f7ff 0%,#eefcf6 100%);
    border:1px solid #dbeafe;box-shadow:0 12px 30px rgba(37,99,235,.08);
    transition:transform .3s,box-shadow .3s,border-color .3s}
.teklif-serit::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
    background:linear-gradient(180deg,var(--renk-ana),var(--renk-yesil))}
.teklif-serit:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(37,99,235,.16);border-color:transparent}
.teklif-serit-desen{position:absolute;inset:0;pointer-events:none;opacity:.5;
    background-image:radial-gradient(rgba(37,99,235,.07) 1px,transparent 1px);background-size:18px 18px;
    -webkit-mask-image:radial-gradient(400px 160px at 90% 40%,#000,transparent 72%);
    mask-image:radial-gradient(400px 160px at 90% 40%,#000,transparent 72%)}
.teklif-serit-ikon{position:relative;z-index:2;width:50px;height:50px;flex-shrink:0;border-radius:14px;
    display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;
    background:linear-gradient(135deg,var(--renk-ana),var(--renk-yesil));
    box-shadow:0 10px 24px rgba(37,99,235,.28)}
.teklif-serit-yazi{position:relative;z-index:2;flex:1;min-width:0}
.teklif-serit-yazi b{display:block;font-size:16.5px;font-weight:800;line-height:1.3;color:var(--renk-koyu)}
.teklif-serit-yazi small{font-size:13.5px;color:var(--renk-gri)}
.teklif-serit-btn{position:relative;z-index:2;flex-shrink:0;padding:12px 24px;border-radius:12px;
    font-weight:800;font-size:14.5px;color:#fff;white-space:nowrap;
    background:linear-gradient(135deg,var(--renk-ana),var(--renk-yesil));
    box-shadow:0 8px 22px rgba(37,99,235,.3);transition:transform .3s,box-shadow .3s}
.teklif-serit:hover .teklif-serit-btn{transform:scale(1.05);box-shadow:0 12px 30px rgba(16,185,129,.4)}
@media(max-width:640px){
    .teklif-serit{flex-wrap:wrap;padding:18px 18px 18px 22px}
    .teklif-serit-yazi{flex:1 1 auto}
    .teklif-serit-btn{width:100%;text-align:center}
    .teklif-serit-yazi small{display:none}
}
.arama-kutu select,.arama-kutu input{flex:1;min-width:180px;padding:14px;border:1.5px solid var(--renk-cizgi);
    border-radius:10px;font-size:15px;font-family:inherit}
.arama-kutu select:focus,.arama-kutu input:focus{outline:none;border-color:var(--renk-ana)}

/* ---------- Bölüm başlıkları ---------- */
.bolum{padding:16px 0}
.bolum-baslik{text-align:left;margin-bottom:16px}
.bolum-baslik h2{font-size:34px;font-weight:800;margin-bottom:10px}
.bolum-baslik p{color:var(--renk-gri);font-size:17px}
.etiket{display:inline-block;background:#dbeafe;color:var(--renk-ana);padding:6px 16px;
    border-radius:50px;font-size:13px;font-weight:700;margin-bottom:14px}

/* ---------- Özellikler / Avantajlar ---------- */
.ozellik-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}
.ozellik-kart{padding:32px;border-radius:var(--radius);background:#fff;border:1px solid var(--renk-cizgi);
    text-align:center;transition:var(--gecis)}
.ozellik-kart:hover{transform:translateY(-6px);box-shadow:var(--golge-buyuk);border-color:transparent}
.ozellik-ikon{width:70px;height:70px;margin:0 auto 18px;border-radius:18px;
    display:flex;align-items:center;justify-content:center;font-size:32px;
    background:linear-gradient(135deg,#dbeafe,#eff6ff)}
.ozellik-kart h3{font-size:19px;margin-bottom:8px}
.ozellik-kart p{color:var(--renk-gri);font-size:15px}

/* ---------- Firma kartları ---------- */
.firma-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.firma-kart{background:#fff;border-radius:var(--radius);border:1px solid var(--renk-cizgi);
    overflow:hidden;transition:var(--gecis);position:relative}
.firma-kart:hover{transform:translateY(-6px);box-shadow:var(--golge-buyuk);border-color:transparent}
.firma-ust{padding:24px;display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--renk-cizgi)}
.firma-logo{width:64px;height:64px;border-radius:14px;background:linear-gradient(135deg,var(--renk-ana),var(--renk-yesil));
    color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;flex-shrink:0;overflow:hidden}
.firma-logo img{width:100%;height:100%;object-fit:cover}
.firma-baslik h3{font-size:18px;margin-bottom:4px}
.firma-baslik .sehir{color:var(--renk-gri);font-size:14px}
.firma-govde{padding:20px 24px}
.firma-govde p{color:var(--renk-gri);font-size:14px;margin-bottom:14px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.firma-hizmet{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.firma-hizmet span{background:var(--renk-acik-gri);color:#475569;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}
.firma-alt{display:flex;justify-content:space-between;align-items:center;padding:0 24px 20px}
.puan{color:var(--renk-vurgu);font-weight:700;font-size:14px}
.vitrin-rozet{position:absolute;top:14px;right:14px;background:var(--renk-vurgu);color:#fff;
    padding:5px 12px;border-radius:50px;font-size:11px;font-weight:700;z-index:2}

/* Tüm kartı tıklanabilir yap (kart bir <a>) */
.firma-kart-link{display:block;color:inherit;cursor:pointer}
.firma-kart-link h3{color:var(--renk-koyu)}

/* Öne Çıkan rozeti (köşeden sarkan, adın üstüne binmez) */
.firma-one-cikan{position:absolute;top:0;right:24px;z-index:4;
    padding:6px 14px 8px;font-size:11px;font-weight:800;letter-spacing:1px;color:#7c2d12;
    background:linear-gradient(135deg,#fbbf24,#f59e0b);
    border-radius:0 0 10px 10px;box-shadow:0 6px 16px rgba(245,158,11,.4)}
/* Rozet varsa üst blok biraz aşağıda başlasın (ad okunsun) */
.firma-kart-vitrin .firma-ust{padding-top:34px}
/* Yeni badge (yeşil) */
.firma-yeni-badge{color:#052e1a;background:linear-gradient(135deg,#34d399,#10b981);
    box-shadow:0 6px 16px rgba(16,185,129,.4)}

/* Firma filtre sekmeleri */
.firma-filtre-tab{display:inline-flex;gap:6px;padding:6px;background:#fff;border-radius:14px;
    border:1px solid var(--renk-cizgi);box-shadow:0 8px 22px rgba(2,6,23,.06);flex-wrap:wrap}
.firma-filtre-tab a{padding:10px 20px;border-radius:10px;font-weight:700;font-size:14px;
    color:#475569;transition:var(--gecis)}
.firma-filtre-tab a:hover{background:var(--renk-acik-gri);color:var(--renk-koyu)}
.firma-filtre-tab a.aktif{color:#fff;background:linear-gradient(135deg,var(--renk-ana),var(--renk-yesil))}

/* Vitrin başlık satırı: başlık solda, Tümünü Gör sağda */
.vitrin-ust-satir{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.vitrin-ust-sol{min-width:0}

/* ---------- Firma detay ---------- */
.detay-ust{background:linear-gradient(135deg,var(--renk-koyu),var(--renk-ana-koyu));color:#fff;padding:56px 0}
.detay-ust-ic{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.detay-logo{width:110px;height:110px;border-radius:22px;background:#fff;color:var(--renk-ana);
    display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:800;overflow:hidden}
.detay-logo img{width:100%;height:100%;object-fit:cover}
.detay-baslik h1{font-size:34px;margin-bottom:8px}
.detay-meta{display:flex;gap:20px;flex-wrap:wrap;opacity:.9;font-size:15px}
.detay-izgara{display:grid;grid-template-columns:2fr 1fr;gap:32px;margin-top:40px}
.detay-kart{background:#fff;border:1px solid var(--renk-cizgi);border-radius:var(--radius);padding:28px;margin-bottom:24px}
.detay-kart h3{font-size:20px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--renk-acik-gri)}
.iletisim-satir{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--renk-acik-gri)}
.iletisim-satir:last-child{border:none}
.iletisim-satir b{min-width:90px;color:var(--renk-gri)}

/* ---------- Formlar ---------- */
.form-kutu{max-width:480px;margin:56px auto;background:#fff;padding:40px;border-radius:var(--radius);
    box-shadow:var(--golge);border:1px solid var(--renk-cizgi)}
.form-kutu.genis{max-width:720px}
.form-kutu h1{font-size:26px;margin-bottom:8px;text-align:center}
.form-alt-yazi{text-align:center;color:var(--renk-gri);margin-bottom:28px}
.form-grup{margin-bottom:18px}
.form-grup label{display:block;font-weight:600;margin-bottom:7px;font-size:14px}
.form-grup input,.form-grup select,.form-grup textarea{width:100%;padding:13px;border:1.5px solid var(--renk-cizgi);
    border-radius:10px;font-size:15px;font-family:inherit;transition:var(--gecis)}
.form-grup input:focus,.form-grup select:focus,.form-grup textarea:focus{outline:none;border-color:var(--renk-ana);
    box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.form-grup textarea{min-height:110px;resize:vertical}
.form-ikili{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-baglanti{text-align:center;margin-top:20px;color:var(--renk-gri);font-size:14px}
.form-baglanti a{color:var(--renk-ana);font-weight:600}

/* ---------- Uyarı kutuları ---------- */
.uyari{padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px;font-weight:500}
.uyari-hata{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
.uyari-basari{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}
.uyari-bilgi{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}

/* ---------- Sayfa başlık şeridi ---------- */
.sayfa-serit{background:linear-gradient(135deg,var(--renk-koyu),var(--renk-ana-koyu));color:#fff;padding:48px 0;text-align:center}
.sayfa-serit h1{font-size:34px;margin-bottom:6px}
.sayfa-serit p{opacity:.85}

/* ---------- CTA bandı ---------- */
.cta-bant{background:linear-gradient(135deg,var(--renk-ana),var(--renk-yesil));color:#fff;
    border-radius:24px;padding:56px;text-align:center;margin:40px 0}
.cta-bant h2{font-size:32px;margin-bottom:12px}
.cta-bant p{font-size:18px;opacity:.92;margin-bottom:28px}

/* ---------- İstatistik ---------- */
.istatistik{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;text-align:center}
.istatistik-kart .sayi{font-size:42px;font-weight:800;color:var(--renk-ana)}
.istatistik-kart .yazi{color:var(--renk-gri);font-weight:600}

/* ---------- Üye panel ---------- */
.panel-izgara{display:grid;grid-template-columns:260px 1fr;gap:28px;margin:40px 0}
.panel-yan{background:#fff;border:1px solid var(--renk-cizgi);border-radius:var(--radius);padding:20px;height:fit-content}
.panel-yan a{display:block;padding:12px 16px;border-radius:10px;font-weight:600;color:#334155;margin-bottom:4px}
.panel-yan a:hover,.panel-yan a.aktif{background:var(--renk-ana);color:#fff}
.panel-icerik{background:#fff;border:1px solid var(--renk-cizgi);border-radius:var(--radius);padding:28px}

/* ---------- Tablo ---------- */
.tablo{width:100%;border-collapse:collapse}
.tablo th,.tablo td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--renk-cizgi);font-size:14px}
.tablo th{background:var(--renk-acik-gri);font-weight:700}
.tablo tr:hover td{background:#f8fafc}
.rozet{padding:4px 10px;border-radius:50px;font-size:12px;font-weight:700}
.rozet-yesil{background:#dcfce7;color:#15803d}
.rozet-sari{background:#fef3c7;color:#b45309}
.rozet-kirmizi{background:#fee2e2;color:#b91c1c}

/* ---------- Alt / Footer ---------- */
.site-alt{background:var(--renk-koyu);color:#cbd5e1;padding-top:48px;margin-top:150px}
.alt-ic{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:36px;padding-bottom:40px}
.alt-logo{color:#fff;font-size:22px;margin-bottom:14px}
.alt-logo-gorsel{height:60px;width:auto;margin-bottom:16px}
.alt-blok h4{color:#fff;margin-bottom:16px;font-size:16px}
.alt-blok a{display:block;padding:5px 0;color:#94a3b8;transition:var(--gecis)}
.alt-blok a:hover{color:#fff;padding-left:5px}
.alt-blok p{color:#94a3b8;margin-bottom:8px;font-size:14px}
.alt-telif{border-top:1px solid #1e293b;padding:18px 0;font-size:13.5px;color:#94a3b8}
.alt-telif-ic{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.alt-yasal{display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap}
.alt-yasal a{color:#94a3b8;font-size:13px;transition:color .2s;white-space:nowrap}
.alt-yasal a:hover{color:#fff}
@media(max-width:768px){.alt-telif-ic{flex-direction:column;text-align:center;gap:12px}}

/* ---------- Vitrin Showcase (Premium - Açık Tema) ---------- */
.vitrin-showcase{position:relative;overflow:hidden;padding:20px 0 24px;
    background:radial-gradient(900px 420px at 12% -10%,rgba(37,99,235,.10) 0%,transparent 55%),
               radial-gradient(900px 420px at 92% 110%,rgba(16,185,129,.12) 0%,transparent 55%),
               linear-gradient(180deg,#ffffff 0%,#f6f9ff 45%,#eef4ff 100%)}
.vitrin-showcase::before{content:"";position:absolute;inset:0;
    background-image:radial-gradient(rgba(37,99,235,.06) 1px,transparent 1px);
    background-size:22px 22px;opacity:.6;pointer-events:none}
.vitrin-parlak{position:absolute;width:520px;height:520px;border-radius:50%;
    background:radial-gradient(circle,rgba(37,99,235,.18),transparent 70%);
    top:-200px;left:-140px;filter:blur(30px);pointer-events:none;animation:vitrinYuz 14s ease-in-out infinite}
.vitrin-parlak-2{background:radial-gradient(circle,rgba(16,185,129,.16),transparent 70%);
    top:auto;bottom:-220px;left:auto;right:-160px;animation-delay:-7s}
@keyframes vitrinYuz{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,30px)}}

.vitrin-ust{text-align:left;margin-bottom:32px;position:relative;z-index:2}
.vitrin-etiket{display:inline-block;padding:8px 20px;border-radius:50px;font-size:12px;font-weight:800;
    letter-spacing:2px;margin-bottom:16px;color:#b45309;
    background:linear-gradient(135deg,#fef3c7,#fde68a);
    border:1px solid rgba(245,158,11,.5);box-shadow:0 6px 20px rgba(245,158,11,.18)}
.vitrin-ust h2{font-size:40px;font-weight:800;color:var(--renk-koyu);margin-bottom:12px;letter-spacing:-.5px}
.vitrin-ust p{font-size:18px;color:var(--renk-gri)}

/* Yatay kesintisiz kaydırma (butonsuz, otomatik) */
.vitrin-kaydir{position:relative;z-index:2;overflow-x:hidden;overflow-y:visible;
    padding:14px 0 24px;margin:-14px 0 -24px;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.vitrin-izgara{display:flex;gap:26px;width:max-content;
    animation:vitrinKaydir 45s linear infinite}
.vitrin-kaydir:hover .vitrin-izgara{animation-play-state:paused}
@keyframes vitrinKaydir{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
}
.vitrin-kart{position:relative;display:flex;flex-direction:column;flex:0 0 340px;width:340px;
    padding:28px;border-radius:20px;overflow:hidden;
    background:#fff;border:1px solid #e6ecf5;
    box-shadow:0 10px 30px rgba(2,6,23,.06);
    transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s,border-color .35s}
.vitrin-kart::after{content:"";position:absolute;inset:0;border-radius:20px;padding:1.5px;pointer-events:none;
    background:linear-gradient(135deg,#f59e0b,#2563eb 55%,#10b981);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s}
.vitrin-kart:hover{transform:translateY(-10px);border-color:transparent;
    box-shadow:0 28px 55px rgba(2,6,23,.16),0 0 0 rgba(0,0,0,0)}
.vitrin-kart:hover::after{opacity:1}
.vitrin-kart-parlak{position:absolute;top:-60%;left:-30%;width:80%;height:220%;
    background:linear-gradient(90deg,transparent,rgba(37,99,235,.08),transparent);
    transform:rotate(20deg);transition:left .6s;pointer-events:none}
.vitrin-kart:hover .vitrin-kart-parlak{left:130%}

.vitrin-kart-ust{display:flex;gap:16px;align-items:center;margin-bottom:18px;margin-top:16px;position:relative;z-index:2}
.vitrin-logo{width:70px;height:70px;border-radius:16px;flex-shrink:0;overflow:hidden;
    display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;
    background:linear-gradient(135deg,#2563eb,#10b981);box-shadow:0 8px 22px rgba(37,99,235,.28)}
.vitrin-logo img{width:100%;height:100%;object-fit:cover}
.vitrin-baslik{min-width:0;flex:1}
.vitrin-baslik h3{font-size:clamp(15px,2.4vw,20px);color:var(--renk-koyu);margin-bottom:5px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.vitrin-sehir{font-size:14px;color:var(--renk-ana)}

/* Öne Çıkan rozeti (köşeden sarkan, adın üstüne binmez) */
.vitrin-one-cikan{position:absolute;top:0;right:26px;z-index:4;
    padding:6px 14px 8px;font-size:11px;font-weight:800;letter-spacing:1px;color:#7c2d12;
    background:linear-gradient(135deg,#fbbf24,#f59e0b);
    border-radius:0 0 10px 10px;box-shadow:0 6px 16px rgba(245,158,11,.4)}

.vitrin-aciklama{color:var(--renk-gri);font-size:14px;line-height:1.65;margin-bottom:16px;position:relative;z-index:2;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    min-height:calc(1.65em * 2)}
.vitrin-hizmet{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px;position:relative;z-index:2;
    max-height:66px;overflow:hidden}
.vitrin-hizmet span{padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600;color:#475569;
    background:var(--renk-acik-gri);border:1px solid var(--renk-cizgi)}
.vitrin-kart-alt{display:flex;justify-content:space-between;align-items:center;margin-top:auto;
    padding-top:16px;border-top:1px solid var(--renk-cizgi);position:relative;z-index:2}
.vitrin-puan{color:#f59e0b;font-size:14px;letter-spacing:1px}
.vitrin-puan b{color:var(--renk-koyu);margin-left:4px}
.vitrin-incele{color:#fff;font-weight:700;font-size:14px;padding:8px 16px;border-radius:10px;
    background:linear-gradient(135deg,#2563eb,#10b981);transition:gap .25s,box-shadow .25s}
.vitrin-kart:hover .vitrin-incele{box-shadow:0 8px 22px rgba(37,99,235,.4)}

/* ---------- Boş durum ---------- */
.bos-durum{text-align:center;padding:60px 20px;color:var(--renk-gri)}
.bos-durum .ikon{font-size:56px;margin-bottom:16px}

/* ---------- Responsive ---------- */
@media(max-width:900px){
    .detay-izgara,.panel-izgara{grid-template-columns:1fr}
    .alt-ic{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
    .ana-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;
        padding:16px;box-shadow:var(--golge);border-top:1px solid var(--renk-cizgi)}
    .ana-menu.acik{display:flex}
    .menu-buton{display:block;margin-left:auto}
    .ust-butonlar{display:none}
    .manset-ic h1{font-size:32px}
    .bolum-baslik h2,.cta-bant h2,.vitrin-ust h2{font-size:26px}
    .vitrin-showcase{padding:24px 0 28px}
    .form-ikili{grid-template-columns:1fr}
    .alt-ic{grid-template-columns:1fr}
    .cta-bant{padding:36px 24px}
}

/* =====================================================
   Yeni Eklenenler - Son Kayıt Olan Firmalar (Modern Kart)
   ===================================================== */
.yeni-bolum{position:relative;overflow:hidden;padding:20px 0 24px;
    background:radial-gradient(900px 420px at 88% -10%,rgba(16,185,129,.10) 0%,transparent 55%),
               radial-gradient(900px 420px at 8% 110%,rgba(37,99,235,.10) 0%,transparent 55%),
               linear-gradient(180deg,#f8fafc 0%,#eef4ff 55%,#f1f5f9 100%)}
.yeni-desen{position:absolute;inset:0;pointer-events:none;opacity:.6;
    background-image:radial-gradient(rgba(37,99,235,.06) 1px,transparent 1px);
    background-size:24px 24px;
    -webkit-mask-image:radial-gradient(900px 500px at 50% 0%,#000 0%,transparent 75%);
    mask-image:radial-gradient(900px 500px at 50% 0%,#000 0%,transparent 75%)}
.yeni-bolum::before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;
    top:-260px;right:-180px;pointer-events:none;filter:blur(40px);
    background:radial-gradient(circle,rgba(37,99,235,.14),transparent 70%)}
.yeni-bolum::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;
    bottom:-240px;left:-160px;pointer-events:none;filter:blur(40px);
    background:radial-gradient(circle,rgba(16,185,129,.12),transparent 70%)}

/* Bölüm üst başlık */
.yeni-ust{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;
    gap:24px;margin-bottom:30px;flex-wrap:wrap}
.yeni-etiket{display:inline-flex;align-items:center;gap:9px;padding:8px 18px;border-radius:50px;
    font-size:12px;font-weight:800;letter-spacing:2px;color:#047857;margin-bottom:16px;
    background:rgba(16,185,129,.10);border:1px solid rgba(16,185,129,.30)}
.yeni-nokta{width:9px;height:9px;border-radius:50%;background:#10b981;
    box-shadow:0 0 0 0 rgba(16,185,129,.6);animation:yeniNabiz 1.8s ease-out infinite}
@keyframes yeniNabiz{0%{box-shadow:0 0 0 0 rgba(16,185,129,.6)}
    70%{box-shadow:0 0 0 10px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
.yeni-ust-sol h2{font-size:40px;font-weight:800;color:var(--renk-koyu);letter-spacing:-.5px;margin-bottom:10px}
.yeni-ust-sol p{font-size:17px;color:var(--renk-gri);max-width:520px}
.yeni-tumu{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;
    font-weight:700;font-size:14px;color:var(--renk-koyu);background:#fff;
    border:1.5px solid var(--renk-cizgi);box-shadow:0 6px 18px rgba(2,6,23,.06);transition:var(--gecis)}
.yeni-tumu span{transition:transform .3s}
.yeni-tumu:hover{border-color:var(--renk-ana);color:var(--renk-ana);transform:translateY(-2px)}
.yeni-tumu:hover span{transform:translateX(5px)}

/* Yatay kesintisiz kaydırma (vitrin gibi) */
.yeni-kaydir{position:relative;z-index:2;overflow-x:hidden;overflow-y:visible;
    padding:14px 0 24px;margin:-14px 0 -24px;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.yeni-izgara{display:flex;gap:24px;width:max-content;
    animation:vitrinKaydir 45s linear infinite}
.yeni-kaydir:hover .yeni-izgara{animation-play-state:paused}
.yeni-kart{position:relative;display:flex;flex-direction:column;overflow:hidden;
    flex:0 0 320px;width:320px;
    padding:26px;border-radius:20px;
    background:#fff;border:1px solid #e6ecf5;
    box-shadow:0 10px 30px rgba(2,6,23,.06);
    transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s,border-color .35s}
.yeni-kart::after{content:"";position:absolute;inset:0;border-radius:20px;padding:1.5px;pointer-events:none;
    background:linear-gradient(135deg,#10b981,#2563eb 60%,#38bdf8);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s}
.yeni-kart:hover{transform:translateY(-10px);border-color:transparent;
    box-shadow:0 28px 55px rgba(2,6,23,.16)}
.yeni-kart:hover::after{opacity:1}

/* YENİ rozeti */
.yeni-rozet{position:absolute;top:0;right:26px;z-index:3;
    padding:6px 14px 8px;font-size:11px;font-weight:800;letter-spacing:1px;color:#052e1a;
    background:linear-gradient(135deg,#34d399,#10b981);
    border-radius:0 0 10px 10px;box-shadow:0 6px 16px rgba(16,185,129,.4)}

/* Işıltı efekti */
.yeni-kart-parlak{position:absolute;top:-60%;left:-30%;width:80%;height:220%;
    background:linear-gradient(90deg,transparent,rgba(37,99,235,.07),transparent);
    transform:rotate(20deg);transition:left .6s;pointer-events:none}
.yeni-kart:hover .yeni-kart-parlak{left:130%}

.yeni-kart-ust{display:flex;gap:15px;align-items:center;margin-bottom:18px;position:relative;z-index:2}
.yeni-logo{width:64px;height:64px;border-radius:16px;flex-shrink:0;overflow:hidden;
    display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#fff;
    background:linear-gradient(135deg,#2563eb,#10b981);box-shadow:0 8px 22px rgba(37,99,235,.28)}
.yeni-logo img{width:100%;height:100%;object-fit:cover}
.yeni-kart-baslik{min-width:0;flex:1}
.yeni-kart-baslik h3{font-size:clamp(15px,2.3vw,19px);color:var(--renk-koyu);margin-bottom:5px;line-height:1.3;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.yeni-sehir{font-size:13.5px;color:var(--renk-ana)}

.yeni-aciklama{color:var(--renk-gri);font-size:14px;line-height:1.65;margin-bottom:16px;position:relative;z-index:2;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    min-height:calc(1.65em * 2)}
.yeni-hizmet{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px;position:relative;z-index:2;
    max-height:66px;overflow:hidden}
.yeni-hizmet span{padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600;color:#475569;
    background:var(--renk-acik-gri);border:1px solid var(--renk-cizgi)}
.yeni-kart-alt{display:flex;justify-content:space-between;align-items:center;margin-top:auto;
    padding-top:16px;border-top:1px solid var(--renk-cizgi);position:relative;z-index:2}
.yeni-puan{color:#f59e0b;font-size:13px;letter-spacing:1px}
.yeni-puan b{color:var(--renk-koyu);margin-left:4px}
.yeni-incele{color:#fff;font-weight:700;font-size:13.5px;padding:8px 15px;border-radius:10px;
    background:linear-gradient(135deg,#2563eb,#10b981);transition:box-shadow .25s,transform .25s}
.yeni-kart:hover .yeni-incele{box-shadow:0 8px 22px rgba(37,99,235,.45);transform:translateX(3px)}

.yeni-mobil-tumu{display:none;text-align:center;margin-top:40px;position:relative;z-index:2}

/* Responsive */
@media(max-width:768px){
    .yeni-bolum{padding:24px 0 28px}
    .yeni-ust{margin-bottom:34px}
    .yeni-ust-sol h2{font-size:27px}
    .yeni-tumu{display:none}
    .yeni-mobil-tumu{display:block}
}

/* =====================================================
   Nasıl Çalışır - Süreç / Rota Bölümü
   ===================================================== */
.surec-bolum{position:relative;overflow:hidden;padding:20px 0 24px;
    background:radial-gradient(700px 360px at 12% 0%,rgba(37,99,235,.10),transparent 60%),
               radial-gradient(700px 360px at 88% 100%,rgba(16,185,129,.10),transparent 60%),
               linear-gradient(180deg,#f8fafc 0%,#eef4ff 50%,#f1f5f9 100%)}
.surec-bolum::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;
    background-image:radial-gradient(rgba(37,99,235,.06) 1px,transparent 1px);background-size:24px 24px;
    -webkit-mask-image:radial-gradient(800px 420px at 50% 40%,#000,transparent 75%);
    mask-image:radial-gradient(800px 420px at 50% 40%,#000,transparent 75%)}
.surec-bolum>.kapsayici{position:relative;z-index:2}
.surec-ust{text-align:center;max-width:760px;margin:0 auto 20px}
.surec-ust h2{font-size:34px;font-weight:800;color:var(--renk-koyu);line-height:1.3;margin-bottom:16px}
.surec-vurgu{display:inline-block;color:#fff;padding:2px 16px;border-radius:10px;
    background:linear-gradient(135deg,#f59e0b,#ef4444);
    box-shadow:0 8px 20px rgba(245,158,11,.3);transform:rotate(-1.5deg);
    vertical-align:bottom;overflow:hidden}
/* Değişen kelime animasyonu (hızlı / teknolojik / güvenilir) */
.surec-kelime{display:inline-grid;vertical-align:bottom;overflow:hidden;
    height:1.3em;line-height:1.3em}
.surec-kelime>span{grid-area:1/1;text-align:center;white-space:nowrap;
    opacity:0;transform:translateY(100%);
    animation:surecKelime 9s infinite}
.surec-kelime>span:nth-child(1){animation-delay:0s}
.surec-kelime>span:nth-child(2){animation-delay:3s}
.surec-kelime>span:nth-child(3){animation-delay:6s}
@keyframes surecKelime{
    0%     {opacity:0;transform:translateY(100%)}
    3.5%   {opacity:1;transform:translateY(0)}
    30%    {opacity:1;transform:translateY(0)}
    33.5%  {opacity:0;transform:translateY(-100%)}
    100%   {opacity:0;transform:translateY(-100%)}
}
@media(prefers-reduced-motion:reduce){
    .surec-kelime>span{animation:surecKelimeSade 9s infinite}
    @keyframes surecKelimeSade{0%,33%{opacity:1}34%,100%{opacity:0}}
}
.surec-ust p{font-size:17px;color:var(--renk-gri);line-height:1.7}

/* Rota */
.surec-rota{position:relative;display:flex;justify-content:center;align-items:flex-start;
    gap:20px;flex-wrap:wrap}
.surec-cizgi{position:absolute;top:60px;left:6%;right:6%;height:3px;z-index:0;
    background-image:linear-gradient(90deg,var(--renk-cizgi) 60%,transparent 0);
    background-size:16px 3px;background-repeat:repeat-x}

.surec-adim{position:relative;z-index:2;flex:1;min-width:180px;max-width:220px;text-align:center;
    display:flex;flex-direction:column;align-items:center}
.surec-daire{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    font-size:46px;margin-bottom:22px;position:relative;
    background:linear-gradient(135deg,var(--surec-renk),var(--surec-renk2));
    box-shadow:0 16px 34px color-mix(in srgb,var(--surec-renk) 35%,transparent);
    border:6px solid #fff;transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s}
.surec-daire::before{content:"";position:absolute;inset:-6px;border-radius:50%;
    border:2px dashed color-mix(in srgb,var(--surec-renk) 40%,transparent);
    animation:surecDon 22s linear infinite}
@keyframes surecDon{to{transform:rotate(360deg)}}
.surec-adim:hover .surec-daire{transform:translateY(-8px) scale(1.04);
    box-shadow:0 24px 44px color-mix(in srgb,var(--surec-renk) 45%,transparent)}
.surec-daire-buyuk{width:170px;height:170px;font-size:64px;margin-top:-26px}

.surec-no{position:absolute;top:0;right:calc(50% - 74px);z-index:3;
    width:34px;height:34px;border-radius:50%;background:#fff;color:var(--renk-koyu);
    font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;
    box-shadow:0 6px 16px rgba(2,6,23,.14);border:2px solid var(--surec-renk,#2563eb)}
.surec-daire-buyuk ~ .surec-no{right:calc(50% - 96px)}

.surec-adim h3{font-size:17px;color:var(--renk-koyu);margin-bottom:8px}
.surec-adim p{font-size:14px;color:var(--renk-gri);line-height:1.6}
.surec-adim-buyuk h3{color:var(--renk-ana)}

.surec-cta{text-align:center;margin-top:56px}

@media(max-width:768px){
    .surec-bolum{padding:24px 0 28px}
    .surec-ust{margin-bottom:44px}
    .surec-ust h2{font-size:25px}
    .surec-cizgi{display:none}
    .surec-rota{flex-direction:column;align-items:center;gap:34px}
    .surec-adim,.surec-adim-buyuk{max-width:320px}
    .surec-daire-buyuk{width:120px;height:120px;font-size:46px;margin-top:0}
    .surec-daire-buyuk ~ .surec-no{right:calc(50% - 74px)}
}

/* =====================================================
   HERO / Manşet (Yeni Tasarım)
   ===================================================== */
.hero{position:relative;overflow:hidden;padding:14px 0 0;
    background:linear-gradient(180deg,#eef4ff 0%,#f6f9ff 60%,#eef2fb 100%)}
.hero-desen{position:absolute;inset:0;pointer-events:none;opacity:.5;
    background-image:radial-gradient(rgba(37,99,235,.07) 1px,transparent 1px);background-size:26px 26px;
    -webkit-mask-image:radial-gradient(1000px 500px at 30% 20%,#000,transparent 75%);
    mask-image:radial-gradient(1000px 500px at 30% 20%,#000,transparent 75%)}
.hero-sekil{position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none}
.hero-sekil-1{width:520px;height:520px;top:-200px;left:-160px;
    background:radial-gradient(circle,rgba(37,99,235,.16),transparent 70%)}
.hero-sekil-2{width:480px;height:480px;bottom:60px;right:-180px;
    background:radial-gradient(circle,rgba(16,185,129,.14),transparent 70%)}

/* Arka plan illüstrasyonu (metinlerin arkasında, soluk) */
.hero-illustrasyon{position:absolute;left:0;right:0;bottom:0;top:auto;width:100%;height:auto;max-height:none;
    object-fit:contain;object-position:center bottom;
    z-index:1;pointer-events:none;user-select:none;display:block;opacity:.55;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20%);
    mask-image:linear-gradient(180deg,transparent 0,#000 20%)}

.hero-ic{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:48px;
    align-items:start;padding-top:20px;padding-bottom:150px}

/* Sol metin */
.hero-baslik{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.15;letter-spacing:-.5px;
    margin-bottom:22px;padding-top:4px;color:var(--renk-ana);white-space:nowrap;
    background:linear-gradient(120deg,#2563eb 0%,#10b981 55%,#f59e0b 100%);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-metin{font-size:18px;line-height:1.75;color:#475569;max-width:520px;margin-bottom:30px}

/* Hero metin slider (birden fazla manşet) */
.hero-slider{display:grid}
.hero-slayt{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(14px);
    transition:opacity .6s ease,transform .6s ease;pointer-events:none}
.hero-slayt.aktif{opacity:1;visibility:visible;transform:none;pointer-events:auto;position:relative;z-index:2}
.hero-noktalar{display:flex;gap:10px;margin-top:26px}
.hero-nokta{width:11px;height:11px;border-radius:50%;background:#cbd5e1;cursor:pointer;transition:var(--gecis)}
.hero-nokta:hover{background:#94a3b8}
.hero-nokta.aktif{background:linear-gradient(135deg,#f59e0b,#ef4444);width:30px;border-radius:6px}
.hero-metin .vurgu{background:linear-gradient(120deg,#f59e0b,#ef4444);color:#fff;
    padding:1px 8px;border-radius:6px;font-weight:600}
.hero-butonlar{display:flex;gap:14px;flex-wrap:wrap}
.hero-btn-beyaz{background:#fff}

/* Hero butonları — buzlu cam / transparan */
.hero-butonlar .btn{-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);
    box-shadow:0 8px 22px rgba(30,41,99,.1),inset 0 1px 0 rgba(255,255,255,.5)}
.hero-butonlar .btn-vurgu{background:linear-gradient(135deg,rgba(245,158,11,.55),rgba(217,119,6,.5));
    color:#fff;border:1px solid rgba(255,255,255,.4)}
.hero-butonlar .btn-vurgu:hover{background:linear-gradient(135deg,rgba(245,158,11,.75),rgba(217,119,6,.7));
    transform:translateY(-2px)}
.hero-butonlar .hero-btn-beyaz{background:rgba(255,255,255,.28);border:1.5px solid rgba(255,255,255,.6);
    color:var(--renk-koyu)}
.hero-butonlar .hero-btn-beyaz:hover{background:rgba(255,255,255,.45);border-color:var(--renk-ana);
    color:var(--renk-ana);transform:translateY(-2px)}

/* Sağ panel - hizmet kartları (buzlu cam / mimari transparan) */
.hero-panel{position:relative;z-index:2;border-radius:22px;padding:14px;overflow:hidden;
    background:linear-gradient(155deg,rgba(255,255,255,.42),rgba(255,255,255,.24));
    -webkit-backdrop-filter:blur(11px) saturate(1.2);backdrop-filter:blur(11px) saturate(1.2);
    box-shadow:0 30px 70px rgba(30,41,99,.14),inset 0 1px 0 rgba(255,255,255,.6);
    border:1px solid rgba(255,255,255,.7)}
/* cam üstü ince ışık yansıması */
.hero-panel::before{content:"";position:absolute;top:0;left:0;right:0;height:42%;pointer-events:none;
    background:linear-gradient(180deg,rgba(255,255,255,.5),transparent);border-radius:22px 22px 0 0}
.hero-hizmet{display:flex;align-items:center;gap:18px;padding:9px 22px;border-radius:16px;
    position:relative;z-index:1;transition:var(--gecis)}
.hero-hizmet+.hero-hizmet{border-top:1px solid rgba(148,163,184,.28)}
.hero-hizmet:hover{background:rgba(255,255,255,.55)}
/* metin okunurluğu için hafif zemin */
.hero-hizmet-yazi p{text-shadow:0 1px 2px rgba(255,255,255,.7)}
.hero-hizmet-ikon{width:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.hero-hizmet-ikon svg{width:64px;height:48px}
.hero-hizmet-yazi{flex:1;min-width:0}
.hero-hizmet-yazi h3{font-size:18px;font-weight:800;color:var(--hb,#2563eb);margin-bottom:3px}
.hero-hizmet-yazi p{font-size:14px;color:#94a3b8;line-height:1.45;margin-bottom:6px}
.hero-hizmet-link{font-size:15px;font-weight:800;color:var(--renk-koyu)}
.hero-hizmet-ok{font-size:38px;line-height:1;color:#e2e8f0;font-weight:400;
    font-family:Arial,sans-serif;transition:transform .3s,color .3s;flex-shrink:0}
.hero-hizmet:hover .hero-hizmet-ok{color:#cbd5e1;transform:translateX(4px)}

/* Alt bant - özellikler */
.hero-bant{position:relative;z-index:2;
    background:linear-gradient(120deg,#5b21b6,#7c3aed 55%,#6d28d9)}
.hero-bant-ic{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:28px 20px}
.hero-ozellik{display:flex;align-items:center;gap:14px;color:#fff}
.hero-ozellik-ikon{width:48px;height:48px;border-radius:12px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;font-size:22px;
    background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2)}
.hero-ozellik h4{font-size:16px;margin-bottom:3px}
.hero-ozellik p{font-size:13px;color:#e9d5ff;line-height:1.5}

@media(max-width:960px){
    .hero-ic{grid-template-columns:1fr;gap:34px;padding-bottom:120px}
    .hero-baslik{white-space:normal;font-size:clamp(30px,7vw,46px)}
    .hero-illustrasyon{opacity:.32;top:auto;bottom:0;max-height:230px;object-position:center bottom}
}
@media(max-width:768px){
    .hero{padding:10px 0 0}
    .hero-metin{font-size:16px}
    .hero-ic{padding-bottom:90px}
    .hero-illustrasyon{opacity:.28;top:auto;bottom:0;max-height:180px;object-position:center bottom}
    .hero-bant-ic{grid-template-columns:1fr;gap:18px;padding:24px 20px}
}

/* =====================================================
   HİZMETLERİMİZ Bölümü
   ===================================================== */
.hizmetler-bolum{background:#fff}

/* Ortak mimari bölüm başlığı (logo renkli eğik etiket + slogan) */
.mimari-etiket{display:inline-block;padding:7px 22px;border-radius:8px;font-size:22px;font-weight:800;
    letter-spacing:1px;color:#fff;margin-bottom:14px;transform:skewX(-6deg);
    background:linear-gradient(120deg,var(--renk-ana),#0ea5e9 45%,var(--renk-yesil));
    box-shadow:0 10px 26px rgba(37,99,235,.28)}
.mimari-etiket>*{display:inline-block;transform:skewX(6deg)}

/* Premium mimari slogan: etiketin altında, blok, ince tipografi */
.mimari-slogan{display:block;margin-top:18px;position:relative;
    font-size:26px;font-weight:300;line-height:1.35;letter-spacing:-.4px;color:#334155;
    max-width:640px;padding-bottom:16px}
.mimari-slogan strong,.mimari-slogan b{font-weight:700;color:var(--renk-koyu)}
.mimari-slogan::after{content:"";position:absolute;left:0;bottom:0;width:72px;height:3px;
    border-radius:3px;background:linear-gradient(90deg,var(--renk-ana),var(--renk-yesil))}
@media(max-width:768px){.mimari-slogan{font-size:20px}}

/* Eski hizmet başlığı sınıfları için uyumluluk (logo renkli) */
.hizmet-etiket{display:inline-block;padding:7px 22px;border-radius:8px;font-size:22px;font-weight:800;
    letter-spacing:1px;color:#fff;margin-bottom:14px;transform:skewX(-6deg);
    background:linear-gradient(120deg,var(--renk-ana),#0ea5e9 45%,var(--renk-yesil));
    box-shadow:0 10px 26px rgba(37,99,235,.28)}
.hizmet-slogan{color:var(--renk-gri);font-size:17px}

.hizmet-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.hizmet-kart{display:flex;flex-direction:column;align-items:center;text-align:center;
    background:#fff;border:1px solid var(--renk-cizgi);border-radius:14px;padding:40px 28px;
    transition:var(--gecis)}
.hizmet-kart:hover{transform:translateY(-6px);box-shadow:var(--golge-buyuk);border-color:transparent}
.hizmet-ikon{color:#1e293b;margin-bottom:22px;transition:color .3s}
.hizmet-ikon svg{width:80px;height:56px}
.hizmet-kart:hover .hizmet-ikon{color:var(--renk-ana)}
.hizmet-kart h3{font-size:19px;font-weight:800;color:var(--renk-ana);margin-bottom:14px}
.hizmet-kart p{font-size:14.5px;color:#94a3b8;line-height:1.6;margin-bottom:20px;max-width:280px}
.hizmet-daha{font-size:14px;font-weight:800;color:var(--renk-vurgu);letter-spacing:.3px}
.hizmet-kart:hover .hizmet-daha{color:#d97706}

@media(max-width:900px){.hizmet-izgara{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hizmet-izgara{grid-template-columns:1fr}}

/* Hizmet detay sayfası */
.hizmet-detay-govde{padding:48px 0}
.hizmet-detay-izgara{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.hizmet-detay-gorsel{border-radius:var(--radius);overflow:hidden;box-shadow:var(--golge);background:#f1f5f9}
.hizmet-detay-gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.hizmet-detay-gorsel-bos{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;
    color:var(--renk-ana);background:linear-gradient(135deg,#dbeafe,#ecfdf5)}
.hizmet-detay-gorsel-bos svg{width:140px;height:98px}
.hizmet-detay-icerik h1{font-size:32px;color:var(--renk-koyu);margin-bottom:16px}
.hizmet-detay-icerik .hizmet-detay-metin{color:#475569;font-size:16px;line-height:1.8}
.hizmet-detay-icerik .hizmet-detay-metin p{margin-bottom:14px}
.hizmet-detay-icerik .hizmet-detay-metin ul{margin:0 0 14px 20px}
@media(max-width:768px){.hizmet-detay-izgara{grid-template-columns:1fr;gap:26px}
    .hizmet-detay-icerik h1{font-size:26px}}

/* =====================================================
   Firma Detay Sayfası (Mimari / Profesyonel)
   ===================================================== */
.fd-hero{position:relative;overflow:hidden;padding:22px 0 92px;
    background:linear-gradient(130deg,#0f172a 0%,#1e3a8a 55%,#1d4ed8 100%)}
.fd-hero-desen{position:absolute;inset:0;pointer-events:none;opacity:.5;
    background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;
    -webkit-mask-image:radial-gradient(700px 400px at 20% 10%,#000,transparent 70%);
    mask-image:radial-gradient(700px 400px at 20% 10%,#000,transparent 70%)}
.fd-hero::after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;
    right:-160px;top:-180px;filter:blur(40px);pointer-events:none;
    background:radial-gradient(circle,rgba(16,185,129,.22),transparent 70%)}

.fd-breadcrumb{position:relative;z-index:2;display:flex;align-items:center;gap:8px;
    font-size:13.5px;color:#cbd5e1;margin-bottom:26px;flex-wrap:wrap}
.fd-breadcrumb a{color:#cbd5e1;transition:color .2s}
.fd-breadcrumb a:hover{color:#fff}
.fd-breadcrumb span{color:#64748b}
.fd-breadcrumb strong{color:#fff;font-weight:600}

.fd-hero-ic{position:relative;z-index:2;display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.fd-logo{width:110px;height:110px;border-radius:24px;flex-shrink:0;overflow:hidden;
    display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:800;
    background:#fff;color:var(--renk-ana);box-shadow:0 18px 40px rgba(0,0,0,.28)}
.fd-logo img{width:100%;height:100%;object-fit:cover}
.fd-hero-yazi{flex:1;min-width:240px;color:#fff}
.fd-hero-yazi h1{font-size:32px;font-weight:800;line-height:1.15;margin-bottom:12px}
.fd-meta{display:flex;gap:22px;flex-wrap:wrap}
.fd-meta-item{display:inline-flex;align-items:center;gap:6px;font-size:15px;color:#dbeafe}
.fd-yildiz{color:#fbbf24;letter-spacing:1px}

/* Sağdaki aksiyon bloğu: rozetler üstte + butonlar altta, sağa hizalı */
.fd-hero-aksiyon{display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.fd-rozetler{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.fd-rozet{display:inline-flex;align-items:center;padding:5px 14px;border-radius:50px;
    font-size:12px;font-weight:700}
.fd-rozet-vitrin{background:var(--renk-vurgu);color:#fff}
.fd-rozet-onay{background:rgba(16,185,129,.18);color:#6ee7b7;border:1px solid rgba(16,185,129,.4)}
.fd-hero-butonlar{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.fd-btn-beyaz{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.3)}
.fd-btn-beyaz:hover{background:rgba(255,255,255,.16);border-color:#fff;color:#fff}

/* Gövde (hero'nun üstüne binen) */
.fd-govde{margin-top:-64px;position:relative;z-index:5}
.fd-govde .detay-izgara{margin-top:0}
.fd-sol .detay-kart{box-shadow:0 10px 30px rgba(2,6,23,.06)}
.fd-sol .detay-kart h3{color:var(--renk-koyu)}

/* Hizmet listesi */
.fd-hizmet-liste{display:flex;flex-wrap:wrap;gap:10px}
.fd-hizmet{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:10px;
    font-size:14px;font-weight:600;color:#334155;background:var(--renk-acik-gri);
    border:1px solid var(--renk-cizgi)}
.fd-hizmet-ok{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;
    border-radius:50%;background:linear-gradient(135deg,var(--renk-ana),var(--renk-yesil));
    color:#fff;font-size:11px}

/* Yorumlar */
.fd-yorum-ust{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;
    margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--renk-acik-gri)}
.fd-yorum-ust h3{margin:0;padding:0;border:0}
.fd-ort-puan{display:inline-flex;align-items:center;gap:8px}
.fd-ort-puan b{font-size:24px;color:var(--renk-koyu)}
.fd-yorumlar{display:flex;flex-direction:column;gap:4px}
.fd-yorum{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--renk-acik-gri)}
.fd-yorum:last-child{border-bottom:none}
.fd-yorum-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff;
    background:linear-gradient(135deg,var(--renk-ana),var(--renk-yesil))}
.fd-yorum-govde{flex:1;min-width:0}
.fd-yorum-bas{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px}
.fd-yorum-bas strong{color:var(--renk-koyu)}
.fd-yorum-govde p{color:var(--renk-gri);line-height:1.65;margin-bottom:6px}
.fd-yorum-govde small{color:#94a3b8}
.fd-yorum-bos{text-align:center;padding:36px 20px;color:var(--renk-gri);
    background:var(--renk-acik-gri);border-radius:12px}
.fd-yorum-bos .ikon{font-size:40px;margin-bottom:10px}
.fd-form-baslik{margin:28px 0 16px;font-size:18px;color:var(--renk-koyu)}

/* İletişim yan kart (sticky) */
.fd-yan{align-self:start}
.fd-iletisim{position:sticky;top:96px}
.fd-il-satir{display:flex;align-items:center;gap:14px;padding:14px 0;
    border-bottom:1px solid var(--renk-acik-gri)}
.fd-il-satir:last-of-type{border-bottom:none}
.fd-il-ikon{width:42px;height:42px;border-radius:12px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;font-size:18px;
    background:linear-gradient(135deg,#dbeafe,#ecfdf5)}
.fd-il-satir small{display:block;font-size:12px;color:#94a3b8;margin-bottom:2px}
.fd-il-satir b{font-size:14.5px;color:var(--renk-koyu);word-break:break-word}
.fd-il-link{transition:var(--gecis)}
.fd-il-link:hover b{color:var(--renk-ana)}

@media(max-width:900px){
    .fd-iletisim{position:static}
}
@media(max-width:768px){
    .fd-hero{padding:18px 0 84px}
    .fd-hero-yazi h1{font-size:27px}
    .fd-logo{width:80px;height:80px;font-size:32px;border-radius:18px}
    .fd-meta{gap:14px}
    .fd-govde{margin-top:-56px}
    .fd-hero-aksiyon{align-items:flex-start;width:100%}
    .fd-rozetler,.fd-hero-butonlar{justify-content:flex-start}
    .fd-hero-butonlar .btn{flex:1}
}

/* =====================================================
   CTA Premium (Firma Kaydı bandı)
   ===================================================== */
.cta-premium{position:relative;overflow:hidden;border-radius:26px;margin:40px 0;
    padding:40px 56px;color:#fff;
    background:linear-gradient(160deg,#131f35 0%,#0f172a 55%,#0b1220 100%);
    box-shadow:0 30px 70px rgba(15,23,42,.32)}
.cta-desen{position:absolute;inset:0;pointer-events:none;opacity:.5;
    background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;
    -webkit-mask-image:radial-gradient(600px 300px at 15% 20%,#000,transparent 70%);
    mask-image:radial-gradient(600px 300px at 15% 20%,#000,transparent 70%)}
.cta-parlak{position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none}
.cta-parlak-1{width:360px;height:360px;top:-160px;right:8%;
    background:radial-gradient(circle,rgba(16,185,129,.18),transparent 70%)}
.cta-parlak-2{width:320px;height:320px;bottom:-180px;left:-60px;
    background:radial-gradient(circle,rgba(37,99,235,.22),transparent 70%)}

.cta-ic{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:56px}
.cta-sol{flex:1;min-width:0}
.cta-premium h2{font-size:30px;font-weight:800;line-height:1.12;letter-spacing:-.6px;margin-bottom:18px;color:#fff}
.cta-premium h2 span{display:block;margin-top:5px}

/* Özellik listesi — tek satır */
.cta-liste{list-style:none;display:flex;gap:8px;flex-wrap:nowrap;margin:0 0 22px;padding:0;overflow:hidden}
.cta-liste li{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#e2e8f0;
    padding:6px 11px 6px 8px;border-radius:50px;background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);white-space:nowrap}
.cta-cek{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;
    border-radius:50%;background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 2px 5px rgba(16,185,129,.4)}
.cta-cek svg{width:8px;height:8px}

/* Butonlar */
.cta-butonlar{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.cta-btn-ana{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:11px;
    font-size:15px;font-weight:700;text-decoration:none;border:none;color:#fff;
    background:var(--renk-ana,#2563eb);box-shadow:0 8px 22px rgba(37,99,235,.4);
    transition:transform .2s,box-shadow .2s}
.cta-btn-ana:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(37,99,235,.55);color:#fff}
.cta-btn-ana svg{transition:transform .2s}
.cta-btn-ana:hover svg{transform:translateX(3px)}
.cta-btn-ikincil{display:inline-flex;align-items:center;padding:13px 24px;border-radius:11px;
    font-size:15px;font-weight:700;text-decoration:none;color:#fff;
    background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.28);
    transition:background .2s,border-color .2s,transform .2s}
.cta-btn-ikincil:hover{background:rgba(255,255,255,.16);border-color:#fff;transform:translateY(-2px);color:#fff}

/* Sağ istatistik paneli */
.cta-sag{flex-shrink:0;width:300px}
.cta-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cta-stat{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:16px;
    background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));
    border:1px solid rgba(255,255,255,.14)}
.cta-stat-sayi{font-size:30px;font-weight:800;line-height:1;color:#fff;letter-spacing:-1px}
.cta-stat-yazi{font-size:13px;font-weight:600;color:#cbd5e1}
.cta-stat-genis{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;
    padding:16px 20px;background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(16,185,129,.12));
    border-color:rgba(255,255,255,.2)}
.cta-stat-ikon{flex-shrink:0}
.cta-stat-ikon svg{width:64px;height:44px}

@media(max-width:768px){
    .cta-premium{padding:34px 24px;border-radius:20px}
    .cta-ic{flex-direction:column;text-align:center;gap:32px}
    .cta-premium h2{font-size:26px}
    .cta-liste{justify-content:center;flex-wrap:wrap;overflow:visible}
    .cta-liste li{white-space:normal}
    .cta-butonlar{justify-content:center}
    .cta-btn-ana,.cta-btn-ikincil{flex:1;min-width:140px;justify-content:center}
    .cta-sag{width:100%;order:-1}
    .cta-stat-genis{justify-content:center}
}

/* =====================================================
   AVANTAJLARIMIZ (Premium Mimari Kartlar)
   ===================================================== */
.avantaj-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.avantaj-kart{position:relative;overflow:hidden;background:#fff;border:1px solid var(--renk-cizgi);
    border-radius:18px;padding:32px 26px;transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s,border-color .35s}
.avantaj-kart::before{content:"";position:absolute;left:0;top:0;height:4px;width:0;
    background:linear-gradient(90deg,var(--renk-ana),var(--renk-yesil));transition:width .4s}
.avantaj-kart:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(2,6,23,.12);border-color:transparent}
.avantaj-kart:hover::before{width:100%}

.avantaj-no{position:absolute;top:18px;right:22px;font-size:34px;font-weight:800;
    color:transparent;-webkit-text-stroke:1.5px #e2e8f0;line-height:1;transition:-webkit-text-stroke-color .35s}
.avantaj-kart:hover .avantaj-no{-webkit-text-stroke-color:#c7d9f7}

.avantaj-ikon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;
    margin-bottom:20px;color:var(--renk-ana);
    background:linear-gradient(135deg,#dbeafe,#ecfdf5);transition:.35s}
.avantaj-ikon svg{width:32px;height:32px}
.avantaj-kart:hover .avantaj-ikon{color:#fff;
    background:linear-gradient(135deg,var(--renk-ana),var(--renk-yesil));
    box-shadow:0 12px 26px rgba(37,99,235,.32)}
.avantaj-kart h3{font-size:18px;font-weight:800;color:var(--renk-koyu);margin-bottom:8px}
.avantaj-kart p{font-size:14px;color:var(--renk-gri);line-height:1.6}

@media(max-width:900px){.avantaj-izgara{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.avantaj-izgara{grid-template-columns:1fr}}

/* =====================================================
   İletişim Sayfası (Mimari / Profesyonel)
   ===================================================== */
.il-hero{position:relative;overflow:hidden;padding:48px 0;
    background:linear-gradient(130deg,#0f172a 0%,#1e3a8a 55%,#1d4ed8 100%);color:#fff;text-align:center}
.il-hero-desen{position:absolute;inset:0;pointer-events:none;opacity:.5;
    background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;
    -webkit-mask-image:radial-gradient(700px 360px at 50% 20%,#000,transparent 72%);
    mask-image:radial-gradient(700px 360px at 50% 20%,#000,transparent 72%)}
.il-parlak{position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none}
.il-parlak-1{width:360px;height:360px;top:-160px;left:-80px;
    background:radial-gradient(circle,rgba(37,99,235,.4),transparent 70%)}
.il-parlak-2{width:340px;height:340px;bottom:-180px;right:-60px;
    background:radial-gradient(circle,rgba(16,185,129,.32),transparent 70%)}
.il-hero .fd-breadcrumb{justify-content:center}
.il-hero .kapsayici{position:relative;z-index:2}
.il-etiket{display:inline-block;padding:7px 18px;border-radius:50px;font-size:12px;font-weight:800;
    letter-spacing:1.5px;margin-bottom:16px;color:#a7f3d0;
    background:rgba(16,185,129,.14);border:1px solid rgba(16,185,129,.4)}
.il-hero h1{font-size:34px;font-weight:800;line-height:1.15;margin-bottom:6px}
.il-hero p{font-size:16px;color:#cbd5e1;max-width:600px;margin:0 auto;opacity:.85}

/* Gövde */
.il-govde{margin-top:40px;position:relative;z-index:5}
.il-izgara{display:grid;grid-template-columns:1fr 1.6fr;gap:26px;align-items:start}

/* Sol bilgi kartları */
.il-yan{display:flex;flex-direction:column;gap:16px}
.il-bilgi{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #eef1f8;
    border-radius:16px;padding:20px 22px;box-shadow:0 10px 30px rgba(2,6,23,.06);transition:var(--gecis)}
.il-bilgi:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(2,6,23,.12);border-color:transparent}
.il-bilgi-ikon{width:52px;height:52px;border-radius:14px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;font-size:22px;
    background:linear-gradient(135deg,#dbeafe,#ecfdf5)}
.il-bilgi small{display:block;font-size:12.5px;color:#94a3b8;margin-bottom:3px}
.il-bilgi b{font-size:15px;color:var(--renk-koyu);word-break:break-word}
a.il-bilgi:hover b{color:var(--renk-ana)}

/* Sağ form kartı */
.il-form-kart{background:#fff;border:1px solid #eef1f8;border-radius:20px;padding:36px;
    box-shadow:0 20px 50px rgba(2,6,23,.08)}
.il-form-kart h2{font-size:24px;color:var(--renk-koyu);margin-bottom:6px}
.il-form-alt{color:var(--renk-gri);font-size:15px;margin-bottom:24px}

@media(max-width:860px){
    .il-izgara{grid-template-columns:1fr}
}
@media(max-width:768px){
    .il-hero h1{font-size:27px}
    .il-form-kart{padding:26px}
}

/* =====================================================
   Giriş / Üye Ol (Split Mimari Tasarım)
   ===================================================== */
.auth-sayfa{padding:64px 0;background:
    radial-gradient(760px 380px at 12% 0%,rgba(37,99,235,.08),transparent 60%),
    radial-gradient(760px 380px at 88% 100%,rgba(16,185,129,.08),transparent 60%),#f4f7fc}
.auth-kart{width:100%;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;
    background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:26px;overflow:hidden;
    box-shadow:0 40px 90px rgba(15,23,42,.2)}

/* Sol tanıtım paneli */
.auth-yan{position:relative;overflow:hidden;color:#fff;padding:56px 54px;
    display:flex;align-items:center;
    background:linear-gradient(150deg,#0b1220 0%,#12224a 45%,#1e3a8a 100%)}
.auth-yan-desen{position:absolute;inset:0;pointer-events:none;opacity:.5;z-index:1;
    background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;
    -webkit-mask-image:radial-gradient(460px 320px at 20% 15%,#000,transparent 72%);
    mask-image:radial-gradient(460px 320px at 20% 15%,#000,transparent 72%)}
.auth-parlak{position:absolute;border-radius:50%;filter:blur(55px);pointer-events:none;z-index:0}
.auth-parlak-1{width:280px;height:280px;top:-120px;right:-60px;
    background:radial-gradient(circle,rgba(16,185,129,.28),transparent 70%)}
.auth-parlak-2{width:260px;height:260px;bottom:-120px;left:-70px;
    background:radial-gradient(circle,rgba(37,99,235,.35),transparent 70%)}
.auth-sehir{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto;z-index:1;
    pointer-events:none;opacity:.9}
.auth-yan-ic{position:relative;z-index:3}
.auth-yan-logo{margin-bottom:26px}
.auth-yan-logo img{height:48px;width:auto;display:block}
.auth-yan h2{font-size:30px;font-weight:800;line-height:1.18;margin-bottom:14px;letter-spacing:-.5px}
.auth-yan p{font-size:15px;color:#cbd5e1;line-height:1.7;margin-bottom:26px}
.auth-liste{list-style:none;display:flex;flex-direction:column;gap:13px;padding:0;margin-bottom:30px}
.auth-liste li{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:600;color:#e2e8f0}
.auth-cek{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;
    border-radius:50%;font-size:12px;color:#052e1a;flex-shrink:0;
    background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 12px rgba(16,185,129,.4)}
/* İstatistik satırı */
.auth-istatistik{display:flex;align-items:center;gap:18px;padding-top:24px;
    border-top:1px solid rgba(255,255,255,.1)}
.auth-stat b{display:block;font-size:22px;font-weight:800;color:#fff;line-height:1;letter-spacing:-.5px}
.auth-stat small{font-size:11.5px;color:#94a3b8;font-weight:600}
.auth-stat-ayrac{width:1px;height:32px;background:rgba(255,255,255,.14)}

/* Sağ form */
.auth-form{padding:48px 54px;display:flex;flex-direction:column;justify-content:center}
.auth-form form,.auth-form h1,.auth-form .auth-form-alt,.auth-form .form-baglanti,.auth-form .uyari,.auth-form-logo{
    width:100%;max-width:400px;margin-left:auto;margin-right:auto}
.auth-form-logo{margin-bottom:26px}
.auth-form-logo img{height:44px;width:auto;display:block}
.auth-form h1{font-size:27px;font-weight:800;color:var(--renk-koyu);margin-bottom:26px;letter-spacing:-.4px}
.auth-form-alt{color:var(--renk-gri);font-size:14.5px;margin-bottom:26px;line-height:1.5}
.auth-form .form-grup{margin-bottom:16px}
.auth-form .form-grup label{display:block;font-size:13px;font-weight:700;color:#334155;margin-bottom:7px}
/* İkonlu input */
.auth-input{position:relative;display:flex;align-items:center}
.auth-input-ikon{position:absolute;left:14px;display:inline-flex;color:#94a3b8;pointer-events:none;line-height:0}
.auth-input input{width:100%;padding:13px 14px 13px 42px;border:1.5px solid #e6ebf3;border-radius:11px;
    font-size:15px;font-family:inherit;color:var(--renk-koyu);background:#f8fafc;transition:var(--gecis)}
.auth-input input::placeholder{color:#94a3b8}
.auth-input input:focus{outline:none;border-color:var(--renk-ana);background:#fff;
    box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.auth-input:focus-within .auth-input-ikon{color:var(--renk-ana)}
.auth-form .btn-buyuk{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;
    transition:transform .2s,box-shadow .2s,gap .2s}
.auth-form .btn-buyuk:hover{gap:11px}
.auth-form .form-baglanti{margin-top:20px;text-align:center;font-size:14px;color:var(--renk-gri)}
.auth-form .form-baglanti a{font-weight:700;color:var(--renk-ana)}

@media(max-width:768px){
    .auth-sayfa{padding:32px 0}
    .auth-kart{grid-template-columns:1fr;max-width:440px}
    .auth-yan{display:none}
    .auth-form{padding:34px 28px}
    .auth-form-logo,.auth-form h1,.auth-form-alt{text-align:center}
    .auth-form-logo img{margin:0 auto}
}

/* =====================================================
   Üye Paneli (Mimari)
   ===================================================== */
.up-sayfa{background:
    radial-gradient(700px 340px at 12% 0%,rgba(37,99,235,.05),transparent 60%),
    radial-gradient(700px 340px at 88% 30%,rgba(16,185,129,.05),transparent 60%),#f4f7fc;
    padding-bottom:56px}
.up-sayfa .panel-izgara{margin:0;padding-top:28px}
.up-yan{padding:0;overflow:hidden;position:sticky;top:90px;
    box-shadow:0 10px 34px rgba(15,23,42,.06);border-color:rgba(15,23,42,.06)}
.up-kullanici{display:flex;align-items:center;gap:13px;padding:22px 20px;position:relative;overflow:hidden;
    background:linear-gradient(135deg,#0f172a,#1e3a8a 60%,#1d4ed8);color:#fff}
.up-kullanici::after{content:"";position:absolute;top:-40px;right:-30px;width:120px;height:120px;
    border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.3),transparent 70%)}
.up-avatar{width:48px;height:48px;border-radius:14px;flex-shrink:0;position:relative;z-index:1;
    background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);
    display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800}
.up-kullanici-yazi{position:relative;z-index:1}
.up-kullanici-yazi small{display:block;font-size:12px;opacity:.8;margin-bottom:2px}
.up-kullanici-yazi b{font-size:15.5px;font-weight:700}
.up-menu{padding:12px}
.up-menu a{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:11px;
    font-weight:600;font-size:14.5px;color:#475569;margin-bottom:3px;transition:var(--gecis)}
.up-menu a svg{width:19px;height:19px;flex-shrink:0}
.up-menu a:hover{background:#f1f5f9;color:var(--renk-ana)}
.up-menu a.aktif{background:linear-gradient(135deg,var(--renk-ana),#1d4ed8);color:#fff;
    box-shadow:0 8px 18px rgba(37,99,235,.28)}
.up-menu-cikis{color:#dc2626 !important;margin-top:6px;border-top:1px solid var(--renk-cizgi);
    border-radius:0 0 11px 11px;padding-top:14px !important}
.up-menu-cikis:hover{background:#fef2f2 !important;color:#dc2626 !important}

/* İçerik blokları */
.up-icerik{background:transparent;border:none;padding:0}
.up-blok{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:18px;padding:24px 26px;
    margin-bottom:22px;box-shadow:0 6px 20px rgba(15,23,42,.05)}

.up-ozet{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}
.up-ozet-kart{display:flex;align-items:center;gap:14px;padding:20px;border-radius:16px;
    background:#fff;border:1px solid rgba(15,23,42,.06);box-shadow:0 6px 20px rgba(15,23,42,.05);
    transition:transform .2s,box-shadow .2s}
.up-ozet-kart:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.08)}
.up-ozet-ikon{width:50px;height:50px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
    color:var(--oc);background:color-mix(in srgb,var(--oc) 12%,#fff)}
.up-ozet-kart b{display:block;font-size:26px;font-weight:800;color:var(--renk-koyu);line-height:1;letter-spacing:-.5px}
.up-ozet-kart small{font-size:12.5px;color:var(--renk-gri);font-weight:500}

.up-baslik-satir{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.up-baslik-satir h2{font-size:18px;font-weight:800;color:var(--renk-koyu)}
.up-firma-liste{display:flex;flex-direction:column;gap:12px}
.up-firma{display:flex;align-items:center;gap:16px;padding:16px;border-radius:14px;
    background:#fff;border:1px solid var(--renk-cizgi);transition:var(--gecis)}
.up-firma:hover{box-shadow:0 12px 30px rgba(2,6,23,.09);border-color:rgba(37,99,235,.2);transform:translateY(-1px)}
.up-firma-meta svg{opacity:.7;vertical-align:-1px}
.up-firma-logo{width:56px;height:56px;border-radius:12px;flex-shrink:0;overflow:hidden;
    display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;
    background:linear-gradient(135deg,var(--renk-ana),var(--renk-yesil))}
.up-firma-logo img{width:100%;height:100%;object-fit:cover}
.up-firma-bilgi{flex:1;min-width:0}
.up-firma-bilgi h3{font-size:16px;color:var(--renk-koyu);margin-bottom:6px}
.up-firma-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--renk-gri)}
.up-firma-islem{display:flex;gap:8px;flex-wrap:wrap}
.btn-kucuk{padding:8px 14px;font-size:13px}
.up-sil{background:#fef2f2;color:#dc2626}
.up-sil:hover{background:#fee2e2}

/* Reklamlarım listesi */
.up-reklam-liste{display:flex;flex-direction:column;gap:12px}
.up-reklam{display:flex;align-items:center;gap:16px;padding:15px 18px;border-radius:14px;
    background:#fff;border:1px solid var(--renk-cizgi);transition:var(--gecis);flex-wrap:wrap}
.up-reklam:hover{box-shadow:0 10px 26px rgba(2,6,23,.08);border-color:rgba(37,99,235,.2)}
.up-reklam-logo{width:46px;height:46px;border-radius:12px;flex-shrink:0;overflow:hidden;
    display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff;
    background:linear-gradient(135deg,var(--renk-ana),var(--renk-yesil))}
.up-reklam-logo img{width:100%;height:100%;object-fit:cover}
.up-reklam-bilgi{flex:1;min-width:150px}
.up-reklam-bilgi b{display:block;font-size:14.5px;font-weight:700;color:var(--renk-koyu)}
.up-reklam-bilgi span{font-size:12.5px;color:var(--renk-ana);font-weight:600}
.up-reklam-sure{min-width:130px}
.up-reklam-sure small{display:block;font-size:12px;color:var(--renk-gri)}
.up-reklam-sure b{font-size:12.5px;font-weight:700}
.up-reklam .rozet{padding:6px 14px;font-size:12.5px}

@media(max-width:900px){
    .up-yan{position:static}
}
@media(max-width:768px){
    .up-ozet{grid-template-columns:1fr}
    .up-firma{flex-direction:column;align-items:flex-start}
    .up-firma-islem{width:100%}
    .up-firma-islem .btn{flex:1}
    .up-reklam{flex-direction:column;align-items:flex-start}
    .up-blok{padding:20px 18px}
}

/* =====================================================
   Firma Ekle / Düzenle (Mimari bölümlü form)
   ===================================================== */
.fe-govde{display:block}
.fe-geri{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:12px;
    font-weight:700;font-size:14px;margin-bottom:16px;
    color:#334155;background:#fff;border:1px solid var(--renk-cizgi);transition:var(--gecis)}
.fe-geri:hover{border-color:var(--renk-ana);color:var(--renk-ana);transform:translateX(-3px)}
.fe-kart{background:#fff;border:1px solid #eef1f8;border-radius:20px;padding:34px;
    box-shadow:0 20px 50px rgba(2,6,23,.06)}
.fe-bolum{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--renk-acik-gri)}
.fe-bolum:last-of-type{border-bottom:none;margin-bottom:14px}
.fe-bolum-baslik{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.fe-bolum-no{width:30px;height:30px;border-radius:50%;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;
    background:linear-gradient(135deg,var(--renk-ana),var(--renk-yesil))}
.fe-bolum-baslik h3{font-size:17px;color:var(--renk-koyu)}
.fe-logo-onizleme{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.fe-logo-onizleme img{width:64px;height:64px;border-radius:12px;object-fit:cover;border:1px solid var(--renk-cizgi)}
.fe-logo-onizleme small{color:var(--renk-gri);font-size:13px}
.fe-not{text-align:center;color:var(--renk-gri);font-size:13.5px;margin-top:14px}
@media(max-width:768px){
    .fe-kart{padding:24px}
}

/* =====================================================
   Profil Sayfası
   ===================================================== */
.pf-kart{background:#fff;border:1px solid #eef1f8;border-radius:18px;padding:30px;
    box-shadow:0 12px 34px rgba(2,6,23,.06);margin-bottom:22px}
.pf-kart:last-child{margin-bottom:0}
.pf-kart .fe-bolum-baslik{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--renk-acik-gri)}
.pf-kart .fe-bolum-no{background:linear-gradient(135deg,var(--renk-ana),var(--renk-yesil));
    font-size:15px}

/* =====================================================
   Hizmet Detay - S.S.S. (Akordeon)
   ===================================================== */
.sss-bolum{padding:56px 0;
    background:radial-gradient(700px 340px at 50% 0%,rgba(37,99,235,.05),transparent 60%),#fff}
.sss-ust{margin-bottom:28px}
.sss-liste{display:flex;flex-direction:column;gap:14px;max-width:860px}
.sss-oge{background:#fff;border:1px solid var(--renk-cizgi);border-radius:14px;overflow:hidden;
    transition:box-shadow .3s,border-color .3s}
.sss-oge[open]{border-color:transparent;box-shadow:0 14px 34px rgba(2,6,23,.10)}
.sss-oge summary{display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:20px 24px;cursor:pointer;list-style:none;font-weight:700;color:var(--renk-koyu);
    font-size:16px;transition:color .25s}
.sss-oge summary::-webkit-details-marker{display:none}
.sss-oge summary:hover{color:var(--renk-ana)}
.sss-soru{flex:1}
.sss-ok{width:32px;height:32px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;
    font-size:22px;font-weight:400;line-height:1;color:#fff;
    background:linear-gradient(135deg,var(--renk-ana),var(--renk-yesil));transition:transform .3s}
.sss-oge[open] .sss-ok{transform:rotate(45deg)}
.sss-cevap{padding:0 24px 22px;color:var(--renk-gri);line-height:1.75;font-size:15px}
@media(max-width:768px){
    .sss-bolum{padding:40px 0}
    .sss-oge summary{padding:16px 18px;font-size:15px}
    .sss-cevap{padding:0 18px 18px}
}

/* =====================================================
   BLOG
   ===================================================== */
.blog-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:26px}
.blog-kart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--renk-cizgi);
    border-radius:18px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s,border-color .35s}
.blog-kart:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(2,6,23,.12);border-color:transparent}
.blog-kart-gorsel{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#dbeafe,#ecfdf5)}
.blog-kart-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.blog-kart:hover .blog-kart-gorsel img{transform:scale(1.06)}
.blog-gorsel-bos{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:56px;
    background:linear-gradient(135deg,#dbeafe,#ecfdf5)}
.blog-kategori{position:absolute;top:14px;left:14px;padding:5px 14px;border-radius:50px;font-size:12px;font-weight:700;
    color:#fff;background:linear-gradient(135deg,var(--renk-ana),var(--renk-yesil));box-shadow:0 6px 16px rgba(37,99,235,.3)}
.blog-kart-govde{padding:22px 24px;display:flex;flex-direction:column;flex:1}
.blog-kart-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#94a3b8;margin-bottom:10px}
.blog-kart-govde h3{font-size:18px;color:var(--renk-koyu);margin-bottom:10px;line-height:1.35;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-kart-govde p{font-size:14px;color:var(--renk-gri);line-height:1.6;margin-bottom:16px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-devam{margin-top:auto;font-size:14px;font-weight:700;color:var(--renk-ana);transition:gap .25s}
.blog-kart:hover .blog-devam{color:var(--renk-ana-koyu)}

/* Blog detay */
.bd-serit-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;opacity:.85;margin-top:8px}

.bd-govde{padding-top:36px}
.bd-izgara{display:grid;grid-template-columns:minmax(320px,440px) 1fr;gap:40px;align-items:start}
.bd-izgara-tek{grid-template-columns:1fr}
.bd-sol{position:sticky;top:96px}
.bd-kapak{border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(2,6,23,.12)}
.bd-kapak img{width:100%;display:block}
.bd-icerik{color:#334155;font-size:16.5px;line-height:1.85}
.bd-icerik h2,.bd-icerik h3{color:var(--renk-koyu);margin:26px 0 12px}
.bd-icerik h3{font-size:20px}
.bd-icerik p{margin-bottom:16px}
.bd-icerik ul,.bd-icerik ol{margin:0 0 16px 22px}
.bd-icerik img{max-width:100%;border-radius:12px;margin:16px 0}
.bd-paylas{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:36px;padding-top:24px;
    border-top:1px solid var(--renk-cizgi)}
.bd-paylas span{font-weight:700;color:var(--renk-koyu)}
.bd-paylas a{padding:8px 16px;border-radius:10px;font-size:13.5px;font-weight:600;
    background:var(--renk-acik-gri);color:#334155;transition:var(--gecis)}
.bd-paylas a:hover{background:var(--renk-ana);color:#fff}

@media(max-width:860px){
    .bd-izgara{grid-template-columns:1fr;gap:24px}
    .bd-sol{position:static}
}
@media(max-width:768px){
    .bd-icerik{font-size:15.5px}
}

/* =====================================================
   Teklif İste (Çok Adımlı Form)
   ===================================================== */
.tk-govde{margin-top:36px}
.tk-kart{background:#fff;border:1px solid #eef1f8;border-radius:20px;padding:32px;
    box-shadow:0 20px 50px rgba(2,6,23,.07)}

/* Adım göstergesi */
.tk-adimlar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.tk-adim{flex:1;min-width:110px;display:flex;flex-direction:column;gap:6px;padding:12px 14px;
    border:1px solid var(--renk-cizgi);border-radius:12px;cursor:pointer;transition:var(--gecis);background:#fff}
.tk-adim:hover{border-color:var(--renk-ana)}
.tk-adim-no{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;
    font-size:13px;font-weight:800;color:#64748b;background:var(--renk-acik-gri)}
.tk-adim-ad{font-size:12.5px;font-weight:700;color:#64748b;line-height:1.3}
.tk-adim.aktif{border-color:transparent;background:linear-gradient(135deg,var(--renk-ana),var(--renk-yesil))}
.tk-adim.aktif .tk-adim-no{background:rgba(255,255,255,.25);color:#fff}
.tk-adim.aktif .tk-adim-ad{color:#fff}
.tk-adim.tamam .tk-adim-no{background:var(--renk-yesil);color:#fff}
.tk-ilerleme{height:4px;border-radius:4px;background:var(--renk-acik-gri);margin:14px 0 24px;overflow:hidden}
.tk-ilerleme span{display:block;height:100%;width:0;border-radius:4px;transition:width .4s;
    background:linear-gradient(90deg,var(--renk-ana),var(--renk-vurgu))}

/* Paneller */
.tk-panel{display:none;animation:tkGir .35s ease}
.tk-panel.aktif{display:block}
@keyframes tkGir{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.tk-panel-bar{background:#eff6ff;color:#1e40af;font-weight:700;padding:12px 18px;border-radius:10px;
    border:1px solid #bfdbfe;margin-bottom:20px}
.tk-alan{border:1px solid var(--renk-cizgi);border-radius:14px;padding:24px}
.tk-alan legend{font-size:18px;font-weight:800;color:var(--renk-koyu);padding:0 8px}
.tk-alan-not{color:var(--renk-gri);font-size:14px;margin-bottom:18px}
.tk-adres-izgara{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:640px){.tk-adres-izgara{grid-template-columns:1fr}}

/* Seçim kartları */
.tk-secim-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tk-secim{cursor:pointer}
.tk-secim input{position:absolute;opacity:0;pointer-events:none}
.tk-secim-ic{display:block;padding:18px;border:1.5px solid var(--renk-cizgi);border-radius:12px;
    transition:var(--gecis);height:100%}
.tk-secim-ic b{display:block;font-size:15px;color:var(--renk-koyu);margin-bottom:6px}
.tk-secim-ic small{color:var(--renk-gri);font-size:13px;line-height:1.5}
.tk-secim:hover .tk-secim-ic{border-color:var(--renk-ana);box-shadow:0 8px 20px rgba(37,99,235,.1)}
.tk-secim input:checked + .tk-secim-ic{border-color:var(--renk-ana);
    background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(16,185,129,.06));
    box-shadow:0 0 0 3px rgba(37,99,235,.14)}
.tk-secim input:checked + .tk-secim-ic b{color:var(--renk-ana)}

/* Özet */
.tk-ozet{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}
.tk-ozet-satir{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--renk-acik-gri)}
.tk-ozet-satir span{color:var(--renk-gri)}
.tk-ozet-satir b{color:var(--renk-koyu);text-align:right}

/* Navigasyon */
.tk-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
.tk-nav .btn-birincil,.tk-nav .btn-vurgu{margin-left:auto}

/* Başarı */
.tk-basari{text-align:center;background:#fff;border:1px solid #eef1f8;border-radius:20px;padding:56px 32px;
    box-shadow:0 20px 50px rgba(2,6,23,.07);max-width:560px;margin:0 auto}
.tk-basari-ikon{width:80px;height:80px;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;
    justify-content:center;font-size:40px;color:#fff;background:linear-gradient(135deg,var(--renk-ana),var(--renk-yesil));
    box-shadow:0 14px 34px rgba(16,185,129,.35)}
.tk-basari h2{font-size:26px;color:var(--renk-koyu);margin-bottom:10px}
.tk-basari p{color:var(--renk-gri);margin-bottom:24px}

@media(max-width:768px){
    .tk-kart{padding:20px}
    .tk-adim-ad{display:none}
    .tk-adim{min-width:0;flex:0 0 auto;align-items:center}
    .tk-secim-izgara{grid-template-columns:1fr}
}

/* =====================================================
   Üye Gelen Teklifler (panel)
   ===================================================== */
.up-menu a{position:relative;display:flex;align-items:center;gap:8px}
.up-badge{margin-left:auto;min-width:22px;height:22px;padding:0 7px;border-radius:50px;
    display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;
    background:linear-gradient(135deg,#ef4444,#f59e0b);box-shadow:0 3px 10px rgba(239,68,68,.4);
    animation:upBadgeNabiz 1.6s ease-in-out infinite}
@keyframes upBadgeNabiz{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.up-menu a.aktif .up-badge{background:rgba(255,255,255,.28);box-shadow:none}

.ut-tablo td{vertical-align:middle}
.ut-yeni-satir{background:linear-gradient(90deg,rgba(239,68,68,.05),transparent)}
.ut-yeni-satir td:first-child{box-shadow:inset 3px 0 0 #ef4444}

/* Kilit ekranı (vitrin değilse) */
.ut-kilit{text-align:center;background:#fff;border:1px solid var(--renk-cizgi);border-radius:18px;padding:48px 32px;
    box-shadow:0 12px 34px rgba(2,6,23,.06)}
.ut-kilit-ikon{width:80px;height:80px;border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;
    font-size:38px;background:linear-gradient(135deg,#fef3c7,#fde68a)}
.ut-kilit h2{font-size:22px;color:var(--renk-koyu);margin-bottom:10px}
.ut-kilit p{color:var(--renk-gri);max-width:460px;margin:0 auto 22px;line-height:1.7}

/* Modal (site tarafı) */
.gt-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}
.gt-modal.acik{display:flex}
.gt-modal-arka{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(3px)}
.gt-modal-kutu{position:relative;z-index:2;width:100%;max-width:540px;max-height:88vh;overflow:auto;
    background:#fff;border-radius:18px;box-shadow:0 40px 90px rgba(2,6,23,.4);animation:tkGir .3s ease}
.gt-modal-ust{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;
    border-bottom:1px solid var(--renk-acik-gri);
    background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(16,185,129,.06))}
.gt-modal-kisi{display:flex;align-items:center;gap:14px}
.gt-avatar{width:46px;height:46px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;
    font-size:20px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--renk-ana),var(--renk-yesil))}
.gt-modal-kisi b{display:block;font-size:17px;color:var(--renk-koyu)}
.gt-kisi-alt{font-size:13.5px;color:var(--renk-gri)}
.gt-kisi-alt a{color:var(--renk-ana)}
.gt-modal-kapat{width:36px;height:36px;border-radius:10px;border:1px solid var(--renk-cizgi);cursor:pointer;
    font-size:22px;line-height:1;color:var(--renk-gri);background:#fff;transition:.2s}
.gt-modal-kapat:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}
.gt-modal-govde{padding:14px 24px}
.md-satir{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--renk-acik-gri)}
.md-satir:last-child{border-bottom:none}
.md-satir span{color:var(--renk-gri);font-size:14px;font-weight:600}
.md-satir b{color:var(--renk-koyu);font-size:14px;text-align:right;max-width:60%}
.md-bos{color:#cbd5e1!important;font-weight:400!important}
.ut-modal-alt{display:flex;gap:12px;flex-wrap:wrap;padding:0 24px 24px}
.ut-modal-alt .btn{flex:1;min-width:140px}

/* =====================================================
   Footer Bülten (Abone Ol) — footer tonuyla uyumlu şerit
   ===================================================== */
/* Açık mavi abone kartı — footer üstünde, koyu zemine oturan */
.abone-kart{
    position:relative;z-index:2;
    display:grid;grid-template-columns:auto 1fr 1.15fr;align-items:center;gap:30px;
    margin-top:-123px;margin-bottom:44px;
    background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);
    border:1px solid rgba(255,255,255,.6);
    border-radius:20px;padding:26px 34px;
    box-shadow:0 24px 50px rgba(2,6,23,.28);
    overflow:hidden}
.abone-kart::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
    background-image:radial-gradient(rgba(37,99,235,.14) 1px,transparent 1px);background-size:20px 20px;
    -webkit-mask-image:radial-gradient(400px 200px at 12% 30%,#000,transparent 75%);
    mask-image:radial-gradient(400px 200px at 12% 30%,#000,transparent 75%)}

.abone-gorsel{position:relative;z-index:1;flex-shrink:0;width:140px}
.abone-gorsel svg{width:140px;height:auto;display:block}

.abone-metin{position:relative;z-index:1;min-width:0}
.abone-metin h3{font-size:22px;font-weight:800;color:#1e3a8a;margin-bottom:6px;letter-spacing:-.3px}
.abone-metin p{font-size:14px;color:#1e40af;opacity:.85;line-height:1.55}

.abone-form{position:relative;z-index:1;width:100%}
.abone-label{display:block;font-size:14px;font-weight:700;color:#1e3a8a;margin-bottom:8px}
.abone-mesaj{padding:9px 14px;border-radius:10px;font-size:13px;font-weight:600;margin-bottom:9px}
.abone-basari{background:rgba(16,185,129,.16);color:#065f46;border:1px solid rgba(16,185,129,.4)}
.abone-hata{background:rgba(239,68,68,.14);color:#991b1b;border:1px solid rgba(239,68,68,.4)}
.abone-satir{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(30,58,138,.15);
    border-radius:10px;padding:5px 5px 5px 6px;transition:border-color .2s,box-shadow .2s}
.abone-satir:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.abone-satir input{flex:1;min-width:0;border:none;outline:none;font-size:14px;font-family:inherit;
    background:transparent;padding:11px 12px;color:#0f172a}
.abone-satir input::placeholder{color:#94a3b8}
.abone-btn{flex-shrink:0;padding:12px 26px;border-radius:8px;font-weight:800;font-size:14px;color:#fff;
    background:linear-gradient(135deg,#f59e0b,#f97316);transition:transform .25s,box-shadow .25s;cursor:pointer;border:none}
.abone-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(245,158,11,.4)}
.abone-kvkk{display:flex;align-items:flex-start;gap:8px;margin-top:10px;cursor:pointer}
.abone-kvkk input{margin-top:2px;flex-shrink:0;width:15px;height:15px;accent-color:#2563eb}
.abone-kvkk span{font-size:12px;color:#334155;line-height:1.5}
.abone-kvkk a{color:#2563eb;font-weight:600;text-decoration:underline}

.alt-iletisim-mini{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.alt-iletisim-mini a{color:#94a3b8;font-size:14px;transition:color .2s}
.alt-iletisim-mini a:hover{color:#fff}

@media(max-width:900px){
    .abone-kart{grid-template-columns:1fr;gap:18px;text-align:center;padding:24px 22px}
    .abone-gorsel{margin:0 auto}
    .abone-metin p{max-width:420px;margin:0 auto}
    .abone-label{text-align:left}
    .abone-kvkk{text-align:left}
}
@media(max-width:560px){
    .abone-satir{flex-wrap:wrap;padding:10px}
    .abone-satir input{width:100%;flex:1 1 100%}
    .abone-btn{width:100%}
}


/* =====================================================
   REKLAM BANNER SİSTEMİ — v3
   ===================================================== */

.bn-sektur {
    max-width: 1200px;
    margin: 0 auto;
    padding: 22px 20px 4px;
}
.bn-header {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 14px;
}
.bn-header::before { order: 1 }
.bn-header-etiket { order: 0 }
.bn-header-link { order: 2 }
.bn-header::before {
    content: '';
    flex: 1;
    height: 1px;
    margin: 0 14px;
    background: linear-gradient(90deg, rgba(15,23,42,.12) 0%, rgba(15,23,42,.04) 70%, transparent 100%);
    z-index: 0;
}
.bn-header-line { display: none }

/* Sol etiket — mimari, çift katmanlı rozet */
.bn-header-etiket {
    position: relative; z-index: 1;
    display: inline-flex; align-items: center; gap: 9px;
    padding: 8px 18px 8px 8px; border-radius: 12px;
    font-size: 12px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase;
    color: #0f172a;
    background: #fff;
    border: 1px solid rgba(15,23,42,.07);
    box-shadow: 0 6px 20px rgba(15,23,42,.07), 0 1px 0 rgba(255,255,255,.9) inset;
}
/* ikon kutusu */
.bn-header-etiket svg {
    color: #fff; padding: 6px; box-sizing: content-box;
    width: 14px; height: 14px; border-radius: 8px;
    background: linear-gradient(135deg, #f59e0b, #f97316);
    box-shadow: 0 4px 12px rgba(245,158,11,.4);
}
/* alt renkli çizgi (marka aksanı) */
.bn-header-etiket::after {
    content: ''; position: absolute; left: 8px; right: 18px; bottom: 4px; height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, #f59e0b, #f97316 60%, transparent);
    opacity: .5;
}

/* Sağ link — buton hissi */
.bn-header-link {
    position: relative; z-index: 1;
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 12.5px; font-weight: 800; color: var(--renk-ana, #2563eb);
    padding: 8px 16px; border-radius: 10px;
    background: linear-gradient(135deg, rgba(37,99,235,.08), rgba(37,99,235,.04));
    border: 1px solid rgba(37,99,235,.14);
    white-space: nowrap; transition: background .25s, transform .25s, box-shadow .25s, color .25s;
}
.bn-header-link:hover {
    background: linear-gradient(135deg, var(--renk-ana,#2563eb), #1d4ed8);
    color: #fff; transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(37,99,235,.32);
}

/* Dolu banner kartında "Sponsorlu" rozeti */
.bn-sponsor-rozet {
    position: absolute; top: 10px; right: 10px; z-index: 6;
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 9px; border-radius: 50px;
    font-size: 9.5px; font-weight: 800; letter-spacing: .4px; text-transform: uppercase;
    color: #0e7490; background: rgba(255,255,255,.95);
    border: 1px solid rgba(13,148,136,.3);
    box-shadow: 0 2px 6px rgba(15,23,42,.12);
    backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
    pointer-events: none;
}
.bn-sponsor-rozet::before {
    content: ''; width: 5px; height: 5px; border-radius: 50%;
    background: #0d9488; box-shadow: 0 0 0 2px rgba(13,148,136,.25);
}
/* 2'li kartta rozeti sol-üste al (sağdaki aksiyon bloğuyla çakışmasın) */
.bn-i-kart .bn-sponsor-rozet { top: 8px; left: 14px; right: auto }

/* ── 4'LÜ BANNER ── */
.bn-dort-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 13px;
}
.bn-d-kart {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    border: 1px solid rgba(226,232,240,.9);
    box-shadow: 0 1px 3px rgba(15,23,42,.05), 0 6px 20px rgba(37,99,235,.06), inset 0 1px 0 rgba(255,255,255,1);
    transition: transform .35s cubic-bezier(.16,.9,.3,1), box-shadow .35s, border-color .35s;
    min-height: 215px;
}
.bn-d-bar {
    position: absolute; top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #1e40af 0%, #2563eb 25%, #0ea5e9 50%, #10b981 75%, #059669 100%);
    border-radius: 20px 20px 0 0;
    opacity: .75;
    transition: height .3s, opacity .3s;
    z-index: 3;
}
.bn-d-kart::after {
    content: '';
    position: absolute;
    bottom: -30px; right: -30px;
    width: 120px; height: 120px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(37,99,235,.07) 0%, transparent 70%);
    pointer-events: none;
    opacity: 0;
    transition: opacity .35s;
}
.bn-d-kart:hover {
    transform: translateY(-10px) scale(1.018);
    border-color: rgba(37,99,235,.18);
    box-shadow: 0 2px 4px rgba(15,23,42,.03), 0 24px 52px rgba(37,99,235,.15), 0 0 0 1px rgba(37,99,235,.1), inset 0 1px 0 rgba(255,255,255,1);
}
.bn-d-kart:hover .bn-d-bar { height: 3.5px; opacity: 1 }
.bn-d-kart:hover::after { opacity: 1 }
.bn-d-sweep {
    position: absolute; inset: 0;
    background: linear-gradient(108deg, transparent 32%, rgba(255,255,255,.62) 50%, transparent 68%);
    transform: translateX(-120%) skewX(-12deg);
    transition: transform .58s ease;
    pointer-events: none; z-index: 4; border-radius: 20px;
}
.bn-d-kart:hover .bn-d-sweep { transform: translateX(130%) skewX(-12deg) }
.bn-d-ic {
    padding: 20px 18px 16px;
    display: flex; flex-direction: column; flex: 1;
    position: relative; z-index: 2;
}
.bn-d-ust { display: flex; align-items: center; gap: 12px; margin-bottom: 11px }
.bn-d-logo {
    position: relative; flex-shrink: 0;
    width: 54px; height: 54px; border-radius: 14px; overflow: visible;
    background: linear-gradient(140deg, #1e3a8a 0%, #1d4ed8 40%, #0ea5e9 80%);
    display: flex; align-items: center; justify-content: center;
    font-size: 21px; font-weight: 900; color: #fff;
    box-shadow: 0 6px 18px rgba(37,99,235,.38), inset 0 1px 0 rgba(255,255,255,.22);
    transition: transform .3s, box-shadow .3s;
}
.bn-d-logo img { width: 100%; height: 100%; border-radius: 14px; object-fit: cover }
.bn-d-kart:hover .bn-d-logo { transform: scale(1.06) rotate(-1deg); box-shadow: 0 10px 28px rgba(37,99,235,.48) }
.bn-d-onay {
    position: absolute; bottom: -4px; right: -4px;
    width: 19px; height: 19px; border-radius: 50%;
    background: linear-gradient(135deg, #10b981, #059669);
    border: 2.5px solid #fff;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 2px 8px rgba(16,185,129,.45);
}
.bn-d-kimlik { min-width: 0; flex: 1 }
.bn-d-kimlik h3 { font-size: 14px; font-weight: 800; color: #0f172a; margin-bottom: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -.25px; line-height: 1.3 }
.bn-d-sehir { display: inline-flex; align-items: center; gap: 3px; font-size: 11.5px; color: #2563eb; font-weight: 700 }
.bn-d-desc { font-size: 12px; color: #64748b; line-height: 1.62; flex: 1; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden }
.bn-d-chips { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 12px }
.bn-d-chips span { padding: 3px 9px; border-radius: 50px; font-size: 10.5px; font-weight: 700; color: #1d4ed8; background: rgba(37,99,235,.07); border: 1px solid rgba(37,99,235,.13); white-space: nowrap }
.bn-d-kart:hover .bn-d-chips span { background: rgba(37,99,235,.13); color: #1e40af }
.bn-d-alt { display: flex; justify-content: space-between; align-items: center; padding-top: 11px; border-top: 1px solid rgba(226,232,240,.8); margin-top: auto }
.bn-d-puan { display: flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 700; color: #f59e0b }
.bn-d-puan em { font-style: normal; color: #94a3b8; font-weight: 500; font-size: 11px }
.bn-d-btn { display: inline-flex; align-items: center; gap: 5px; padding: 7px 13px; border-radius: 10px; font-size: 12px; font-weight: 800; color: #fff; background: var(--renk-ana, #2563eb); box-shadow: 0 3px 10px rgba(37,99,235,.28); transition: box-shadow .25s, transform .25s, gap .25s; white-space: nowrap }
.bn-d-kart:hover .bn-d-btn { box-shadow: 0 8px 22px rgba(37,99,235,.45); transform: translateX(3px); gap: 8px }

/* ── 2'Lİ BANNER ── */
.bn-ikili-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px }
.bn-i-kart {
    position: relative; display: flex; align-items: stretch;
    background: #fff; border-radius: 20px; overflow: hidden;
    text-decoration: none; color: inherit;
    border: 1px solid rgba(226,232,240,.9);
    box-shadow: 0 1px 3px rgba(15,23,42,.05), 0 6px 20px rgba(37,99,235,.06), inset 0 1px 0 rgba(255,255,255,1);
    transition: transform .35s cubic-bezier(.16,.9,.3,1), box-shadow .35s, border-color .35s;
    min-height: 120px;
}
.bn-i-stripe { width: 4px; flex-shrink: 0; background: linear-gradient(180deg, #1e40af 0%, #2563eb 35%, #0ea5e9 65%, #10b981 100%); border-radius: 20px 0 0 20px; opacity: .8; transition: width .3s, opacity .3s }
.bn-i-kart::after { content: ''; position: absolute; bottom: -20px; right: -20px; width: 100px; height: 100px; border-radius: 50%; background: radial-gradient(circle, rgba(16,185,129,.07) 0%, transparent 70%); pointer-events: none; opacity: 0; transition: opacity .35s }
.bn-i-kart:hover { transform: translateY(-8px) scale(1.014); border-color: rgba(37,99,235,.18); box-shadow: 0 2px 4px rgba(15,23,42,.03), 0 22px 46px rgba(37,99,235,.14), 0 0 0 1px rgba(37,99,235,.1), inset 0 1px 0 rgba(255,255,255,1) }
.bn-i-kart:hover .bn-i-stripe { width: 5px; opacity: 1 }
.bn-i-kart:hover::after { opacity: 1 }
.bn-i-sweep { position: absolute; inset: 0; background: linear-gradient(108deg, transparent 30%, rgba(255,255,255,.58) 50%, transparent 70%); transform: translateX(-120%) skewX(-10deg); transition: transform .56s ease; pointer-events: none; z-index: 4; border-radius: 20px }
.bn-i-kart:hover .bn-i-sweep { transform: translateX(130%) skewX(-10deg) }
.bn-i-ic { display: flex; align-items: center; gap: 16px; padding: 16px 18px; flex: 1; min-width: 0; position: relative; z-index: 2 }
.bn-i-logo { position: relative; flex-shrink: 0; width: 66px; height: 66px; border-radius: 16px; overflow: visible; background: linear-gradient(140deg, #1e3a8a 0%, #1d4ed8 40%, #0ea5e9 80%); display: flex; align-items: center; justify-content: center; font-size: 26px; font-weight: 900; color: #fff; box-shadow: 0 6px 20px rgba(37,99,235,.32), inset 0 1px 0 rgba(255,255,255,.2); transition: transform .3s, box-shadow .3s }
.bn-i-logo img { width: 100%; height: 100%; border-radius: 16px; object-fit: cover }
.bn-i-kart:hover .bn-i-logo { transform: scale(1.06) rotate(-1deg); box-shadow: 0 10px 28px rgba(37,99,235,.44) }
.bn-i-bilgi { flex: 1; min-width: 0 }
.bn-i-bilgi h3 { font-size: 16px; font-weight: 800; color: #0f172a; letter-spacing: -.3px; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.bn-i-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; flex-wrap: wrap }
.bn-i-sehir { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: #2563eb; font-weight: 700 }
.bn-i-puan { display: inline-flex; align-items: center; gap: 3px; font-size: 12px; font-weight: 700; color: #f59e0b }
.bn-i-desc { font-size: 12px; color: #64748b; line-height: 1.6; margin-bottom: 7px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden }
.bn-i-chips { display: flex; flex-wrap: wrap; gap: 4px }
.bn-i-chips span { padding: 2px 9px; border-radius: 50px; font-size: 10.5px; font-weight: 700; color: #1d4ed8; background: rgba(37,99,235,.07); border: 1px solid rgba(37,99,235,.12); white-space: nowrap }
.bn-i-aksiyon { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 16px 22px; background: linear-gradient(180deg, rgba(37,99,235,.025) 0%, rgba(16,185,129,.025) 100%); border-left: 1px solid rgba(226,232,240,.8); transition: background .3s; min-width: 118px }
.bn-i-kart:hover .bn-i-aksiyon { background: linear-gradient(180deg, rgba(37,99,235,.055) 0%, rgba(16,185,129,.055) 100%) }
.bn-i-stars { text-align: center; font-size: 14px; letter-spacing: 1.5px; color: #f59e0b; line-height: 1 }
.bn-i-stars small { display: block; font-size: 10.5px; color: #94a3b8; font-weight: 600; letter-spacing: 0; margin-top: 4px }
.bn-i-btn { display: inline-flex; align-items: center; gap: 5px; padding: 9px 18px; border-radius: 11px; font-size: 13px; font-weight: 800; color: #fff; background: var(--renk-ana, #2563eb); box-shadow: 0 4px 14px rgba(37,99,235,.3), inset 0 1px 0 rgba(255,255,255,.18); transition: box-shadow .25s, transform .25s, gap .25s; white-space: nowrap }
.bn-i-kart:hover .bn-i-btn { box-shadow: 0 9px 24px rgba(37,99,235,.45); transform: scale(1.04); gap: 8px }

/* ── BOŞ SLOT 4'LÜ ── */
.bn-d-bos { background: repeating-linear-gradient(-45deg, #f8faff, #f8faff 6px, #f1f5ff 6px, #f1f5ff 12px); border: 1.5px dashed rgba(37,99,235,.22); cursor: pointer; transition: border-color .25s, background .25s, transform .25s }
.bn-d-bos:hover { border-color: rgba(37,99,235,.45); background: repeating-linear-gradient(-45deg, #eff6ff, #eff6ff 6px, #dbeafe 6px, #dbeafe 12px); transform: translateY(-6px); box-shadow: 0 16px 36px rgba(37,99,235,.12) }
.bn-d-bos-ic { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 22px 16px 18px; gap: 8px; height: 100%; min-height: 215px }
.bn-d-bos-rozet { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 50px; font-size: 9.5px; font-weight: 900; letter-spacing: .12em; color: #2563eb; background: rgba(37,99,235,.1); border: 1px solid rgba(37,99,235,.18) }
.bn-d-bos-ikon { width: 52px; height: 52px; border-radius: 14px; background: linear-gradient(135deg, rgba(37,99,235,.1), rgba(16,185,129,.08)); border: 1.5px dashed rgba(37,99,235,.25); display: flex; align-items: center; justify-content: center; color: #2563eb; transition: background .25s }
.bn-d-bos:hover .bn-d-bos-ikon { background: linear-gradient(135deg, rgba(37,99,235,.16), rgba(16,185,129,.12)) }
.bn-d-bos-yazi strong { display: block; font-size: 13.5px; font-weight: 800; color: #1e40af; margin-bottom: 2px }
.bn-d-bos-yazi span { font-size: 11px; color: #64748b }
.bn-d-bos-ornek { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 10px; background: rgba(255,255,255,.7); border: 1px solid rgba(37,99,235,.1); width: 100%; opacity: .65 }
.bn-d-bos-ornek-logo { width: 30px; height: 30px; border-radius: 8px; background: linear-gradient(135deg, #1e40af, #0ea5e9); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 900; color: #fff; flex-shrink: 0 }
.bn-d-bos-ornek b { display: block; font-size: 11.5px; color: #334155; font-weight: 700 }
.bn-d-bos-ornek small { font-size: 10.5px; color: #94a3b8 }
.bn-d-bos-btn { display: inline-flex; align-items: center; gap: 4px; padding: 7px 18px; border-radius: 9px; font-size: 12.5px; font-weight: 800; color: #fff; background: var(--renk-ana, #2563eb); box-shadow: 0 4px 14px rgba(37,99,235,.3); transition: box-shadow .22s, transform .22s; margin-top: 4px }
.bn-d-bos:hover .bn-d-bos-btn { box-shadow: 0 8px 22px rgba(37,99,235,.45); transform: scale(1.04) }

/* ── BOŞ SLOT 2'Lİ ── */
.bn-i-bos { background: repeating-linear-gradient(-45deg, #f8faff, #f8faff 7px, #f0f6ff 7px, #f0f6ff 14px); border: 1.5px dashed rgba(37,99,235,.22); cursor: pointer; transition: border-color .25s, background .25s, transform .25s }
.bn-i-bos:hover { border-color: rgba(37,99,235,.5); transform: translateY(-5px); box-shadow: 0 14px 30px rgba(37,99,235,.12) }
.bn-i-bos-stripe { background: repeating-linear-gradient(180deg, rgba(37,99,235,.3) 0px, rgba(16,185,129,.3) 50%) !important; opacity: .5 }
.bn-i-bos-ic { display: flex; align-items: center; justify-content: space-between; flex: 1; gap: 14px; padding: 12px 14px; min-height: 120px; }
.bn-i-bos-sol { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0 }
.bn-i-bos-rozet { display: none }
.bn-i-bos-ornek-logo { width: 52px; height: 52px; border-radius: 13px; background: linear-gradient(135deg, #1e40af, #0ea5e9); display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 900; color: #fff; flex-shrink: 0; opacity: .55; border: 1.5px dashed rgba(37,99,235,.35) }
.bn-i-bos-yazi strong { display: block; font-size: 15px; font-weight: 800; color: #1e40af; margin-bottom: 3px }
.bn-i-bos-yazi span { font-size: 11.5px; color: #2563eb; font-weight: 600 }
.bn-i-bos-yazi p { font-size: 12px; color: #64748b; margin-top: 4px; line-height: 1.5 }
.bn-i-bos-sag { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 14px 18px; border-left: 1px dashed rgba(37,99,235,.18); color: #94a3b8; flex-shrink: 0 }
.bn-i-bos-btn { display: inline-flex; align-items: center; gap: 4px; padding: 8px 18px; border-radius: 10px; font-size: 13px; font-weight: 800; color: #fff; background: var(--renk-ana, #2563eb); box-shadow: 0 4px 14px rgba(37,99,235,.3); transition: box-shadow .22s, transform .22s; white-space: nowrap }
.bn-i-bos:hover .bn-i-bos-btn { box-shadow: 0 8px 22px rgba(37,99,235,.45); transform: scale(1.04) }

/* ── RESPONSIVE ── */
@media (max-width: 1024px) { .bn-dort-grid { grid-template-columns: repeat(2,1fr) } }
@media (max-width: 768px) {
    .bn-sektur { padding: 18px 16px 4px }
    .bn-dort-grid { display: flex !important; flex-wrap: nowrap; overflow-x: auto; gap: 12px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: 8px }
    .bn-dort-grid::-webkit-scrollbar { display: none }
    .bn-dort-grid .bn-d-kart, .bn-dort-grid .bn-d-bos,
    .bn-dort-grid .bnd2-kart { flex: 0 0 240px; width: 240px; scroll-snap-align: start }
    .bn-ikili-grid { grid-template-columns: 1fr }
    .bn-i-aksiyon { display: none }
    .bn-i-bos .bn-i-bos-sag { display: flex }
    .bn-i-bos-yazi p { display: none }
    .bn-i-bos-ic { padding: 12px 14px }
    .bn-i-bos-ornek-logo { width: 40px; height: 40px; font-size: 18px }
}
@media (max-width: 380px) {
    .bn-dort-grid .bn-d-kart, .bn-dort-grid .bn-d-bos,
    .bn-dort-grid .bnd2-kart { flex: 0 0 210px; width: 210px }
}


/* =====================================================
   REKLAM VER SAYFASI (reklam-ver.php)
   ===================================================== */
.rv-icerik { padding: 32px 0 60px; max-width: 880px; margin: 0 auto }
/* Panel içindeyken tam genişlik kullan */
.up-icerik.rv-icerik { padding: 0; max-width: none; margin: 0 }

/* Adım başlık */
.rv-adim-baslik { display:flex; align-items:center; gap:14px; margin-bottom:18px; margin-top:32px }
.rv-adim-baslik:first-child { margin-top:0 }
.rv-adim-baslik h2 { font-size:20px; font-weight:800; color:#0f172a; margin-bottom:3px }
.rv-adim-baslik p  { font-size:13px; color:#64748b }

/* Firma seçim kartları */
.rv-firma-grid { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:8px }
.rv-firma-kart {
    position:relative; display:flex; align-items:center; gap:12px;
    padding:14px 18px; background:#fff;
    border:2px solid #e2e8f0; border-radius:14px;
    cursor:pointer; transition:border-color .2s, box-shadow .2s;
    min-width:220px;
}
.rv-firma-kart:hover { border-color:#2563eb; box-shadow:0 4px 14px rgba(37,99,235,.12) }
.rv-firma-kart:has(.rv-radio:checked) {
    border-color:#2563eb; background:#f8fbff;
    box-shadow:0 0 0 3px rgba(37,99,235,.12);
}
.rv-radio { display:none }
.rv-firma-ic { display:flex; align-items:center; gap:12px; flex:1 }
.rv-firma-logo {
    width:44px; height:44px; border-radius:11px; flex-shrink:0; overflow:hidden;
    background:linear-gradient(135deg,#2563eb,#10b981);
    display:flex; align-items:center; justify-content:center;
    font-size:18px; font-weight:800; color:#fff;
}
.rv-firma-logo img { width:100%; height:100%; object-fit:cover; border-radius:11px }
.rv-firma-ic strong { display:block; font-size:14px; font-weight:700; color:#0f172a }
.rv-firma-ic span   { font-size:12px; color:#64748b }
.rv-secili-badge {
    position:absolute; top:8px; right:10px;
    width:20px; height:20px; border-radius:50%;
    background:#2563eb; color:#fff;
    font-size:11px; font-weight:800;
    display:flex; align-items:center; justify-content:center;
    opacity:0; transition:opacity .2s;
}
.rv-firma-kart:has(.rv-radio:checked) .rv-secili-badge { opacity:1 }

/* Konum kartları */
.rv-konum-grid {
    display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
    gap:14px; margin-bottom:8px;
}
.rv-konum-kart {
    position:relative; display:block;
    background:#fff; border:2px solid #e2e8f0;
    border-radius:16px; cursor:pointer;
    transition:border-color .25s, box-shadow .25s, transform .25s;
    overflow:hidden;
}
.rv-konum-kart:hover { border-color:#2563eb; box-shadow:0 8px 24px rgba(37,99,235,.12); transform:translateY(-3px) }
.rv-konum-kart.secili { border-color:#2563eb; background:#f8fbff; box-shadow:0 0 0 3px rgba(37,99,235,.15) }
.rv-konum-radio { display:none }
.rv-konum-ic { padding:18px 18px 14px }
.rv-konum-ust { display:flex; gap:12px; align-items:flex-start; margin-bottom:12px }
.rv-konum-rozet {
    width:40px; height:40px; border-radius:10px; flex-shrink:0;
    background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(16,185,129,.1));
    border:1px solid rgba(37,99,235,.15);
    display:flex; align-items:center; justify-content:center; font-size:18px;
}
.rv-konum-bilgi h3 { font-size:14px; font-weight:700; color:#0f172a; margin-bottom:4px; line-height:1.3 }
.rv-konum-bilgi p  { font-size:12px; color:#64748b; line-height:1.5 }
.rv-konum-alt { display:flex; justify-content:space-between; align-items:center; padding-top:12px; border-top:1px solid #f1f5f9 }
.rv-konum-sure { font-size:12px; color:#94a3b8; font-weight:600 }
.rv-konum-fiyat { font-size:20px; font-weight:800; color:#2563eb }
.rv-konum-sec-badge {
    position:absolute; top:10px; right:10px;
    background:#2563eb; color:#fff; font-size:11px; font-weight:700;
    padding:3px 10px; border-radius:50px;
    opacity:0; transition:opacity .2s;
}
.rv-konum-kart.secili .rv-konum-sec-badge { opacity:1 }

/* Seçim özeti */
.rv-secim-ozet {
    background:linear-gradient(135deg,rgba(37,99,235,.07),rgba(16,185,129,.05));
    border:1.5px solid rgba(37,99,235,.2); border-radius:12px;
    padding:14px 20px; margin-bottom:20px;
}
.rv-ozet-ic { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap }
.rv-ozet-etiket { font-size:11px; font-weight:700; color:#2563eb; letter-spacing:.08em; display:block; margin-bottom:3px }
.rv-ozet-ic strong { font-size:15px; font-weight:700; color:#0f172a }
.rv-ozet-fiyat { font-size:26px; font-weight:800; color:#2563eb; line-height:1; text-align:right }
.rv-ozet-fiyat span { display:block; font-size:12px; color:#64748b; font-weight:500; margin-top:2px }

/* Form */
.rv-form { background:#fff; border:1px solid #e2e8f0; border-radius:20px; padding:28px; box-shadow:0 4px 20px rgba(15,23,42,.06) }
.rv-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px }

/* Hesap kutusu */
.rv-hesap-kutu { background:#0f172a; border-radius:14px; overflow:hidden; border:1px solid rgba(255,255,255,.08); margin-bottom:16px }
.rv-hesap-baslik { background:rgba(37,99,235,.15); border-bottom:1px solid rgba(255,255,255,.08); padding:12px 20px; font-size:13px; font-weight:700; color:#93c5fd; display:flex; align-items:center; gap:8px }
.rv-hesap-ic { padding:16px 20px; display:flex; flex-direction:column; gap:10px }
.rv-hesap-satir { display:flex; justify-content:space-between; align-items:center; gap:16px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.06) }
.rv-hesap-satir:last-child { border-bottom:none; padding-bottom:0 }
.rv-hesap-satir span { font-size:12px; color:#64748b; font-weight:600; flex-shrink:0 }
.rv-hesap-satir b { font-size:13.5px; color:#e2e8f0; font-weight:700; text-align:right; word-break:break-all }
.rv-hesap-tam b { font-size:13px; color:#94a3b8 }

/* Form alt */
.rv-form-alt { display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:20px }
.rv-form-not { font-size:12px; color:#94a3b8 }

/* Başarı */
.rv-basari { padding:60px 20px; text-align:center }
.rv-basari-ic { max-width:440px; margin:0 auto }
.rv-basari-ikon { font-size:56px; margin-bottom:16px }
.rv-basari-ic h2 { font-size:26px; font-weight:800; margin-bottom:12px }
.rv-basari-ic p  { color:#64748b; margin-bottom:24px; line-height:1.7 }

/* Responsive */
@media (max-width:768px) {
    .rv-icerik { padding:20px 0 40px }
    .rv-konum-grid { grid-template-columns:1fr }
    .rv-forma-grid { grid-template-columns:1fr }
    .rv-form { padding:18px 16px }
    .rv-firma-kart { min-width:0; width:100% }
}


/* =====================================================
   FİRMA KARTI v2 — Profesyonel (firmalar.php)
   (Vitrin ve eski firma-kart tasarımına dokunmaz)
   ===================================================== */
.fk2-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.fk2-kart{position:relative;display:flex;flex-direction:column;background:#fff;
    border:1px solid rgba(15,23,42,.07);border-radius:20px;overflow:hidden;text-decoration:none;
    box-shadow:0 4px 16px rgba(15,23,42,.05);transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s,border-color .35s}
.fk2-kart:hover{transform:translateY(-8px);border-color:rgba(37,99,235,.2);
    box-shadow:0 24px 50px rgba(37,99,235,.16)}

/* Kapak şeridi */
.fk2-kapak{position:relative;height:92px;
    background:linear-gradient(130deg,#1e3a8a 0%,#2563eb 55%,#0ea5e9 100%)}
.fk2-vitrin .fk2-kapak{background:linear-gradient(130deg,#0f172a 0%,#1e3a8a 45%,#1d4ed8 100%)}
.fk2-kapak-desen{position:absolute;inset:0;opacity:.5;
    background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);background-size:16px 16px;
    -webkit-mask-image:linear-gradient(120deg,#000,transparent 80%);
    mask-image:linear-gradient(120deg,#000,transparent 80%)}
/* Rozet */
.fk2-rozet{position:absolute;top:4px;left:12px;z-index:4;display:inline-flex;align-items:center;gap:5px;
    padding:5px 11px;border-radius:50px;font-size:11px;font-weight:800;letter-spacing:.3px;white-space:nowrap}
.fk2-rozet-yeni > svg,.fk2-rozet-yeni{position:relative}
.fk2-rozet-yeni{z-index:4}
.fk2-rozet-vitrin{color:#78350f;background:linear-gradient(135deg,#fde68a,#fbbf24);box-shadow:0 4px 12px rgba(245,158,11,.4)}
.fk2-rozet-yeni{position:relative;overflow:hidden;color:#fff;padding:6px 13px 6px 11px;
    background:linear-gradient(135deg,#059669 0%,#10b981 50%,#0ea5e9 100%);
    border:1px solid rgba(255,255,255,.35);
    box-shadow:0 6px 16px rgba(16,185,129,.4),inset 0 1px 0 rgba(255,255,255,.4)}
/* parıltı geçişi */
.fk2-rozet-yeni::after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;z-index:0;
    background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);
    transform:skewX(-18deg);animation:fk2Parla 3.2s ease-in-out infinite;pointer-events:none}
@keyframes fk2Parla{0%,60%{left:-60%}80%,100%{left:130%}}
.fk2-yeni-ikon{position:relative;z-index:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));
    animation:fk2Doner 6s linear infinite}
@keyframes fk2Doner{to{transform:rotate(360deg)}}
/* Onay tık */
.fk2-onay{position:absolute;top:9px;right:14px;z-index:4;width:20px;height:20px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 3px 8px rgba(16,185,129,.5)}
/* Logo (kapağa binen) */
.fk2-logo{position:absolute;left:50%;transform:translateX(-50%);bottom:-34px;z-index:2;
    width:calc(100% - 32px);height:84px;border-radius:18px;
    overflow:hidden;display:flex;align-items:center;justify-content:center;
    font-size:30px;font-weight:900;color:#fff;background:linear-gradient(135deg,#1e3a8a,#2563eb);
    border:3px solid #fff;box-shadow:0 8px 22px rgba(15,23,42,.22);transition:transform .35s}
.fk2-logo img{width:100%;height:100%;object-fit:contain;object-position:center;padding:9px;
    background:linear-gradient(135deg,#1e3a8a,#2563eb)}
.fk2-kart:hover .fk2-logo{transform:translateX(-50%) translateY(-3px)}

/* Gövde */
.fk2-govde{padding:44px 22px 16px;flex:1;display:flex;flex-direction:column}
.fk2-baslik{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.fk2-baslik h3{font-size:17px;font-weight:800;color:#0f172a;letter-spacing:-.3px;line-height:1.25;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fk2-puan{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font-size:13px;font-weight:800;color:#b45309;
    padding:3px 9px;border-radius:50px;background:#fffbeb;border:1px solid rgba(245,158,11,.28)}
.fk2-sehir{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:#2563eb;margin-bottom:10px}
.fk2-aciklama{font-size:13px;color:#64748b;line-height:1.6;margin-bottom:14px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fk2-hizmetler{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.fk2-hizmetler span{padding:4px 11px;border-radius:50px;font-size:11px;font-weight:700;color:#1d4ed8;
    background:rgba(37,99,235,.07);border:1px solid rgba(37,99,235,.13);white-space:nowrap}

/* Alt aksiyon */
.fk2-alt{padding:14px 22px;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}
.fk2-detay{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:800;color:var(--renk-ana,#2563eb);
    transition:gap .25s}
.fk2-kart:hover .fk2-detay{gap:11px}
.fk2-alt::after{content:"Onaylı Firma";font-size:11px;font-weight:600;color:#94a3b8}

@media(max-width:768px){
    .fk2-izgara{grid-template-columns:1fr}
}


/* fk2 kartları — otomatik kayan şerit (ana sayfa Son Firmalar) */
.fk2-kaydir{position:relative;z-index:2;overflow-x:hidden;overflow-y:visible;
    padding:14px 0 24px;margin:-14px 0 -24px;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.fk2-serit{display:flex;gap:24px;width:max-content;animation:vitrinKaydir 45s linear infinite}
.fk2-kaydir:hover .fk2-serit{animation-play-state:paused}
.fk2-kaydir .fk2-kart{flex:0 0 320px;width:320px}
@media(max-width:768px){
    .fk2-kaydir .fk2-kart{flex:0 0 280px;width:280px}
}


/* =====================================================
   BANNER DOLU KART v2 — fk2 tarzı (4'lü + 2'li)
   Boş slotlar (reklam daveti) etkilenmez
   ===================================================== */
/* ── 4'lü dolu kart ── */
.bnd2-kart{position:relative;display:flex;flex-direction:column;background:#fff;
    border:1px solid rgba(15,23,42,.07);border-radius:20px;overflow:hidden;text-decoration:none;
    box-shadow:0 4px 16px rgba(15,23,42,.05);transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s,border-color .35s}
.bnd2-kart:hover{transform:translateY(-8px);border-color:rgba(13,148,136,.28);box-shadow:0 24px 50px rgba(13,148,136,.18)}
.bnd2-kapak{position:relative;height:92px;background:linear-gradient(130deg,#0e7490 0%,#0d9488 55%,#0891b2 100%)}
.bnd2-kapak-desen{position:absolute;inset:0;opacity:.5;
    background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);background-size:16px 16px;
    -webkit-mask-image:linear-gradient(120deg,#000,transparent 80%);mask-image:linear-gradient(120deg,#000,transparent 80%)}
.bnd2-logo{position:absolute;left:50%;transform:translateX(-50%);bottom:-34px;z-index:2;
    width:calc(100% - 32px);height:84px;border-radius:18px;overflow:hidden;
    display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;color:#fff;
    background:linear-gradient(135deg,#065f46,#064e3b);border:3px solid #fff;
    box-shadow:0 8px 22px rgba(6,78,59,.3);transition:transform .35s}
.bnd2-logo img{width:100%;height:100%;object-fit:contain;object-position:center;padding:6px 14px;
    background:linear-gradient(135deg,#065f46,#064e3b)}
.bnd2-kart:hover .bnd2-logo{transform:translateX(-50%) translateY(-3px)}
.bnd2-onay{position:absolute;bottom:6px;right:8px;z-index:3;width:20px;height:20px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 3px 8px rgba(16,185,129,.5)}
.bnd2-govde{padding:44px 20px 14px;flex:1;display:flex;flex-direction:column}
.bnd2-kimlik h3{font-size:16px;font-weight:800;color:#0f172a;letter-spacing:-.3px;line-height:1.25;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.bnd2-sehir{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:#0e7490;margin-bottom:10px}
.bnd2-desc{font-size:12.5px;color:#64748b;line-height:1.6;margin-bottom:12px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bnd2-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.bnd2-chips span{padding:4px 11px;border-radius:50px;font-size:11px;font-weight:700;color:#0e7490;
    background:rgba(13,148,136,.09);border:1px solid rgba(13,148,136,.18);white-space:nowrap}
.bnd2-alt{padding:12px 20px;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}
.bnd2-puan{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:800;color:#b45309}
.bnd2-puan em{font-style:normal;color:#94a3b8;font-weight:600;font-size:11.5px;margin-left:2px}
.bnd2-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:10px;
    font-size:12.5px;font-weight:800;color:#fff;background:linear-gradient(135deg,#0d9488,#0891b2);
    box-shadow:0 4px 12px rgba(13,148,136,.34);transition:box-shadow .25s,transform .25s,gap .25s}
.bnd2-kart:hover .bnd2-btn{box-shadow:0 8px 20px rgba(13,148,136,.48);gap:9px}

/* ── 2'li dolu kart ── */
.bni2-kart{position:relative;display:flex;align-items:center;gap:0;background:#fff;
    border:1px solid rgba(15,23,42,.07);border-radius:20px;overflow:hidden;text-decoration:none;
    box-shadow:0 4px 16px rgba(15,23,42,.05);transition:transform .35s,box-shadow .35s,border-color .35s}
.bni2-kart:hover{transform:translateY(-6px);border-color:rgba(13,148,136,.28);box-shadow:0 20px 44px rgba(13,148,136,.16)}
.bni2-logo-blok{flex-shrink:0;align-self:stretch;display:flex;align-items:center;justify-content:center;
    padding:16px;background:linear-gradient(150deg,#0e7490,#0d9488 60%,#0891b2)}
.bni2-logo{position:relative;width:150px;height:96px;border-radius:16px;overflow:hidden;
    display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;color:#fff;
    background:rgba(255,255,255,.16);border:2px solid rgba(255,255,255,.45)}
.bni2-logo img{width:100%;height:100%;object-fit:contain;object-position:center;padding:8px 12px;
    background:linear-gradient(135deg,#065f46,#064e3b)}
.bni2-onay,.bnd2-onay{}
.bni2-logo .bnd2-onay{position:absolute;bottom:-4px;right:-4px;width:22px;height:22px;border:2px solid #fff}
.bni2-govde{flex:1;min-width:0;padding:16px 18px}
.bni2-govde h3{font-size:16px;font-weight:800;color:#0f172a;letter-spacing:-.3px;margin-bottom:5px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bni2-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:7px}
.bni2-sehir{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:#0e7490}
.bni2-puan{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:800;color:#b45309}
.bni2-desc{font-size:12.5px;color:#64748b;line-height:1.55;margin-bottom:9px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bni2-chips{display:flex;flex-wrap:wrap;gap:5px}
.bni2-chips span{padding:3px 10px;border-radius:50px;font-size:10.5px;font-weight:700;color:#0e7490;
    background:rgba(13,148,136,.09);border:1px solid rgba(13,148,136,.18);white-space:nowrap}
.bni2-aksiyon{flex-shrink:0;display:flex;align-items:center;padding:0 20px 0 8px}
.bni2-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:11px;
    font-size:13px;font-weight:800;color:#fff;background:linear-gradient(135deg,#0d9488,#0891b2);white-space:nowrap;
    box-shadow:0 4px 14px rgba(13,148,136,.34);transition:box-shadow .25s,transform .25s,gap .25s}
.bni2-kart:hover .bni2-btn{box-shadow:0 9px 22px rgba(13,148,136,.48);transform:scale(1.04);gap:9px}
@media(max-width:768px){
    .bni2-aksiyon{display:none}
    .bni2-logo{width:110px;height:80px}
}


/* =====================================================
   DUYURU ŞERİDİ (kayan yazı — ana sayfa)
   ===================================================== */
.duyuru-serit{position:relative;z-index:6;overflow:hidden;
    background:linear-gradient(120deg,#0f172a 0%,#1e3a8a 60%,#1d4ed8 100%)}
.duyuru-ic{display:flex;align-items:stretch;gap:0;overflow:hidden;
    padding-left:0;padding-right:0}
/* Sol etiket */
.duyuru-ic{min-height:42px}
.duyuru-etiket{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;align-self:stretch;
    padding:0 22px 0 20px;margin-left:-20px;font-size:12px;font-weight:800;letter-spacing:1px;color:#fff;
    background:linear-gradient(135deg,#ef4444,#dc2626);position:relative;z-index:2}
.duyuru-etiket::after{content:"";position:absolute;right:-11px;top:0;bottom:0;width:22px;
    background:linear-gradient(135deg,#ef4444,#dc2626);transform:skewX(-16deg)}
.duyuru-nokta{width:8px;height:8px;border-radius:50%;background:#fff;
    box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:duyuruNabiz 1.4s ease-in-out infinite}
@keyframes duyuruNabiz{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.6)}50%{box-shadow:0 0 0 6px rgba(255,255,255,0)}}
/* Akış alanı */
.duyuru-akis{flex:1;min-width:0;overflow:hidden;position:relative;display:flex;align-items:center;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.duyuru-kaydir{display:flex;align-items:center;gap:0;width:max-content;white-space:nowrap;
    animation:duyuruKaydir 110s linear infinite;padding-left:20px}
.duyuru-serit:hover .duyuru-kaydir{animation-play-state:paused}
@keyframes duyuruKaydir{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.duyuru-oge{display:inline-flex;align-items:center;gap:8px;color:#e2e8f0;font-size:14px;font-weight:600;
    text-decoration:none;transition:color .2s}
.duyuru-oge:hover{color:#fff}
a.duyuru-oge:hover span:last-child{text-decoration:underline}
.duyuru-ikon{font-size:15px}
.duyuru-ayrac{color:rgba(255,255,255,.3);margin:0 18px;font-weight:700}

@media(max-width:768px){
    .duyuru-serit{margin:14px 0 2px}
    .duyuru-etiket{padding:0 12px;font-size:0}
    .duyuru-etiket .duyuru-nokta{font-size:0}
    .duyuru-oge{font-size:13px}
    .duyuru-ayrac{margin:0 12px}
}


/* Teklif formu panel uyarısı (zorunlu alan) */
.tk-uyari{
    display:flex;align-items:center;gap:8px;
    margin:0 0 16px;padding:11px 16px;border-radius:10px;
    background:#fef2f2;border:1px solid rgba(239,68,68,.3);
    color:#b91c1c;font-size:13.5px;font-weight:600;
    animation:tkUyariGir .25s ease}
.tk-uyari::before{content:"⚠️";font-size:15px}
@keyframes tkUyariGir{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}


/* ---------- 404 / Sayfa Bulunamadı ---------- */
.hata404{padding:70px 0 90px;background:
    radial-gradient(1200px 400px at 50% -10%,rgba(22,163,74,.07),transparent 60%),
    var(--renk-arka,#f8fafc)}
.hata404-ic{max-width:640px;text-align:center}
.hata404-gorsel{max-width:300px;margin:0 auto 28px;animation:hata404Yuz 3.2s ease-in-out infinite}
.hata404-gorsel svg{width:100%;height:auto;display:block;
    filter:drop-shadow(0 16px 30px rgba(15,23,42,.12))}
@keyframes hata404Yuz{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.hata404-baslik{font-size:30px;font-weight:800;color:var(--renk-koyu,#0f172a);margin:0 0 12px}
.hata404-aciklama{font-size:15.5px;line-height:1.7;color:var(--renk-gri,#64748b);
    max-width:480px;margin:0 auto 30px}
.hata404-arama{display:flex;align-items:center;gap:8px;max-width:480px;margin:0 auto 26px;
    background:#fff;border:1.5px solid var(--renk-cizgi,#e2e8f0);border-radius:14px;
    padding:6px 6px 6px 16px;box-shadow:0 6px 22px rgba(15,23,42,.06);
    transition:border-color .2s,box-shadow .2s}
.hata404-arama:focus-within{border-color:var(--renk-ana,#2563eb);
    box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.hata404-arama-ikon{font-size:16px;opacity:.6;flex-shrink:0}
.hata404-arama input{flex:1;border:none;outline:none;background:transparent;
    font-size:15px;color:var(--renk-koyu,#0f172a);min-width:0}
.hata404-arama .btn{flex-shrink:0;white-space:nowrap}
.hata404-butonlar{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:28px}
.hata404-linkler{font-size:14px;color:var(--renk-gri,#64748b);
    display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;align-items:center}
.hata404-linkler span{font-weight:600}
.hata404-linkler a{color:var(--renk-ana,#2563eb);font-weight:600;text-decoration:none;
    position:relative;transition:color .2s}
.hata404-linkler a:hover{color:var(--renk-ana-koyu,#1d4ed8);text-decoration:underline}
@media(max-width:520px){
    .hata404{padding:48px 0 64px}
    .hata404-gorsel{max-width:230px;margin-bottom:20px}
    .hata404-baslik{font-size:24px}
    .hata404-arama{flex-wrap:wrap;padding:12px}
    .hata404-arama input{width:100%;padding:4px 0}
    .hata404-arama .btn{width:100%}
    .hata404-butonlar .btn{flex:1 1 100%}
}


/* ---------- Yük Borsası: Ana Sayfa Bölümü ---------- */
.yb-ana{background:
    radial-gradient(900px 300px at 15% 0%,rgba(37,99,235,.06),transparent 60%),
    radial-gradient(900px 300px at 85% 100%,rgba(22,163,74,.06),transparent 60%)}
.yb-ana-izgara{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.yb-ana-blok{background:#fff;border:1px solid var(--renk-cizgi,#e2e8f0);border-radius:18px;padding:22px;
    display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(15,23,42,.05);
    border-top:4px solid transparent;transition:box-shadow .25s,transform .25s}
.yb-ana-blok:hover{box-shadow:0 18px 44px rgba(15,23,42,.1);transform:translateY(-3px)}
.yb-ana-yuk{border-top-color:#2563eb}
.yb-ana-arac{border-top-color:#16a34a}
.yb-ana-ust{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}
.yb-ana-baslik{display:flex;gap:14px;align-items:flex-start}
.yb-ana-ikon{font-size:32px;line-height:1;flex-shrink:0;width:56px;height:56px;border-radius:14px;
    display:flex;align-items:center;justify-content:center;background:#f1f5f9}
.yb-ana-yuk .yb-ana-ikon{background:linear-gradient(135deg,#dbeafe,#eff6ff)}
.yb-ana-arac .yb-ana-ikon{background:linear-gradient(135deg,#dcfce7,#f0fdf4)}
.yb-ana-baslik h3{font-size:18px;font-weight:800;color:var(--renk-koyu,#0f172a);margin:2px 0 4px}
.yb-ana-baslik p{font-size:13px;color:var(--renk-gri,#64748b);line-height:1.5;margin:0}
.yb-ana-tumu{flex-shrink:0;font-size:13px;font-weight:700;color:var(--renk-ana,#2563eb);text-decoration:none;
    white-space:nowrap;padding-top:6px}
.yb-ana-tumu:hover{text-decoration:underline}
.yb-ana-liste{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;flex:1}
.yb-mini{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;background:#f8fafc;
    text-decoration:none;transition:background .18s}
.yb-mini:hover{background:#eef2f7}
.yb-mini-ikon{font-size:20px;flex-shrink:0;width:40px;height:40px;border-radius:10px;background:#fff;
    display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(15,23,42,.06)}
.yb-mini-orta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.yb-mini-orta b{font-size:14px;color:var(--renk-koyu,#0f172a);font-weight:700;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yb-mini-orta small{font-size:12px;color:var(--renk-gri,#64748b)}
.yb-mini-tarih{flex-shrink:0;font-size:11.5px;color:#94a3b8;white-space:nowrap}
.yb-ana-bos{flex:1;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:14px;
    padding:30px 10px;background:#f8fafc;border-radius:11px;margin-bottom:16px;text-align:center}
.yb-ana-btn{width:100%;color:#fff;font-weight:700;border:none}
.yb-ana-btn-yuk{background:linear-gradient(135deg,#2563eb,#1d4ed8)}
.yb-ana-btn-arac{background:linear-gradient(135deg,#16a34a,#059669)}
.yb-ana-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.18)}
@media(max-width:820px){.yb-ana-izgara{grid-template-columns:1fr}}

/* ---------- Yük Borsası: Genel Liste Sayfası ---------- */
.yb-genel{padding:36px 0 70px}
.yb-genel-sekme{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}
.yb-genel-sekme a{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:14px;background:#fff;
    border:1.5px solid var(--renk-cizgi,#e2e8f0);text-decoration:none;transition:.2s}
.yb-genel-sekme a:hover{border-color:#cbd5e1}
.yb-gs-ikon{font-size:28px;width:52px;height:52px;border-radius:13px;background:#f1f5f9;
    display:flex;align-items:center;justify-content:center;flex-shrink:0}
.yb-gs-yazi{display:flex;flex-direction:column}
.yb-gs-yazi b{font-size:16px;color:var(--renk-koyu,#0f172a)}
.yb-gs-yazi small{font-size:12.5px;color:var(--renk-gri,#64748b)}
.yb-genel-sekme a.aktif{border-color:transparent;color:#fff;
    background:linear-gradient(135deg,#2563eb,#16a34a);box-shadow:0 10px 26px rgba(37,99,235,.22)}
.yb-genel-sekme a.aktif .yb-gs-ikon{background:rgba(255,255,255,.2)}
.yb-genel-sekme a.aktif .yb-gs-yazi b,.yb-genel-sekme a.aktif .yb-gs-yazi small{color:#fff}
.yb-filtre{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px;align-items:center}
.yb-filtre select{flex:1;min-width:160px;padding:11px 14px;border:1.5px solid var(--renk-cizgi,#e2e8f0);
    border-radius:10px;font-size:14px;background:#fff;cursor:pointer}
.yb-filtre select:focus{outline:none;border-color:var(--renk-ana,#2563eb)}
.yb-ilanver-btn{margin-left:auto;white-space:nowrap}
.yb-genel-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.yb-kart{background:#fff;border:1px solid var(--renk-cizgi,#e2e8f0);border-radius:16px;padding:18px;
    display:flex;flex-direction:column;transition:box-shadow .22s,transform .22s;border-left:4px solid #cbd5e1}
.yb-kart:hover{box-shadow:0 14px 36px rgba(15,23,42,.09);transform:translateY(-3px)}
.yb-kart-yuk{border-left-color:#2563eb}
.yb-kart-arac{border-left-color:#16a34a}
.yb-kart-ust{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.yb-kart-ikon{font-size:22px;width:44px;height:44px;border-radius:12px;background:#f1f5f9;
    display:flex;align-items:center;justify-content:center;flex-shrink:0}
.yb-kart-kat{display:flex;flex-direction:column;min-width:0}
.yb-kart-kat b{font-size:13.5px;color:var(--renk-koyu,#0f172a)}
.yb-kart-kat small{font-size:12px;color:var(--renk-gri,#64748b)}
.yb-kart-baslik{font-size:16px;font-weight:800;color:var(--renk-koyu,#0f172a);margin:0 0 12px;line-height:1.35}
.yb-kart-rota{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.yb-rota-nokta{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:5px 10px;
    font-size:12.5px;font-weight:600;color:#334155}
.yb-rota-ok{color:#94a3b8;font-weight:800}
.yb-kart-aciklama{font-size:13.5px;color:var(--renk-gri,#64748b);line-height:1.6;margin:0 0 14px;flex:1}
.yb-kart-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding-top:12px;border-top:1px solid #f1f5f9;margin-top:auto}
.yb-kart-tarih{font-size:12px;color:#94a3b8}
.yb-kart-ara{display:inline-flex;align-items:center;gap:5px;background:#16a34a;color:#fff;
    padding:7px 14px;border-radius:9px;font-size:13px;font-weight:700;text-decoration:none;transition:.18s}
.yb-kart-ara:hover{background:#15803d;transform:translateY(-1px)}
@media(max-width:600px){
    .yb-genel-sekme{grid-template-columns:1fr}
    .yb-ilanver-btn{margin-left:0;width:100%}
}

/* Üye panel: yük borsası form başlık + ilan satırları */
.yb-form-baslik{font-size:17px;font-weight:800;color:#0f172a;margin:0 0 4px}
.yb-form-alt{font-size:13px;color:#64748b;margin:0 0 18px}
.yb-ilan-liste{display:flex;flex-direction:column;gap:10px}
.yb-ilan-sat{display:flex;align-items:center;gap:14px;padding:13px 14px;border:1px solid #eef2f6;
    border-radius:12px;background:#fff}
.yb-ilan-ikon{font-size:22px;width:44px;height:44px;border-radius:11px;background:#f1f5f9;
    display:flex;align-items:center;justify-content:center;flex-shrink:0}
.yb-ilan-orta{flex:1;min-width:0}
.yb-ilan-orta b{display:block;font-size:14.5px;color:#0f172a;margin-bottom:5px}
.yb-ilan-meta{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:12.5px;color:#64748b}
.yb-ilan-meta .yb-yesil{color:#16a34a;font-weight:700}
.yb-ilan-meta .yb-sari{color:#b45309;font-weight:700}
.yb-ilan-sil{flex-shrink:0;background:#fee2e2;color:#b91c1c;border:none;padding:7px 14px;border-radius:9px;
    font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:.18s}
.yb-ilan-sil:hover{background:#fecaca}