/* Homepage gallery -> horizontal carousel (loads after styles-102.css, homepage only) */
.gal-shell{position:relative}
.gallery{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.gallery::-webkit-scrollbar{display:none}
.gallery figure{flex:0 0 calc((100% - 28px)/3);height:280px;margin:0;scroll-snap-align:start}
.gallery img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){.gallery figure{flex-basis:calc((100% - 14px)/2)}}
@media(max-width:560px){.gallery figure{flex-basis:82%;height:230px}}
.gal-btn{position:absolute;top:50%;transform:translateY(-60%);z-index:5;width:46px;height:46px;border-radius:50%;border:0;background:#C9A227;color:#14100a;font-size:24px;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.30);display:flex;align-items:center;justify-content:center;transition:opacity .25s,background .25s}
.gal-btn:hover{background:#dcb845}
.gal-btn.prev{left:-12px}
.gal-btn.next{right:-12px}
.gal-btn.off{opacity:.25;pointer-events:none}
@media(max-width:560px){.gal-btn.prev{left:6px}.gal-btn.next{right:6px}.gal-btn{width:40px;height:40px}}