/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 09 2026 | 13:05:38 */
/* ==========================================================================
   Photo Section (Infinite Slider)
   ========================================================================== */
.as-photo-section {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	overflow: hidden;
}
.as-slider-container {
	width: 100%;
	overflow-x: scroll;
	/* Allow JS scrolling */
    scrollbar-width: none;
	-ms-overflow-style: none;
}
 .as-slider-container::-webkit-scrollbar {
 display: none;
}
.as-slider-track {
	display: flex;
	width: max-content;
	/* Ensure it wraps all items */
    cursor: grab;
	/* Indicate draggable */
    user-select: none;
	-webkit-user-select: none;
}
.as-slider-track:active {
	cursor: grabbing;
}
.as-slide {
	aspect-ratio: 1 / 1;
	position: relative;
	flex-shrink: 0;
	/* Prevent default image drag behavior */
    user-select: none;
	-webkit-user-drag: none;
}
.as-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	pointer-events: none;/* Crucial for mouse drag scroll to work without dragging image */
}

/* Desktop: 5 items visible */
@media (min-width: 769px) {
.as-slide {
	width: 20vw;/* 5 items = 100vw */
    }
}

/* Mobile: Peekaboo (Centered + Partial Sides) */
@media (max-width: 768px) {
.as-slide {
	width: 50vw;/* 2 items = 100vw, but we want 1 center + 2 halves */
    }
}