/* === SANTA HAT === */
@keyframes swing {
  0% { transform: rotate(30deg); }
  25% { transform: rotate(25deg); }
  50% { transform: rotate(35deg); }
  75% { transform: rotate(25deg); }
  100% { transform: rotate(30deg); }
}

.post-hat {
  animation: swing 2s infinite ease-in-out;
  transform-origin: top right;
  position: absolute;
  top: 0;
  right: 30px;
  width: 60px;
  height: 60px;
  pointer-events: none;
}

/* === GARLAND SVG === */
#garlandSvg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px; 
  pointer-events: none;
  z-index: 1;
  will-change: contents;
  background: none;
}

@keyframes bulbBlink {
  0%, 100% {
    opacity: 1;
    filter: drop-shadow(0 0 8px currentColor) drop-shadow(0 0 16px currentColor);
  }
  50% {
    opacity: 0.4;
    filter: drop-shadow(0 0 2px currentColor);
  }
}

@keyframes bulbFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-2px); }
}

.garland-bulb {
  animation: bulbBlink 3s infinite,
             bulbFloat 6s infinite;
}

.garland-wire {
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Слои поверх гирлянды */
.header-content,
.header-actions,
.d-flex,
.btn-left,
.search-content,
.theme-switch {
  position: relative;
  z-index: 2;
}