/* ===== Silva: kaydırdıkça büyüyen ağaç (arka plan şekillerinin yerine) ===== */
/* Geometrik cisimler: temanın ilk hâlindeki gibi her konumda (sağ üst, sol üst, sağ alt) durur,
   ayrıca her biri kendi yolunda ağır ağır dolanır */
@keyframes silva-wander-a { 0% { translate: 0 0; } 20% { translate: -90px 50px; } 45% { translate: -30px 130px; } 70% { translate: 70px 60px; } 100% { translate: 0 0; } }
@keyframes silva-wander-b { 0% { translate: 0 0; } 25% { translate: 110px 40px; } 50% { translate: 60px 140px; } 75% { translate: -50px 70px; } 100% { translate: 0 0; } }
@keyframes silva-wander-c { 0% { translate: 0 0; } 30% { translate: 80px -70px; } 55% { translate: 160px -10px; } 80% { translate: 60px 50px; } 100% { translate: 0 0; } }
.mil-content .mil-animation.mil-position-1 { animation: silva-wander-a 38s ease-in-out infinite; }
.mil-content .mil-animation.mil-position-2 { animation: silva-wander-b 46s ease-in-out infinite; }
.mil-content .mil-animation.mil-position-3 { animation: silva-wander-c 54s ease-in-out infinite; }
.mil-content .mil-animation.mil-position-4 { animation: silva-wander-a 50s ease-in-out infinite reverse; }
@media (prefers-reduced-motion: reduce) { .mil-content .mil-animation { animation: none !important; } }
.silva-tree { position: fixed; left: 0; bottom: 0; z-index: -1; pointer-events: none; opacity: .55; }
/* koyu bölümlerin siyah zemini ağacın arkasında kalsın */
.silva-tree-host::after { z-index: -2 !important; }
.silva-tree-clip { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; pointer-events: none; overflow: hidden; clip: rect(0, auto, auto, 0); -webkit-clip-path: inset(0); clip-path: inset(0); }
.silva-tree--light { -webkit-filter: invert(1); filter: invert(1); }
@media print { .silva-tree, .silva-tree-clip { display: none !important; } }

/* ===== Silva: "Aşağı kaydır" yazısının ortasında yeşil düğme yerine Silva ikonu ===== */
.mil-circle-text .mil-button { width: 78px; height: 78px; padding: 0 !important; background: none !important; border-radius: 50%; box-shadow: none !important; }
.mil-circle-text .mil-button > svg, .mil-circle-text .mil-button > span:not(.silva-scroll-logo) { display: none !important; }
.mil-circle-text .mil-button:before, .mil-circle-text .mil-button:after { display: none !important; }
.mil-circle-text .silva-scroll-logo { display: block; width: 100%; height: 100%; background: url("img/silva-icon-scroll.png") center / contain no-repeat; will-change: transform; }

/* performans: dolanan geometrik cisimler kendi katmanında, sayfayı yeniden boyatmadan hareket etsin */
.mil-content .mil-animation { will-change: translate; }