/* --- تأثير تساقط الثلوج على كامل صفحة المتجر --- */
body {
position: relative;
overflow-x: hidden;
}
/* طبقة الثلوج المتحركة */
body::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none; /* لا يمنع النقر على الأزرار */
z-index: 9999; /* يخلي الثلج فوق كل العناصر */
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'><g fill='%23ffffff' fill-opacity='0.9'><circle cx='10' cy='20' r='1.8'/><circle cx='30' cy='50' r='2.4'/><circle cx='60' cy='10' r='1.2'/><circle cx='90' cy='70' r='2.8'/><circle cx='130' cy='30' r='1.6'/><circle cx='160' cy='90' r='3.2'/><circle cx='180' cy='40' r='1.4'/><circle cx='20' cy='130' r='1.1'/><circle cx='50' cy='160' r='2.0'/><circle cx='100' cy='120' r='2.6'/><circle cx='150' cy='150' r='1.9'/></g></svg>");
background-repeat: repeat;
background-size: 200px 200px;
opacity: 0.45;
animation: snowFalling 16s linear infinite;
}
/* حركة تساقط الثلج */
@keyframes snowFalling {
from { background-position: 0 0; }
to { background-position: 0 1000px; }
}