.uvm-dila-filtry {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
}
.uvm-filtr-btn {
padding: 6px 14px;
border: 1px solid #ccc;
background: #fff;
cursor: pointer;
border-radius: 20px;
font-size: 14px;
}
.uvm-filtr-btn.is-active {
background: #111;
color: #fff;
border-color: #111;
}
.uvm-dila-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 20px;
}
.uvm-dilo-card {
cursor: pointer;
text-align: left;
}
.uvm-dilo-card img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
display: block;
}
.uvm-dilo-card h3 {
margin: 8px 0 2px;
font-size: 16px;
}
.uvm-dilo-card p {
margin: 0;
font-size: 13px;
color: #666;
}
.uvm-dilo-modal {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.uvm-dilo-modal[hidden] {
display: none;
}
.uvm-dilo-modal-inner {
background: #fff;
max-width: 700px;
width: 100%;
max-height: 90vh;
overflow-y: auto;
padding: 24px;
position: relative;
}
.uvm-dilo-modal-foto {
width: 100%;
height: auto;
margin-bottom: 16px;
}
.uvm-dilo-modal-close {
position: absolute;
top: 10px;
right: 14px;
font-size: 28px;
background: none;
border: none;
cursor: pointer;
line-height: 1;
}
body.uvm-modal-open {
overflow: hidden;
}
.uvm-loga-grid {
display: flex;
flex-wrap: wrap;
gap: 24px;
align-items: center;
justify-content: center;
margin: 20px 0;
}
.uvm-logo-item img {
max-width: 140px;
max-height: 80px;
object-fit: contain;
}