/* Kar teması: saf CSS/SVG, JS yok. Sadece body.kar-tema iken etkin. */
:root{
  --kar-tepe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 12' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 12V8Q10 3 20 7T40 7Q55 0 70 6T100 7Q115 2 130 7T160 8V12Z'/%3E%3C/svg%3E");
}

/* --- Header: gold çizginin üstünde biriken kar --- */
body.kar-tema .header::after{
  content:"";
  position:absolute;
  left:1.5rem; right:1.5rem; bottom:0;
  height:1.1rem;
  background:var(--kar-tepe) repeat-x left bottom / 16rem 100%;
  opacity:.92;
  filter:drop-shadow(0 -1px 2px rgba(255,255,255,.25));
  pointer-events:none;
  z-index:-1; /* menü ve açılır listelerin arkasında kalır */
}

/* --- Logo: yıldızın tepesine küçük kar kepi --- */
body.kar-tema .header .logo{position:relative}
body.kar-tema .header .logo::before{
  content:"";
  position:absolute;
  left:49.6%; top:22.5%;
  width:9%; height:5%;
  transform:translateX(-50%);
  background:#fff;
  border-radius:60% 60% 25% 25%;
  box-shadow:0 0 6px rgba(255,255,255,.55);
  opacity:.95;
  pointer-events:none;
  z-index:1;
}

/* --- Anasayfa "Koleksiyonu Keşfet" butonunun üst kenarı --- */
body.kar-tema .anasayfa a.btn{position:relative}
body.kar-tema .anasayfa a.btn::before{
  content:"";
  position:absolute;
  left:14%; right:14%; top:-.75rem;
  height:1rem;
  background:var(--kar-tepe) no-repeat center bottom / 100% 100%;
  opacity:.95;
  pointer-events:none;
}

@media (max-width:991px){
  body.kar-tema .header::after{left:1rem; right:1rem; height:.8rem; background-size:12rem 100%}
  body.kar-tema .anasayfa a.btn::before{top:-.6rem; height:.8rem}
}