/* Ranto modern layer: keeps Muvipro functions intact while refreshing the UI. */
body.ranto-tailwind-modern {
	background: radial-gradient(circle at top left, rgba(14, 165, 233, .12), transparent 32rem), #080b12;
	color: #e5edf7;
}
body.ranto-tailwind-modern .site,
body.ranto-tailwind-modern .inner-wrap,
body.ranto-tailwind-modern #content,
body.ranto-tailwind-modern .site-content {
	background: transparent;
}
body.ranto-tailwind-modern .container {
	max-width: 1240px;
}
body.ranto-tailwind-modern .site-header,
body.ranto-tailwind-modern .menu-wrap,
body.ranto-tailwind-modern .top-header {
	background: rgba(7, 10, 18, .92) !important;
	backdrop-filter: blur(16px);
	border-bottom: 1px solid rgba(148, 163, 184, .16);
}
body.ranto-tailwind-modern .gmr-mainmenu ul li a,
body.ranto-tailwind-modern .gmr-topnavmenu ul li a {
	color: #f8fafc;
	font-weight: 800;
}
body.ranto-tailwind-modern .homemodule-title,
body.ranto-tailwind-modern .page-title {
	border: 0;
	color: #fff;
	font-size: clamp(22px, 3vw, 34px);
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1.1;
	margin: 22px 0 16px;
	padding: 0;
	text-transform: none;
}
body.ranto-tailwind-modern .homemodule-title::after,
body.ranto-tailwind-modern .page-title::after {
	content: '';
	display: block;
	width: 76px;
	height: 4px;
	border-radius: 999px;
	background: linear-gradient(90deg, #38bdf8, #fb7185);
	margin-top: 10px;
}
body.ranto-tailwind-modern #gmr-main-load.grid-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));
	gap: 16px;
	margin-left: 0;
	margin-right: 0;
}
body.ranto-tailwind-modern #gmr-main-load.grid-container::before,
body.ranto-tailwind-modern #gmr-main-load.grid-container::after {
	display: none;
}
body.ranto-tailwind-modern #gmr-main-load .item {
	float: none;
	width: auto;
	padding: 0;
}
body.ranto-tailwind-modern .gmr-box-archive {
	background: rgba(15, 23, 42, .86);
	border: 1px solid rgba(148, 163, 184, .16);
	border-radius: 16px;
	box-shadow: 0 18px 46px rgba(0,0,0,.28);
	overflow: hidden;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body.ranto-tailwind-modern .gmr-box-archive:hover {
	transform: translateY(-4px);
	border-color: rgba(56, 189, 248, .44);
	box-shadow: 0 24px 60px rgba(0,0,0,.38);
}
body.ranto-tailwind-modern .content-thumbnail {
	aspect-ratio: 2 / 3;
	background: #111827;
	position: relative;
	overflow: hidden;
}
body.ranto-tailwind-modern .content-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .25s ease;
}
body.ranto-tailwind-modern .gmr-box-archive:hover .content-thumbnail img {
	transform: scale(1.05);
}
body.ranto-tailwind-modern .content-thumbnail::after {
	content: '';
	position: absolute;
	inset: 45% 0 0;
	background: linear-gradient(180deg, transparent, rgba(2, 6, 23, .84));
	pointer-events: none;
}
body.ranto-tailwind-modern .item-article {
	padding: 12px 12px 14px;
}
body.ranto-tailwind-modern .entry-title {
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1.25;
	min-height: 2.5em;
}
body.ranto-tailwind-modern .entry-title a {
	color: #fff;
	text-decoration: none;
}
body.ranto-tailwind-modern .entry-title a:hover {
	color: #bae6fd;
}
body.ranto-tailwind-modern .gmr-rating-item,
body.ranto-tailwind-modern .gmr-quality-item,
body.ranto-tailwind-modern .gmr-duration-item,
body.ranto-tailwind-modern .gmr-posttype-item,
body.ranto-tailwind-modern .gmr-numbeps {
	border-radius: 999px;
	font-weight: 900;
	box-shadow: 0 8px 20px rgba(0,0,0,.26);
}
body.ranto-tailwind-modern .gmr-watch-button,
body.ranto-tailwind-modern .view-more-button,
body.ranto-tailwind-modern input[type="submit"],
body.ranto-tailwind-modern button {
	border-radius: 999px !important;
	font-weight: 900;
}
@media (max-width: 640px) {
	body.ranto-tailwind-modern #gmr-main-load.grid-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}
	body.ranto-tailwind-modern .entry-title {
		font-size: 13px;
	}
}