/* Certificate container styling */
.certificate-container {
  max-width: 100%;
  margin: 20px auto;
  padding: 0 15px;
}

/* Certificate images styling */
.certificate-image {
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: block;
  cursor: pointer;
}

/* Hover effect */
.certificate-image:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

/* Reduce the gap between certificates and product title */
.certificate-container + .urunler .baslik {
  padding-top: 15px !important;
  margin-top: 0 !important;
}

/* Mobile responsiveness */
@media (max-width: 575.98px) {
  .certificate-container {
    margin: 10px auto 15px auto;
    padding: 0 10px;
  }
  
  .certificate-container .row {
    margin: 0 -5px;
  }
  
  .certificate-container .col-6 {
    padding: 0 5px;
  }
  
  .certificate-image {
    border-radius: 4px;
  }
  
  /* Even tighter spacing on mobile */
  .certificate-container + .urunler .baslik {
    padding-top: 10px !important;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .certificate-container {
    margin: 15px auto;
    padding: 0 10px;
  }
  
  .certificate-container .row {
    margin: 0 -5px;
  }
  
  .certificate-container .col-6 {
    padding: 0 5px;
  }
  
  .certificate-image {
    border-radius: 6px;
  }
}

@media (min-width: 1200px) {
  .certificate-container {
    max-width: 1000px;
  }
}