.lew-our-perfections { padding: var(--lew-space-12) var(--lew-space-6); max-width: 1400px; margin: 0 auto; }
.lew-our-perfections__heading { text-align: center; font-size: var(--lew-fs-h2); margin-bottom: var(--lew-space-8); position: relative; padding-bottom: var(--lew-space-4); }
.lew-our-perfections__heading::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60px; height: 3px; background: var(--lew-color-primary); }

/* Grid mode */
.lew-perfections-grid { display: grid; gap: var(--lew-space-6); grid-template-columns: repeat(4, 1fr); }
.lew-perfections-grid.lew-columns-3 { grid-template-columns: repeat(3, 1fr); }
.lew-perfections-grid.lew-columns-5 { grid-template-columns: repeat(5, 1fr); }

/* Carousel mode */
.lew-perfections-track { display: flex; gap: var(--lew-space-6); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; }
.lew-perfections-track::-webkit-scrollbar { display: none; }
.lew-perfections-track > .lew-perfections-card { flex: 0 0 calc((100% - (3 * var(--lew-space-6))) / 4); scroll-snap-align: start; }

.lew-perfections-card {
	background: var(--lew-color-bg); border-radius: var(--lew-radius-md); overflow: hidden;
	box-shadow: var(--lew-shadow-sm); transition: box-shadow .25s ease, transform .25s ease; display: flex; flex-direction: column;
}
.lew-perfections-card:hover { box-shadow: var(--lew-shadow-md); transform: translateY(-3px); }
.lew-perfections-card__image { display: block; aspect-ratio: 4/3; overflow: hidden; background: var(--lew-color-surface); }
.lew-perfections-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.lew-perfections-card:hover .lew-perfections-card__image img { transform: scale(1.05); }

.lew-perfections-card__body { padding: var(--lew-space-4) var(--lew-space-5); flex: 1; }
.lew-perfections-card__specs { list-style: none; margin: 0 0 var(--lew-space-3); padding: 0; }
.lew-perfections-card__specs li { font-size: 0.82rem; color: var(--lew-color-text-muted); line-height: 1.6; padding: 3px 0; border-bottom: 1px dashed var(--lew-color-border); }
.lew-perfections-card__specs li:last-child { border-bottom: none; }
.lew-perfections-card__specs strong { color: var(--lew-color-text); font-weight: 600; }
.lew-perfections-card__explore {
	display: inline-block; font-size: 0.85rem; font-weight: 700; text-transform: lowercase; color: var(--lew-color-primary);
	text-decoration: none; border-bottom: 1px solid var(--lew-color-primary); padding-bottom: 2px; transition: opacity .2s ease;
}
.lew-perfections-card__explore:hover { opacity: .7; }

.lew-perfections-card__footer { padding: var(--lew-space-4) var(--lew-space-5); border-top: 1px solid var(--lew-color-border); background: var(--lew-color-surface); }
.lew-perfections-card__location { display: block; font-size: 0.78rem; color: var(--lew-color-primary); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 4px; }
.lew-perfections-card__title { margin: 0 0 4px; font-size: 1.1rem; }
.lew-perfections-card__title a { color: var(--lew-color-text); text-decoration: none; }
.lew-perfections-card__title a:hover { color: var(--lew-color-primary); }
.lew-perfections-card__size { display: block; font-size: 0.85rem; color: var(--lew-color-text-muted); }

.lew-perfections-nav { display: flex; justify-content: center; gap: var(--lew-space-4); margin-top: var(--lew-space-6); }
.lew-perfections-nav button {
	width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--lew-color-border); background: var(--lew-color-bg);
	color: var(--lew-color-text); font-size: 1.1rem; cursor: pointer; transition: background .2s ease, color .2s ease;
}
.lew-perfections-nav button:hover { background: var(--lew-color-primary); color: #fff; border-color: var(--lew-color-primary); }

@media (max-width: 1024px) {
	.lew-perfections-grid { grid-template-columns: repeat(2, 1fr); }
	.lew-perfections-track > .lew-perfections-card { flex-basis: calc((100% - var(--lew-space-6)) / 2); }
}
@media (max-width: 767px) {
	.lew-our-perfections { padding: var(--lew-space-8) var(--lew-space-4); }
	.lew-perfections-grid { grid-template-columns: 1fr; }
	.lew-perfections-track > .lew-perfections-card { flex-basis: 88%; }
}