.loading-text-container {
  text-align: center;
  width: 250px;
  position: absolute;
  bottom: 35%;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 2px;
  opacity: 0.8;
}
@media only screen and (max-width: 819px) {
.loading-text-container {
  text-align: center;
  width: 250px;
  position: absolute;
  bottom: 35%!important;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 2px;
  opacity: 0.8;
}
}
.loading-text-container span {
  display: none; /* Сначала текст скрыт */
  block;
  margin-bottom: 5px;
}
.loader-container {
    display: flex;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: #232732;
 justify-content: center;
 align-items: center;
 z-index: 1000;
 }

.pin-loader {
 position: relative;
 width: 80px;
 height: 80px;
 }

.location-icon {
 width: 100%;
 height: 100%;
 animation: rotate3d 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
 transform-style: preserve-3d;
 }

.location-icon svg {
 width: 100%;
 height: 100%;
 fill: #f74d3f;
 filter: drop-shadow(0 2px 8px rgba(255, 71, 87, 0.3));
 }

.loading-text {
    text-align: center;
    width: 250px;
 position: absolute;
 bottom: -30px;
 left: 50%;
 transform: translateX(-50%);
 color: #ffffff;
 font-family: Arial, sans-serif;
 font-size: 12px;
 letter-spacing: 2px;
 opacity: 0.8;
 }

 @keyframes rotate3d {
 0% {
 transform: rotateX(0deg);
 }
 100% {
 transform: rotateX(360deg);
 }
 }

 @keyframes pulse {
 0% {
 transform: scale(1);
 opacity: 1;
 }
 50% {
 transform: scale(1.1);
 opacity: 0.8;
 }
 100% {
 transform: scale(1);
 opacity: 1;
 }
 }