.wp-block-sas-youtube-feedzy-youtube-feed {
	box-sizing: border-box;
}

.wp-block-sas-youtube-feedzy-youtube-feed.sas-youtube-feed-block--stretch > .feedzy-rss,
.wp-block-sas-youtube-feedzy-youtube-feed.sas-youtube-feed-block--stretch > .sas-youtube-feed-error {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
}

.wp-block-sas-youtube-feedzy-youtube-feed.sas-youtube-feed-block--stretch > .feedzy-rss > ul {
	width: 100%;
}

.wp-block-sas-youtube-feedzy-youtube-feed.alignwide {
	box-sizing: border-box;
}

.wp-block-sas-youtube-feedzy-youtube-feed.alignfull {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
}

/* Native CSS Grid layout for both Feedzy RSS and API block output. */
.wp-block-sas-youtube-feedzy-youtube-feed > .feedzy-rss > ul,
.wp-block-sas-youtube-feedzy-youtube-feed .feedzy-rss > ul {
	display: grid !important;
	grid-template-columns: repeat(var(--sas-youtube-grid-columns-desktop, 3), minmax(0, 1fr));
	column-gap: var(--sas-youtube-grid-column-gap, 24px);
	row-gap: var(--sas-youtube-grid-row-gap, 32px);
	align-items: start;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	list-style: none;
}

.wp-block-sas-youtube-feedzy-youtube-feed .feedzy-rss > ul > .rss_item {
	box-sizing: border-box;
	min-width: 0;
	width: auto !important;
	max-width: none !important;
	float: none !important;
	clear: none !important;
	margin: 0 !important;
}

.wp-block-sas-youtube-feedzy-youtube-feed .rss_image {
	box-sizing: border-box;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}

.wp-block-sas-youtube-feedzy-youtube-feed .rss_image > a {
	display: block;
	width: 100%;
	height: 100%;
}

.wp-block-sas-youtube-feedzy-youtube-feed .rss_image img {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

@media (max-width: 1024px) {
	.wp-block-sas-youtube-feedzy-youtube-feed > .feedzy-rss > ul,
	.wp-block-sas-youtube-feedzy-youtube-feed .feedzy-rss > ul {
		grid-template-columns: repeat(var(--sas-youtube-grid-columns-tablet, 2), minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.wp-block-sas-youtube-feedzy-youtube-feed > .feedzy-rss > ul,
	.wp-block-sas-youtube-feedzy-youtube-feed .feedzy-rss > ul {
		grid-template-columns: repeat(var(--sas-youtube-grid-columns-mobile, 1), minmax(0, 1fr));
	}
}