.chleb-tile {
	cursor: pointer;
	overflow: hidden;
	border-radius: 12px;
	transition: transform 0.2s ease-in-out;
  }
  .chleb-tile:hover {
	transform: scale(1.02);
  }
  .modal-content {
	max-width: 700px;
	margin: auto;
  }
  .modal {
    z-index: 1000000;
}

.height{
	 max-height: 400px;
}

.modal-content {
    max-width: 90vw !important;
 }
@media (min-width: 1400px) {
	.modal-xl {
	  max-width: 1100px !important;
	}
  }
  .chleb-detail-box {
	background: white;
	border-radius: 20px;
	padding: 2rem;
	box-shadow: 0 10px 40px rgba(0,0,0,0.1);
  }
  .caption {
	position: absolute;
	bottom: 10px;
	left: 10px;
	background: rgba(0,0,0,0.6);
	color: white;
	padding: 4px 8px;
	border-radius: 6px;
  }
  .chleb-tile {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	border-radius: 12px;
  }