/*
	List page layout (movielist_*.html)
	- Desktop: 3 cards per row
	- Tablet: 2 cards per row
	- Mobile: 1 card per row
*/
body{
 --base-radius-sm: 8px;
}
/* Minimal title bar for full list pages */
.movieListWrap .movieListBlock.movieListBlockFull .movieListTitle {
	background: #ffffff;
	color: #111827;
	/* border: 1px solid #e5e7eb; */
	/* border-left: 4px solid var(--theme-color1); */
	border-radius: var(--base-radius-sm);
	padding: 14px 0;
	box-shadow: none;
}

.movieListWrap .movieListBlock.movieListBlockFull .movieListTitle h2 {
	margin: 0;
	font-size: 22px;
	line-height: 1.35;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: #0f172a;
}

.movieListWrap .movieListBlock .playlist-like {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	padding: 14px 20px 22px;
	justify-content: start;
}

.movieListWrap .movieListBlock .playlist-like > li {
	display: flex;
	flex-direction: column;
	width: calc(25% - 20px);
	max-width: calc(33.333% - 9.33px);
	gap: 10px;
	padding: 0;
	border-radius: 12px;
	margin-bottom: 0;
	border: 1px solid transparent;
	background: #fff;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.movieListWrap .movieListBlock .playlist-like > li:hover {
	transform: translateY(-2px);
	border-color: #d4d8de;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
}

.movieListWrap .movieListBlock .playlist-like .movieList__thumb {
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	flex: 1;
}

.movieListWrap .movieListBlock .playlist-like .movieList__thumb a {
	display: block;
	position: relative;
	aspect-ratio: 16 / 9;
}

.movieListWrap .movieListBlock .playlist-like .movieList__thumb a::after {
	background-size: 52px;
}

.movieListWrap .movieListBlock .playlist-like .movieList__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.movieListWrap .movieListBlock .playlist-like .movieList__detail {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 0 10px;
}

.movieListWrap .movieListBlock .playlist-like .movieList__detail .detailBox {
	padding: 0;
	background: transparent;
	border: 0;
}

.movieListWrap .movieListBlock .playlist-like .movieList__detail .detailBox__text,
.movieListWrap .movieListBlock .playlist-like .movieList__detail .detailBox__aitext {
	width: 100%;
}

.movieListWrap .movieListBlock .playlist-like .movieList__detail .detailBox__text .text {
	font-size: 14px;
	line-height: 1.45;
	font-weight: 700;
	color: #0f172a;
	-webkit-line-clamp: 1!important;
	line-clamp: 1!important;
}

.movieListWrap .movieListBlock .playlist-like .movieList__detail .detailBox__aitext {
	background: linear-gradient(180deg, #f8fafc 0%, #f2f6fb 100%);
	border: 1px solid #e8edf5;
	border-radius: var(--base-radius-sm);
	padding: 8px 10px;
}

.movieListWrap .movieListBlock .playlist-like .movieList__detail .detailBox__aitext .text {
	font-size: 12px;
	line-height: 1.45;
	color: #5b6474;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.movieListWrap .movieListBlock .playlist-like .movieList__detail .detailBox .btn-more {
	position: static;
	width: auto;
	margin-top: 3px;
	padding: 0;
	text-align: left;
	font-size: 11px;
	color: #2196F3;
	padding: 5px;
	background: #fff;
	border-radius: 4px;
	padding: 5px 10px;
	position: absolute;
	bottom: 5px;
	left: calc(50% - 50px);
	width: 100px;
	font-size: 11px;
	color: #2196F3;
	padding: 5px;
	background: #fff;
	border-radius: 4px;
	padding: 5px 10px;
	visibility: hidden;
}
 .st-description:hover .btn-more ,
 .movie-list-v2-summary-block:hover .btn-more {
	visibility: visible!important;
}
.movieListWrap  .playlist-like .movieList__detail .detailBox .btn-more:hover{
	background: #f0f0f0;
	transition: background 0.18s ease;

}
/* Override all.css floating action styles for this list */
.movieList.playlist-like .movieList__detail .btnBox {
	position: static !important;
	right: auto !important;
	top: auto !important;
}

.movieListWrap .movieListBlock .playlist-like .movieList__detail .btnBox {
	margin-top: auto;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}

.movieListWrap .movieListBlock .playlist-like .movieList__detail .btnBox .date {
	margin-right: auto;
	font-size: 11px;
	color: #6b7280;
	font-weight: 600;
}

.movieList.playlist-like .movieList__detail .btnBox .detailLink {
	display: inline-flex !important;
	width: auto;
	min-width: 82px;
	height: 30px;
	padding: 0 10px;
	border-radius: 999px;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 700;
}

.movieList.playlist-like .movieList__detail .btnBox .copyLink {
	width: auto;
	min-width: 96px;
	height: 30px;
	padding: 0 10px !important;
	border-radius: 999px !important;
	font-size: 11px !important;
	background: #fff !important;
	border: 1px solid #d1d5db !important;
	color: #111827 !important;
}

.movieList.playlist-like .movieList__detail .btnBox .copyLink:before {
	font-size: 13px;
}

@media screen and (max-width: 1200px) {
	.movieListWrap .movieListBlock .playlist-like {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 750px) {
	.movieListWrap .movieListBlock.movieListBlockFull .movieListTitle {
		padding: 12px 14px;
		border-left-width: 3px;
	}

	.movieListWrap .movieListBlock.movieListBlockFull .movieListTitle h2 {
		font-size: 18px;
	}

	.movieListWrap .movieListBlock .playlist-like {
		grid-template-columns: 1fr;
		gap: 10px;
		padding: 12px;
	}

	.movieListWrap .movieListBlock .playlist-like .movieList__detail .btnBox .date {
		width: 100%;
		margin-right: 0;
	}

	.movieListWrap .block-ai .aiLayoutChip {
		margin-left: 0;
	}

	.movieListWrap .block-ai .movieList.playlist-like.is-layout-new > li {
		flex-direction: column;
		gap: 10px;
		padding: 8px;
		min-height: unset;
	}

	.movieListWrap .block-ai .movieList.playlist-like.is-layout-new .movieList__thumb {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}

	.movieListWrap .block-ai .movie-list-item-v2 {
		flex-direction: column;
		gap: 10px;
		padding: 8px;
		min-height: unset;
	}

	.movieListWrap .block-ai .movie-list-item-v2 .movieList__thumb--v2 {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}

	.movieListWrap .block-ai .movie-list-item-v2 .detail-btm--v2 {
		align-items: flex-start;
	}

	.movieListWrap .block-ai .movieList.playlist-like.is-layout-new .detailBox__text .text.text-v2 {
		font-size: 14px;
	}

	.movieListWrap .block-ai .movie-list-v2-description,
	.movieListWrap .block-ai .movie-list-v2-summary {
		font-size: 12px;
		-webkit-line-clamp: 3;
		line-clamp: 3;
	}
}
.movieList__detail-btm {
	display: flex;
	gap: 10px;
	width: 100%;
		justify-content: space-between;
		align-items: center;
}
.movieList__detail-btm .date{
	font-size: 11px;
	color: #6b7280;
	font-weight: 600;
}
.movieList__detail-btm .st-stats {
	font-size: 11px;
	color: #6b7280;
	font-weight: 600;
	margin-bottom: 0;
}
 .movieList__detail-btm .st-pill.icon.copyLink {	
	height: 30px;	
	width: 30px;
}

/* AI list page only: left sidebar + main grid */
.movieListWrap .block-ai .aiListLayout {
	display: flex;
	grid-template-columns: 300px minmax(0, 1fr);
	/* gap: 20px; */
	align-items: start;
}

.movieListWrap .block-ai .aiListMain {
	min-width: 0;
	grid-column: 2;
	flex: 1;
}

.movieListWrap .block-ai .aiListSidebar {
	grid-column: 1;
}

.movieListWrap .block-ai .movieListTitle .inner {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
}

.movieListWrap .block-ai .aiListFilters {
	display: flex;
	align-items: center;
	gap: 6px;
}

.movieListWrap .block-ai .aiFilterLabel {
	font-size: 12px;
	font-weight: 600;
	color: #64748b;
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 4px;
	margin-right: 2px;
}

.movieListWrap .block-ai .aiFilterLabel i {
	font-size: 16px;
}

.movieListWrap .block-ai .wrapper-filter {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
}

/* Custom dropdown styling */
.movieListWrap .block-ai .aiSortSelect-custom {
	position: relative;
	display: inline-block;
	min-width: 120px;
}

.movieListWrap .block-ai .aiSortSelect-button {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #e5e7eb;
	background: #ffffff;
	color: #0277bd;
	border-radius: 16px;
	height: 34px;
	padding: 0 10px 0 10px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 8px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	transition: all 0.2s ease;
	position: relative;
}

.movieListWrap .block-ai .aiSortSelect-button:hover {
	border-color: #cbd5e1;
	background: #f8fafc;
}

.movieListWrap .block-ai .aiSortSelect-button:focus {
	outline: none;
		border-color: #0277bd69;
			box-shadow: 0 0 0 3px #bbdefb3b;
}

.movieListWrap .block-ai .aiSortSelect-button .mdi {
	font-size: 16px;
}

.movieListWrap .block-ai .aiSortSelect-button .mdi-chevron-down {
	margin-left: auto;
	font-size: 18px;
}

.movieListWrap .block-ai .aiSortSelect-label {
	flex: 1;
	text-align: left;
}

.movieListWrap .block-ai .aiSortSelect-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	margin-top: 6px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: all 0.2s ease;
	pointer-events: none;
	max-height: 300px;
	overflow-y: auto;
}

.movieListWrap .block-ai .aiSortSelect-dropdown.visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

.movieListWrap .block-ai .aiSortSelect-option {
	padding: 5px 10px;
	margin: 5px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	color: #0277bd;
	font-size: 13px;
	font-weight: 500;
	transition: all 0.15s ease;
	border-left: 3px solid transparent;
}

.movieListWrap .block-ai .aiSortSelect-option:hover {
	background: #f1f5f9;
}

.movieListWrap .block-ai .aiSortSelect-option:active {
	background: #e2e8f0;
}

.movieListWrap .block-ai .aiSortSelect-option .mdi {
	font-size: 16px;
	color: #0277bd;
	min-width: 20px;
}



/* Keep old native select styling for backward compatibility */
.movieListWrap .block-ai .aiSortSelect {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #e5e7eb;
	background: #ffffff;
	color: #334155;
	border-radius: 10px;
	height: 34px;
	padding: 0 34px 0 12px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	background-image: linear-gradient(45deg, transparent 50%, #64748b 50%), linear-gradient(135deg, #64748b 50%, transparent 50%);
	background-position: calc(100% - 16px) 14px, calc(100% - 11px) 14px;
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
	min-width: 170px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	display: none;
}

.movieListWrap .block-ai .aiSortSelect:hover {
	border-color: #cbd5e1;
}

.movieListWrap .block-ai .aiSortSelect:focus {
	outline: none;
	border-color: #94a3b8;
	box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.2);
}

.movieListWrap .block-ai .aiFilterChip {
	appearance: none;
	border: 1px solid #e5e7eb;
	background: #ffffff;
	color: #475569;
	border-radius: 16px;
	height: 32px;
	padding: 0 12px;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 4px;
	transition: all 0.2s ease;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	display: none;
}

.movieListWrap .block-ai .aiFilterChip i {
	font-size: 18px;
}

.movieListWrap .block-ai .aiFilterChip:hover {
	background: #f8fafc;
	border-color: #cbd5e1;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	transition: all 0.2s ease;
}

.movieListWrap .block-ai .aiFilterChip.is-active {
	background: var(--base-color);
	color: #ffffff;
	border-color: var(--base-color);
	box-shadow: 0 2px 4px rgba(51, 0, 151, 0.2);
	transition: all 0.2s ease;
}

.movieListWrap .block-ai .aiLayoutChip {
	margin-left: auto;
	border-color: #c7d2fe;
	background: #f8faff;
	color: #1e3a8a;
	padding: 0 14px;
	position: relative;
	overflow: hidden;
}

.movieListWrap .block-ai .aiLayoutChip .mdi {
	font-size: 17px;
	transition: transform 0.22s ease;
}

.movieListWrap .block-ai .aiLayoutChip .aiLayoutChipText {
	font-weight: 700;
}

.movieListWrap .block-ai .aiLayoutChip::before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: #94a3b8;
	display: inline-block;
	margin-right: 2px;
	transition: background-color 0.2s ease;
}

.movieListWrap .block-ai .aiLayoutChip[aria-pressed="true"] {
	background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
	border-color: #93c5fd;
	color: #0277bd;
}

.movieListWrap .block-ai .aiLayoutChip[aria-pressed="true"]::before {
	background: #0277bd;
}

/* .movieListWrap .block-ai .aiLayoutChip[aria-pressed="true"] .mdi {
	transform: rotate(-8deg);
} */

.movieListWrap .block-ai .movieList.playlist-like {
	padding: 0;
}

.movieListWrap .block-ai .movieList.playlist-like.is-layout-new {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.movieListWrap .block-ai .movieList.playlist-like.is-layout-new > li {
	width: 100%;
	max-width: 100%;
	display: flex;
	flex-direction: row;
	gap: 14px;
	padding: 10px;
	/* border: 1px solid #e2e8f0; */
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
	border-radius: 12px;
	background: #fff;
	min-height: unset;
}

.movieListWrap .block-ai .movieList.playlist-like.is-layout-animating > li {
	animation: playlistLayoutFadeIn 0.28s ease both;
}

.movieListWrap .block-ai .movieList.playlist-like.is-layout-animating > li:nth-child(1) { animation-delay: 0ms; }
.movieListWrap .block-ai .movieList.playlist-like.is-layout-animating > li:nth-child(2) { animation-delay: 35ms; }
.movieListWrap .block-ai .movieList.playlist-like.is-layout-animating > li:nth-child(3) { animation-delay: 70ms; }
.movieListWrap .block-ai .movieList.playlist-like.is-layout-animating > li:nth-child(4) { animation-delay: 105ms; }
.movieListWrap .block-ai .movieList.playlist-like.is-layout-animating > li:nth-child(5) { animation-delay: 140ms; }
.movieListWrap .block-ai .movieList.playlist-like.is-layout-animating > li:nth-child(n+6) { animation-delay: 175ms; }

.movieListWrap .block-ai .movie-list-item-v2 {
	display: flex;
	gap: 12px;
	padding: 10px;
	background: #ffffff;
	border: 1px solid #dbe4ef;
	border-left: 3px solid #dbe4ef;
	border-radius: 12px;
	box-shadow: 0 3px 10px rgba(15, 23, 42, 0.04);
	min-height: 220px;
	transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.movieListWrap .block-ai .movie-list-item-v2:hover {
	border-color: #c4d3e5;
	border-left-color: #3b82f6;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1);
	transform: translateY(-2px);
}

.movieListWrap .block-ai .movie-list-item-v2 .movieList__thumb--v2 {
	width: 240px;
	min-width: 240px;
	max-width: 240px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;

}

.movieListWrap .block-ai .movie-list-item-v2 .movieList__thumb--v2::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(2, 6, 23, 0) 42%, rgba(2, 6, 23, 0.3) 62%, rgba(2, 6, 23, 0.56) 100%);
	pointer-events: none;
	z-index: 1;
	display: none;
}

.movieListWrap .block-ai .movie-list-item-v2 .movieList__thumb--v2 a {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}

.movieListWrap .block-ai .movie-list-item-v2 .movieList__thumb--v2 a::after {
	content: '\F040C';
	font-family: 'Material Design Icons';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.7);
	width: 48px;
	height: 48px;
	background: #ffffff12;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	color: #ffffff;
	opacity: 0;
	transition: opacity 0.2s ease, transform 0.2s ease;
	line-height: 48px;
	text-align: center;
	pointer-events: none;
	/* box-shadow: 0 2px 12px rgba(29, 78, 216, 0.25); */
	display: inline-block;
	font: normal normal normal 24px / 1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	display: flex;
	align-items: center;
	font-size: 50px;
}

.movieListWrap .block-ai .movie-list-item-v2 .movieList__thumb--v2 a:hover::after {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

.movieListWrap .block-ai .movie-list-item-v2 .movieList__thumb--v2 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
	filter: saturate(1.08) contrast(1.04);
}

.movieListWrap .block-ai .movie-list-item-v2 .movieList__thumb--v2 a:hover img {
	transform: scale(1.04);
}

.movieListWrap .block-ai .movie-list-item-v2 .movieList__detail {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 0;
	flex: 1;
	min-width: 0;
}

.movieListWrap .block-ai .movie-list-item-v2 .detailBox__text .text.text-v2 {
	-webkit-line-clamp: 2;
	line-clamp: 2;
	font-size: 15px;
	line-height: 1.45;
	font-weight: 700;
	color: #0f172a;
	margin-bottom: 0;
	transition: color 0.18s ease;
}

.movieListWrap .block-ai .movie-list-item-v2:hover .detailBox__text .text.text-v2 {
	color: #1d4ed8;
}

.movieListWrap .block-ai .movie-list-item-v2 .detailBox__text .text.text-v2.new {
	position: relative;
	padding-left: 0;
}

.movieListWrap .block-ai .movie-list-item-v2 .detailBox__text .text.text-v2.new::before {
	content: 'NEW';
	display: inline-flex;
	align-items: center;
	margin-right: 6px;
	padding: 1px 6px;
	border-radius: 4px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.05em;
	background: linear-gradient(135deg, #ff0022 0%, #cc0019 100%);
	color: #fff;
	vertical-align: middle;
	animation: newPulse 2s ease infinite;
	content: "NEW";
	background: linear-gradient(135deg, #ff0022 0%, #cc0019 100%);
	color: #FFF;
	font-size: min(10px, 2.8vw);
	border-radius: 6px;
	line-height: 1;
	display: inline-block;
	padding: 4px 8px 3px 8px;
	margin-right: 8px;
	font-weight: 600;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

@keyframes newPulse {
	0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(239,68,68,0.4); }
	50% { opacity: 0.85; box-shadow: 0 0 0 4px rgba(239,68,68,0); }
}

.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-body {
	display: grid;
	gap: 6px;
}

.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-description,
.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-summary {
	margin: 0;
	padding: 7px 9px;
	font-size: 12px;
	line-height: 1.65;
	border-radius: var(--base-radius-sm);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-description {
	background: #f7fafc;
	border: 1px solid #e6edf5;
	color: #334155;
	-webkit-line-clamp: 3;
	line-height: 1.65;
}

.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-summary-block {
	position: relative;
	border-radius: 10px;
	background: #f3e5f587;
	border: 1px solid transparent;
	border-left: 3px solid var(--base-color)!important;
	overflow: hidden;
	padding: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	border-radius: 0 8px 8px 0 !important;
	border-radius: 8px !important;
	padding-top: 0 !important;
}
.movie-list-item-v2 .st-description .collapsed {
	margin-top: -15px;
}

.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-summary-label {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 4px 10px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--base-color);
	height: 36px;
	border-bottom: 1px solid #ffff;
	padding: 5px 10px;
	font-size: 14px;
	display: none;
}

.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-summary-label .mdi {
	font-size: 20px;
	height: 20px;
	width: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-summary {
	background: transparent;
	border: none;
	color: #1e3a5f;
	-webkit-line-clamp: 6;
	line-clamp: 6;
	flex: 1;
	margin: 0;
	padding: 6px 10px 8px;
	border-radius: 0;
}

.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-summary.empty {
	color: #94a3b8;
	font-style: italic;
}
/* 
.movieListWrap .block-ai .movie-list-item-v2 .btn-box-v2 {
	margin-top: 2px;
	gap: 8px;
} */

.movieListWrap .block-ai .movie-list-item-v2 .btn-box-v2 .detailLink {
	padding: 6px 11px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	background: #0f172a;
	color: #fff;
}

.movieListWrap .block-ai .movie-list-item-v2 .btn-box-v2 .copyLink {
	height: 30px;
	min-width: 84px;
	padding: 0 12px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.4);
	background: rgba(255,255,255,0.16);
	backdrop-filter: blur(4px);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 700;
	color: #ffffff;
	transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.movieListWrap .block-ai .movie-list-item-v2 .btn-box-v2 .copyLink:hover {
	background: #ffffff;
	border-color: #ffffff;
	color: #0f172a;
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.3);
}

.movieListWrap .block-ai .movie-list-item-v2 .btn-box-v2 .copyLink.copied {
	background: #22c55e;
	border-color: #22c55e;
	color: #ffffff;
	box-shadow: 0 8px 20px rgba(34, 197, 94, 0.35);
}

.movieListWrap .block-ai .movie-list-item-v2 .btn-box-v2 .copyLink.copied:hover {
	background: #16a34a;
	border-color: #16a34a;
	color: #ffffff;
	transform: translateY(-1px);
}

.movieListWrap .block-ai .movie-list-item-v2 .btn-box-v2 .copyLink .mdi {
	font-size: 15px;
}

.movieListWrap .block-ai .movie-list-item-v2 .detail-btm--v2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin-top: 0;
	padding: 42px 10px 10px;
	border-top: none;
	background: linear-gradient(180deg, rgba(2, 6, 23, 0) 0%, rgba(2, 6, 23, 0.68) 36%, var(--base-color) 100%);	
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
	z-index: 9999999;
}

.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-meta {
	display: flex;
	gap: 6px;
	align-items: center;
	flex-wrap: wrap;
}

.movieListWrap .block-ai .movie-list-item-v2 .meta-badge {
	display: flex;
	align-items: center;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.3;
}

.movieListWrap .block-ai .movie-list-item-v2 .meta-badge.channel {
	background: rgba(255,255,255,0.16);
	color: #f8fafc;
	border: 1px solid rgba(255,255,255,0.22);
}

.movieListWrap .block-ai .movie-list-item-v2 .meta-badge.duration {
	padding-left: 0;
}

.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-stats {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	font-size: 11px;
	font-weight: 600;
	color: #000000;
	margin-left: 12px;
}

.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-stats .stat-row {
	display: flex;
	align-items: center;
}



.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-stats .views,
.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-stats .date {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	font-size: 11px;
	font-weight: 600;
}

.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-stats  span,
.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-stats .date span {
			white-space: nowrap;
}

.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-stats .views .mdi,
.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-stats .date .mdi,
.movieListWrap .block-ai .movie-list-item-v2 .meta-badge.duration .mdi {
	font-size: 16px;
	color: var(--base-color);
}
.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-stats a.copyLink {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: var(--base-color);
}
.movieListWrap .block-ai .movie-list-item-v2 .meta-badge.duration {
	gap: 6px;
}

.movieListWrap .block-ai .movie-list-item-v2 .btn-box-v2 {
		width: 100%;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    bottom: 2px;
    right: 10px;
}

@media screen and (max-width: 767px) {
	.movieListWrap .block-ai .movie-list-item-v2 .detail-btm--v2 {
		padding: 34px 8px 8px;
		gap: 6px;
	}

	.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-stats {
		gap: 4px;
	}

	.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-stats .views,
	.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-stats .date,
	.movieListWrap .block-ai .movie-list-item-v2 .meta-badge {
		font-size: 10px;
	}

	.movieListWrap .block-ai .movie-list-item-v2 .btn-box-v2 .copyLink {
		height: 28px;
		min-width: 74px;
		padding: 0 10px;
		font-size: 11px;
	}
}

.movieListWrap .block-ai .movieList.playlist-like.is-layout-new > li:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 20px rgba(15, 23, 42, 0.1);
	border-color: transparent!important;
}

.movieListWrap .block-ai .movieList.playlist-like.is-layout-new .movieList__thumb {
	width: 220px;
	min-width: 220px;
	max-width: 220px;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.movieListWrap .block-ai .movieList.playlist-like.is-layout-new .movieList__thumb a {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
	flex: 1;
	display: flex;
	align-items: start;
	padding: 5px;
}

.movieListWrap .block-ai .movieList.playlist-like.is-layout-new .movieList__thumb img {
	width: 100%;  
	height: auto;
	object-fit: cover;
	z-index: 999;
	padding: 0;
	border-radius: 8px !important;
	overflow: hidden;
}

.movieListWrap .block-ai .movieList.playlist-like.is-layout-new .movieList__detail {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 0;
	flex: 1;
	min-width: 0;
}

.movieListWrap .block-ai .movieList.playlist-like.is-layout-new .detailBox__text .text.text-v2 {
	-webkit-line-clamp: 1 !important;
	line-clamp: 1!important;
	font-size: 16px;
	line-height: 1.45;
	font-weight: 700;
	color: #0f172a;
	margin-left: 10px;
}

.movieListWrap .block-ai .movie-list-v2-meta-top {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: #64748b;
	font-weight: 600;
}

.movieListWrap .block-ai .movie-list-v2-description,
.movieListWrap .block-ai .movie-list-v2-summary {
	margin: 0;
	font-size: 13px;
	line-height: 2;
	color: #334155;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	text-align: left;
}

.movieListWrap .block-ai .movie-list-v2-summary {
	color: #475569;
	/* background: #f8fafc; */
	/* border: 1px solid #e2e8f0; */
	border-radius: var(--base-radius-sm);
	padding: 6px 8px;
	text-align: left;
}

.movieListWrap .block-ai .movieList.playlist-like.is-layout-new .detail-btm--v2 {
	margin-top: auto;
	justify-content: flex-start;
	align-items: stretch;
	gap: 8px;
}

.movieListWrap .block-ai .movieList.playlist-like.is-layout-new .detail-btm--v2 .st-stats {
	font-size: 12px;
	color: #64748b;
	font-weight: 600;
}

.movieListWrap .block-ai .movieList.playlist-like.is-layout-new .detail-btm--v2 .copyLink {
	height: 30px;
	width: 30px;
	min-width: 30px;
	flex: unset;
	background: transparent !important;
}
.detail-btm--v2 .copyLink:hover{
	background: #ffffff;
	border-color: #ffffff;
	color: #0f172a;
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.3);
}
.detail-btm--v2 .copyLink:hover .mdi{
	color: #fff;
	transform: scale(1.2);
}
.detail-btm--v2 .copyLink:after{
	display: none!important;
}
.movieListWrap .block-ai .movieList.playlist-like.is-loading > li {
	pointer-events: none;
	box-shadow: 0 1px 6px rgba(15, 23, 42, 0.04);
	border-color: #eef2f7;
}

.movieListWrap .block-ai .movieList.playlist-like.is-loading > li:hover {
	transform: none;
	box-shadow: 0 1px 6px rgba(15, 23, 42, 0.04);
	border-color: #eef2f7;
}

.movieList .aiListSkeletonItem {
	gap: 0!important;
	padding: 5px!important;
	
}
div#movie-lazy-loader-2 {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
div#movie-lazy-loader-2 .aiListSkeletonItem {
	  gap: 10px !important;
		padding: 10px !important;
		box-shadow: 0 3px 10px rgba(15, 23, 42, 0.04);
		background: #ffffff;
		border: 1px solid #f1f3f4;
		border-radius: 12px;
		display: flex;
		gap: 10px;
}
div#movie-lazy-loader-2 .aiListSkeletonItem .movieList__detail{
	display: flex;
	flex-direction: column!important;
	gap: 10px;
	padding: 0;
	flex: 1!important;
	justify-content: space-between;
}
.aiListSkeletonItem .detailBox.detailBox__text {
	padding: 0;
}
.movieList .aiSkeletonBlock {
	display: block;
	position: relative;
	overflow: hidden;
	background: linear-gradient(90deg, #eef2f7 0%, #f8fafc 45%, #eef2f7 100%);
	background-size: 200% 100%;
	animation: aiSkeletonShimmer 1.4s ease-in-out infinite;
	border-radius: 10px;
}

.movieList .aiSkeletonThumb {
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 10px;
	height: auto!important;
	border-radius: 10px!important;
}
.movieList .aiListSkeletonItem  .movieList__detail{
	 padding: 0!important;
	 margin-top: 5px!important;
	 flex: unset!important;
}

.movieList .aiSkeletonTextGroup {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-top: 2px;
	padding-bottom: 4px;
	margin-bottom: 0 !important;
}

.movieList .aiSkeletonLine {
		height: 16px;
    border-radius: 999px;
    width: 60%;
}

.movieList.aiSkeletonLine--title {
	width: 100%;
}

.movieList .aiSkeletonLine--titleShort {
	width: 72%;
}

@keyframes playlistLayoutFadeIn {
	0% {
		opacity: 0;
		transform: translateY(6px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.movieList .aiSkeletonMeta {
	margin-top: 0;
}

.movieList .aiSkeletonLine--meta {
		width: 100%;
		height: 16px;
}

.movieList .aiSkeletonCircle {
	width: 30px;
	height: 30px;
	border-radius: 999px;
	flex-shrink: 0;
}

@keyframes aiSkeletonShimmer {
	0% {
		background-position: 200% 0;
	}
	100% {
		background-position: -200% 0;
	}
}


.movieListWrap .block-ai .aiMainLeadSide {
	padding: 12px;
}

.movieListWrap .block-ai .aiMainLeadSide__title {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 700;
	color: #334155;
}

.movieListWrap .block-ai .aiMainLead__meta {
	display: grid;
	gap: 8px;
}

.movieListWrap .block-ai .aiMainLead__metaItem {
	border: 1px solid #dbe5f1;
	border-radius: 10px;
	background: #ffffff;
	padding: 10px 12px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.movieListWrap .block-ai .aiMainLead__metaItem span {
	font-size: 11px;
	color: #6b7280;
	font-weight: 600;
}

.movieListWrap .block-ai .aiMainLead__metaItem strong {
	font-size: 14px;
	color: #111827;
	font-weight: 700;
}

.movieListWrap .block-ai .aiMainLead__metaItem b {
	font-weight: 700;
}

.movieListWrap .block-ai .aiListEmpty {
		display: flex;
			flex-direction: column;
			align-items: center;
			text-align: center;
			margin: 0 0 18px;
			padding: 48px 24px;
			border-radius: 16px;
			border: navajowhite;
			background: #f8fafc;
}
.movieListWrap .block-ai .aiListEmpty[hidden]{
	display: none!important;
}
.movieListWrap .block-ai .aiListEmpty__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	margin-bottom: 16px;
	background: color-mix(in srgb, var(--base-color) 12%, #ffffff);
	color: var(--base-color);
}

.movieListWrap .block-ai .aiListEmpty__icon .mdi {
	font-size: 28px;
}

.movieListWrap .block-ai .aiListEmpty__title {
	margin: 0 0 6px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
	color: #1e293b;
}

.movieListWrap .block-ai .aiListEmpty__desc {
	margin: 0;
	font-size: 12px !important;
	line-height: 1.6;
	color: #64748b !important;
	margin-top: 10px !important;
}

.movieListWrap .block-ai .aiListEmpty__action {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 20px;
}

.movieListWrap .block-ai .aiListEmpty__action .mdi {
	font-size: 16px;
}

.movieListWrap .block-ai .aiListSidebar {
	display: flex;
	flex-direction: column;
	gap: 10px;
	/* min-width: 300px;
	width: 300px; */
	display: none;
}

.movieListWrap .block-ai .aiSideCard {
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
	border: 1px solid #e3e9f2;
	border-radius: 12px;
	padding: 14px;
	box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
}
.aiSideCard.aiMainLeadSide,
.aiSideCard.aiSideStats
{
	display: none;
}
/* 表示サマリー - Matcha 抹茶 */
.movieListWrap .block-ai .aiMainLeadSide {
	background: linear-gradient(180deg, #f5fef7 0%, #e8f5e9 100%);
	border-color: #c8e6c9;
}

/* クイック情報 - Sora 空色 (Sky blue) */
.movieListWrap .block-ai .aiSideStats {
	background: linear-gradient(180deg, #e3f2fd 0%, #e1f5fe 100%);
	border-color: #b3e5fc;
}

/* テーマ候補 - Sakura 桜 (Cherry blossom) */
.movieListWrap .block-ai .aiSideTags {
	background: linear-gradient(180deg, #fff0f5 0%, #fce4ec 100%);
	border-color: #f8bbd0;
}

/* 学習のコツ - Kinari 生成り (Natural cream) */
.movieListWrap .block-ai .aiSideTips {
	background: linear-gradient(180deg, #fffef7 0%, #fef9e7 100%);
	border-color: #ffe0b2;
}

.movieListWrap .block-ai .aiSideCard h3 {
	margin: 0 0 10px;
	font-size: 15px;
	line-height: 1.35;
	font-weight: 700;
	color: #111827;
}

.movieListWrap .block-ai .aiMainLeadSide h3,
.movieListWrap .block-ai .aiMainLeadSide__title {
	color: #2e7d32;
}

.movieListWrap .block-ai .aiSideStats h3 {
	color: #0277bd;
}

.movieListWrap .block-ai .aiSideTags h3 {
	color: #c2185b;
}

.movieListWrap .block-ai .aiSideTips h3 {
	color: #ef6c00;
}

.movieListWrap .block-ai .aiSideStats ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.movieListWrap .block-ai .aiSideStats li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 10px;
	border: 1px solid #e7edf6;
	border-radius: var(--base-radius-sm);
	background: #fff;
	font-size: 12px;
	color: #4b5563;
}

.movieListWrap .block-ai .aiSideStats li .mdi {
	color: #0277bd;
	margin-right: 4px;
	font-size: 18px;
	vertical-align: middle;
}

.movieListWrap .block-ai .aiSideStats li strong {
	font-size: 14px;
	color: #0f172a;
}

.movieListWrap .block-ai .aiTagList {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.movieListWrap .block-ai .aiTag {
	appearance: none;
	border: 1px solid #f8bbd0;
	border-radius: 999px;
	background: #fff0f5;
	color: #c2185b;
	font-size: 12px;
	line-height: 1;
	padding: 7px 11px;
	font-weight: 600;
	cursor: pointer;
}

.movieListWrap .block-ai .aiSideTips p {
	margin: 0;
	font-size: 12px;
	line-height: 1.6;
	color: #475569;
}

@media screen and (max-width: 1200px) {
	.movieListWrap .block-ai .aiListLayout {
		grid-template-columns: 260px minmax(0, 1fr);
	}
}

@media screen and (max-width: 980px) {
	.movieListWrap .block-ai .aiListLayout {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.movieListWrap .block-ai .aiFilterChip {
		height: 32px;
		font-size: 13px;
		padding: 0 12px;
	}

	.movieListWrap .block-ai .aiListSidebar {
		position: static;
		order: -1;
	}

	.movieListWrap .block-ai .aiSideCard {
		padding: 12px;
	}
}
.playlist-header-title{
	width: 100%;
	display: flex;
	align-items: center;
	.inner{
		flex-direction: row!important;
	}
}
.movie-list-item-v2 .text-clamp{
	margin-top: 0!important;
}
.movie-list-item-v2 .detailBox__aitext{
	background: transparent!important;
	border: none!important;
}
.movie-list-item-v2 .st-description,
.movie-list-item-v2 .movie-list-v2-summary-block{
	width: 100%;
	border: 1px solid #f1f3f4!important;
	margin-bottom: 0;
	padding: 5px 10px!important;
	font-size: 13px;
	border-radius: var(--base-radius-sm) !important;
}
.movie-list-item-v2 .st-description .line-3{
	font-size: 14px;
	line-height: 1.65;
	color: #263238;
	word-break: break-word;
	text-align: left;
	margin-top: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}	

.movie-list-item-v2 .st-description .text-clamp{
			display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 4;
				line-clamp: 4;
}
.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-summary-block {
	position: relative;
	border-radius: 0;
	background: #f3e5f587;
	border: none !important;
	/* border-left: 3px solid var(--base-color) !important; */
	overflow: hidden;
	padding: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.movie-list-v2-summary-block:before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 100%;
	background: var(--base-color);
	border-radius: 2px;
	left: 0;
	top: 0;
	position: absolute;
	display: none;
}
.movie-list-v2-summary-block .st-ai-summary:before {
	display: none !important;
}
.wrap-item-detail {
    display: flex;
    gap: 5px;
    width: 100%;
		flex: 1;
		flex-direction: column;
		max-height: 600px;
}
.wrap-item-detail .st-description ,
.wrap-item-detail .movie-list-v2-summary-block {
    flex: 1;
}
.wrap-item-detail-overlay {
	height: 100%;
	overflow: auto;
}
/* ── wrap-item-detail-full  popover ────────────────────────── */
.wrap-item-detail-full {
	display: none;
}

.tippy-box[data-theme~='detail-popover'] {
	background: #ffffff;
	border: 1px solid #3b82f6;
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.2);
	border-radius: 12px;
	max-width: min(92vw, 620px);
}

.tippy-box[data-theme~='detail-popover'] > .tippy-content {
	padding: 0;
}

.tippy-box[data-theme~='detail-popover'] .wrap-item-detail-full {
	display: flex;
	flex-direction: column;
	max-height: min(78vh, 620px);
	overflow: hidden;
	padding: 10px;
}

.wrap-item-detail-full .detail-full-card {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
	overflow: auto;
}


.wrap-item-detail-full .detail-full-card__head {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 7px 12px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--base-color);
	border-bottom: 1px solid #f1f3f4;
	flex-shrink: 0;
}

.wrap-item-detail-full .detail-full-card__head .mdi {
	font-size: 15px;
}
.wrap-item-detail-full .st-ai-summary {
	font-size: 14px;
		line-height: 1.65;
		color: #263238;
		word-break: break-word;
		text-align: left;
		margin-top: 0;
		white-space: normal;
}
/* .detail-full-card--description .detail-full-card__body--description {
	max-height: 120px;
} */

.wrap-item-detail-full .detail-full-card__body {
	padding: 10px 12px;
	font-size: 12.5px;
	line-height: 1.72;
	color: #334155;
	overflow-y: auto;
	word-break: break-word;
	flex: 1;
	min-height: 0;
}

.wrap-item-detail-full .detail-full-card__body--description {
	white-space: pre-line;
}

.wrap-item-detail-full .detail-full-card__body--summary p {
	margin: 0 0 6px;
}

.wrap-item-detail-full .detail-full-card__body--summary p:last-child {
	margin-bottom: 0;
}

.wrap-item-detail-full .detail-full-card__body--empty {
	color: #94a3b8;
	font-style: italic;
}

li.movie-list-item-v2 {
	position: relative;
}

.movieList__detail {
	position: relative;
}

li.movie-list-item-v2 {
	min-height: 150px !important;
}

.movieListWrap .block-ai .movie-list-item-v2 .movie-list-v2-summary-block {
	background: #ffff;
	padding: 0 !important;
}

.detailBox.st-description {
	border: none !important;
	box-shadow: none !important;
}


.wrap-item-detail {
	z-index: 2;
	border: 1px solid transparent;
	padding: 0;
	border-radius: 12px;
}

.movie-list-item-v2 {
	position: relative;
}


li.movie-list-item-v2 {
	min-height: 140px !important;
}


.detailBox.st-description {
	border: none !important;
	box-shadow: none !important;
}


.detailBox.st-ai-summary.detailBox__aitext.content-summary {
	background: #fff !important;
	z-index: 999;
	position: relative;
}



.movieList__detail {
	position: relative;
}
.movie-list-item-v2 .movie-list-v2-summary-block{
	background: #ffff;
	padding: 0 !important;
	
}
.movie-list-item-v2 .st-ai-summary{
	background: #fff !important;
	box-shadow: none!important;
}


.movie-list-v2-description-label {
	display: none;
	align-items: center;
	height: 40px;
	color: var(--base-color);
	gap: 5px;
	font-weight: 600;
	align-items: center;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--base-color);
		height: 32px;
			font-size: 14px;
			gap: 4px;
			border-bottom: 1px solid rgb(255, 255, 255);
			padding: 5px 0;
			margin-bottom: 10px;
}

.movie-list-v2-description-label .mdi {
	font-size: 18px;
}
.movie-list-item-v2 .st-description .collapsed {
    margin-top: 0;
    white-space: unset !important;
				-webkit-line-clamp: 1;
}

.content-summary-full{
	display: none;
}


.content-description,
.content-summary-overview {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-align: left;
	overflow: hidden;
	padding: 0 10px;
	background: #e1f5fe94;
	margin: 5px;
	margin-top: 0;
	border-radius: 4px;
	min-height: 32px;
	line-height: 32px;
			padding-left: 30px;
				position: relative;
}
.content-summary-overview {
	background: #e1bee72e;
}

.movie-list-item-v2 .st-description{
	padding:0!important;
}

.content-summary-overview:before,
.content-description:before {
	content: '';
	display: inline-block;
	font: normal normal normal 24px / 1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	content: "\F09ED";
	font-size: 18px;
	color: var(--base-color);
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 5px;
}
.content-summary-overview:before{
	content: "\F0674";
}

.show-more {
	margin: 0 auto;
	position: absolute;
	top: 50px;
	right: 54px;
	z-index: 99;
	visibility: visible;
}
/* .movie-list-item-v2:hover .show-more {
	visibility: visible;
} */
button.btn-more {
			border: 0;
			cursor: pointer;
			margin-top: 8px;
			font-weight: 600;
			position: absolute;
			bottom: 5px;
			left: calc(50% - 50px);
			/* width: 100px; */
			font-size: 11px;
			color: #2196F3;
			background: #fff;
			border-radius: 4px;
			padding: 5px 10px;
			/* border: 1px solid #f1f3f4; */
			/* box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06); */
			display: flex;
			align-items: center;
			white-space: nowrap;
			/* padding-right: 20px !important; */
			height: 20px;
}
.show-more button.btn-more:before {
	font-size: 20px !important;
	content: "\F0140";
	display: inline-block;
	font: normal normal normal 24px / 1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	pointer-events: none;
}

.wrap-item-detail_re:hover .collapsed,
.movie-list-item-v2.show-full-content .collapsed {
	-webkit-line-clamp: unset !important;
	background: #fff;
	z-index: 99999;
	position: relative;
}

.movie-list-item-v2.show-full-content .wrap-item-detail {
	background: #ffff !important;
	border-radius: 8px;
	border-radius: 12px;
	border: 1px solid #f1f3f4;
	padding: 0;
}

.wrap-item-detail_re:hover .movie-list-v2-summary-label,
.movie-list-item-v2.show-full-content .movie-list-v2-summary-label {
	display: flex !important;
	border-bottom: 1px solid #f1f3f4 !important;
	padding: 5px 0 !important;
}
.wrap-item-detail_re:hover .movie-list-v2-description-label,
.movie-list-item-v2.show-full-content .movie-list-v2-description-label {
	display: flex !important;
	border-bottom: 1px solid #f1f3f4 !important;
}

.wrap-item-detail_re:hover .detailBox.st-ai-summary,
.movie-list-item-v2.show-full-content .detailBox.st-ai-summary {
	padding: 0 10px !important;
	transition: none;
}

.block-ai .wrap-item-detail_re:hover .movie-list-v2-summary-block,
.block-ai .movie-list-item-v2.show-full-content .movie-list-v2-summary-block {
	padding: 5px 10px !important;
}

.wrap-item-detail_re:hover .content-summary-full,
.movie-list-item-v2.show-full-content .content-summary-full {
	display: block;
}

.wrap-item-detail_re:hover .content-summary-overview,
.movie-list-item-v2.show-full-content .content-summary-overview {
	display: none;
}

.wrap-item-detail_re:hover .content-description,
.movie-list-item-v2.show-full-content .content-description {
	-webkit-line-clamp: unset;
	white-space: pre-line;
	padding: 5px 10px;
	background-color: transparent;
	margin: 0;
	line-height: unset;
}

.wrap-item-detail_re:hover .st-description,
.movie-list-item-v2.show-full-content .st-description {
	padding: 5px 10px !important;
}

.wrap-item-detail_re:hover .content-description:before,
.movie-list-item-v2.show-full-content .content-description:before {
	display: none;
}

.wrap-item-detail_re:hover .show-more button.btn-more:before,
.movie-list-item-v2.show-full-content .show-more button.btn-more:before {
	content: "\F0143";
}


.lazy-loading-spinner {
    grid-column: 1 / -1;
		text-align: center;
			padding: 0;
			font-size: 14px;
			color: #666;
			width: 100%;
			justify-content: start;
			display: flex;
			padding: 0;
			gap: 10px;
}
.tag-name-list {
	/* background: red; */
	gap: 10px;
}

span.meta-badge.channel {
	background: var(--base-color) !important;
	border-radius: 4px;
	padding: 0 5px;
}