.di[data-v-649bf3ff50ba676d] { padding: 40px 20px 64px; background: var(--vb-bg, #fff);
}
.di-wrap[data-v-649bf3ff50ba676d] { max-width: 1180px; margin: 0 auto; text-align: start; display: flex; flex-direction: column; gap: 18px;
}
.di h1[data-v-649bf3ff50ba676d] { margin: 0; font-size: clamp(30px, 5vw, 44px); color: var(--vb-heading, #1f1b4d);
}
.di-lead[data-v-649bf3ff50ba676d] { margin: 0; font-size: 18px; color: var(--vb-text, #334155);
}
.di h2[data-v-649bf3ff50ba676d] { margin: 12px 0 12px; font-size: 22px; color: var(--vb-heading, #1f1b4d);
}
.di-filter input[data-v-649bf3ff50ba676d] { width: 100%; max-width: 480px; height: 46px; padding: 0 14px; border: 1px solid var(--vb-border, #dcd8ef); border-radius: 12px; font: inherit; font-size: 16px; box-sizing: border-box;
}
.di-cards[data-v-649bf3ff50ba676d] { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 14px;
}
.di-card[data-v-649bf3ff50ba676d] { position: relative; display: block; aspect-ratio: 4 / 3; border-radius: 16px; overflow: hidden; background: var(--vb-primary, #3b2f8f); text-decoration: none;
}
.di-card img[data-v-649bf3ff50ba676d] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}
.di-shade[data-v-649bf3ff50ba676d] { position: absolute; inset: 0; background: linear-gradient(to top, rgba(15, 12, 40, .8), transparent 65%);
}
.di-card-body[data-v-649bf3ff50ba676d] { position: absolute; inset-inline: 0; bottom: 0; padding: 12px 14px; color: #fff; display: flex; flex-direction: column; gap: 2px;
}
.di-card-body small[data-v-649bf3ff50ba676d] { font-size: 12px; opacity: .9; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.di-columns[data-v-649bf3ff50ba676d] { columns: 4 220px; column-gap: 28px;
}
.di-group[data-v-649bf3ff50ba676d] { break-inside: avoid; margin-bottom: 18px;
}
.di-city[data-v-649bf3ff50ba676d] { display: block; font-weight: 800; font-size: 16px; color: var(--vb-heading, #1f1b4d); text-decoration: none; margin-bottom: 4px;
}
a.di-city[data-v-649bf3ff50ba676d]:hover { color: var(--vb-primary, #3b2f8f);
}
.di-group ul[data-v-649bf3ff50ba676d] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 3px;
}
.di-group li a[data-v-649bf3ff50ba676d] { color: var(--vb-text, #334155); text-decoration: none; font-size: 14px;
}
.di-group li a[data-v-649bf3ff50ba676d]:hover { color: var(--vb-primary, #3b2f8f); text-decoration: underline;
}
.di-muted[data-v-649bf3ff50ba676d] { color: var(--vb-muted, #5f6b78);
}
.di-sr[data-v-649bf3ff50ba676d] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);
}