/* === Slider (homepage highlights) === */
.slider { position: relative; overflow: hidden; border:1px solid var(--border); border-radius: 16px; background: var(--card); }
.slides { display: flex; transition: transform 300ms ease; touch-action: pan-y; }
.slide { min-width: 100%; display: grid; place-items: center; padding: 6px; }
.slide img { width: 100%; height: auto; border-radius: 12px; }
.slider-nav { position:absolute; inset:0; display:flex; align-items:center; justify-content:space-between; pointer-events:none; }
.slider-btn { pointer-events: all; background: rgba(0,0,0,0.35); border:1px solid var(--border); color: var(--fg); padding: 8px 10px; border-radius: 12px; margin: 0 6px; }
.slider-dots { display:flex; gap:6px; justify-content:center; margin-top:10px; }
.slider-dot { width:8px; height:8px; border-radius:50%; background:#444; }
.slider-dot[aria-current="true"] { background: var(--accent); }
/* Full gallery grid page */
.gallery-page .grid { grid-template-columns: repeat(2, 1fr); }
@media (min-width: 700px) { .gallery-page .grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1100px) { .gallery-page .grid { grid-template-columns: repeat(4, 1fr); } }