/* Support styles for the vanilla Sitehub runtime (slider + lightbox). */
[data-slider] { position: relative; }
[data-slider-track] { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
[data-slider-track]::-webkit-scrollbar { display: none; }
[data-slider-track].slick-track { align-items: flex-start; transform: none; }
[data-slider-track]::before, [data-slider-track]::after { display: none !important; }
[data-slider-track] > * { scroll-snap-align: start; box-sizing: border-box; }
[data-slider-dots] { list-style: none; display: flex; justify-content: center; gap: 8px; margin: 12px 0 0; padding: 0; }
[data-slider-dots] button { width: 10px; height: 10px; padding: 0; border-radius: 50%; border: 0; background: currentColor; opacity: .35; font-size: 0; cursor: pointer; }
[data-slider-dots] .slick-active button { opacity: 1; }
.sh-lightbox { position: fixed; inset: 0; z-index: 10000; background: rgba(0,0,0,.9); display: flex; align-items: center; justify-content: center; }
.sh-lightbox[hidden] { display: none; }
.sh-lightbox img { max-width: 92vw; max-height: 88vh; object-fit: contain; }
.sh-lightbox button { position: absolute; background: none; border: 0; color: #fff; font-size: 44px; line-height: 1; cursor: pointer; padding: 12px 18px; }
.sh-lb-close { top: 8px; right: 8px; }
.sh-lb-prev { left: 8px; top: 50%; transform: translateY(-50%); }
.sh-lb-next { right: 8px; top: 50%; transform: translateY(-50%); }