/* tayf-web basit sayfa: tek ekran. Logo, tek cümle, izinli bağlar. */
.bs { min-height: 100svh; display: grid; align-content: center; justify-items: center; gap: clamp(20px, 4vh, 40px); padding: clamp(32px, 8vh, 96px) var(--kenar); text-align: center; }
.bs marka-logo { width: min(78vw, 560px); }
.bs-cumle { max-width: 34em; font: var(--w-baslik, 600) clamp(19px, 2.4vw, 26px)/1.4 var(--f-baslik); }
.bs-baglar { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 8px; }
.bs-baglar a { display: inline-flex; align-items: center; min-height: var(--dokun); padding: 0 22px; border: 1.5px solid var(--metin); border-radius: 999px; text-decoration: none; font: 600 15px/1 var(--f-metin); transition: background var(--sure-kisa), color var(--sure-kisa); }
.bs-baglar a:hover { background: var(--metin); color: var(--zemin); }
.bs-baglar a.dolu { background: var(--metin); color: var(--zemin); }
.bs-baglar a.dolu:hover { background: var(--vurgu); border-color: var(--vurgu); color: #fff; }
.bs-ek { color: var(--soluk); font-size: 15px; }