/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 13 2026 | 13:05:15 */
.reference-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;
}

/* zobraz jen první 3 */
.reference-grid .reference-card:nth-child(n+4){
display:none;
}

.reference-grid.show-all .reference-card{
display:block;
}

.reference-more-wrap{
text-align:center;
margin-top:30px;
}

.reference-more-btn{
padding:16px 24px;
font-size:1.1rem;
background:#B8A57E;
	color: #f9f9f9;
cursor:pointer;
transition:0.3s;
border-radius: 8px;
	border: 0px solid;
	font-weight: 500;
}

.reference-more-btn:hover{
background:#988767;
}

.reference-card{
display:block;
text-decoration:none;
color:inherit;
}

.reference-image{
width:100%;
aspect-ratio:16/9;
overflow:hidden;
margin-bottom:20px;
}

.reference-image img{
width:100%;
height:100%;
object-fit:cover;
transition:0.3s ease;
display:block;
}

.reference-card:hover img{
transform:scale(1.05);
}

.reference-title{
font-size:1.75rem;
font-weight:500;
line-height:1.1em;
letter-spacing: -2px;
	color: #f9f9f9;
}

@media screen and (max-width: 980px) {
  .reference-grid {
grid-template-columns:repeat(1,1fr);
	  gap: 20px;
	}
}

@media screen and (max-width: 767px) {
  .reference-title {
font-size: 1.5rem;
	}
	.reference-more-btn {
padding:14px 22px;
font-size:1rem;
	}
}