

.seg_gallery
{
	
	--gallery_max_width:        1070px;
	
	--gallery_aspect:           16 / 9;
	--gallery_height:           auto;
	--gallery_side_gap:         45px;   

	

	--gallery_bg:               transparent;
	--gallery_border:           none;
	--gallery_radius:           10px;

	--gallery_arrow_w:          56px;
	--gallery_arrow_h:          56px;
	--gallery_arrow_size:       34px;   
	--gallery_arrow_color:      #fff;
	--gallery_arrow_bg:         rgba(0, 0, 0, 0.35);
	--gallery_arrow_radius:     999px;
	--gallery_arrow_opacity:    0.85;
	--gallery_arrow_edge:       20px;   
	--gallery_arrow_edge_mobile: 6px;   
	--gallery_arrow_gutter:     72px;   

	--gallery_dot_color:        rgba(255, 255, 255, 0.45);
	--gallery_dot_active:       #fff;
	--gallery_dot_size:         10px;
	--gallery_dot_gap:          8px;

	--gallery_caption_bg:       rgba(0, 0, 0, 0.55);
	--gallery_caption_color:    #fff;
	--gallery_caption_size:     0.95rem;
	--gallery_caption_offset:   24px;   

	
	position: relative;
	box-sizing: content-box;
	max-width: var(--gallery_max_width);
	margin: 0 auto;
	padding: 0 var(--gallery_side_gap);
}


.seg_gallery--arrows-outside
{
	padding: 0 var(--gallery_arrow_gutter);
}


.seg_gallery_section
{
	background-size: var(--gallery_section_bg_size, cover);
	background-position: center;
	background-repeat: no-repeat;
	padding: var(--gallery_section_padding, 60px 20px);
}


.seg_gallery__stage
{
	position: relative;
}


.seg_gallery__swiper
{
	position: relative;
	aspect-ratio: var(--gallery_aspect, auto);
	height: var(--gallery_height);
	background: var(--gallery_bg);
	border: var(--gallery_border);
	border-radius: var(--gallery_radius);
	overflow: hidden;
}

.seg_gallery .swiper-slide
{
	position: relative;
	overflow: hidden;
}

.seg_gallery__img
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}


.seg_gallery__caption
{
	display: none;
}

.seg_gallery--captions .seg_gallery__caption
{
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: var(--gallery_caption_offset);
	max-width: 90%;
	padding: 8px 16px;
	color: var(--gallery_caption_color);
	background: var(--gallery_caption_bg);
	font-size: var(--gallery_caption_size);
	line-height: 1.2;
	text-align: left;
	z-index: 6;
	pointer-events: none;
}




.seg_gallery__nav
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--gallery_arrow_w);
	height: var(--gallery_arrow_h);
	padding: 0;
	margin: 0;
	-webkit-appearance: none;
	appearance: none;
	border: 0;
	outline: 0;
	box-shadow: none;
	border-radius: var(--gallery_arrow_radius);
	background-color: var(--gallery_arrow_bg);
	color: var(--gallery_arrow_color);
	opacity: var(--gallery_arrow_opacity);
	cursor: pointer;
	transition: opacity 0.2s ease, background-color 0.2s ease;
}

.seg_gallery__nav > i
{
	font-size: var(--gallery_arrow_size);
	line-height: 1;
	pointer-events: none;
}

button.seg_gallery__nav:hover,
button.seg_gallery__nav:focus,
button.seg_gallery__nav:active
{
	background-color: var(--gallery_arrow_bg);
	color: var(--gallery_arrow_color);
	outline: 0;
	opacity: 1;
}


.seg_gallery__nav.swiper-button-disabled
{
	opacity: 0.15;
	cursor: default;
}


.seg_gallery--arrows-over .seg_gallery__prev { left: var(--gallery_arrow_edge); }
.seg_gallery--arrows-over .seg_gallery__next { right: var(--gallery_arrow_edge); }


.seg_gallery--arrows-outside .seg_gallery__prev
{
	left: 0;
	transform: translate(-100%, -50%);
}
.seg_gallery--arrows-outside .seg_gallery__next
{
	right: 0;
	transform: translate(100%, -50%);
}


.seg_gallery__dots
{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--gallery_dot_gap);
	width: 100%;
	z-index: 10;
}

.seg_gallery__dots .swiper-pagination-bullet
{
	width: var(--gallery_dot_size);
	height: var(--gallery_dot_size);
	margin: 0 !important;       
	background: var(--gallery_dot_color);
	opacity: 1;
	border-radius: 999px;
	transition: background 0.2s ease, transform 0.2s ease;
}

.seg_gallery__dots .swiper-pagination-bullet-active
{
	background: var(--gallery_dot_active);
	transform: scale(1.15);
}


.seg_gallery--dots-below .seg_gallery__dots
{
	position: static;
	margin-top: 16px;
}


.seg_gallery--dots-over .seg_gallery__dots
{
	position: absolute;
	left: 0;
	bottom: 16px;
}


.seg_gallery--single .seg_gallery__nav,
.seg_gallery--single .seg_gallery__dots
{
	display: none;
}


@media screen and (max-width: 768px)
{
	.seg_gallery
	{
		--gallery_arrow_w: 44px;
		--gallery_arrow_h: 44px;
		--gallery_arrow_size: 26px;
		padding: 0 var(--gallery_side_gap_mobile, var(--gallery_side_gap));
	}
	.seg_gallery__swiper
	{
		height: var(--gallery_height_mobile, var(--gallery_height));
	}
	.seg_gallery--arrows-over .seg_gallery__prev { left: var(--gallery_arrow_edge_mobile); }
	.seg_gallery--arrows-over .seg_gallery__next { right: var(--gallery_arrow_edge_mobile); }
	.seg_gallery--arrows-outside
	{
		padding: 0 36px;
	}
}
