/* ============================================================
   SCROLL-TOP.CSS — Sayfanın başına dön butonu
   Bağımlılık: base.css (--brand, --brand-light, --shadow)
   HTML: <button class="scroll-top" id="scrollTop"
           onclick="window.scrollTo({top:0,behavior:'smooth'})"
           aria-label="Başa dön">
           <svg viewBox="0 0 24 24">
             <polyline points="18 15 12 9 6 15"/>
           </svg>
         </button>
   ============================================================ */

.scroll-top {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 800;
    background: var(--brand);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .3s, transform .3s;
}

.scroll-top.visible {
    opacity: 1;
    transform: translateY(0);
}

.scroll-top:hover {
    background: var(--brand-light);
}

.scroll-top svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}