/* WetNMessy: slick aqua and gloss skin for TikSwipe. */

:root {
	--gk-primary: #19d8c7;
	--gk-lime: #b8ff5f;
	--gk-bg: #04100f;
	--gk-panel: #0a1c1a;
	--gk-border: rgba(25, 216, 199, 0.22);
	--gk-glow: 0 0 24px rgba(25, 216, 199, 0.28);
}

body,
body.grid,
body.media-body,
body.grid .content,
body.media-body .content {
	background:
		linear-gradient(180deg, rgba(25, 216, 199, 0.1), transparent 24rem),
		linear-gradient(135deg, rgba(184, 255, 95, 0.06), transparent 36rem),
		var(--gk-bg) !important;
	color: #eafffb;
}

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: #021211 !important;
}

header,
.navbar,
.main-nav,
footer .footer-menu {
	background: rgba(4, 16, 15, 0.92) !important;
	border-color: var(--gk-border) !important;
	backdrop-filter: blur(14px);
}

.media-box.media-item {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(25, 216, 199, 0.08)),
		var(--gk-panel) !important;
	border: 1px solid var(--gk-border);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 14px 38px rgba(0, 0, 0, 0.36);
	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-lime) !important;
	box-shadow: var(--gk-glow), 0 18px 46px rgba(0, 0, 0, 0.45);
}

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

.tags-list a,
.search-pills a {
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(25, 216, 199, 0.16) !important;
	border-radius: 999px;
	color: #dffffa !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);
}

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