.ka-listings {
--ka-cols: 3;
--ka-gap: clamp(1.25rem, 3vw, 2rem);
--ka-ratio: 4 / 3;
}
.ka-listings .ka-grid {
display: grid;
grid-template-columns: repeat(var(--ka-cols), minmax(0, 1fr));
gap: var(--ka-gap);
list-style: none;
margin: 0;
padding: 0;
}
.ka-listings .ka-grid__item {
margin: 0;
padding: 0;
}
.ka-listings .ka-grid__item::before { content: none; } @media (max-width: 960px) {
.ka-listings .ka-grid { grid-template-columns: repeat(min(var(--ka-cols), 2), minmax(0, 1fr)); }
}
@media (max-width: 600px) {
.ka-listings .ka-grid { grid-template-columns: 1fr; }
}
.ka-listings .ka-card {
display: flex;
flex-direction: column;
height: 100%;
}
.ka-listings .ka-card__image {
display: block;
aspect-ratio: var(--ka-ratio);
overflow: hidden;
background: rgba(127, 127, 127, .08);
}
.ka-listings .ka-card__image img,
.ka-listings .ka-card__img {
display: block;
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
margin: 0;
}
.ka-listings .ka-card__body {
display: flex;
flex-direction: column;
flex: 1;
padding-top: 1em;
}
.ka-listings .ka-card__title {
margin: 0 0 .5em;
overflow-wrap: anywhere; hyphens: auto;
}
.ka-listings .ka-card__title a { color: inherit; text-decoration: none; }
.ka-listings .ka-card__title a:hover,
.ka-listings .ka-card__title a:focus-visible { text-decoration: underline; }
.ka-listings .ka-card__excerpt { margin: 0 0 1em; }
.ka-listings .ka-card__price {
margin: auto 0 0; font-weight: 700;
font-size: 1.15em;
}
.ka-listings .ka-card__action { margin: 1em 0 0; }
.ka-listings .ka-more { margin: 2em 0 0; text-align: center; }
.ka-listings .ka-pagination { margin-top: 2em; }
.ka-listings .screen-reader-text {
position: absolute !important;
width: 1px; height: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap;
}