/* Casa Palma Vista — appartement specifieke stijlen */
.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.spec-card{background:#fff;border:1px solid var(--sand-200);border-radius:var(--rl);padding:24px 20px}
.spec-icon{width:32px;height:32px;color:var(--terra-mid);margin-bottom:12px}
.spec-card h3{font-family:var(--font-serif);font-size:16px;font-weight:600;color:var(--wenge);margin-bottom:6px}
.spec-card p{font-size:13px;font-weight:300;color:var(--wenge-mid);line-height:1.6}

.apt-cta{background:#C9A898;padding:clamp(48px,8vw,80px) var(--page-pad);text-align:center}
.apt-cta h2{font-family:var(--font-serif);font-size:clamp(28px,4vw,48px);font-weight:400;color:#3A2D1A;margin-bottom:14px}
.apt-cta h2 em{color:var(--wenge);font-style:italic}
.apt-cta p{color:rgba(58,45,26,.72);font-size:15px;font-weight:300;max-width:480px;margin:0 auto 28px;line-height:1.8}
@media(max-width:768px){.spec-grid{grid-template-columns:1fr 1fr}.gal-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.spec-grid{grid-template-columns:1fr}.gal-grid{grid-template-columns:1fr}.wide{grid-column:span 1}}

.apt-cta .btn-primary{background:var(--wenge);border-color:var(--wenge);color:#fff}
.apt-cta .btn-primary:hover{background:var(--wenge-mid);border-color:var(--wenge-mid)}
/* Fotogalerij — adaptief grid met correcte beeldverhoudingen */
.gal-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}

/* Standaard item — vierkant */
.gal-grid .item{
  overflow:hidden;
  border-radius:var(--rl);
  background:var(--sand-200);
}
.gal-grid .item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .4s;
}
.gal-grid .item:hover img{transform:scale(1.03)}

/* Vierkante foto's — 1:1 */
.gal-grid .sq{aspect-ratio:1/1}

/* Liggende foto's — 4:3 */
.gal-grid .ls{aspect-ratio:4/3}

/* Brede items — 2 kolommen, 16:9 */
.gal-grid .wide{grid-column:span 2;aspect-ratio:16/9}

/* Hoge items — 2 rijen */
.gal-grid .tall{grid-row:span 2;aspect-ratio:3/4}

@media(max-width:768px){
  .gal-grid{grid-template-columns:1fr 1fr}
  .gal-grid .wide{grid-column:span 2}
}
@media(max-width:480px){
  .gal-grid{grid-template-columns:1fr}
  .gal-grid .wide,.gal-grid .tall{grid-column:span 1;grid-row:span 1}
  .gal-grid .item,.gal-grid .sq,.gal-grid .ls,.gal-grid .wide{aspect-ratio:4/3}
}.gal-grid .wide{grid-column:span 1}}

/* Mobile: stack intro grid */
.apt-desc-grid{grid-template-columns:1fr 1fr}
@media(max-width:700px){
  .apt-desc-grid{grid-template-columns:1fr}
}