/* Lightweight photo carousel (scroll-snap). See assets/carousel.js for usage. */
.gcar{position:relative;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden}
.gcar-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.gcar-track::-webkit-scrollbar{display:none}
.gcar-slide{flex:0 0 100%;height:100%;margin:0;scroll-snap-align:center}
.gcar-slide img{width:100%;height:100%;object-fit:cover}
.gcar-btn{position:absolute;bottom:10px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:var(--brown);font-size:1.1rem;line-height:1;cursor:pointer;box-shadow:0 6px 18px -8px rgba(63,32,24,.4);display:flex;align-items:center;justify-content:center}
.gcar-btn:disabled{opacity:0;pointer-events:none}
.gcar-prev{left:12px}.gcar-next{right:12px}
.gcar-dots{position:absolute;left:0;right:0;bottom:24px;pointer-events:none;display:flex;justify-content:center;gap:8px}
.gcar-dot{pointer-events:auto;width:8px;height:8px;padding:0;border-radius:50%;border:0;background:rgba(255,255,255,.6);cursor:pointer;transition:width .3s,background .3s}
.gcar-dot[aria-current="true"]{width:22px;border-radius:999px;background:#fff}
.gcar-btn:focus-visible,.gcar-dot:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.gcar-track{scroll-behavior:auto}}