/* Tasarım seçici çubuğu (Views/Home/_TasarimSecici.cshtml) — dört ana sayfada da yüklenir.
   Orijinal sitenin Bootstrap düzenini etkilememesi için kendi dosyasında; değişkenlerin yedek değerleri var. */
.ts-sec{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:250;display:flex;align-items:center;gap:2px;margin:0;padding:4px 4px 4px 14px;border-radius:999px;background:rgba(22,21,19,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#EDE8DE;font:500 .7rem/1 var(--ff-b,system-ui,sans-serif);letter-spacing:.14em;text-transform:uppercase;box-shadow:0 8px 30px rgba(0,0,0,.2);transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.16,1,.3,1)}
.ts-sec span{margin-right:8px}
.ts-sec a{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:inherit;text-decoration:none;letter-spacing:0;font-size:.82rem;transition:background .2s ease-out,color .2s ease-out}
.ts-sec a:hover{background:rgba(237,232,222,.14);color:#EDE8DE}
.ts-sec a.on{background:#EDE8DE;color:#161513}
.ts-sec a:focus-visible{outline:2px solid #EDE8DE;outline-offset:2px}
/* Geniş ekranda kenarda dikey durur, içeriğin köşelerini örtmez */
@media (min-width:1100px){
  .ts-sec{left:12px;top:50%;bottom:auto;flex-direction:column;padding:12px 4px 4px;transform:translateY(-50%)}
  .ts-sec span{margin:0 0 8px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.62rem}
}
/* Telefonda sağ altta; aşağı kaydırırken çekilir (içeriği örtmesin), yukarı kaydırınca döner */
@media (max-width:640px){
  .ts-sec{left:auto;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding-left:4px}
  .ts-sec span{display:none}
  .ts-sec.away{transform:translateY(150%);opacity:0;pointer-events:none}
}
/* Orijinal tasarım (1): solda bölüm göstergesi, sağ altta "başa dön" butonu var */
@media (min-width:1100px){ .ts-sec--orj{left:auto;right:calc(clamp(16px,3vw,32px) + 4px);top:auto;bottom:calc(clamp(16px,3vw,32px) + 66px);transform:none} }
@media (max-width:640px){ .ts-sec--orj{right:auto;left:10px} }