/* İç sayfa başlığı: kısa foto bandı + footer'daki köşe üçgenleri (T1–T4) */
.zsb.tb{padding:190px 0 72px;min-height:0;overflow:hidden}
.zsb.tb::before{display:none}
.t-ph{position:absolute;inset:0;margin:0;z-index:-3}
.t-ph img{width:100%;height:100%;object-fit:cover}
.t-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,21,23,.82),rgba(20,21,23,.55) 45%,rgba(20,21,23,.7))}
.t-g,.t-r{position:absolute;z-index:-1;pointer-events:none}
.t-g{left:0;top:0;width:min(22vw,300px);aspect-ratio:1;background:#878787;clip-path:polygon(0 0,100% 0,0 100%);transform-origin:0 0}
.t-g::after{content:"";position:absolute;inset:0;background:#7c7b7b;clip-path:polygon(0 0,50% 50%,0 100%)}
.t-r{right:0;bottom:0;width:min(26vw,360px);aspect-ratio:1;background:#d61116;clip-path:polygon(100% 0,100% 100%,0 100%);transform-origin:100% 100%}
.t-r::after{content:"";position:absolute;inset:0;background:#e30c13;clip-path:polygon(50% 50%,100% 100%,0 100%)}
.zsb.tb .t-g{animation:tbG 1.1s cubic-bezier(.7,0,.2,1) both,zfBreath 7s ease-in-out 1.1s infinite}
.zsb.tb .t-r{animation:tbR 1.1s cubic-bezier(.7,0,.2,1) both .15s,zfBreath 7s ease-in-out -2.4s infinite}
@keyframes tbG{from{transform:translate(-100%,-100%)}}
@keyframes tbR{from{transform:translate(100%,100%)}}
@keyframes zfBreath{0%,100%{transform:none}50%{transform:scale(1.045)}}
.zsb.tb .zsb-h{font-size:clamp(44px,5.6vw,84px)}

/* T1 ortada */
.t1 .zsb-w,.t4 .zsb-w{display:flex;flex-direction:column;align-items:center;text-align:center}
.t1 .zsb-bc{margin-top:22px;justify-content:center}

/* T2 solda */
.t2 .zsb-bc{margin-bottom:20px}

/* T3 ortada beyaz kart */
.t3{padding-bottom:64px}
.t3 .zsb-w{display:flex;justify-content:center}
.t-kart{position:relative;background:#fff;padding:34px 64px 30px;text-align:center;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px))}
.t3 .zsb-h{color:#1b1c1f}
.t3 .zsb-bc{margin-top:30px;justify-content:center}
.t3 .zsb-bc a{color:#6b6f75}.t3 .zsb-bc a:hover,.t3 .zsb-bc [aria-current]{color:#1b1c1f}
.zsb.gir.t3 .t-kart{animation:zsbY .9s cubic-bezier(.2,.7,.2,1) both .2s}

/* T4 altta ortalı beyaz sekme */
.t4{padding-bottom:0}
.t4 .zsb-w{padding-bottom:44px}
.t-alt{display:flex;justify-content:center}
.t-alt .zsb-bc{background:#fff;padding:20px 44px 18px;clip-path:polygon(24px 0,calc(100% - 24px) 0,100% 100%,0 100%)}
.t-alt .zsb-bc a{color:#6b6f75}.t-alt .zsb-bc a:hover,.t-alt .zsb-bc [aria-current]{color:#1b1c1f}

@media (max-width:991px){.zsb.tb{padding-top:160px}.t-g{width:150px}.t-r{width:190px}}
@media (max-width:575px){.zsb.tb{padding:140px 0 56px}.t-g{width:96px}.t-r{width:120px}.t-kart{padding:26px 28px 24px}.t3 .zsb-bc{margin-top:20px}.t4{padding-bottom:0}.t-alt .zsb-bc{padding:16px 30px 14px}}
/* T3 boy kademeleri */
@media (min-width:992px){
 .tb.b1 .t-g{width:210px}.tb.b1 .t-r{width:250px}
 .tb.b2 .t-g{width:150px}.tb.b2 .t-r{width:180px}
 .tb.b3 .t-g{width:100px}.tb.b3 .t-r{width:120px}
}
@media (max-width:991px){.tb.b2 .t-g{width:110px}.tb.b2 .t-r{width:130px}.tb.b3 .t-g{width:80px}.tb.b3 .t-r{width:96px}}
@media (max-width:575px){.tb.b1 .t-g{width:84px}.tb.b1 .t-r{width:100px}.tb.b2 .t-g{width:68px}.tb.b2 .t-r{width:82px}.tb.b3 .t-g{width:52px}.tb.b3 .t-r{width:62px}}

/* T3 kutu = konsept 5 (iki katlı): buzlu cam başlık (beyaz yazı) + koyu sayfa yolu şeridi, normal kesik köşe */
.t3 .t-kart{padding-bottom:0;background:rgba(255,255,255,.12) linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.04) 60%);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}
.t3 .t-kart .zsb-h{color:#fff}
.t3 .t-kart::before{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(255,255,255,.42);
 clip-path:polygon(evenodd,0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px),0 0,
 1px 1px,1px calc(100% - 30.4px),30.4px calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) 30.4px,calc(100% - 30.4px) 1px,1px 1px)}
.t3 .zsb-bc{position:relative;margin:30px -64px 0;padding:18px 40px 17px;background:#1b1c1f}
.t3 .zsb-bc a{color:rgba(255,255,255,.6)}.t3 .zsb-bc a:hover,.t3 .zsb-bc [aria-current]{color:#fff}
@media (max-width:575px){.t3 .zsb-bc{margin:20px -28px 0;padding:15px 20px 14px}}