/* ===== Firma Tanitim — Premium Kurumsal ===== */
.ft-section{padding:60px 0;background:#fff}
.ft-hero{display:flex;gap:24px;align-items:stretch}
.ft-resim-sol .ft-hero{flex-direction:row-reverse}

/* — Icerik Alani — */
.ft-hero-icerik{flex:1;padding:48px 44px;display:flex;flex-direction:column;position:relative;z-index:1;background:#fff;border-radius:20px;border:1px solid #f0f0f0;box-shadow:0 1px 3px rgba(0,0,0,.04),0 6px 16px rgba(0,0,0,.06),0 20px 60px rgba(0,0,0,.04)}
.ft-baslik{font-size:2.1rem;font-weight:800;color:var(--ft-heading);margin-bottom:8px;line-height:1.25;letter-spacing:-.02em}
.ft-baslik::after{content:'';display:block;width:50px;height:3px;background:linear-gradient(90deg,var(--ft-primary),var(--ft-primary-light));border-radius:3px;margin-top:14px}
.ft-aciklama{color:var(--ft-text);font-size:.97rem;line-height:1.75;margin-top:18px;margin-bottom:32px}

/* — Ozellik Kutulari — */
.ft-ozellikler{display:grid;gap:12px;margin-top:auto}
.ft-ozellik{text-align:center;padding:24px 16px 20px;border:1px solid var(--ft-border);border-radius:14px;transition:all .35s cubic-bezier(.25,.46,.45,.94);background:#fff;position:relative;overflow:hidden}
.ft-ozellik::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ft-primary),var(--ft-primary-light));transform:scaleX(0);transition:transform .35s ease;transform-origin:left}
.ft-ozellik:hover::before{transform:scaleX(1)}
.ft-ozellik:hover{border-color:var(--ft-primary);transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.08)}
.ft-ozellik-ikon{width:58px;height:58px;border-radius:16px;background:transparent;color:var(--ft-icon-color);display:flex;align-items:center;justify-content:center;font-size:23px;margin:0 auto 14px;transition:all .35s ease}
.ft-ozellik:hover .ft-ozellik-ikon{background:var(--ft-primary);color:#fff;transform:scale(1.08) rotate(-3deg);box-shadow:0 4px 16px rgba(0,0,0,.15)}
.ft-ozellik h4{font-size:.88rem;font-weight:700;color:var(--ft-heading);margin:0 0 5px}
.ft-ozellik p{font-size:.8rem;color:var(--ft-text);margin:0;line-height:1.45;opacity:.85}

/* — Gorsel Alani — */
.ft-hero-gorsel{flex:0 0 42%;position:relative;min-height:420px;border-radius:20px;overflow:hidden;border:1px solid #f0f0f0;box-shadow:0 1px 3px rgba(0,0,0,.04),0 6px 16px rgba(0,0,0,.06),0 20px 60px rgba(0,0,0,.04)}
.ft-hero-gorsel img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 6s ease}
.ft-hero-gorsel:hover img{transform:scale(1.03)}
.ft-hero-gorsel::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.25) 100%);pointer-events:none}

/* — Rozet Badge — */
.ft-rozet{position:absolute;bottom:22px;right:22px;background:linear-gradient(135deg,var(--ft-badge-bg),var(--ft-primary-light));color:var(--ft-badge-text);width:92px;height:92px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.2),0 0 0 4px rgba(255,255,255,.3);z-index:2;animation:ftPulse 3s ease-in-out infinite;backdrop-filter:blur(4px)}
@keyframes ftPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.ft-resim-sol .ft-rozet{right:auto;left:22px}
.ft-rozet-sayi{font-size:1.5rem;font-weight:900;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.2)}
.ft-rozet-metin{font-size:.6rem;font-weight:600;line-height:1.2;margin-top:3px;opacity:.92}

/* — Alt Icerik — */
.ft-alt{margin-top:24px;padding:40px 44px;background:#fff;border-radius:20px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 6px 16px rgba(0,0,0,.06),0 20px 60px rgba(0,0,0,.04);position:relative;border-left:4px solid #dcdcdc}
.ft-alt-baslik{font-size:1.45rem;font-weight:800;color:var(--ft-heading);margin-bottom:16px;line-height:1.3;letter-spacing:-.01em}
.ft-alt-metin{color:var(--ft-text);line-height:1.85;font-size:.95rem}
.ft-alt-metin p{margin-bottom:12px}
.ft-alt-metin p:last-child{margin-bottom:0}
.ft-devamini-oku{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:var(--ft-primary);font-weight:700;text-decoration:none;transition:all .25s ease;padding:8px 20px;border:2px solid var(--ft-primary);border-radius:10px;font-size:.9rem}
.ft-devamini-oku::after{content:'\F138';font-family:'bootstrap-icons';font-size:.85em;transition:transform .25s ease}
.ft-devamini-oku:hover{background:var(--ft-primary);color:#fff;transform:translateX(3px);box-shadow:0 4px 16px rgba(0,0,0,.12)}
.ft-devamini-oku:hover::after{transform:translateX(4px)}

/* — Ozellik Ozel Gorsel — */
.ft-ozellik-ikon-resim img{width:100%;height:100%;object-fit:contain;border-radius:12px}
/* — Ozellik Link Wrapper — */
.ft-ozellik-link{text-decoration:none;color:inherit;display:block;height:100%}
.ft-ozellik-link .ft-ozellik{height:100%}
.ft-ozellik-link:hover .ft-ozellik{border-color:var(--ft-primary);transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.08)}
.ft-ozellik-link:hover .ft-ozellik::before{transform:scaleX(1)}
.ft-ozellik-link:hover .ft-ozellik-ikon{background:var(--ft-primary);color:#fff;transform:scale(1.08) rotate(-3deg);box-shadow:0 4px 16px rgba(0,0,0,.15)}

/* — 5-8 Sutun Kompakt Modu — */
.ft-cols-lg .ft-ozellik{padding:18px 10px 14px;min-width:0;overflow:hidden}
.ft-cols-lg .ft-ozellik-ikon{width:42px;height:42px;font-size:18px;border-radius:12px;margin-bottom:10px}
.ft-cols-lg .ft-ozellik h4{font-size:.78rem}
.ft-cols-lg .ft-ozellik p{font-size:.7rem}

/* — Cihaz Bazli Gizleme — */
@media(max-width:767px){
.ft-gizle-mobil{display:none!important}
.ft-ust-gizle-mobil>.ft-hero-gorsel,
.ft-ust-gizle-mobil>.ft-hero-icerik>.ft-baslik,
.ft-ust-gizle-mobil>.ft-hero-icerik>.ft-aciklama{display:none!important}
}
@media(min-width:768px){
.ft-gizle-masaustu{display:none!important}
.ft-ust-gizle-masaustu>.ft-hero-gorsel,
.ft-ust-gizle-masaustu>.ft-hero-icerik>.ft-baslik,
.ft-ust-gizle-masaustu>.ft-hero-icerik>.ft-aciklama{display:none!important}
}

/* — Animasyonlar — */
.ft-anim .ft-hero,.ft-anim .ft-alt{opacity:0;transform:translateY(35px);transition:all .7s cubic-bezier(.25,.46,.45,.94)}
.ft-anim.ft-gorunur .ft-hero{opacity:1;transform:translateY(0)}
.ft-anim.ft-gorunur .ft-alt{opacity:1;transform:translateY(0);transition-delay:.2s}

/* — Responsive — */
@media(max-width:1199px){
/* 5-8 sutun secilmisse orta ekranlarda 4'e dusur */
.ft-ozellikler.ft-cols-lg{grid-template-columns:repeat(4,1fr)!important}
}
@media(max-width:991px){
.ft-hero{flex-direction:column!important;gap:20px}
.ft-hero-gorsel{flex:none;min-height:280px;max-height:340px}
.ft-hero-icerik{padding:32px 28px}
/* 5-8 sutun secilmisse tablette 3'e dusur */
.ft-ozellikler.ft-cols-lg{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:767px){
.ft-section{padding:30px 0}
.ft-hero{gap:14px}
.ft-hero-icerik{padding:28px 22px}
.ft-baslik{font-size:1.45rem}
.ft-baslik::after{width:36px;height:2px;margin-top:10px}
.ft-aciklama{font-size:.9rem;margin-bottom:24px;margin-top:14px}
.ft-ozellikler{gap:8px;grid-template-columns:repeat(2,1fr)!important}
.ft-ozellik{padding:16px 10px 14px}
.ft-ozellik-ikon{width:44px;height:44px;font-size:18px;border-radius:12px;margin-bottom:10px}
.ft-ozellik h4{font-size:.8rem}
.ft-ozellik p{font-size:.73rem}
.ft-hero-gorsel{min-height:220px;max-height:260px}
.ft-rozet{width:70px;height:70px;bottom:14px;right:14px}
.ft-rozet-sayi{font-size:1.1rem}
.ft-rozet-metin{font-size:.52rem}
.ft-alt{padding:24px 22px;margin-top:16px;border-radius:14px;border-left-width:3px}
.ft-alt-baslik{font-size:1.15rem}
.ft-alt-metin{font-size:.88rem}
.ft-devamini-oku{padding:7px 16px;font-size:.83rem}
}