/* --- Sticky WhatsApp butonu --- */
 .wa-float {
     position: fixed;
     right: 18px;
     bottom: 18px;
     z-index: 9999;
     width: 64px;
     height: 64px;
     border-radius: 50%;
     background: #25D366;
     /* WhatsApp yeşili */
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 6px 20px rgba(51, 221, 113, 0.4);
     cursor: pointer;
     transition: transform .15s ease;
 }

 .wa-float:hover {
     transform: scale(1.09);
 }

 .wa-float:active {
     transform: scale(.96);
 }

 /* ikon beyaz olacak */
 .wa-float .wa-icon {
     width: 36px;
     height: 36px;
     color: white;
 }

 /* küçük pulsing efekt */
 .wa-pulse {
     position: absolute;
     width: 75px;
     height: 75px;
     border-radius: 50%;
     left: 0;
     top: 0;
     animation: pulse 4s infinite;
     box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4);
 }

 @keyframes pulse {
     0% {
         transform: scale(.9);
         opacity: 0.7;
         box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.35);
     }

     70% {
         transform: scale(1.25);
         opacity: 0;
         box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
     }

     100% {
         transform: scale(.9);
         opacity: 0;
     }
 }

 /* küçük "baloncuk" (opsiyonel) */
 .wa-bubble {
     position: absolute;
     right: 78px;
     bottom: 20px;
     background: #111;
     color: #fff;
     padding: 8px 12px;
     border-radius: 12px;
     font-size: 14px;
     box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
     opacity: .95;
     display: none;
     /* gösterilsin isterseniz JS ile açın */
 }

 /* Modal / seçim kutusu */
 .wa-modal {
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     background: rgba(0, 0, 0, 0.35);
     z-index: 10000;
     visibility: hidden;
     opacity: 0;
     transition: opacity .18s ease, visibility .18s ease;
 }

 .wa-modal.visible {
     visibility: visible;
     opacity: 1;
 }

 .wa-card {
     background: #fff;
     padding: 18px;
     border-radius: 10px;
     width: min(420px, 92%);
     box-shadow: 0 14px 40px rgba(0, 0, 0, 0.18);
     text-align: center;
 }

 .wa-card p {
     margin: 0 0 12px;
     color: #222;
 }

 .wa-card .wa-actions {
     display: flex;
     gap: 8px;
     justify-content: center;
     flex-wrap: wrap;
 }

 .wa-card button {
     padding: 10px 14px;
     border-radius: 8px;
     border: none;
     cursor: pointer;
     font-weight: 600;
 }

 .btn-app {
     background: #25D366;
     color: #fff;
 }

 .btn-web {
     background: #0a66c2;
     color: #fff;
 }

 .btn-cancel {
     background: #eee;
     color: #333;
 }

 /* responsive: ikon biraz yukarı çek */
 @media (max-width:420px) {
     .wa-float {
         right: 12px;
         bottom: 12px;
         width: 56px;
         height: 56px;
     }
 }