.zigitul-container {
display: flex;
gap: 24px;
align-items: stretch;
}
.zigitul-left {
width: 42%;
min-width: 0;
}
.zigitul-right {
width: 58%;
position: sticky;
top: 20px;
height: calc(100vh - 40px);
} .zigitul-results-shell {
height: calc(100vh - 40px);
display: flex;
flex-direction: column;
min-height: 780px;
}
.zigitul-results-header {
flex: 0 0 auto;
background: transparent !important;
padding-bottom: 8px;
position: sticky;
top: 0;
z-index: 3;
}
.zigitul-results-list {
flex: 1 1 auto;
overflow-y: auto;
padding-right: 4px;
display: flex;
flex-direction: column;
gap: 12px;
} .zigitul-panel-header,
.zigitul-controls,
.zigitul-filters,
.zigitul-filters-wrap {
background: transparent !important;
box-shadow: none !important;
}
.zigitul-panel-title-wrap h2 {
margin: 0 0 6px;
font-size: 32px;
line-height: 1.05;
}
.zigitul-panel-title-wrap p {
margin: 0 0 12px;
font-size: 14px;
line-height: 1.35;
color: #666;
} .zigitul-controls,
.zigitul-search {
display: none !important;
} .zigitul-filters-wrap {
display: flex !important;
justify-content: center !important;
margin: 4px 0 10px 0 !important;
}
.zigitul-filters {
display: flex;
gap: 8px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.zigitul-filter {
padding: 9px 14px;
border: 1px solid #2b2f36;
border-radius: 2px;
background: #2b2f36;
color: #fff;
font-size: 12px;
font-weight: 600;
line-height: 1;
letter-spacing: 0.02em;
cursor: pointer;
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.zigitul-filter:hover {
background: #1f2329;
border-color: #1f2329;
color: #fff;
}
.zigitul-filter.active {
background: #111317;
border-color: #111317;
color: #fff;
} #zigitul-map {
width: 100%;
height: 100%;
min-height: 780px;
border-radius: 0 !important;
overflow: hidden;
background: #eaeaea;
box-shadow: none !important;
} .zigitul-card {
background: #fff;
border: 1px solid #d9e0e7 !important;
border-radius: 0 !important;
overflow: hidden;
cursor: pointer;
box-shadow: none !important;
transition: border-color 0.2s ease, transform 0.2s ease;
}
.zigitul-card:hover {
border-color: #bfc9d6 !important;
transform: translateY(-1px);
}
.zigitul-card.is-active {
border-color: #2d6cdf !important;
box-shadow: 0 0 0 1px rgba(45, 108, 223, 0.18) !important;
} .zigitul-card--with-thumbs {
display: grid !important;
grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr) !important;
gap: 6px !important;
padding: 6px !important;
align-items: start !important;
}
.zigitul-card--simple {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 6px !important;
padding: 6px !important;
align-items: start !important;
}
.zigitul-media-row {
display: contents !important;
padding: 0 !important;
gap: 0 !important;
} .zigitul-media-main {
grid-column: 1 / 2 !important;
grid-row: 1 / 3 !important;
height: 168px !important;
min-width: 0 !important;
overflow: hidden !important;
border-radius: 0 !important;
background: #f2f2f2 !important;
}
.zigitul-media-main img,
.zigitul-media-main img.wp-post-image {
display: block !important;
width: 100% !important;
height: 168px !important;
max-width: none !important;
object-fit: cover !important;
border-radius: 0 !important;
} .zigitul-media-side {
grid-column: 2 / 3 !important;
grid-row: 1 / 2 !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 6px !important;
height: 86px !important;
align-self: start !important;
}
.zigitul-side-thumb {
width: 100% !important;
height: 86px !important;
min-width: 0 !important;
overflow: hidden !important;
border-radius: 0 !important;
background: #f2f2f2 !important;
}
.zigitul-side-thumb img {
display: block !important;
width: 100% !important;
height: 86px !important;
max-width: none !important;
object-fit: cover !important;
border-radius: 0 !important;
} .zigitul-card-body {
grid-column: 2 / 3 !important;
grid-row: 2 / 3 !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
padding: 2px 0 0 0 !important;
background: #fff !important;
min-height: 70px !important;
max-height: 76px !important;
overflow: hidden !important;
}
.zigitul-card h3 {
display: block !important;
margin: 0 0 6px 0 !important;
padding: 0 !important;
font-size: 14px !important;
line-height: 1.18 !important;
font-weight: 700 !important;
color: #222 !important;
}
.zigitul-location-line {
display: flex !important;
align-items: center !important;
gap: 6px !important;
font-size: 12px !important;
line-height: 1.2 !important;
color: #666 !important;
font-weight: 600 !important;
}
.zigitul-pin-dot {
width: 8px !important;
height: 8px !important;
flex: 0 0 8px !important;
border-radius: 50% !important;
background: #2db24a !important;
box-shadow: none !important;
} .zigitul-card--simple .zigitul-media-main {
grid-column: 1 / -1 !important;
grid-row: auto !important;
height: 168px !important;
}
.zigitul-card--simple .zigitul-media-main img,
.zigitul-card--simple .zigitul-media-main img.wp-post-image {
height: 168px !important;
}
.zigitul-card--simple .zigitul-card-body {
grid-column: 1 / -1 !important;
grid-row: auto !important;
min-height: auto !important;
max-height: none !important;
padding: 6px 0 0 0 !important;
} .zigitul-popup {
font-size: 14px;
line-height: 1.4;
} .zigitul-results-list::-webkit-scrollbar {
width: 8px;
}
.zigitul-results-list::-webkit-scrollbar-thumb {
background: #d0d7df;
border-radius: 999px;
}
.zigitul-results-list::-webkit-scrollbar-track {
background: transparent;
} @media (max-width: 980px) {
.zigitul-container {
flex-direction: column;
gap: 20px;
}
.zigitul-left,
.zigitul-right {
width: 100%;
}
.zigitul-right {
position: static;
height: auto;
}
.zigitul-results-shell {
height: auto;
min-height: 0;
}
.zigitul-results-header {
position: static;
}
.zigitul-results-list {
overflow: visible;
padding-right: 0;
}
.zigitul-card--with-thumbs,
.zigitul-card--simple {
grid-template-columns: 1fr !important;
padding: 6px !important;
}
.zigitul-media-row {
display: block !important;
}
.zigitul-media-main {
grid-column: auto !important;
grid-row: auto !important;
height: 180px !important;
margin-bottom: 6px !important;
}
.zigitul-media-main img,
.zigitul-media-main img.wp-post-image {
height: 180px !important;
}
.zigitul-media-side {
grid-column: auto !important;
grid-row: auto !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
height: 60px !important;
margin-bottom: 6px !important;
}
.zigitul-side-thumb,
.zigitul-side-thumb img {
height: 60px !important;
}
.zigitul-card-body {
grid-column: auto !important;
grid-row: auto !important;
min-height: auto !important;
max-height: none !important;
padding: 0 !important;
}
#zigitul-map {
min-height: 440px;
}
}