.mdva-gallery-more {
	align-items: stretch;
	gap: 0;
	width: 100%;
	max-width: 100%;
	margin: 20px 0 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-radius: 0;
	background: #fff;
	overflow: visible;
}

.mdva-gallery {
	font-family: var(--mdva-font, inherit);
}

.mdva-gallery .mdva-gallery-current, .mdva-gallery [data-mdva-current-info] { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.mdva-gallery .mdva-video-description[hidden] { display: none; }

.mdva-gallery-card { text-decoration: none !important; }

.mdva-gallery-main { scroll-margin-top: 110px; }

.mdva-gallery-current { padding-bottom: 14px; text-align: var(--mdva-text-align, left); }
.mdva-gallery-current h3 {
	color: var(--mdva-title-color, #123841) !important;
	font-family: var(--mdva-font, inherit) !important;
	font-size: var(--mdva-title-size, 27px) !important;
	font-weight: var(--mdva-text-weight, 700) !important;
}
.mdva-gallery-description {
	color: var(--mdva-description-color, #596f75) !important;
	font-family: var(--mdva-font, inherit) !important;
	font-size: var(--mdva-description-size, 16px) !important;
}

.mdva-gallery-published {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 10px 4px 0;
	color: #6b7074;
	font-family: var(--mdva-font, inherit);
	font-size: var(--mdva-publish-age-size, 14px);
	font-weight: 400;
	line-height: 1.25;
	text-align: left;
}
.mdva-gallery-published-icon {
	display: inline-block;
	flex: 0 0 1.05em;
	width: 1.05em;
	height: 1.05em;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.mdva-gallery-card > strong {
	color: var(--mdva-title-color, #123841) !important;
	font-family: var(--mdva-font, inherit) !important;
	font-size: var(--mdva-card-title-size, 16px) !important;
	font-weight: var(--mdva-card-title-weight, 700) !important;
	text-align: var(--mdva-text-align, left) !important;
}
.mdva-gallery-published + strong {
	margin-top: var(--mdva-publish-title-gap, 11px) !important;
}

.mdva-video-duration {
	position: absolute;
	z-index: 4;
	right: 8px;
	top: 8px;
	padding: 3px 6px;
	border-radius: 4px;
	color: #fff;
	background: rgba(0,0,0,.78);
	font: 700 11px/1.2 var(--mdva-font, inherit);
}

.mdva-share {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 12px 0 0;
	color: #173c45;
}
.mdva-share-center { justify-content: center; }
.mdva-share-right { justify-content: flex-end; }
.mdva-share-label {
	color: #173c45;
	font: 700 14px/1.25 var(--mdva-font, inherit) !important;
}
.mdva-share-actions { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.mdva-share button,
.mdva-share a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-height: 32px;
	padding: 5px 9px;
	border: 1px solid #d8e3e5 !important;
	border-radius: 6px !important;
	color: #173c45 !important;
	background: #fff !important;
	box-shadow: none !important;
	font: 600 12px/1.2 var(--mdva-font, inherit) !important;
	text-decoration: none !important;
	cursor: pointer;
	white-space: nowrap;
}
.mdva-share button:hover,
.mdva-share button:focus-visible,
.mdva-share a:hover,
.mdva-share a:focus-visible {
	border-color: var(--mdva-brand) !important;
	color: #0d7186 !important;
	background: #f7fbfc !important;
	outline: 2px solid rgba(24,169,199,.22) !important;
	outline-offset: 2px !important;
}
.mdva-share-icon {
	flex: 0 0 14px;
	width: 14px;
	height: 14px;
	fill: none;
	stroke: var(--mdva-brand,#18a9c7);
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.mdva-share-facebook-icon { width: 15px; height: 15px; fill: #1877f2; stroke: none; }
.mdva-share-facebook-icon path { fill: #fff; }
.mdva-share [data-mdva-share-copy] { min-width: 112px; }
.mdva-share [data-mdva-share-facebook] { min-width: 105px; }
.mdva-share button.is-copied { border-color: rgba(24,169,199,.55) !important; color: #0d7186 !important; background: #f5fbfc !important; }

.mdva-load-more {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 0;
	min-height: 64px;
	margin: 0 !important;
	padding: 12px 20px !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: #172f36 !important;
	background: #fff !important;
	box-shadow: none !important;
	font: 500 15px/1.2 var(--mdva-font, inherit) !important;
	text-align: center;
	text-decoration: none !important;
	outline: 0 !important;
	outline-offset: 0 !important;
	cursor: pointer;
}

.mdva-load-more:hover,
.mdva-load-more:focus-visible {
	border-top-color: #d2d9da !important;
	color: #0c343d !important;
	background: #f7f9f9 !important;
	box-shadow: none !important;
	text-decoration: none !important;
	outline: 0 !important;
	outline-offset: 0 !important;
}

.mdva-load-more[aria-disabled="true"],
.mdva-load-more:disabled { opacity: .68; cursor: wait; pointer-events: none; }

@media (max-width: 767px) {
	.mdva-gallery-current h3 { font-size: var(--mdva-title-size-mobile, 21px) !important; }
	.mdva-gallery-description { font-size: var(--mdva-description-size-mobile, 15px) !important; }
	.mdva-gallery-card > strong { font-size: var(--mdva-card-title-size-mobile, 15px) !important; }
	.mdva-gallery-published { gap: 5px; margin: 8px 3px 0; font-size: var(--mdva-publish-age-size-mobile, 13px); }
	.mdva-gallery-current { padding-bottom: 12px; }
	.mdva-share { align-items: flex-start; gap: 7px; margin-top: 10px; }
	.mdva-share-label { flex: 0 0 100%; font-size: 12px; }
	.mdva-share-center .mdva-share-label { text-align: center; }
	.mdva-share-right .mdva-share-label { text-align: right; }
	.mdva-share-actions { gap: 5px; }
	.mdva-share button, .mdva-share a { min-height: 30px; padding: 4px 8px; font-size: 11px !important; }
	.mdva-share [data-mdva-share-copy] { min-width: 105px; }
	.mdva-share [data-mdva-share-facebook] { min-width: 98px; }
	.mdva-gallery-more { gap: 0; margin: 16px 0 0; }
	.mdva-load-more { min-height: 56px; padding: 10px 16px !important; font-size: 14px !important; }
}

/* 3.4.2 — use more of the mobile card width for the main player. */
@media (max-width: 767px) {
	.mdva-gallery .mdva-gallery-main {
		width: calc(100% + 24px);
		max-width: calc(100vw - 16px);
		margin-left: -12px;
		margin-right: -12px;
	}
	.mdva-gallery .mdva-gallery-main > .mdva-player {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}
}

/* 3.5.2 — "Załaduj więcej" as the final row of the gallery, like Jannah news lists. */
.mdva-gallery .mdva-gallery-more {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-top: 1px solid #dedede !important;
	border-bottom: 1px solid #dedede !important;
	border-radius: 0 !important;
	background: #fff !important;
	box-shadow: none !important;
	overflow: visible !important;
}
.mdva-gallery .mdva-load-more {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	min-height: 64px !important;
	height: 64px !important;
	margin: 0 !important;
	padding: 0 20px !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: #2c3136 !important;
	background: transparent !important;
	box-shadow: none !important;
	font: 500 15px/1.2 var(--mdva-font, inherit) !important;
	text-align: center !important;
	text-decoration: none !important;
	outline: 0 !important;
}
.mdva-gallery .mdva-load-more:hover,
.mdva-gallery .mdva-load-more:focus-visible {
	color: #2c3136 !important;
	background: #fafafa !important;
	box-shadow: none !important;
	outline: 0 !important;
}
@media (max-width: 767px) {
	.mdva-gallery .mdva-gallery-more { margin: 0 !important; }
	.mdva-gallery .mdva-load-more {
		min-height: 56px !important;
		height: 56px !important;
		font-size: 14px !important;
	}
}


/* 3.5.3 — use the same Jannah load-more element structure/classes as news blocks.
   The gallery JS owns the click (capture + stopImmediatePropagation), while Jannah owns the visual style. */
.mdva-gallery > .mdva-jannah-more[hidden] { display: none !important; }
.mdva-gallery > .mdva-jannah-more[aria-disabled="true"] { opacity: .68; pointer-events: none; cursor: wait; }
.mdva-gallery > .mdva-jannah-more { box-sizing: border-box; }


/* 3.5.5 — slimmer Jannah-style "Załaduj więcej" row.
   The gallery is not a .mag-box, therefore the theme's .mag-box .show-more-button
   selector does not match it. Reproduce that selector locally while preserving
   YouTube MD AJAX ownership. */
.mdva-gallery > .mdva-jannah-more {
    display: block !important;
    position: relative !important;
    clear: both !important;
    box-sizing: border-box !important;
    width: auto !important;
    height: 38px !important;
    min-height: 38px !important;
    line-height: 38px !important;
    padding: 0 !important;
    margin: 8px -20px -20px !important;
    border: 1px solid rgba(0,0,0,.1) !important;
    border-width: 1px 0 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    outline: 0 !important;
}
.mdva-gallery > .mdva-jannah-more:hover,
.mdva-gallery > .mdva-jannah-more:focus-visible {
    color: inherit !important;
    background: rgba(0,0,0,.015) !important;
    text-decoration: none !important;
}
@media (max-width: 767px) {
    .mdva-gallery > .mdva-jannah-more {
        margin: 8px -15px -20px !important;
        height: 36px !important;
        min-height: 36px !important;
        line-height: 36px !important;
    }
}


/* 3.5.6 — compact load-more container and true vertical centering.
   Remove the gallery's trailing margin that was creating the large empty area
   below the Jannah-style row. Keep the AJAX behavior and Jannah visual language. */
.mdva-gallery {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.mdva-gallery > .mdva-jannah-more {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
    min-height: 44px !important;
    line-height: 1.2 !important;
    padding: 0 16px !important;
    margin: 8px -20px -20px !important;
    text-align: center !important;
}
@media (max-width: 767px) {
    .mdva-gallery {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .mdva-gallery > .mdva-jannah-more {
        height: 42px !important;
        min-height: 42px !important;
        line-height: 1.2 !important;
        padding: 0 14px !important;
        margin: 8px -15px -20px !important;
    }
}

/* Opcje wyglądu kafelków filmów: tylko rogi i ramka. */
.mdva-gallery.mdva-card-corners-off .mdva-gallery-card,
.mdva-gallery.mdva-card-corners-off .mdva-gallery-thumb {
	border-radius: 0 !important;
}

.mdva-gallery.mdva-card-border-off .mdva-gallery-card,
.mdva-gallery.mdva-card-border-off .mdva-gallery-card:hover,
.mdva-gallery.mdva-card-border-off .mdva-gallery-card:focus-visible,
.mdva-gallery.mdva-card-border-off .mdva-gallery-card.is-active {
	border-width: 0 !important;
	border-color: transparent !important;
}
.mdva-gallery.mdva-card-border-off .mdva-gallery-card:hover,
.mdva-gallery.mdva-card-border-off .mdva-gallery-card:focus-visible {
	outline: 0 !important;
	outline-offset: 0 !important;
}
.mdva-gallery.mdva-card-border-off .mdva-gallery-card.is-active {
	box-shadow: 0 8px 23px rgba(12,52,61,.1) !important;
}

/* Opcja wyglądu kafelków filmów: cień / efekt podbicia. */
.mdva-gallery.mdva-card-shadow-off .mdva-gallery-card,
.mdva-gallery.mdva-card-shadow-off .mdva-gallery-card:hover,
.mdva-gallery.mdva-card-shadow-off .mdva-gallery-card:focus-visible,
.mdva-gallery.mdva-card-shadow-off .mdva-gallery-card.is-active {
	box-shadow: none !important;
}
.mdva-gallery.mdva-card-shadow-off .mdva-gallery-card:hover,
.mdva-gallery.mdva-card-shadow-off .mdva-gallery-card:focus-visible {
	transform: none !important;
}



/* 3.5.12 — ustawienia wyglądu kafelków: ramka, tytuł, odstęp i PLAY. */
.mdva-gallery .mdva-gallery-card {
	border-width: var(--mdva-card-border-width, 2px) !important;
	border-color: var(--mdva-card-border-color, #dbe6e8) !important;
}
.mdva-gallery .mdva-gallery-card:hover,
.mdva-gallery .mdva-gallery-card:focus-visible,
.mdva-gallery .mdva-gallery-card.is-active {
	border-color: var(--mdva-brand, #18a9c7) !important;
}
.mdva-gallery .mdva-gallery-play {
	--mdva-play-effective-size: var(--mdva-card-play-size, 45px);
	width: var(--mdva-play-effective-size) !important;
	height: var(--mdva-play-effective-size) !important;
	background: rgba(12,52,61,var(--mdva-card-play-opacity,.9)) !important;
}
.mdva-gallery .mdva-gallery-play::after {
	left: calc(var(--mdva-play-effective-size) * .4) !important;
	top: calc(var(--mdva-play-effective-size) * .2888889) !important;
	border-left-width: calc(var(--mdva-play-effective-size) * .3333333) !important;
	border-top-width: calc(var(--mdva-play-effective-size) * .2) !important;
	border-bottom-width: calc(var(--mdva-play-effective-size) * .2) !important;
}
.mdva-gallery .mdva-gallery-card.is-active .mdva-gallery-play {
	background: rgba(var(--mdva-brand-rgb,24,169,199),var(--mdva-card-play-active-opacity,1)) !important;
}
@media (max-width: 767px) {
	.mdva-gallery .mdva-gallery-published + strong {
		margin-top: calc(var(--mdva-publish-title-gap, 11px) * .7272727) !important;
	}
	.mdva-gallery .mdva-gallery-play {
		--mdva-play-effective-size: calc(var(--mdva-card-play-size, 45px) * .7555556);
	}
}