/* MusliMILF: restrained mature-luxe skin for TikSwipe. */

:root {
	--gk-primary: #d6b46a;
	--gk-rose: #c95f86;
	--gk-bg: #08080b;
	--gk-panel: #151318;
	--gk-border: rgba(214, 180, 106, 0.22);
	--gk-glow: 0 0 22px rgba(214, 180, 106, 0.24);
}

body,
body.grid,
body.media-body,
body.grid .content,
body.media-body .content {
	background:
		linear-gradient(180deg, rgba(214, 180, 106, 0.09), transparent 26rem),
		var(--gk-bg) !important;
	color: #f5efe4;
}

h1, h2, h3, h4, h5, h6 {
	color: #fff !important;
	letter-spacing: 0;
}

.logo-word-2,
.button-color,
.swiper-button-next,
.swiper-button-prev,
.tags-list a.active,
.search-pills a.active,
.cart-count,
.fav-count,
.video-js .vjs-play-progress {
	background-color: var(--gk-primary) !important;
	border-color: var(--gk-primary) !important;
	color: #120e09 !important;
}

header,
.navbar,
.main-nav,
footer .footer-menu {
	background: rgba(8, 8, 11, 0.94) !important;
	border-color: var(--gk-border) !important;
	backdrop-filter: blur(12px);
}

.media-box.media-item {
	background:
		linear-gradient(180deg, rgba(214, 180, 106, 0.08), rgba(201, 95, 134, 0.04)),
		var(--gk-panel) !important;
	border: 1px solid var(--gk-border);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.4);
	transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.media-box.media-item:hover {
	transform: translateY(-2px);
	border-color: var(--gk-rose) !important;
	box-shadow: var(--gk-glow), 0 18px 46px rgba(0, 0, 0, 0.48);
}

.media-box.media-item img {
	aspect-ratio: 16 / 10;
	width: 100%;
	object-fit: cover;
	background: #09080b;
}

.tags-list a,
.search-pills a {
	background: rgba(255, 255, 255, 0.045) !important;
	border: 1px solid rgba(214, 180, 106, 0.16) !important;
	border-radius: 8px;
	color: #f8ead0 !important;
	letter-spacing: 0;
}

.swiper-slide iframe,
.swiper-slide video,
.swiper-slide .video-js {
	border-radius: 8px;
	box-shadow: 0 0 0 1px var(--gk-border), 0 22px 60px rgba(0, 0, 0, 0.58);
}

.swiper-video-slide .embed-content iframe[src*="redgifs.com"] {
	pointer-events: none;
}

.swiper-video-slide.gk-embed-active .embed-content iframe[src*="redgifs.com"] {
	pointer-events: auto;
}

.load-more-btn {
	border-radius: 999px !important;
	box-shadow: var(--gk-glow);
}

.gk-ad-container {
	position: relative !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 12px auto !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center;
	overflow: visible !important;
	z-index: 1;
}

.gk-ad-desktop {
	display: block;
}

.gk-ad-mobile {
	display: none;
}

.gk-fixed-istripper {
	position: fixed;
	right: 12px;
	bottom: 82px;
	z-index: 9999;
	max-width: min(420px, calc(100vw - 24px));
	pointer-events: auto;
}

.gk-fixed-istripper .gk-ad-container {
	margin: 0;
}

.swiper-slide-happy {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: visible !important;
	background: var(--gk-bg) !important;
}

.swiper-slide-happy > .d-flex,
.swiper-slide-happy .happy-center {
	width: fit-content !important;
	max-width: min(96vw, 980px) !important;
	min-width: min(92vw, 340px) !important;
	min-height: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 auto !important;
	padding: 16px !important;
	position: relative !important;
	overflow: visible !important;
}

.swiper-slide-happy .gk-ad-container iframe,
.swiper-slide-happy .gk-ad-container ins,
.swiper-slide-happy .gk-ad-container img {
	position: static !important;
	inset: auto !important;
	float: none !important;
	display: block !important;
	margin: 0 auto !important;
	max-width: 100% !important;
	transform: none !important;
}

@media (max-width: 767px) {
	.gk-ad-desktop {
		display: none;
	}

	.gk-ad-mobile {
		display: block;
	}

	.gk-fixed-istripper {
		right: 8px;
		bottom: 76px;
		width: min(46vw, 180px);
		max-width: 180px;
		max-height: 280px;
		overflow: visible;
	}

	.gk-fixed-istripper .gk-ad-container,
	.gk-fixed-istripper iframe,
	.gk-fixed-istripper img,
	.gk-fixed-istripper canvas {
		max-width: 100% !important;
		max-height: 280px !important;
	}

	.swiper-slide-happy > .d-flex,
	.swiper-slide-happy .happy-center {
		width: fit-content !important;
		max-width: 94vw !important;
		min-width: min(94vw, 300px) !important;
		min-height: 0 !important;
		padding: 10px !important;
	}
}
