:root {
	--color-white: #fff;
	--color-black: #000;
	--color-main: #e91e63;
	--color-light: #f06292;
	--primary-dark: #c2185b;
	--text-secondary: #b0b0b0;
	--secondary-color: #2c3e50;
	--gradient-primary: linear-gradient(135deg, var(--color-main) 0%, var(--color-light) 100%);
	--gradient-dark: linear-gradient(135deg, var(--dark-bg) 0%, var(--card-bg) 100%);
	--dark-bg: #1a1a1a;
	--card-bg: #2d2d2d;
	--spacing-sm: 0.5rem;
	--spacing-md: 1rem;
	--spacing-lg: 1.5rem;
	--border-radius-sm: 0.375rem;
	--transition-fast: 0.2s ease;
	--transition-slow: 0.5s ease;
}

::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background: var(--color-white);
}

::-webkit-scrollbar-thumb {
	background-color: var(--color-main);
	border-radius: 8px;
	border: none;
}

.header:not(.transparent) .header-nav-main.nav > li.active > a {
	background-color: rgba(233, 30, 99, 0.1);
	padding: var(--spacing-sm) var(--spacing-md) !important;
    border-radius: var(--border-radius-sm);
    transition: all var(--transition-fast);
}

.nav-right {
	gap: 30px;
}

#main {
	background: var(--gradient-dark) !important;
}

h1, h2 {
	background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
	font-weight: 600 !important;
}

.pd0 {
	padding: 0px !important;
}

.entry-content p {
	color: var(--color-white) !important;
}

.entry-content h3, h4 {
	color: var(--color-main) !important;
}

.absolute-footer.dark {
	color: var(--color-white) !important;
}

.comments-area, .pt-half {
	display: none;
}

.product-section {
	border-top: none !important;
}

.off-canvas-left .mfp-content {
	background: var(--color-main) !important;
}

.off-canvas .nav-vertical>li>a {
	color: var(--color-white);
	font-size: 17px;
}

.menu_footer .ux-menu-link__link {
	color: var(--text-secondary) !important;
	font-size: 15px;
}

.menu_footer .ux-menu-link__link:hover {
	color: var(--color-main) !important;
	padding-left: var(--spacing-sm);
	transition: padding var(--transition-slow);
}