/* Скрываем стандартный курсор */
  body, a, button, .t-btn, input, textarea, [data-cursor-hover] {
    cursor: none !important;
  }
  
  /* Стили для кастомного курсора */
  .custom-cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    background-color: white;
    mix-blend-mode: difference;
    border-radius: 0;
    pointer-events: none;
    z-index: 9999;
    transition: transform 0.2s ease;
    transform: translate(-50%, -50%);
  }
  
  /* Увеличение курсора при наведении на интерактивные элементы */
  .cursor-hover {
    transform: translate(-50%, -50%) scale(1.5);
  }

/* Скрываем кастомный курсор на мобильных устройствах */
@media (max-width: 1024px) and (hover: none) and (pointer: coarse) {
  .custom-cursor {
    display: none !important;
  }
  
  /* Восстанавливаем стандартный курсор на мобильных устройствах */
  * {
    cursor: auto !important;
  }
}


.tilda-preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  perspective: 1000px;
  z-index: 9999;
}

.cube-container {
  width: 60px;
  height: 60px;
  perspective: 1000px;
}

.cube {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  animation: rotate 8s infinite linear;
}

.face {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.front  { 
  transform: rotateY(0deg) translateZ(30px); 
  background: white; 
  color: black; 
}
.back   { 
  transform: rotateY(180deg) translateZ(30px); 
  background: black; 
  color: white; 
}
.right  { 
  transform: rotateY(90deg) translateZ(30px); 
  background: white; 
  color: black; 
}
.left   { 
  transform: rotateY(-90deg) translateZ(30px); 
  background: black; 
  color: white; 
}
.top    { 
  transform: rotateX(90deg) translateZ(30px); 
  background: white; 
  color: black; 
}
.bottom { 
  transform: rotateX(-90deg) translateZ(30px); 
  background: black; 
  color: white; 
}

@keyframes rotate {
  0% { transform: rotateX(0) rotateY(0) rotateZ(0); }
  100% { transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); }
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
  .cube-container {
    width: 50px;
    height: 50px;
  }
  
  .face {
    font-size: 20px;
  }
  
  .front  { transform: rotateY(0deg) translateZ(25px); }
  .back   { transform: rotateY(180deg) translateZ(25px); }
  .right  { transform: rotateY(90deg) translateZ(25px); }
  .left   { transform: rotateY(-90deg) translateZ(25px); }
  .top    { transform: rotateX(90deg) translateZ(25px); }
  .bottom { transform: rotateX(-90deg) translateZ(25px); }
}

@media (max-width: 480px) {
  .cube-container {
    width: 40px;
    height: 40px;
  }
  
  .face {
    font-size: 16px;
  }
  
  .front  { transform: rotateY(0deg) translateZ(20px); }
  .back   { transform: rotateY(180deg) translateZ(20px); }
  .right  { transform: rotateY(90deg) translateZ(20px); }
  .left   { transform: rotateY(-90deg) translateZ(20px); }
  .top    { transform: rotateX(90deg) translateZ(20px); }
  .bottom { transform: rotateX(-90deg) translateZ(20px); }
}