@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/barlow-condensed-500.ttf") format("truetype");
}

@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/barlow-condensed-600.ttf") format("truetype");
}

@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/barlow-condensed-700.ttf") format("truetype");
}

@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../fonts/barlow-condensed-800.ttf") format("truetype");
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/inter-400.ttf") format("truetype");
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/inter-500.ttf") format("truetype");
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/inter-600.ttf") format("truetype");
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/inter-700.ttf") format("truetype");
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../fonts/inter-800.ttf") format("truetype");
}

@font-face {
	font-family: "VMR Barlow Condensed";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/vmr-barlow-condensed-500.woff2") format("woff2");
}

@font-face {
	font-family: "VMR Barlow Condensed";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/vmr-barlow-condensed-700.woff2") format("woff2");
}

@font-face {
	font-family: "VMR Barlow Condensed";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../fonts/vmr-barlow-condensed-800.woff2") format("woff2");
}

@font-face {
	font-family: "VMR Inter";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/vmr-inter-400.woff2") format("woff2");
}

@font-face {
	font-family: "VMR Inter";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/vmr-inter-500.woff2") format("woff2");
}

@font-face {
	font-family: "VMR Inter";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/vmr-inter-600.woff2") format("woff2");
}

:root {
	--vmr-bg: #0a0a0a;
	--vmr-surface: #111111;
	--vmr-surface-2: #161616;
	--vmr-border: #1e1e1e;
	--vmr-border-strong: #2a2a2a;
	--vmr-text: #ffffff;
	--vmr-text-muted: #6b7280;
	--vmr-text-dim: #9aa3af;
	--vmr-orange: #b55a13;
	--vmr-orange-hover: #d4691a;
	--vmr-steel: #94a3b4;
	--vmr-font-display: "VMR Barlow Condensed", "Barlow Condensed", "Arial Narrow", "Oswald", system-ui, sans-serif;
	--vmr-font-body: "VMR Inter", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--vmr-h1-size: clamp(52px, 7vw, 100px);
	--vmr-h1-weight: 800;
	--vmr-h1-tracking: -0.02em;
	--vmr-h1-line: 0.96;
	--vmr-h2-size: clamp(36px, 4.2vw, 60px);
	--vmr-h2-weight: 800;
	--vmr-h2-tracking: -0.005em;
	--vmr-h2-line: 1;
	--vmr-h3-size: 46px;
	--vmr-h3-weight: 800;
	--vmr-h3-tracking: -0.005em;
	--vmr-h3-line: 1;
	--vmr-title-sm-size: 26px;
	--vmr-title-sm-weight: 800;
	--vmr-title-sm-tracking: -0.005em;
	--vmr-title-sm-line: 1.1;
	--vmr-eyebrow-size: 13px;
	--vmr-eyebrow-weight: 700;
	--vmr-eyebrow-tracking: 0.18em;
	--vmr-eyebrow-line: 1.2;
	--vmr-nav-size: 14px;
	--vmr-nav-weight: 600;
	--vmr-nav-tracking: 0.05em;
	--vmr-nav-line: 1.2;
	--vmr-nav-phone-size: 13px;
	--vmr-nav-phone-weight: 700;
	--vmr-nav-phone-tracking: 0.1em;
	--vmr-btn-size: 14px;
	--vmr-btn-size-lg: 15px;
	--vmr-btn-weight: 700;
	--vmr-btn-tracking: 0.1em;
	--vmr-btn-line: 1;
	--vmr-body-size: 16px;
	--vmr-body-weight: 400;
	--vmr-body-line: 1.6;
	--vmr-lead-size: 17px;
	--vmr-lead-weight: 400;
	--vmr-lead-line: 1.55;
	--vmr-body-sm-size: 15px;
	--vmr-body-sm-weight: 400;
	--vmr-body-sm-line: 1.55;
	--vmr-caption-size: 11px;
	--vmr-caption-weight: 400;
	--vmr-caption-tracking: 0.08em;
	--vmr-caption-line: 1.3;
	--vmr-meta-size: 13px;
	--vmr-meta-weight: 700;
	--vmr-meta-tracking: 0.1em;
	--vmr-meta-line: 1.2;
	--vmr-micro-size: 12px;
	--vmr-micro-weight: 500;
	--vmr-micro-tracking: 0.14em;
	--vmr-micro-line: 1.3;
	--vmr-work-title-size: 16px;
	--vmr-work-title-weight: 700;
	--vmr-work-title-tracking: -0.005em;
	--vmr-work-title-line: 1.2;
	--vmr-cta-lead-size: clamp(22px, 3vw, 32px);
	--vmr-cta-lead-weight: 700;
	--vmr-cta-lead-tracking: 0.01em;
	--vmr-cta-lead-line: 1.05;
	--vmr-statement-size: clamp(22px, 2.6vw, 32px);
	--vmr-statement-weight: 700;
	--vmr-statement-tracking: -0.01em;
	--vmr-statement-line: 1.2;
	--vmr-body-lg-size: clamp(18px, 2vw, 24px);
	--vmr-body-lg-weight: 600;
	--vmr-body-lg-line: 1.4;
	--vmr-s-3: 12px;
	--vmr-s-5: 24px;
}

.elementor-widget-vmr_header {
	--vmr-header-height: 72px;
	--vmr-header-wrap: 1320px;
}

/* Carousel pagination dots — shared (Instagram, Reviews, PPF features, etc.)
   Match index.html: #instagram .ig-dots / .testi-dots → gap: 6px; dots 5×5 */
.vmr-carousel-dots,
.vmr-ig__dots,
.vmr-reviews__dots,
.elementor-widget-vmr_instagram .vmr-ig__dots,
.elementor-widget-vmr_instagram .vmr-carousel-dots,
.elementor-widget-vmr_reviews .vmr-reviews__dots,
.elementor-widget-vmr_reviews .vmr-carousel-dots {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	column-gap: 6px !important;
	row-gap: 6px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	list-style: none !important;
}

.vmr-pfc__dots,
.elementor-widget-vmr_protection_features .vmr-pfc__dots {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	column-gap: 8px !important;
	row-gap: 8px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	list-style: none !important;
}

.vmr-carousel-dot,
button.vmr-carousel-dot,
.vmr-ig__dot,
button.vmr-ig__dot,
.vmr-reviews__dot,
button.vmr-reviews__dot,
.elementor-widget-vmr_instagram .vmr-ig__dot,
.elementor-widget-vmr_instagram button.vmr-ig__dot,
.elementor-widget-vmr_instagram .vmr-carousel-dot,
.elementor-widget-vmr_reviews .vmr-reviews__dot,
.elementor-widget-vmr_reviews button.vmr-reviews__dot,
.elementor-widget-vmr_reviews .vmr-carousel-dot,
.elementor-widget-vmr_protection_features .vmr-pfc__dots button {
	appearance: none !important;
	-webkit-appearance: none !important;
	display: block !important;
	flex: 0 0 5px !important;
	width: 5px !important;
	height: 5px !important;
	min-width: 5px !important;
	min-height: 5px !important;
	max-width: 5px !important;
	max-height: 5px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.16) !important;
	box-shadow: none !important;
	outline: none !important;
	cursor: pointer !important;
	line-height: 0 !important;
	font-size: 0 !important;
	font-family: inherit !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-decoration: none !important;
	color: transparent !important;
	text-indent: -9999px !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	transform: none !important;
	transition: background 0.2s ease, transform 0.2s ease, opacity 0.2s ease !important;
}

.vmr-carousel-dot[aria-current="true"],
button.vmr-carousel-dot[aria-current="true"],
.vmr-ig__dot[aria-current="true"],
button.vmr-ig__dot[aria-current="true"],
.vmr-reviews__dot[aria-current="true"],
button.vmr-reviews__dot[aria-current="true"],
.elementor-widget-vmr_instagram .vmr-ig__dot[aria-current="true"],
.elementor-widget-vmr_reviews .vmr-reviews__dot[aria-current="true"],
.elementor-widget-vmr_protection_features .vmr-pfc__dots button[aria-current="true"] {
	background: var(--vmr-orange, #b55a13) !important;
	opacity: 1 !important;
	transform: scale(1.2) !important;
	box-shadow: none !important;
}

.vmr-carousel-dot:hover:not([aria-current="true"]),
.vmr-carousel-dot:focus:not([aria-current="true"]),
.vmr-carousel-dot:focus-visible:not([aria-current="true"]),
.vmr-ig__dot:hover:not([aria-current="true"]),
.vmr-ig__dot:focus:not([aria-current="true"]),
.vmr-ig__dot:focus-visible:not([aria-current="true"]),
.vmr-reviews__dot:hover:not([aria-current="true"]),
.vmr-reviews__dot:focus:not([aria-current="true"]),
.vmr-reviews__dot:focus-visible:not([aria-current="true"]),
.elementor-widget-vmr_protection_features .vmr-pfc__dots button:hover:not([aria-current="true"]),
.elementor-widget-vmr_protection_features .vmr-pfc__dots button:focus:not([aria-current="true"]) {
	background: rgba(255, 255, 255, 0.28) !important;
	box-shadow: none !important;
	transform: none !important;
}

.vmr-carousel-dot[aria-current="true"]:hover,
.vmr-carousel-dot[aria-current="true"]:focus,
.vmr-ig__dot[aria-current="true"]:hover,
.vmr-ig__dot[aria-current="true"]:focus,
.vmr-reviews__dot[aria-current="true"]:hover,
.vmr-reviews__dot[aria-current="true"]:focus,
.elementor-widget-vmr_protection_features .vmr-pfc__dots button[aria-current="true"]:hover,
.elementor-widget-vmr_protection_features .vmr-pfc__dots button[aria-current="true"]:focus {
	background: var(--vmr-orange, #b55a13) !important;
	transform: scale(1.2) !important;
	box-shadow: none !important;
}

.vmr-carousel-dot:focus-visible,
.vmr-ig__dot:focus-visible,
.vmr-reviews__dot:focus-visible,
.elementor-widget-vmr_protection_features .vmr-pfc__dots button:focus-visible {
	outline: 2px solid var(--vmr-orange, #b55a13) !important;
	outline-offset: 2px !important;
}

.elementor-widget-vmr_protection_features .vmr-pfc__dots button {
	flex: 0 0 7px !important;
	width: 7px !important;
	height: 7px !important;
	min-width: 7px !important;
	min-height: 7px !important;
	max-width: 7px !important;
	max-height: 7px !important;
}
