/*
Theme Name: Blocksy Child
Theme URI: 
Description: Blocksy Child Theme
Author: Sarmite
Author URI: 
Template: blocksy
*/
body {
    font-family: 'DM Sans', sans-serif !important;
    padding-top: 0 !important;
}
header#header {
    position: sticky !important;
    top: 0;
    z-index: 9999;
}
.woocommerce-page.archive #main.site-main, body.woocommerce-cart #main.site-main, body.woocommerce-checkout #main.site-main {
    margin-top: 80px; 
    margin-bottom: 80px; 
}
.snow-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.snowflake {
  position: absolute;
  color: white;
  user-select: none;
  pointer-events: none;
}
#snow-container-mobile {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

.mobile-snowflake {
  position: absolute;
  text-shadow: 0 0 6px rgba(255,255,255,0.6);
  pointer-events: none;
  user-select: none;
}
.sparkle-area {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.sparkle {
  position: absolute;
  pointer-events: none;
  color: gold;              
  opacity: 0;
  font-size: 14px;
  animation: sparkle-fade 1.5s ease-out forwards;
  filter: drop-shadow(0 0 6px gold);
}
.sparkle-silver .sparkle {
    color: white;
    filter: drop-shadow(0 0 6px white);
}
.sparkle-black .sparkle {
    color: #292929;
    filter: drop-shadow(0 0 6px white);
}
.sparkle-golden .sparkle {
    color: #9C805B;
    filter: drop-shadow(0 0 6px white);
}
.sparkle-moonlight .sparkle {
    color: #C6D5DB;
    filter: drop-shadow(0 0 6px white);
}
.sparkle-red .sparkle {
    color: #780006;
    filter: drop-shadow(0 0 6px white);
}
@keyframes sparkle-fade {
  0% { opacity: 0; transform: scale(0.4) rotate(0deg); }
  25% { opacity: 1; transform: scale(1) rotate(10deg); }
  100% { opacity: 0; transform: scale(0.4) rotate(0deg); }
}
.sparkle-trail-dot {
  position: fixed;
  pointer-events: none;
  color: gold;
  opacity: 0.85;
  font-size: 14px;
  transform: translate(-50%, -50%);
  animation: sparkle-trail-fade 0.8s linear forwards;
  filter: drop-shadow(0 0 6px gold);
  z-index: 999999; /* virs visa */
}

@keyframes sparkle-trail-fade {
  0%   { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(0.4); }
}
.single-product .site-main,
.single-product .product {
    margin-top: 50px !important;
}