.listings-list .listing-item {
    margin-bottom: 20px;
    display: flex;
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid #ecebf2;
    box-shadow: 0 1px 2px rgba(20, 14, 43, .04), 0 6px 18px rgba(20, 14, 43, .05);
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease;
}

.listings-list .listing-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 4px rgba(20, 14, 43, .05), 0 16px 34px rgba(20, 14, 43, .09);
}

.listings-list .listing-item:hover .listing-info h5 {
    color: #7C3AED;
}

.listings-list .listing-item .pictures {
    min-width: 300px;
    width: 300px;
    height: 100%;
}

.listings-list .listing-item .pictures img {
    width:  100%;
    height: 100%;
    min-height: 200px;
    object-fit: cover;
    border-radius: 0;
}

.listings-list .listing-item .listing-info {
    min-width: 0;
    padding: 20px 24px;
}

.listings-list .listing-item .listing-info h5 {
    color: #1B1630;
    font-size: 1.15rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    hyphens: auto;
    overflow: hidden;
    overflow-wrap: break-word;
    overflow-wrap: anywhere;
    transition: 0.1s ease color;
}

.listings-list .listing-item .address {
    font-size: 14px;
    margin-bottom: 1rem;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.listings-list .listing-item .address svg {
    height: 1rem;
}

.listing-item .listing-details {
    margin-bottom: 8px;
}

.listing-details {
    align-items: center;
}

.listing-details dl {
    display: flex;
    margin-bottom: 0;
}

.listing-details dl i {
    display: flex;
    align-items: center;
    padding-top: 4px;
    margin-right: 16px;
}

.listing-details dl img {
    width: 24px;
    height: 24px;
}

.listing-details dl:not(:last-child) {
    border-right: 1px solid #eee;
    padding-right: 32px;
}

.listing-details dl:not(:first-child) {
    padding-left: 32px;
}

.listing-details dd {
    font-weight: 500;
    font-size: 1.125rem;
    margin-bottom: 0;
    color:  #7C3AED;
}

.listing-details dt {
    font-size: 0.8125rem;
    font-weight: 300;
    color: #666666;
}

.listing-details--large dl img {
    width: 24px;
    height: 24px;
}

.listing-details--large dd {
    font-size: 1.25rem;
}

.listing-details--large dt {
    font-size: 0.875rem;
}

.listing-areas {
    list-style: none;
    padding-left: 0;
}

.listing-areas li a {
    font-size: 14px;
    color: #666;
}

.listing-areas li a:hover {
    color: #7C3AED;
}

.search-options {
    border-bottom: none;
}


@media (max-width: 1199.98px) {
    .listing-details dl:not(:last-child) {
        padding-right: 16px;
    }
    
    .listing-details dl:not(:first-child) {
        padding-left: 16px;
    } 

    .listing-details dl i {
        display: none;
    } 
}

@media (max-width: 991.98px) {
    .listings-list .listing-item .pictures {
        width: 100%;
        min-width: auto;
    }

    .listings-list .listing-item .pictures img {
        height: 240px;
        width: 100%;
    }

    .listings-list .listing-item {
        flex-direction: column;
    }

    .listings-list .listing-item .pictures img {
        border-radius: 0;
    }

    .listings-list .listing-item .listing-info {
        padding-left: 16px;
        padding-right: 16px;
    }

    .search-options {
        border-bottom: 1px solid #DDD;
    }

    .listings-pagination .page-item:not(.skip), .listings-pagination .items-select {
        display: none;
    }

    .listings-pagination .pagination, .listings-pagination nav {
        width: 100%;
    }

    .listings-pagination .page-item.skip {
        width: 50%;
    }

    .listings-pagination .page-item .page-link {
        width: 100%;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/*
	Redesign 2026 — "Aubergine & Warm Stone"
*/
.listings-list .listing-item {
	border: 1px solid var(--ti-line);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.listings-list .listing-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 40px -20px rgba(42, 17, 64, 0.28);
	border-color: var(--ti-line-strong);
}
.listings-list .listing-item:hover .listing-info h5 {
	color: var(--bs-primary);
}
.listings-list .listing-item .pictures img {
	border-radius: 0;
}

/* Editorial serif values; the price (always the first dl) carries the weight, in ink */
.listing-details dd {
	font-family: var(--ti-serif);
	color: var(--ti-ink);
	font-variant-numeric: tabular-nums;
	font-weight: 500;
}
.listing-details dl:first-of-type dd {
	font-size: 1.5rem;
	line-height: 1.1;
}
.listing-details--large dl:first-of-type dd {
	font-size: 1.95rem;
}
.listing-details dt {
	color: var(--ti-muted);
}

/* The whole card is an <a>, so its children inherit the link colour.
   Pin title/address to ink; reserve the accent for the hover state. */
.listing-item .listing-info h5 {
	color: var(--ti-ink);
	transition: color 0.15s ease;
}
.listing-item:hover .listing-info h5 {
	color: var(--bs-primary);
}
.listing-item .address {
	color: var(--ti-ink-2);
}