/* Villas de luxe — ce que biens.css ne couvre pas : le panneau de chiffres du hero et la grille des communes. */
.vl-panel { display: flex; flex-direction: column; gap: 18px; }
.vl-chiffres { margin: 0; display: grid; gap: 14px; }
.vl-chiffres div { display: grid; gap: 4px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.14); }
.vl-chiffres div:last-child { border-bottom: 0; padding-bottom: 0; }
.vl-chiffres dt { font-size: 12px; letter-spacing: 0.04em; color: rgba(255,255,255,0.72); }
.vl-chiffres dd { margin: 0; font-family: var(--r5-serif, Georgia, serif); font-size: 26px; line-height: 1.1; color: #fff; }
.vl-panel .bh-panel-btn { text-align: center; text-decoration: none; }
.vl-communes { padding: 72px 24px; background: #F4F1EA; }
.vl-communes-inner { max-width: 1180px; margin: 0 auto; }
.vl-communes h2 { font-family: var(--r5-serif, Georgia, serif); font-weight: 400; font-size: clamp(28px, 3.4vw, 40px); color: #081938; margin: 6px 0 10px; }
.vl-communes > .vl-communes-inner > p { max-width: 640px; color: #5C5C5C; margin: 0 0 28px; }
.vl-communes-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; }
.vl-commune { display: grid; gap: 6px; padding: 22px 20px; background: #fff; border: 1px solid #E0DCD4; text-decoration: none; color: #081938; transition: border-color .2s, transform .2s; }
.vl-commune:hover { border-color: #8B6F47; transform: translateY(-2px); }
.vl-commune-nom { font-family: var(--r5-serif, Georgia, serif); font-size: 22px; line-height: 1.15; }
.vl-commune-prix { font-size: 13px; color: #5C5C5C; }
.vl-commune-lien { margin-top: 6px; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: #8B6F47; }
@media (max-width: 640px) { .vl-communes { padding: 56px 18px; } }