/* ECOPRESS Gallery — сітка проєктів Photo/Video (замість Huge IT Portfolio, вигляд «Toggle Up/Down Blocks») */
.ecopress-gallery {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	align-items: start;
	margin: 20px 0;
	text-align: left;
}
@media (max-width: 991px) {
	.ecopress-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
	.ecopress-gallery { grid-template-columns: minmax(0, 1fr); }
}

.ecopress-gallery__card {
	background: #fff;
	border: 1px solid #e2e2e2;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
	min-width: 0;
}
.ecopress-gallery__summary {
	display: block;
	cursor: pointer;
	list-style: none;
	outline: none;
}
.ecopress-gallery__summary::-webkit-details-marker { display: none; }
.ecopress-gallery__summary::marker { content: ""; }
.ecopress-gallery__summary:focus-visible { box-shadow: 0 0 0 2px #29a8e0; }

.ecopress-gallery__cover {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #f0efee;
	border-bottom: 1px solid #e2e2e2;
}
.ecopress-gallery__cover img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	transition: opacity .2s;
}
.ecopress-gallery__summary:hover .ecopress-gallery__cover img { opacity: .85; }

.ecopress-gallery__bar {
	position: relative;
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 34px 0 10px;
}
.ecopress-gallery__title {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #666;
	font-size: 15px;
}
.ecopress-gallery__arrow {
	position: absolute;
	top: 0;
	right: 10px;
	color: #999;
	font-size: 12px;
	transition: transform .2s, color .2s;
}
.ecopress-gallery__summary:hover .ecopress-gallery__arrow { color: #333; }
.ecopress-gallery__card[open] .ecopress-gallery__arrow { transform: rotate(180deg); color: #333; }

/* Іконка відтворення на обкладинках і мініатюрах відео */
.ecopress-gallery__play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 56px;
	height: 40px;
	margin: -20px 0 0 -28px;
	border-radius: 10px;
	background: rgba(204, 0, 0, .9);
	pointer-events: none;
}
.ecopress-gallery__play::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -6px;
	border-style: solid;
	border-width: 9px 0 9px 16px;
	border-color: transparent transparent transparent #fff;
}

.ecopress-gallery__panel {
	padding: 10px;
	border-top: 1px solid #e2e2e2;
}
.ecopress-gallery__thumbs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
}
.ecopress-gallery__thumb {
	position: relative;
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #f0efee;
}
.ecopress-gallery__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	transition: transform .2s;
}
.ecopress-gallery__thumb:hover img { transform: scale(1.05); }
.ecopress-gallery__thumb .ecopress-gallery__play {
	width: 40px;
	height: 28px;
	margin: -14px 0 0 -20px;
	border-radius: 7px;
}
.ecopress-gallery__thumb .ecopress-gallery__play::after {
	margin: -6px 0 0 -4px;
	border-width: 6px 0 6px 11px;
}

.ecopress-gallery__desc {
	margin-top: 10px;
	color: #666;
	font-size: 13px;
	line-height: 1.5;
	text-align: justify;
}
.ecopress-gallery__desc p { margin: 0 0 8px; }

.ecopress-gallery__more {
	display: inline-block;
	margin-top: 10px;
	padding: 6px 16px;
	background: #d9232d;
	color: #fff !important;
	font-size: 13px;
	text-decoration: none !important;
	border-radius: 2px;
	transition: background .2s;
}
.ecopress-gallery__more:hover,
.ecopress-gallery__more:focus { background: #b51c25; }

/* Відео: клітинка з мініатюрою і запасним посиланням, прихований блок-джерело для слайда inline */
.ecopress-gallery__cell {
	min-width: 0;
}
.ecopress-gallery__yt {
	display: block;
	margin-top: 3px;
	color: #999 !important;
	font-size: 11px;
	line-height: 1.3;
	text-align: center;
	text-decoration: none !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ecopress-gallery__yt:hover,
.ecopress-gallery__yt:focus { color: #cc0000 !important; text-decoration: underline !important; }
.ecopress-gallery__hidden { display: none !important; }

/* Програвач у лайтбоксі: адаптивно 16:9, до 900 px завширшки */
.gslide-inline .ginlined-content.ecopress-gallery__video {
	padding: 0;
	width: 100%;
	max-width: 900px;
	height: auto !important;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #000;
}
.gslide-inline:has(.ecopress-gallery__video) { background: #000; }
.ginlined-content.ecopress-gallery__video iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}