/* ---------------- 3D WhatsApp - Telefon - Instagram ---------------- */

 .dg2-whatsapp-wrapper,
 .dg2-phone-wrapper,
 .dg2-instagram-wrapper {
     position: fixed;
     right: 20px;
     /* sağa aldık */
     z-index: 999999;
     perspective: 800px;
 }

 .dg2-instagram-wrapper {
     bottom: 220px;
 }

 .dg2-whatsapp-wrapper {
     bottom: 150px;
 }

 .dg2-phone-wrapper {
     bottom: 80px;
 }

 .dg2-whatsapp-button,
 .dg2-phone-button-float,
 .dg2-instagram-button {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     color: #fff;
     box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25), 0 0 0 rgba(0, 0, 0, 0.2) inset;
     transform-style: preserve-3d;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     animation: pulse3d 2s infinite;
 }

 .dg2-whatsapp-button:hover,
 .dg2-phone-button-float:hover,
 .dg2-instagram-button:hover {
     transform: rotateX(15deg) rotateY(15deg) scale(1.1);
     box-shadow: 0 12px 25px rgba(0, 0, 0, 0.3), 0 0 0 rgba(0, 0, 0, 0.2) inset;
 }

 /* 3D titreşim animasyonu */

 @keyframes pulse3d {
     0% {
         transform: rotateX(0deg) rotateY(0deg) scale(1);
     }

     25% {
         transform: rotateX(2deg) rotateY(-2deg) scale(1.05);
     }

     50% {
         transform: rotateX(-2deg) rotateY(2deg) scale(1.1);
     }

     75% {
         transform: rotateX(1deg) rotateY(-1deg) scale(1.05);
     }

     100% {
         transform: rotateX(0deg) rotateY(0deg) scale(1);
     }
 }

 /* Renkler */

 .dg2-whatsapp-button {
     background-color: #25D366;
 }

 .dg2-whatsapp-button:hover {
     background-color: #1ebe57;
 }

 .dg2-phone-button-float {
     background-color: #FF3B30;
 }

 .dg2-phone-button-float:hover {
     background-color: #cc2a24;
 }

 .dg2-instagram-button {
     background: linear-gradient(45deg, #f9ce34, #ee2a7b, #6228d7);
 }

 /* ---------------- Pulse halkalar ---------------- */

 .dg2-whatsapp-wrapper::before,
 .dg2-phone-wrapper::before,
 .dg2-instagram-wrapper::before {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     transform: translate(-50%, -50%) scale(1);
     animation: ring 1.5s infinite;
     pointer-events: none;
     z-index: -1;
 }

 .dg2-whatsapp-wrapper::before {
     background: rgba(37, 211, 102, 0.3);
 }

 .dg2-phone-wrapper::before {
     background: rgba(255, 59, 48, 0.3);
 }

 .dg2-instagram-wrapper::before {
     background: rgba(238, 42, 123, 0.3);
 }

 @keyframes ring {
     0% {
         transform: translate(-50%, -50%) scale(1);
         opacity: 0.7;
     }

     50% {
         transform: translate(-50%, -50%) scale(1.3);
         opacity: 0.3;
     }

     100% {
         transform: translate(-50%, -50%) scale(1);
         opacity: 0.7;
     }
 }



 :root {
     --thm-base: #00bde0;
     --thm-base-rgb: 1, 179, 176;
 }




 ul.social-center {
     display: flex;
     justify-content: center;
     /* yatay ortala */
     align-items: center;
     /* dikey ortala */
     gap: 15px;
     /* ikonlar arası boşluk */
     list-style: none;
     padding: 0;
     margin: 0;
 }

 ul.social-center li a span {
     font-size: 32px;
     /* ikon boyutu */
     transition: transform 0.3s, color 0.3s;
     color: #333;
     /* ikon rengi */
 }

 ul.social-center li a:hover span {
     transform: scale(1.2);
     /* hover büyüme */
     color: #0077b5;
     /* hover renk değişimi örnek */
 }
 
.scroll-top {
    position: fixed;
    right: 15px;
    bottom: 8px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 2px solid #ffffff;
    color: var(--thm-base);
    font-size: 20px;
    line-height: 56px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    display: none;
    cursor: pointer;
    transform: rotate(0deg);
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 999999999;
}