body {
 background-color: #F5F4FA;
  }

.pro-card {
  background-color: #fff;
  padding: 20px;
  border-radius: 9px;
  border: 1px solid #ccc; /* İnce, açık gri border */
  transition: all 0.3s ease;
  position: relative;
}

.pro-card:hover {
  border-color: #333; /* Hover'da border rengi koyulaşıyor */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.pro-card-disabled {
  opacity: 0.5;            /* Kart tamamen soluklaşır */
  pointer-events: none;  
}

.pro-card-disabled::after {
  content: "İptal Edildi";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;  /* Kartın köşe yuvarlaklığını miras alır */
  /* 45 derece açıda tekrarlanan çizgiler */
  background: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 5px,
    rgba(0, 0, 0, 0.1) 5px,
    rgba(0, 0, 0, 0.1) 10px
  );
  pointer-events: none;
}

.ui.modal .segment iframe {
  width: 500px;
  height: 500px; 
}

@media screen and (max-width: 600px) {
  .ui.modal .segment iframe {
    width: 100% !important;
    height: 100% !important;
  }
}