/**
 * Estilozzo — galerias de matéria (sociais).
 * 1) Legendas sempre visíveis (override JNews hover-only).
 * 2) Modo faixa horizontal (.ez-gallery-strip) com setas contextuais.
 */

/* --- Legendas: sempre visíveis (vertical, strip e hero) --- */
.content-inner .gallery-caption,
.content-inner .wp-block-gallery figcaption,
.entry-content .gallery-caption,
.entry-content .wp-block-gallery figcaption,
.ez-gallery-hero-caption {
	--ez-cap-size: 13px;
	--ez-cap-leading: 1.45;
	--ez-cap-pad-v: 10px;
	--ez-cap-pad-h: 12px;
	--ez-cap-max-lines: 3;
	opacity: 1 !important;
	box-sizing: border-box;
	margin: 0;
	background: rgba(0, 0, 0, 0.62);
	color: #fff;
	font-size: var(--ez-cap-size);
	padding: var(--ez-cap-pad-v) var(--ez-cap-pad-h);
	overflow: hidden !important;
	display: block !important;
	height: auto !important;
	max-height: none !important;
	text-align: center;
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 5px !important;
	z-index: 2;
}

/* Altura adapta às linhas; trunca só acima do máximo (paridade Photoswipe). */
.content-inner .ez-gallery-caption-text,
.entry-content .ez-gallery-caption-text,
.ez-gallery-hero-caption .ez-gallery-caption-text {
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: var(--ez-cap-max-lines) !important;
	line-clamp: var(--ez-cap-max-lines) !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-word;
	overflow-wrap: break-word;
	line-height: var(--ez-cap-leading);
	max-height: calc(var(--ez-cap-size) * var(--ez-cap-leading) * var(--ez-cap-max-lines));
	text-align: center;
}

.content-inner .gallery-item,
.entry-content .gallery-item,
.content-inner .gallery .gallery-item,
.entry-content .gallery .gallery-item {
	position: relative;
}

/* --- Wrapper da faixa horizontal --- */
.ez-gallery-wrap {
	position: relative;
	width: 100%;
	margin: 15px auto 30px;
}

.ez-gallery-wrap .ez-gallery-track {
	overflow: visible;
}

/* Galeria clássica (shortcode) — trilho scrollável */
.ez-gallery-wrap .gallery.ez-gallery-strip {
	display: flex;
	flex-wrap: nowrap;
	float: none;
	width: 100%;
	margin: 0 !important;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.ez-gallery-wrap .gallery.ez-gallery-strip::-webkit-scrollbar,
.ez-gallery-wrap .wp-block-gallery.ez-gallery-strip::-webkit-scrollbar {
	display: none;
}

.ez-gallery-wrap .gallery.ez-gallery-strip::after {
	display: none;
}

.ez-gallery-wrap .gallery.ez-gallery-strip .gallery-item {
	float: none;
	flex: 0 0 88%;
	max-width: none;
	width: auto;
	scroll-snap-align: start;
	/* Um flick avança no máximo uma foto (sem pular com a inércia). */
	scroll-snap-stop: always;
	margin: 0 !important;
	padding: 0 6px 0 0;
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

/* Caixa de imagem com altura uniforme (retrato + paisagem na mesma faixa). */
.ez-gallery-wrap .gallery.ez-gallery-strip .gallery-icon {
	position: relative;
	grid-column: 1;
	grid-row: 1;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	line-height: 0;
	width: 100%;
}

.ez-gallery-wrap .gallery.ez-gallery-strip .gallery-icon a {
	display: block;
	height: 100%;
}

.ez-gallery-wrap .gallery.ez-gallery-strip .gallery-icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.ez-gallery-wrap .gallery.ez-gallery-strip .gallery-icon img,
.ez-gallery-wrap .wp-block-gallery.ez-gallery-strip .wp-block-image img,
.ez-gallery-hero-stage img[class*='ez-focus-'] {
	object-position: var(--ez-focus-pos-desktop, center center);
}

@media (max-width: 767px) {
	.ez-gallery-wrap .gallery.ez-gallery-strip .gallery-icon img,
	.ez-gallery-wrap .wp-block-gallery.ez-gallery-strip .wp-block-image img,
	.ez-gallery-hero-stage img[class*='ez-focus-'] {
		object-position: var(--ez-focus-pos-mobile, var(--ez-focus-pos-desktop, center center));
	}
}

/* Fallback se object-position inline não carregar (faixa + hero). */
.ez-gallery-wrap .gallery.ez-gallery-strip .gallery-icon img.ez-focus-top,
.ez-gallery-wrap .wp-block-gallery.ez-gallery-strip img.ez-focus-top,
.ez-gallery-hero-stage img.ez-focus-top {
	object-position: center top;
}

.ez-gallery-wrap .gallery.ez-gallery-strip .gallery-icon img.ez-focus-center,
.ez-gallery-wrap .wp-block-gallery.ez-gallery-strip img.ez-focus-center,
.ez-gallery-hero-stage img.ez-focus-center {
	object-position: center center;
}

.ez-gallery-wrap .gallery.ez-gallery-strip .gallery-icon img.ez-focus-pos25,
.ez-gallery-wrap .wp-block-gallery.ez-gallery-strip img.ez-focus-pos25,
.ez-gallery-hero-stage img.ez-focus-pos25 {
	object-position: center 25%;
}

.ez-gallery-wrap .gallery.ez-gallery-strip .gallery-icon img.ez-focus-pos75,
.ez-gallery-wrap .wp-block-gallery.ez-gallery-strip img.ez-focus-pos75,
.ez-gallery-hero-stage img.ez-focus-pos75 {
	object-position: center 75%;
}

.ez-gallery-wrap .gallery.ez-gallery-strip .gallery-icon img.ez-focus-bottom,
.ez-gallery-wrap .wp-block-gallery.ez-gallery-strip img.ez-focus-bottom,
.ez-gallery-hero-stage img.ez-focus-bottom {
	object-position: center bottom;
}

.ez-gallery-wrap .gallery.ez-gallery-strip .gallery-icon.portrait img.ez-focus-auto,
.ez-gallery-wrap .wp-block-gallery.ez-gallery-strip .wp-block-image.ez-focus-auto img,
.ez-gallery-hero-stage img.ez-focus-auto {
	object-position: center top;
}

.ez-gallery-wrap .gallery.ez-gallery-strip .gallery-icon.landscape img.ez-focus-auto,
.ez-gallery-wrap .wp-block-gallery.ez-gallery-strip .wp-block-image.ez-focus-auto img {
	object-position: center center;
}

/* Bloco Gutenberg */
.ez-gallery-wrap .wp-block-gallery.ez-gallery-strip {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	gap: 0;
}

.ez-gallery-wrap .wp-block-gallery.ez-gallery-strip .wp-block-image {
	flex: 0 0 88%;
	max-width: none;
	scroll-snap-align: start;
	scroll-snap-stop: always;
	margin: 0 6px 0 0 !important;
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

.ez-gallery-wrap .wp-block-gallery.ez-gallery-strip .wp-block-image a,
.ez-gallery-wrap .wp-block-gallery.ez-gallery-strip .wp-block-image > figure {
	display: block;
	grid-column: 1;
	grid-row: 1;
	height: 100%;
	width: 100%;
}

.ez-gallery-wrap .wp-block-gallery.ez-gallery-strip .wp-block-image img {
	width: 100%;
	aspect-ratio: 4 / 5;
	height: auto;
	object-fit: cover;
	display: block;
}

/* Legenda da faixa: colada na base da foto, centralizada (paridade vertical). */
.ez-gallery-wrap .gallery.ez-gallery-strip .gallery-caption,
.ez-gallery-wrap .wp-block-gallery.ez-gallery-strip figcaption {
	grid-column: 1;
	grid-row: 1;
	align-self: end;
	justify-self: center;
	width: calc(100% - 30px);
	max-width: calc(100% - 30px);
	position: relative !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
}

/* Celular paisagem / tablet pequeno: a foto em retrato a 88% deixaria a faixa
   altíssima (~800px em ~760px de tela). Passa para paisagem (4/3) e estreita
   um pouco, mostrando um respiro da próxima foto. */
@media (min-width: 480px) and (max-width: 767px) {
	.ez-gallery-wrap .gallery.ez-gallery-strip .gallery-item,
	.ez-gallery-wrap .wp-block-gallery.ez-gallery-strip .wp-block-image {
		flex: 0 0 64%;
	}

	.ez-gallery-wrap .gallery.ez-gallery-strip .gallery-icon {
		aspect-ratio: 4 / 3;
	}

	.ez-gallery-wrap .wp-block-gallery.ez-gallery-strip .wp-block-image img {
		aspect-ratio: 4 / 3;
	}
}

@media (min-width: 768px) {
	.ez-gallery-wrap .gallery.ez-gallery-strip .gallery-item,
	.ez-gallery-wrap .wp-block-gallery.ez-gallery-strip .wp-block-image {
		flex: 0 0 46%;
	}

	/* Desktop: proporção um pouco mais baixa (mais paisagem visível). */
	.ez-gallery-wrap .gallery.ez-gallery-strip .gallery-icon {
		aspect-ratio: 4 / 3;
	}

	.ez-gallery-wrap .wp-block-gallery.ez-gallery-strip .wp-block-image img {
		aspect-ratio: 4 / 3;
	}

	.ez-gallery-hero-stage {
		aspect-ratio: 4 / 3;
	}
}

/* --- Setas (paridade Photoswipe: retângulo 32×30, cantos quadrados) --- */
.ez-gallery-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	border: 0;
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	width: 32px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	border-radius: 0;
	font-size: 13px;
	padding: 0;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
}

/* Setas sempre visíveis enquanto habilitadas (sem auto-hide): a "anterior"
   some na 1ª imagem e a "próxima" na última — na faixa de miniaturas, quando
   não há mais rolagem naquela direção (estado via JS/:disabled). */
.ez-gallery-arrow:not(:disabled) {
	opacity: 1;
	pointer-events: auto;
}

.ez-gallery-arrow:disabled {
	opacity: 0 !important;
	pointer-events: none;
}

.ez-gallery-prev {
	left: 6px;
}

.ez-gallery-next {
	right: 6px;
}

/* Contagem de fotos — canto superior direito (strip e hero). */
.ez-gallery-photo-count {
	position: absolute;
	top: 10px;
	right: 10px;
	left: auto;
	bottom: auto;
	z-index: 4;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	padding: 6px 10px;
	border-radius: 2px;
	background: rgba(0, 0, 0, 0.55);
	color: #fff;
	pointer-events: none;
	opacity: 1;
	white-space: nowrap;
	text-align: center;
}

/* Strip: atualiza posição (ex.: 3 / 12) ao deslizar. */
.ez-gallery-wrap .ez-gallery-counter {
	/* herda .ez-gallery-photo-count */
}

/* Photoswipe — sem botão de compartilhar no lightbox */
.pswp__button--share,
.pswp__share-modal {
	display: none !important;
}

/* Photoswipe — quando há a barra do wp-admin (usuário logado), ela fica por
   cima do topo do lightbox (position:fixed, z-index 99999) e esconde o contador,
   o botão de tela cheia e o de zoom. Empurramos a barra de controles para baixo
   dela. O seletor .admin-bar só existe logado — o visitante deslogado não muda. */
.admin-bar .pswp__top-bar {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .pswp__top-bar {
		top: 46px;
	}
}

/* Photoswipe — setas do lightbox visíveis também em telas touch (o skin as
   esconde com visibility:hidden). NÃO forçamos opacity: assim elas continuam
   somindo junto com os demais controles quando o usuário toca na tela
   (.pswp__ui--hidden controla a opacidade). Galeria de 1 foto segue sem
   setas (display:none do próprio skin, preservado). */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
	visibility: visible !important;
}

/* Mesma forma das setas da galeria: retângulo 32×30 com chevron branco,
   no lugar do sprite padrão do Photoswipe. */
.pswp .pswp__button--arrow--left:before,
.pswp .pswp__button--arrow--right:before {
	background-image: none;
	background-color: rgba(0, 0, 0, 0.3);
	width: 32px;
	height: 30px;
	line-height: 30px;
	top: 35px;
	color: #fff;
	font-size: 13px;
	font-style: normal;
	text-align: center;
}

.pswp .pswp__button--arrow--left:before {
	content: '\276E';
	left: 6px;
}

.pswp .pswp__button--arrow--right:before {
	content: '\276F';
	right: 6px;
}

/* ===================================================================== *
 * Galeria HERO (layout="hero"): preview grande + miniaturas + selo.
 * ===================================================================== */
.ez-gallery-hero-wrap {
	position: relative;
	width: 100%;
	margin: 15px auto 30px;
	/* Espaço reservado: fileira de miniaturas + respiro inferior.
	   svh (viewport mínimo, estável) e NUNCA dvh: dvh muda quando a barra
	   do navegador some ao rolar, redimensionando o stage e deslocando o
	   enquadramento da foto no meio da leitura. */
	--ez-hero-thumbs: 5.625rem;
	--ez-hero-vpad: 1.25rem;
	--ez-hero-stage-scale: 0.7;
	/* Piso mínimo: em celular deitado o svh cai bastante e a conta acima
	   sozinha deixaria o preview minúsculo (achatado pelo max-height). */
	--ez-hero-stage-min: 320px;
	--ez-hero-stage-max: max(
		var(--ez-hero-stage-min),
		calc((100svh - var(--ez-hero-thumbs) - var(--ez-hero-vpad)) * var(--ez-hero-stage-scale))
	);
}

/* Preview grande — mesma caixa de recorte da faixa (strip), largura total. */
/* Filho direto do wrap: o root da galeria de miniaturas também carrega a
   classe ez-gallery-hero (ensure_root_class) e NÃO pode herdar estes estilos
   — o touch-action aqui mataria o swipe da faixa de miniaturas. */
.ez-gallery-hero-wrap > .ez-gallery-hero {
	position: relative;
	width: 100%;
	background: #0d0d0d;
	overflow: hidden;
	border-radius: 2px;
	/* Swipe horizontal é nosso; rolagem vertical da página segue livre. */
	touch-action: pan-y pinch-zoom;
}

.ez-gallery-hero-stage {
	position: relative;
	width: 100%;
	max-height: var(--ez-hero-stage-max);
	aspect-ratio: 4 / 5;
	overflow: hidden;
	line-height: 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

.ez-gallery-hero-stage .ez-gallery-hero-open {
	display: block;
	grid-column: 1;
	grid-row: 1;
	width: 100%;
	height: 100%;
	min-height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	cursor: zoom-in;
	line-height: 0;
}

.ez-gallery-hero-stage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Feedback direcional na troca do preview (swipe, setas ou miniatura). */
@media (prefers-reduced-motion: no-preference) {
	.ez-gallery-hero-stage img.ez-gallery-slide-next {
		animation: ez-gallery-slide-next 0.22s ease-out;
	}

	.ez-gallery-hero-stage img.ez-gallery-slide-prev {
		animation: ez-gallery-slide-prev 0.22s ease-out;
	}
}

@keyframes ez-gallery-slide-next {
	from {
		opacity: 0.35;
		transform: translateX(7%);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

/* Lightbox (Photoswipe): mesmo fade da troca do hero na mudança de slide.
   Só opacidade — o translateX brigaria com o transform de zoom do Photoswipe. */
@media (prefers-reduced-motion: no-preference) {
	.pswp__img.ez-pswp-fade {
		animation: ez-pswp-fade 0.22s ease-out;
	}
}

@keyframes ez-pswp-fade {
	from {
		opacity: 0.35;
	}

	to {
		opacity: 1;
	}
}

@keyframes ez-gallery-slide-prev {
	from {
		opacity: 0.35;
		transform: translateX(-7%);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

/* Legenda hero: colada na base da foto, centralizada (paridade vertical). */
.entry-content .ez-gallery-hero-caption,
.content-inner .ez-gallery-hero-caption,
.ez-gallery-hero-stage .ez-gallery-hero-caption {
	grid-column: 1;
	grid-row: 1;
	align-self: end;
	justify-self: center;
	width: calc(100% - 30px);
	max-width: calc(100% - 30px);
	position: relative !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
}

/* Hero: contador no topo (mesma classe da faixa). */

/* Setas do hero — mesmo visual e comportamento contextual da faixa (strip):
   herdam .ez-gallery-arrow (32×30, hover/swipe) e a margem de 6px da borda. */
.ez-gallery-hero-prev {
	left: 6px;
}

.ez-gallery-hero-next {
	right: 6px;
}

/* Fileira de miniaturas — estados: repouso / hover / selecionada */
.ez-gallery-hero-thumbs-wrap {
	position: relative;
	margin-top: 8px;
}

.ez-gallery-hero-thumbs {
	--ez-thumb-border: rgba(0, 0, 0, 0.14);
	/* Hover neutro: a borda vermelha é exclusiva da miniatura ativa. */
	--ez-thumb-border-hover: rgba(0, 0, 0, 0.4);
	--ez-thumb-border-active: #d71920;
	--ez-thumb-shadow-hover: 0 3px 10px rgba(0, 0, 0, 0.14);
	--ez-thumb-shadow-active: 0 0 0 1px #d71920, 0 4px 12px rgba(215, 25, 32, 0.22);
}

.ez-gallery-hero-thumbs-prev {
	left: 6px;
}

.ez-gallery-hero-thumbs-next {
	right: 6px;
}

.ez-gallery-hero-thumbs .gallery-icon.landscape img.ez-focus-auto,
.ez-gallery-hero-thumbs .wp-block-image.ez-focus-auto img {
	object-position: center center;
}

.ez-gallery-hero-thumbs .gallery,
.ez-gallery-hero-thumbs .wp-block-gallery {
	display: flex !important;
	flex-wrap: nowrap;
	gap: 6px;
	margin: 0 !important;
	padding: 0;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-x: contain;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.ez-gallery-hero-thumbs .gallery::-webkit-scrollbar,
.ez-gallery-hero-thumbs .wp-block-gallery::-webkit-scrollbar {
	display: none;
}

.ez-gallery-hero-thumbs .gallery::after {
	content: none;
	display: none;
}

.ez-gallery-hero-thumbs .gallery-item,
.ez-gallery-hero-thumbs .wp-block-image {
	float: none !important;
	flex: 0 0 auto;
	width: 88px !important;
	max-width: 88px;
	margin: 0 !important;
	padding: 0;
	position: relative;
	cursor: pointer;
}

.ez-gallery-hero-thumbs .gallery-icon,
.ez-gallery-hero-thumbs .wp-block-image > figure,
.ez-gallery-hero-thumbs .wp-block-image > a {
	position: relative;
	margin: 0;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	line-height: 0;
	height: auto;
	border: 2px solid var(--ez-thumb-border);
	border-radius: 2px;
	box-sizing: border-box;
	background: #ececec;
	transition:
		border-color 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.18s ease;
}

.ez-gallery-hero-thumbs .gallery-icon img,
.ez-gallery-hero-thumbs .wp-block-image img {
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
	opacity: 1;
	transition: filter 0.18s ease;
}

/* Repouso: leve dessaturação para diferenciar da selecionada */
.ez-gallery-hero-thumbs .gallery-item:not(.ez-gallery-hero-thumb-active) img,
.ez-gallery-hero-thumbs .wp-block-image:not(.ez-gallery-hero-thumb-active) img {
	filter: saturate(0.9);
}

/* Hover / foco (não selecionada): borda neutra + cor plena.
   Só em dispositivos com ponteiro: no touch o :hover "gruda" no último
   toque e duplicaria o destaque junto com a miniatura ativa. */
@media (hover: hover) {
	.ez-gallery-hero-thumbs .gallery-item:not(.ez-gallery-hero-thumb-active):hover .gallery-icon,
	.ez-gallery-hero-thumbs .gallery-item:not(.ez-gallery-hero-thumb-active):focus-within .gallery-icon,
	.ez-gallery-hero-thumbs .wp-block-image:not(.ez-gallery-hero-thumb-active):hover > figure,
	.ez-gallery-hero-thumbs .wp-block-image:not(.ez-gallery-hero-thumb-active):hover > a,
	.ez-gallery-hero-thumbs .wp-block-image:not(.ez-gallery-hero-thumb-active):focus-within > figure,
	.ez-gallery-hero-thumbs .wp-block-image:not(.ez-gallery-hero-thumb-active):focus-within > a {
		border-color: var(--ez-thumb-border-hover);
		box-shadow: var(--ez-thumb-shadow-hover);
		transform: translateY(-1px);
	}

	.ez-gallery-hero-thumbs .gallery-item:not(.ez-gallery-hero-thumb-active):hover img,
	.ez-gallery-hero-thumbs .gallery-item:not(.ez-gallery-hero-thumb-active):focus-within img,
	.ez-gallery-hero-thumbs .wp-block-image:not(.ez-gallery-hero-thumb-active):hover img,
	.ez-gallery-hero-thumbs .wp-block-image:not(.ez-gallery-hero-thumb-active):focus-within img {
		filter: none;
	}
}

/* Selecionada: borda sólida + leve elevação */
.ez-gallery-hero-thumbs .ez-gallery-hero-thumb-active .gallery-icon,
.ez-gallery-hero-thumbs .ez-gallery-hero-thumb-active > figure,
.ez-gallery-hero-thumbs .ez-gallery-hero-thumb-active > a {
	border-color: var(--ez-thumb-border-active);
	box-shadow: var(--ez-thumb-shadow-active);
	transform: translateY(-1px);
}

.ez-gallery-hero-thumbs .ez-gallery-hero-thumb-active img {
	filter: none;
}

/* Legendas não aparecem nas miniaturas (só no hero e no lightbox). */
.ez-gallery-hero-thumbs figcaption,
.ez-gallery-hero-thumbs .gallery-caption {
	display: none !important;
}

@media (min-width: 768px) {
	.ez-gallery-hero-wrap {
		--ez-hero-thumbs: 6.75rem;
		/* Tela maior (tablet paisagem+): eleva o piso — 320px fica pequeno
		   para a largura disponível quando o svh está baixo. */
		--ez-hero-stage-min: 380px;
	}

	.ez-gallery-hero-thumbs .gallery-item,
	.ez-gallery-hero-thumbs .wp-block-image {
		width: 104px !important;
		max-width: 104px;
	}
}

@media (min-width: 1200px) {
	.ez-gallery-hero-wrap {
		--ez-hero-stage-min: 480px;
	}
}