/* TEMEL STİLLER */
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background: #f4f4f4;
    }
    .container {
      width: 90%;
      margin: 0 auto;
      padding: 20px;
    }
    .heading {
      text-align: center;
      margin-bottom: 40px;
    }

    /* MASAÜSTÜ TABLO */
    .desktop-table {
      width: 100%;
      border-collapse: collapse;
      background: white;
      box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    }
    .desktop-table th, 
    .desktop-table td {
      padding: 15px;
      text-align: center;
      border: 1px solid #ddd;
	  transition: all 0.3s ease; /* Hover efekti için */
    }
	
	
	
	
/* Özellikler sütunu */
.desktop-table th:first-child,
.desktop-table td:first-child {
  background: #f8f9fa; /* Açık gri ton */
  font-weight: bold;
  color: #333;
}

/* Ekonomik - 1 Sütunu */
.desktop-table th:nth-child(2),
.desktop-table td:nth-child(2) {
}

/* Ekonomik - 2 Sütunu */
.desktop-table th:nth-child(3),
.desktop-table td:nth-child(3) {
}

/* Ekonomik - 3 Sütunu */
.desktop-table th:nth-child(4),
.desktop-table td:nth-child(4) {
}

/* Ekonomik - 4 Sütunu */
.desktop-table th:nth-child(5),
.desktop-table td:nth-child(5) {
}

/* Ekonomik - 5 Sütunu */
.desktop-table th:nth-child(6),
.desktop-table td:nth-child(6) {
}

/* Ekonomik - 6 Sütunu */
.desktop-table th:nth-child(7),
.desktop-table td:nth-child(7) {
}

/* Ekonomik başlıklar için özel renkler */
.desktop-table th:nth-child(2) { background: purple; } /* Koyu mavi */
.desktop-table th:nth-child(3) { background: black; } /* Altın sarısı */
.desktop-table th:nth-child(4) { background: blue; } /* Koyu kırmızı */
.desktop-table th:nth-child(5) { background: #8b1a1a; } /* Koyu yeşil */
.desktop-table th:nth-child(6) { background: #008080; } /* Koyu mor */
.desktop-table th:nth-child(7) { background: #ee0000; } /* Koyu kahve */
.desktop-table th:nth-child(8) { background: black; } /* Koyu kahve */	
.desktop-table th:nth-child(9) { background: purple; } /* Koyu kahve */	
	
	
	
	
	
    .desktop-table th {
      background: #007bff;
      color: white;
      font-weight: bold;
    }
    .price1 {
      font-size: 20px;
      color: #28a745;
      font-weight: bold;
    }
    .price2 {
      font-size: 20px;
      color: #8b658b5;
      font-weight: bold;
    }
    .price3 {
      font-size: 20px;
      color: blue;
      font-weight: bold;
    }	
    .price4 {
      font-size: 20px;
      color: #8b1a1a;
      font-weight: bold;
    }	
    .price5 {
      font-size: 20px;
      color: #008080;
      font-weight: bold;
    }
    .price6 {
      font-size: 20px;
      color: #ee0000;
      font-weight: bold;
    }	
    .plan1-button {
      background: #92017b;
      color: white;
      border: none;
      padding: 10px 30px;
      border-radius: 4px;
      cursor: pointer;
	  transition: all 0.3s ease;
    }
    .sat2-button {
      background: black;
      color: white;
      border: none;
      padding: 10px 30px;
      border-radius: 4px;
      cursor: pointer;
	  transition: all 0.3s ease;
    }	
    .plan3-button {
      background: blue;
      color: white;
      border: none;
      padding: 10px 30px;
      border-radius: 4px;
      cursor: pointer;
	  transition: all 0.3s ease;
    }	
    .plan4-button {
      background: #8b1a1a;
      color: white;
      border: none;
      padding: 10px 30px;
      border-radius: 4px;
      cursor: pointer;
	  transition: all 0.3s ease;
    }
    .plan5-button {
      background: #008080;
      color: white;
      border: none;
      padding: 10px 30px;
      border-radius: 4px;
      cursor: pointer;
	  transition: all 0.3s ease;
    }	
    .plan6-button {
      background: #ee0000;
      color: white;
      border: none;
      padding: 10px 30px;
      border-radius: 4px;
      cursor: pointer;
	  transition: all 0.3s ease;
    }		

    /* MOBİL KARTLAR */
    .mobile-plans {
      display: none;
    }
    .plan-card {
      background: white;
      border-radius: 10px;
      margin-bottom: 20px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    .plan-header1 {
      background: purple;
      color: white;
      padding: 15px;
      border-radius: 10px 10px 0 0;
    }
    .plan-header2 {
      background: black;
      color: white;
      padding: 15px;
      border-radius: 10px 10px 0 0;
    }	
    .plan-header3 {
      background: blue;
      color: white;
      padding: 15px;
      border-radius: 10px 10px 0 0;
    }	
    .plan-header4 {
      background: #8b1a1a;
      color: white;
      padding: 15px;
      border-radius: 10px 10px 0 0;
    }	
    .plan-header5 {
      background: #008080;
      color: white;
      padding: 15px;
      border-radius: 10px 10px 0 0;
    }
    .plan-header6 {
      background: #ee0000;
      color: white;
      padding: 15px;
      border-radius: 10px 10px 0 0;
    }
    .plan-header7 {
      background: black;
      color: white;
      padding: 15px;
      border-radius: 10px 10px 0 0;
    }	
    .plan-header8 {
      background: purple;
      color: white;
      padding: 15px;
      border-radius: 10px 10px 0 0;
    }	
    .plan-title {
      margin: 0;
      font-size: 20px;
    }
    .plan-features {
      padding: 15px;
    }
.feature-row {
  display: block; /* Flex'i kaldırdık */
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.feature-name {
  color: #666;
  display: block; /* Blok yapıyoruz */
  margin-bottom: 5px;
}
.feature-value {
  font-weight: bold;
  display: block; /* Blok yapıyoruz */
  color: #333;
}

    /* RESPONSIVE AYAR */
    @media (max-width: 768px) {
      .desktop-table {
        display: none;
      }
      .mobile-plans {
        display: block;
      }
    }
	
.plan1-button:hover, .sat2-button:hover, .plan3-button:hover, .plan4-button:hover, .plan5-button:hover, .plan6-button:hover {
  animation: shake 0.5s ease-in-out;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }
  75% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(0);
  }
}	

.btn-mors {
    color: #fff;
    background-color: #92017b;
    border-color: #92017b;
}