/* Rust: Buz mavisi -> Beyaz (üstten aşağı) (biraz koyu ton) */
.rts-hosting-banner.rts-hosting-banner-bg.banner-default-height.banner-style-home-one {
  background-image: linear-gradient(to bottom, #8cc8ff 0%, #ffffff 100%) !important;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; /* kar katmanlarının konumlanması için gerekli */
  overflow: hidden; /* kar efektinin taşmasını önler */
}
/* Varsayılan banner kaplamalarını kapat */
.rts-hosting-banner.rts-hosting-banner-bg.banner-style-home-one::before,
.rts-hosting-banner.rts-hosting-banner-bg::before {
  background: transparent !important;
}
/* Kar yağışı overlay’i */
/* Daha doğal kar: iki katmanlı kutu-gölgesi parçacıkları */
.rts-hosting-banner.rts-hosting-banner-bg.banner-style-home-one::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.28; /* daha da seyrek ve hafif görünüm */
  z-index: 10 !important;
  will-change: background-position;
  background-repeat: repeat;
  /* daha dağınık görünüm için 3 farklı katman */
  background-image:
    radial-gradient(circle, rgba(255,255,255,0.88) 1.2px, transparent 4.2px),
    radial-gradient(circle, rgba(255,255,255,0.7) 0.9px, transparent 3.8px),
    radial-gradient(circle, rgba(255,255,255,0.6) 0.7px, transparent 3.4px);
  /* hizayı kırmak için daha büyük ve asimetrik tile ölçüleri */
  background-size: 128px 120px, 176px 168px, 228px 220px;
  background-position: 102vw -64vh, 110vw -56vh, 94vw -72vh;
  animation: rust-snow-diag-a 90s linear infinite;
  animation-delay: -24s;
}

.rts-hosting-banner.rts-hosting-banner-bg.banner-style-home-one::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.24; /* opaklığı daha da düşürerek seyrek etki */
  z-index: 10 !important;
  will-change: background-position;
  background-repeat: repeat;
  /* iri taneler + farklı ölçülerle hizayı kıran katmanlar */
  background-image:
    radial-gradient(circle, rgba(255,255,255,0.82) 1.6px, transparent 4.4px),
    radial-gradient(circle, rgba(255,255,255,0.72) 1.2px, transparent 4px),
    radial-gradient(circle, rgba(255,255,255,0.62) 0.9px, transparent 3.6px);
  background-size: 150px 142px, 210px 200px, 280px 270px;
  background-position: 116vw -60vh, 92vw -68vh, 130vw -45vh;
  animation: rust-snow-diag-b 140s linear infinite;
  animation-delay: -40s;
}

/* Canvas overlay katmanı (doğal kar için) */
#rust-snow-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 10; /* içerik üstünde, tıklamayı engellemez */
}

#rustSnowCanvas {
  width: 100%;
  height: 100%;
  display: block;
}

/* Pseudo element karı devre dışı bırak (canvas kullanırken) */
.rts-hosting-banner.rts-hosting-banner-bg.banner-style-home-one::before,
.rts-hosting-banner.rts-hosting-banner-bg.banner-style-home-one::after {
  opacity: 0 !important;
  animation: none !important;
  background-image: none !important;
}

@keyframes rust-snow-diag-a {
  0% { background-position: 100vw -60vh, 105vw -50vh, 95vw -70vh; }
  100% { background-position: -120vw 120vh, -100vw 130vh, -140vw 110vh; }
}

@keyframes rust-snow-diag-b {
  0% { background-position: 110vw -55vh, 95vw -65vh, 120vw -40vh; }
  100% { background-position: -140vw 140vh, -120vw 150vh, -160vw 130vh; }
}