/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1781872380
Updated: 2026-05-26 15:34:28

*/

/*
 * Homepage hero Figma alignment pass.
 *
 * Scope:
 * - Page ID 31581 only.
 * - First Elementor hero section and adjacent benefit bar only.
 *
 * Notes:
 * - Elementor content still contains "PERCISION PEPTIDES"; the visual heading is
 *   corrected here to avoid touching database content while the DB restore work
 *   continues in another session.
 * - The right hero card currently reuses the purity-card copy in Elementor. This
 *   CSS swaps the visible label/copy to the lab-report CTA from the Figma hero.
 */

body.home {
	background: #02060d;
	overflow-x: hidden;
}

body.home .elementor-location-header {
	position: relative;
	z-index: 30;
	height: 0;
}

body.home .header-row {
	position: fixed !important;
	top: 30px !important;
	inset-block-start: 30px !important;
	left: 50% !important;
	right: auto !important;
	transform: translateX(-50%) !important;
	width: min(84vw, 1136px) !important;
	min-height: 40px !important;
	height: 40px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	border-radius: 999px !important;
	background: linear-gradient(180deg, rgba(47, 49, 53, 0.82), rgba(18, 20, 24, 0.74)) !important;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
	overflow: visible !important;
}

body.home .header-row > .e-con-inner {
	width: 100% !important;
	max-width: none !important;
	min-height: 0 !important;
	height: 100% !important;
	padding: 0 22px !important;
	align-items: center !important;
}

body.home .header-row a,
body.home .header-row .hfe-menu-item,
body.home .header-row .elementor-button {
	color: #f7fbff !important;
	font-size: 13px !important;
	line-height: 1 !important;
	text-decoration: none !important;
}

body.home .elementor-element-3970215 {
	position: relative !important;
	min-height: 680px !important;
	height: 680px !important;
	overflow: hidden !important;
	background-color: #02060d !important;
	background-image: url("assets/home/hero-scene-no-bottle.png") !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	isolation: isolate;
}

body.home .elementor-element-3970215::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 145px;
	left: 50%;
	width: 220px;
	height: 430px;
	background: url("assets/home/hero-bottle-foreground.png") center / contain no-repeat;
	pointer-events: none;
	transform: translateX(-50%);
}

body.home .elementor-element-3970215 > .e-con-inner {
	min-height: 680px !important;
	height: 680px !important;
	position: relative !important;
	padding: 0 !important;
}

body.home .e-b6e4c0b-cd7722c {
	position: absolute !important;
	top: 105px !important;
	left: 50% !important;
	z-index: 1 !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	transform: translateX(-50%) !important;
	color: transparent !important;
	font-family: "Bebas Neue", Impact, sans-serif !important;
	font-size: 0 !important;
	font-weight: 400 !important;
	line-height: 0 !important;
	letter-spacing: 0 !important;
	text-align: center !important;
	white-space: nowrap !important;
}

body.home .e-b6e4c0b-cd7722c::before {
	content: "PRECISION PEPTIDES";
	display: block;
	color: #f8f8f8;
	font-family: "Bebas Neue", Impact, sans-serif;
	font-size: clamp(86px, 8.2vw, 116px);
	line-height: 0.9;
}

body.home .c-hero-product-block {
	position: absolute !important;
	z-index: 5 !important;
	border-color: rgba(255, 255, 255, 0.2) !important;
	background: linear-gradient(180deg, rgba(7, 13, 22, 0.66), rgba(6, 10, 18, 0.38)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 18px 46px rgba(0, 0, 0, 0.24) !important;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}

body.home .elementor-element-06631ff {
	top: 343px !important;
	left: 68px !important;
	bottom: auto !important;
	width: 340px !important;
	min-height: 121px !important;
	height: 121px !important;
}

body.home .elementor-element-06631ff .elementor-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 40px !important;
	padding: 0 28px !important;
	border-radius: 999px !important;
	background: linear-gradient(117deg, #61baf9 0%, #4dcee5 100%) !important;
	color: #ffffff !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

body.home .elementor-element-06631ff .elementor-button-content-wrapper,
body.home .elementor-element-06631ff .elementor-button-text {
	align-items: center !important;
	white-space: nowrap !important;
}

body.home .elementor-element-4288c0e {
	top: 320px !important;
	right: 68px !important;
	left: auto !important;
	width: 284px !important;
	min-height: 80px !important;
	height: 80px !important;
}

body.home .elementor-element-4288c0e .elementor-element-9c8b744 {
	min-height: 0 !important;
	height: 100% !important;
}

body.home .elementor-element-4288c0e .elementor-element-9b534d1 .elementor-heading-title,
body.home .elementor-element-4288c0e .elementor-element-ebe6ce1 .elementor-heading-title {
	position: relative;
	color: transparent !important;
}

body.home .elementor-element-4288c0e .elementor-element-9b534d1 .elementor-heading-title::before,
body.home .elementor-element-4288c0e .elementor-element-ebe6ce1 .elementor-heading-title::before {
	position: absolute;
	inset: 0;
	color: #ffffff;
}

body.home .elementor-element-4288c0e .elementor-element-9b534d1 .elementor-heading-title::before {
	content: "VIEW LAB REPORTS";
	white-space: nowrap;
}

body.home .elementor-element-4288c0e .elementor-element-ebe6ce1 .elementor-heading-title::before {
	content: "All products undergo rigorous third-party lab testing for purity, and safety";
}

body.home .elementor-element-38dbc6b {
	min-height: 56px !important;
	height: 56px !important;
	background: linear-gradient(180deg, #59bdf5, #42a9e6) !important;
}

body.home .elementor-element-38dbc6b .e-heading-base {
	letter-spacing: 0 !important;
	white-space: nowrap !important;
}

@media (max-width: 1024px) {
	body.home #rmp_menu_trigger-14730,
	body.home .rmp_menu_trigger {
		display: none !important;
	}

	body.home .header-row {
		top: 24px !important;
		inset-block-start: 24px !important;
		width: calc(100% - 40px) !important;
		max-width: 520px !important;
		height: 39px !important;
		min-height: 39px !important;
		margin: 0 !important;
	}

	body.home .header-row > .e-con-inner {
		padding: 0 14px !important;
	}

	body.home .elementor-element-3970215 {
		min-height: 540px !important;
		height: 540px !important;
		background-position: center center !important;
		background-size: cover !important;
	}

	body.home .elementor-element-3970215::after {
		top: 184px;
		width: 150px;
		height: 292px;
	}

	body.home .elementor-element-3970215 > .e-con-inner {
		min-height: 540px !important;
		height: 540px !important;
		padding: 0 20px !important;
	}

	body.home .e-b6e4c0b-cd7722c {
		top: 96px !important;
		width: calc(100vw - 32px) !important;
	}

	body.home .e-b6e4c0b-cd7722c::before {
		font-size: clamp(34px, 10.4vw, 45px);
		line-height: 0.95;
	}

	body.home .e-6e95545-a7896fc {
		position: absolute !important;
		top: 144px !important;
		left: 50% !important;
		width: min(320px, calc(100vw - 48px)) !important;
		transform: translateX(-50%) !important;
		font-size: 14px !important;
		line-height: 1.55 !important;
	}

	body.home .elementor-element-06631ff {
		top: 336px !important;
		left: 20px !important;
		right: 20px !important;
		width: calc(100% - 40px) !important;
		min-height: 100px !important;
		height: 100px !important;
	}

	body.home .elementor-element-06631ff img.e-image-base {
		width: 82px !important;
		height: auto !important;
	}

	body.home .elementor-element-06631ff .elementor-element-5f5dcec {
		width: calc(100% - 116px) !important;
	}

	body.home .elementor-element-06631ff .elementor-element-8a21860 .elementor-heading-title {
		font-size: 24px !important;
		line-height: 1 !important;
	}

	body.home .elementor-element-06631ff .elementor-element-cfbe46a .elementor-heading-title {
		font-size: 11px !important;
		line-height: 1.35 !important;
	}

	body.home .elementor-element-06631ff .elementor-button {
		min-height: 36px !important;
		padding: 0 24px !important;
		font-size: 15px !important;
	}

	body.home .elementor-element-06631ff .elementor-element-6fefb30 {
		position: absolute !important;
		right: 14px !important;
		bottom: 10px !important;
		left: auto !important;
		width: auto !important;
		margin: 0 !important;
	}

	body.home .elementor-element-4288c0e {
		top: 452px !important;
		left: 20px !important;
		right: 20px !important;
		width: calc(100% - 40px) !important;
		min-height: 62px !important;
		height: 62px !important;
	}

	body.home .elementor-element-4288c0e::after {
		content: "\203A";
		position: absolute;
		top: 50%;
		right: 18px;
		color: #ffffff;
		font-family: Arial, sans-serif;
		font-size: 28px;
		line-height: 1;
		transform: translateY(-50%);
	}

	body.home .elementor-element-4288c0e .elementor-element-53d97fe {
		align-items: center !important;
		height: 100% !important;
		min-height: 0 !important;
	}

	body.home .elementor-element-4288c0e .elementor-element-9b534d1 .elementor-heading-title {
		font-size: 21px !important;
		line-height: 1 !important;
	}

	body.home .elementor-element-4288c0e .elementor-element-ebe6ce1 {
		display: none !important;
	}

	body.home .elementor-element-38dbc6b {
		min-height: 52px !important;
		height: 52px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scrollbar-width: none;
	}

	body.home .elementor-element-38dbc6b::-webkit-scrollbar {
		display: none;
	}
}