/* Fiyatlar sayfası: bölüm gezinmesi ve fiyat tabloları. Değerler vionup.css değişkenlerinden. */
.fy-nav{background:var(--surface);border-bottom:1px solid var(--line);padding:12px 0}
.fy-nav ul{display:flex;gap:8px;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:thin}
.fy-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1.5px solid var(--border-control);border-radius:var(--radius-pill);background:var(--surface);font:600 15px/1 var(--font-sans);color:var(--ink);text-decoration:none;white-space:nowrap}
.fy-nav a:hover{border-color:var(--ink);background:var(--surface-panel);color:var(--ink)}
.fy-section{padding:var(--space-10) 0;scroll-margin-top:100px}
.fy-section+.fy-section{border-top:1px solid var(--line)}
.fy-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:var(--space-6)}
.fy-head>div{display:flex;flex-direction:column;gap:6px;max-width:760px}
.fy-table td small,.fy-table th small{display:block;font:400 14px/1.4 var(--font-sans);color:var(--text-muted);white-space:normal}
.fy-table tbody th a{color:inherit;text-decoration:none}
.fy-table tbody th a:hover{text-decoration:underline}
.fy-table thead th{font:600 14px/1.4 var(--font-sans);color:var(--text-muted);vertical-align:bottom;padding-top:14px}
.fy-table thead th:first-child{text-align:left}
.fy-table .v-badge{vertical-align:middle}
.fy-table td.fy-act{text-align:right}
.fy-table td.fy-act a{white-space:nowrap}
.fy-note{margin-top:12px}
.fy-section .fy-sub{margin:var(--space-6) 0 12px}
@media (max-width:900px){
  .fy-section{padding:var(--space-6) 0}
}

/* .v-sr öğeleri (position:absolute) kaydırılan tablonun dışına taşıp sayfayı yana kaydırmasın.
   Kalıcı çözüm vionup.css'te .v-table-wrap{position:relative} olmalı. */
.v-table-wrap{position:relative}