/* ========================================================================== Fiyatlandırma — "İşletmem var / Şirket kuracağım" seçici Seçim niteliğinde; görünürlük burada. ========================================================================== */ .fseg { background: var(--bg-tint); padding-top: 40px; } .fseg__inner { display: flex; justify-content: center; } .fseg__toggle { display: inline-flex; gap: 4px; padding: 5px; background: var(--white); border: 1.5px solid var(--line-2); border-radius: var(--r-pill); } .fseg__tab { padding: 12px 28px; border: 0; border-radius: var(--r-pill); background: none; font-family: inherit; font-size: 15.5px; font-weight: 700; color: var(--muted-2); cursor: pointer; transition: background .2s ease, color .2s ease; } .fseg__tab[aria-selected="true"] { background: var(--indigo); color: var(--white); } .fseg__tab:focus-visible { outline: 2px solid var(--indigo); outline-offset: 2px; } /* Varsayılan: işletme görünümü (JS çalışmasa da plan kartları görünür). */ .fkur { display: none; } html[data-fiyat-segment="kurulus"] .fplan, html[data-fiyat-segment="kurulus"] .fkar, html[data-fiyat-segment="kurulus"] .fek { display: none !important; } html[data-fiyat-segment="kurulus"] .fkur { display: block; } @media (max-width: 560px) { .fseg { padding-top: 28px; } .fseg__tab { padding: 11px 18px; font-size: 14.5px; } } /* Seçici plan kartlarının hemen üstünde; kartlarla arası sıkışsın. */ .fplan .fplan__inner { padding-top: 40px; }