/* Tooltip */
   .orange-tooltip {
       position: absolute;
       left: 50%;
       bottom: 110%;
       transform: translateX(-50%) translateY(8px);
       padding: 9px 20px;
       font-size: 13px;
       font-weight: 600;
       background: var(--accent-color);
       color: #fff;
       border-radius: 40px;
       box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
       opacity: 0;
       pointer-events: none;
       transition: all 0.25s ease;
       white-space: nowrap;
   }

   /* Ok */
   .orange-tooltip::after {
       content: "";
       position: absolute;
       top: 100%;
       left: 50%;
       transform: translateX(-50%);
       border-width: 7px;
       border-style: solid;
       border-color: var(--accent-color) transparent transparent transparent;
   }

   /* Hover */
   .position-relative:hover .orange-tooltip {
       opacity: 1;
       transform: translateX(-50%) translateY(0);
   }

   /* İkon animasyonu */
   .map-icon {
       transition: 0.3s ease;
   }

   .map-link:hover .map-icon {
       transform: scale(1.15);
       color: var(--accent-color);
   }


   /* Mobil tooltip: yalnızca 991px altı */
   @media (max-width: 991px) {
       .mobile-tooltip {
           display: block;
           /* Mobilde görünür */
           position: absolute;
           left: 50%;
           bottom: 110%;
           transform: translateX(-50%) translateY(8px);
           padding: 8px 16px;
           font-size: 13px;
           font-weight: 600;
           background: var(--accent-color);
           color: #fff;
           border-radius: 30px;
           box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
           opacity: 0;
           pointer-events: none;
           transition: all 0.25s ease;
           white-space: nowrap;
           z-index: 10;
       }

       .mobile-tooltip::after {
           content: "";
           position: absolute;
           top: 100%;
           left: 50%;
           transform: translateX(-50%);
           border-width: 6px;
           border-style: solid;
           border-color: var(--accent-color) transparent transparent transparent;
       }

       /* Hover veya dokunma ile göster */
       .position-relative:hover .mobile-tooltip,
       .position-relative:active .mobile-tooltip {
           opacity: 1;
           transform: translateX(-50%) translateY(0);
       }
   }

   /* Desktop: mobile-tooltip gizle */
   @media (min-width: 992px) {
       .mobile-tooltip {
           display: none;
       }
   }