/* Video Gallery Listing - Dedicated Styles */

/* Desktop defaults can inherit from album frontend; mobile overrides below */

@media (max-width: 768px) {
	.ab-video-container .ab-featured-mobile { display:block; width:375px; margin:0 auto 12px; }
	.ab-video-container .ab-featured-mobile .album-builder-item.featured-item { width:375px !important; }
	.ab-video-container .ab-featured-mobile .album-builder-item.featured-item .album-builder-cover { width:375px !important; height:500px !important; }

	.ab-video-container .ab-video-grid { display:block !important; width:375px; margin:0 auto; }
	.ab-video-container .ab-video-grid .ab-first-row,
	.ab-video-container .ab-video-grid .album-builder-grid-row { display:grid !important; grid-template-columns:repeat(2, 164px) !important; grid-auto-rows:215px !important; gap:12px !important; justify-content: space-around; margin-bottom:16px;}
	.ab-video-container .ab-video-grid .album-builder-item { width:164px !important; height:215px !important; overflow:hidden; border-radius:8px; background:#fff; }
	.ab-video-container .ab-video-grid .album-builder-item .album-builder-cover { width:164px !important; height:120px !important; border-radius:8px; overflow:hidden; }
	.ab-video-container .ab-video-grid .album-builder-item .album-cover-image { width:100% !important; height:100% !important; object-fit:cover; }
	.ab-video-container .ab-video-grid .album-builder-item .album-builder-content { width:164px !important; height:95px !important; padding:6px 0 0 0 !important; display:flex; flex-direction:column; justify-content:space-between; background:#EBEBEBB2; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
	.ab-video-container .ab-video-grid .album-builder-item .album-builder-title { font-size:13px; line-height:1.25; margin:2px 0 2px 0; font-weight:700; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin: 6px;}
	.ab-video-container .ab-video-grid .album-builder-item .album-builder-meta { font-size:12px; color:#666; }

	/* Stronger override vs photo mobile rule for regular cards */
	.ab-video-container.layout-featured_grid .ab-video-grid .album-builder-item.regular-item {
		width:164px !important;
		height:215px !important;
		margin-left:0 !important;
		justify-self:initial !important;
	}
}

@media (max-width: 768px) {
    .layout-featured_grid .video-grid-row {
        grid-template-columns: 1fr !important;
        justify-items: stretch !important;
        width: 100%;
    }
}