/* Small bridge for Elementor/Haru blocks that still live outside Bigstep app
   shortcodes on plugin-surface pages. Keep it narrow so Studio/Landing internals
   remain controlled by their own CSS. */
body.bigstep-plugin-surface :where(.elementor-widget-haru-header-button, .haru-header-button) :where(
	a.haru-button,
	.haru-button,
	.haru-button-link,
	.elementor-button1
):not(.bigstep-ai-app *):not(.bigstep-landing *):not(.bigstep-home-landing *):not(.bigstep-checkout *) {
	-webkit-appearance: none !important;
	appearance: none !important;
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-height: 44px !important;
	padding: 0 22px !important;
	border: 1px solid rgba(129, 140, 248, .48) !important;
	border-radius: 13px !important;
	background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 60%, #a855f7 100%) !important;
	color: #fff !important;
	box-shadow: 0 16px 34px rgba(99, 102, 241, .24), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
	font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	font-size: 14px !important;
	font-weight: 850 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: none !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease !important;
}

body.bigstep-plugin-surface :where(.elementor-widget-haru-header-button, .haru-header-button) :where(
	a.haru-button,
	.haru-button,
	.haru-button-link,
	.elementor-button1
):not(.bigstep-ai-app *):not(.bigstep-landing *):not(.bigstep-home-landing *):not(.bigstep-checkout *):hover {
	border-color: rgba(199, 210, 254, .72) !important;
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 62%, #9333ea 100%) !important;
	color: #fff !important;
	box-shadow: 0 18px 42px rgba(99, 102, 241, .32), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
	transform: translateY(-1px) !important;
}

body.bigstep-plugin-surface :where(.elementor-widget-haru-header-button, .haru-header-button) .haru-button-content-wrapper {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-width: 0 !important;
	line-height: 1 !important;
}

body.bigstep-plugin-surface :where(.elementor-widget-haru-header-button, .haru-header-button) :where(.haru-button-text, .haru-button-icon) {
	display: inline-flex !important;
	align-items: center !important;
	line-height: 1 !important;
	color: inherit !important;
}

/* Homepage shell: align the legacy Elementor header/footer with the Bigstep
   landing surface without replacing theme markup. */
body.home.bigstep-plugin-surface {
	--bs-surface-bg: #070b14;
	--bs-surface-panel: rgba(8, 11, 18, .76);
	--bs-surface-panel-2: rgba(15, 23, 42, .88);
	--bs-surface-border: rgba(99, 102, 241, .30);
	--bs-surface-border-strong: rgba(129, 140, 248, .46);
	--bs-surface-text: #f8fafc;
	--bs-surface-muted: #aeb9cc;
	--bs-surface-soft: #7d89a0;
	--bs-surface-accent: #6366f1;
	--bs-surface-accent-2: #a855f7;
	--bs-surface-orange: #fb7d52;
	background: #070b14 !important;
	color: var(--bs-surface-text) !important;
	font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

body.home.bigstep-plugin-surface #haru-main {
	position: relative !important;
	isolation: isolate !important;
	background:
		linear-gradient(rgba(99, 102, 241, .038) 1px, transparent 1px) 0 0 / 32px 32px,
		linear-gradient(90deg, rgba(99, 102, 241, .038) 1px, transparent 1px) 0 0 / 32px 32px,
		radial-gradient(ellipse 82% 42% at 48% 0%, rgba(99, 102, 241, .16), transparent 58%),
		radial-gradient(ellipse 48% 34% at 88% 30%, rgba(251, 125, 82, .10), transparent 62%),
		var(--bs-surface-bg) !important;
	color: var(--bs-surface-text) !important;
	overflow: clip !important;
}

body.home.bigstep-plugin-surface #haru-main,
body.home.bigstep-plugin-surface #haru-main :where(
	h1, h2, h3, h4, h5, h6, p, a, span, small, strong, b, em, li, label,
	button, input, textarea, select, .haru-heading-title, .haru-footer-link
) {
	box-sizing: border-box !important;
	font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	letter-spacing: 0 !important;
}

body.home.bigstep-plugin-surface #haru-main :where(
	.material-icons,
	.material-icons-outlined,
	.material-icons-round,
	.material-symbols-outlined,
	.material-symbols-rounded
) {
	font-family: "Material Symbols Outlined", "Material Icons Outlined", "Material Icons" !important;
	font-weight: normal !important;
	font-style: normal !important;
	line-height: 1 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	white-space: nowrap !important;
	word-wrap: normal !important;
	direction: ltr !important;
	-webkit-font-feature-settings: "liga" !important;
	-webkit-font-smoothing: antialiased !important;
}

body.home.bigstep-plugin-surface #haru-main :where(
	i[class^="fa"],
	i[class*=" fa"],
	.fa,
	.fas,
	.far,
	.fab,
	.eicon,
	[class^="eicon-"],
	[class*=" eicon-"]
) {
	letter-spacing: normal !important;
	text-transform: none !important;
}

body.home.bigstep-plugin-surface #haru-header {
	position: relative !important;
	z-index: 90 !important;
	background: transparent !important;
	color: var(--bs-surface-text) !important;
}

body.home.bigstep-plugin-surface #haru-header :where(.haru-header__desktop, .haru-header__mobile) {
	background: transparent !important;
	color: inherit !important;
}

body.home.bigstep-plugin-surface #haru-header :where(.haru-header__desktop, .haru-header__mobile) > .elementor,
body.home.bigstep-plugin-surface #haru-header :where(.haru-header__desktop, .haru-header__mobile) > .elementor > .elementor-element,
body.home.bigstep-plugin-surface #haru-header .elementor-element-9a6ca10 {
	background: transparent !important;
}

body.home.bigstep-plugin-surface #haru-header .elementor-element-9a6ca10 {
	width: min(1280px, calc(100vw - 32px)) !important;
	min-height: 74px !important;
	margin: 0 auto !important;
	padding: 14px 20px !important;
	border-bottom: 1px solid var(--bs-surface-border) !important;
	background-color: rgba(8, 11, 18, .78) !important;
	background-image: linear-gradient(180deg, rgba(99, 102, 241, .08), rgba(8, 11, 18, .70)) !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
}

body.home.bigstep-plugin-surface #haru-header .haru-logo :where(img, .haru-logo__default) {
	width: auto !important;
	height: 31px !important;
	object-fit: contain !important;
}

body.home.bigstep-plugin-surface #haru-header .haru-nav-menu {
	align-items: center !important;
	gap: 6px !important;
}

body.home.bigstep-plugin-surface #haru-header .haru-nav-menu :where(li, li.menu-item) {
	height: auto !important;
	min-height: 0 !important;
	display: flex !important;
	align-items: center !important;
}

body.home.bigstep-plugin-surface #haru-header .haru-nav-menu :where(a, .haru-menu-item-title) {
	min-height: 38px !important;
	padding: 0 10px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 999px !important;
	color: #dbe4ff !important;
	font-size: 13px !important;
	font-weight: 760 !important;
	line-height: 1 !important;
	text-transform: none !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	transition: color .16s ease, background-color .16s ease, transform .16s ease !important;
}

body.home.bigstep-plugin-surface #haru-header .haru-nav-menu :where(li.current-menu-item, li.active, li:hover) > a,
body.home.bigstep-plugin-surface #haru-header .haru-nav-menu :where(a:hover, a:focus-visible) {
	background: rgba(99, 102, 241, .14) !important;
	color: #fff !important;
}

body.home.bigstep-plugin-surface #haru-header :where(.haru-cart, .haru-cart *, .haru-social, .haru-social *) {
	color: #dbe4ff !important;
}

body.home.bigstep-plugin-surface #haru-header .haru-cart {
	min-width: 38px !important;
	height: 38px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 1px solid rgba(129, 140, 248, .28) !important;
	border-radius: 999px !important;
	background: rgba(15, 23, 42, .58) !important;
}

body.home.bigstep-plugin-surface #haru-header .haru-cart:hover {
	border-color: rgba(129, 140, 248, .56) !important;
	background: rgba(99, 102, 241, .16) !important;
}

body.home.bigstep-plugin-surface #haru-header .cart-side-widget {
	left: auto !important;
	right: -340px !important;
	transform: translateX(0) !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	transition: right .24s ease, opacity .18s ease, visibility .18s ease !important;
}

body.home.bigstep-plugin-surface.cart-side-open #haru-header .cart-side-widget,
body.home.bigstep-plugin-surface.haru-cart-open #haru-header .cart-side-widget,
body.home.bigstep-plugin-surface.cart-open #haru-header .cart-side-widget,
body.home.bigstep-plugin-surface #haru-header .cart-side-widget:is(.active, .open, .show, .opened) {
	right: 0 !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

body.home.bigstep-plugin-surface #haru-header .haru-cart .cart-count,
body.home.bigstep-plugin-surface #haru-header .haru-cart :where(.count, .haru-cart__number) {
	background: #0ea5e9 !important;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, .22) !important;
	box-shadow: 0 8px 20px rgba(14, 165, 233, .24) !important;
}

body.home.bigstep-plugin-surface #haru-header .haru-social :where(ul, li) {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.home.bigstep-plugin-surface #haru-header .haru-social a {
	width: 38px !important;
	height: 38px !important;
	display: inline-grid !important;
	place-items: center !important;
	border: 1px solid rgba(129, 140, 248, .28) !important;
	border-radius: 999px !important;
	background: rgba(15, 23, 42, .58) !important;
	color: #dbe4ff !important;
	transition: transform .16s ease, border-color .16s ease, background-color .16s ease, color .16s ease !important;
}

body.home.bigstep-plugin-surface #haru-header .haru-social a:hover {
	border-color: rgba(129, 140, 248, .58) !important;
	background: rgba(99, 102, 241, .16) !important;
	color: #fff !important;
	transform: translateY(-1px) !important;
}

body.home.bigstep-plugin-surface #haru-footer {
	margin-top: 0 !important;
	background:
		linear-gradient(rgba(99, 102, 241, .030) 1px, transparent 1px) 0 0 / 32px 32px,
		linear-gradient(90deg, rgba(99, 102, 241, .030) 1px, transparent 1px) 0 0 / 32px 32px,
		radial-gradient(ellipse 64% 34% at 50% 0%, rgba(99, 102, 241, .12), transparent 62%),
		#04050a !important;
	color: var(--bs-surface-muted) !important;
	border-top: 1px solid var(--bs-surface-border) !important;
}

body.home.bigstep-plugin-surface #haru-footer :where(.section-bg-gray, .e-con, .elementor-widget-container) {
	background-color: transparent !important;
}

body.home.bigstep-plugin-surface #haru-footer .elementor-element-bc0044a {
	width: min(1280px, calc(100vw - 32px)) !important;
	margin: 0 auto !important;
	padding: 44px 0 28px !important;
	background: transparent !important;
}

body.home.bigstep-plugin-surface #haru-footer .elementor-element-bc0044a > .e-con-inner {
	gap: 32px !important;
}

body.home.bigstep-plugin-surface #haru-footer .elementor-element-bc0044a > :where(.e-con-inner, .e-con-full),
body.home.bigstep-plugin-surface #haru-footer .elementor-element-bc0044a :where(.e-con-child) {
	align-items: flex-start !important;
}

body.home.bigstep-plugin-surface #haru-footer .haru-logo-footer img {
	height: 31px !important;
	width: auto !important;
	object-fit: contain !important;
}

body.home.bigstep-plugin-surface #haru-footer :where(.haru-heading-title, h2, h3, h4, h5, h6) {
	color: #f8fafc !important;
	font-size: 15px !important;
	font-weight: 820 !important;
	line-height: 1.25 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

body.home.bigstep-plugin-surface #haru-footer :where(.haru-footer-link, .haru-footer-link *, p, li, a) {
	color: #cbd5e1 !important;
	font-size: 13.5px !important;
	font-weight: 560 !important;
	line-height: 1.55 !important;
	text-decoration: none !important;
}

body.home.bigstep-plugin-surface #haru-footer .haru-footer-link ul {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.home.bigstep-plugin-surface #haru-footer .haru-footer-link li {
	margin: 0 !important;
	padding: 0 !important;
}

body.home.bigstep-plugin-surface #haru-footer :where(.haru-footer-link a, .haru-social a):hover {
	color: #fff !important;
}

body.home.bigstep-plugin-surface #haru-footer .elementor-widget-image img {
	max-width: min(172px, 100%) !important;
	height: auto !important;
	object-fit: contain !important;
}

body.home.bigstep-plugin-surface #haru-footer .haru-social :where(ul, li) {
	display: flex !important;
	align-items: center !important;
	gap: 9px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.home.bigstep-plugin-surface #haru-footer .haru-social a {
	width: 34px !important;
	height: 34px !important;
	display: inline-grid !important;
	place-items: center !important;
	border: 1px solid rgba(129, 140, 248, .28) !important;
	border-radius: 9px !important;
	background: rgba(15, 23, 42, .68) !important;
	color: #cbd5e1 !important;
	transition: transform .16s ease, border-color .16s ease, background-color .16s ease, color .16s ease !important;
}

body.home.bigstep-plugin-surface #haru-footer .haru-social a:hover {
	border-color: var(--bs-surface-accent) !important;
	background: rgba(99, 102, 241, .18) !important;
	color: #fff !important;
	transform: translateY(-1px) !important;
}

body.home.bigstep-plugin-surface #haru-footer .elementor-element-f4f32cb {
	width: min(1280px, calc(100vw - 32px)) !important;
	min-height: 0 !important;
	margin: 0 auto !important;
	padding: 15px 0 18px !important;
	border-top: 1px solid rgba(99, 102, 241, .18) !important;
	background: transparent !important;
}

body.home.bigstep-plugin-surface #haru-footer .elementor-element-f4f32cb :where(.haru-heading-title, h6) {
	margin: 0 !important;
	color: #7d89a0 !important;
	font-size: 12px !important;
	font-weight: 780 !important;
	letter-spacing: .04em !important;
	text-align: center !important;
}

body.home.bigstep-plugin-surface :where(.elementor-element-034af15, .elementor-element-41bc982, .elementor-element-c856a44) {
	background:
		linear-gradient(rgba(99, 102, 241, .026) 1px, transparent 1px) 0 0 / 32px 32px,
		linear-gradient(90deg, rgba(99, 102, 241, .026) 1px, transparent 1px) 0 0 / 32px 32px,
		radial-gradient(ellipse 64% 34% at 50% 0%, rgba(99, 102, 241, .10), transparent 62%),
		#04050a !important;
	color: var(--bs-surface-text) !important;
}

body.home.bigstep-plugin-surface .elementor-element-c856a44 {
	padding: 40px 16px 42px !important;
	border-top: 1px solid rgba(99, 102, 241, .18) !important;
}

body.home.bigstep-plugin-surface .elementor-element-ec5495b .bdt-heading-tag {
	opacity: 1 !important;
	margin: 0 !important;
	display: flex !important;
	align-items: baseline !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	column-gap: .22em !important;
	row-gap: .08em !important;
	color: #fff !important;
	font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	font-size: clamp(28px, 3.4vw, 42px) !important;
	font-weight: 900 !important;
	line-height: 1.08 !important;
	letter-spacing: 0 !important;
	text-align: center !important;
}

body.home.bigstep-plugin-surface .elementor-element-ec5495b :where(.bdt-pre-heading, .bdt-post-heading) {
	color: #fff !important;
	font: inherit !important;
}

body.home.bigstep-plugin-surface .elementor-element-ec5495b .bdt-animated-heading {
	position: relative !important;
	display: inline-block !important;
	min-width: 5.8em !important;
	color: transparent !important;
	font: inherit !important;
	line-height: inherit !important;
	white-space: nowrap !important;
	background: none !important;
	-webkit-text-fill-color: transparent !important;
}

body.home.bigstep-plugin-surface .elementor-element-ec5495b .bdt-animated-heading::before {
	content: "Bigstep.vn";
	position: absolute !important;
	inset: 0 auto auto 0 !important;
	display: inline-block !important;
	background: linear-gradient(135deg, #38bdf8 0%, #6366f1 52%, #a855f7 100%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: #6366f1 !important;
	-webkit-text-fill-color: transparent !important;
}

body.home.bigstep-plugin-surface .elementor-element-ec5495b :where(.typed-cursor, .bdt-typed-cursor) {
	display: none !important;
}

body.home.bigstep-plugin-surface .elementor-element-b768019 .bdt-heading-tag {
	opacity: 1 !important;
	margin: 0 !important;
	display: flex !important;
	align-items: baseline !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	column-gap: .18em !important;
	row-gap: .08em !important;
	color: #fff !important;
	font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	font-weight: 900 !important;
	line-height: 1.12 !important;
	letter-spacing: 0 !important;
	text-align: center !important;
}

body.home.bigstep-plugin-surface .elementor-element-b768019 :where(.bdt-pre-heading, .bdt-post-heading) {
	color: #fff !important;
	font: inherit !important;
}

body.home.bigstep-plugin-surface .elementor-element-b768019 .bdt-animated-heading {
	position: relative !important;
	display: inline-block !important;
	min-width: 4.25em !important;
	color: transparent !important;
	font: inherit !important;
	line-height: inherit !important;
	white-space: nowrap !important;
	background: none !important;
	-webkit-text-fill-color: transparent !important;
}

body.home.bigstep-plugin-surface .elementor-element-b768019 .bdt-animated-heading::before {
	content: "đặt in áo";
	position: absolute !important;
	inset: 0 auto auto 0 !important;
	display: inline-block !important;
	background: linear-gradient(135deg, #38bdf8 0%, #6366f1 52%, #a855f7 100%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: #6366f1 !important;
	-webkit-text-fill-color: transparent !important;
}

body.home.bigstep-plugin-surface .elementor-element-b768019 :where(.typed-cursor, .bdt-typed-cursor) {
	display: none !important;
}

body.home.bigstep-plugin-surface .elementor-element-5f32dec {
	width: min(760px, calc(100vw - 32px)) !important;
	max-width: min(760px, calc(100vw - 32px)) !important;
	margin-inline: auto !important;
	color: #cbd5e1 !important;
	font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

body.home.bigstep-plugin-surface .elementor-element-5f32dec p {
	margin: 12px 0 0 !important;
	color: #cbd5e1 !important;
	font-size: 16px !important;
	font-weight: 520 !important;
	line-height: 1.75 !important;
	text-align: center !important;
}

body.home.bigstep-plugin-surface .back-to-top {
	border: 1px solid rgba(129, 140, 248, .28) !important;
	border-radius: 12px !important;
	background: rgba(15, 23, 42, .78) !important;
	color: #dbe4ff !important;
	box-shadow: 0 16px 36px rgba(0, 0, 0, .28) !important;
}

/* Homepage voucher strip from Elementor HTML widget. */
body.bigstep-plugin-surface .v-slider-box {
	width: min(100%, 1220px) !important;
	margin: 0 auto !important;
	padding: 6px 16px 18px !important;
	overflow: hidden !important;
}

body.bigstep-plugin-surface .v-track {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 12px !important;
	justify-content: stretch !important;
	align-items: stretch !important;
	padding: 6px 0 !important;
	overflow: visible !important;
	scrollbar-width: none !important;
}

body.bigstep-plugin-surface .v-card-modern {
	position: relative !important;
	display: flex !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 112px !important;
	flex: none !important;
	border: 1px solid rgba(129, 140, 248, .42) !important;
	border-radius: 14px !important;
	background:
		linear-gradient(135deg, rgba(15, 23, 42, .92), rgba(33, 27, 72, .78)),
		radial-gradient(circle at 88% 20%, rgba(99, 102, 241, .20), transparent 45%) !important;
	box-shadow: 0 18px 42px rgba(2, 6, 23, .28), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
	color: #fff !important;
	overflow: hidden !important;
	cursor: pointer !important;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

body.bigstep-plugin-surface .v-card-modern:hover {
	border-color: rgba(199, 210, 254, .72) !important;
	background:
		linear-gradient(135deg, rgba(20, 30, 56, .96), rgba(47, 37, 104, .82)),
		radial-gradient(circle at 88% 20%, rgba(139, 92, 246, .24), transparent 45%) !important;
	box-shadow: 0 22px 52px rgba(99, 102, 241, .20), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
	transform: translateY(-2px) !important;
}

body.bigstep-plugin-surface .v-card-modern::before,
body.bigstep-plugin-surface .v-card-modern-notch {
	left: 48px !important;
	width: 18px !important;
	height: 9px !important;
	background: #0a051c !important;
	border: 1px solid rgba(129, 140, 248, .42) !important;
}

body.bigstep-plugin-surface .v-card-modern::before {
	top: -1px !important;
	border-top: 0 !important;
	border-radius: 0 0 999px 999px !important;
}

body.bigstep-plugin-surface .v-card-modern-notch {
	bottom: -1px !important;
	border-bottom: 0 !important;
	border-radius: 999px 999px 0 0 !important;
}

body.bigstep-plugin-surface .v-side {
	width: 48px !important;
	min-width: 48px !important;
	border-right: 1px dashed rgba(199, 210, 254, .24) !important;
	background: rgba(255, 255, 255, .015) !important;
}

body.bigstep-plugin-surface .v-side span {
	font-size: 9px !important;
	font-weight: 850 !important;
	letter-spacing: .18em !important;
	color: rgba(226, 232, 240, .62) !important;
}

body.bigstep-plugin-surface .v-body {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	padding: 13px 14px 12px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	position: relative !important;
}

body.bigstep-plugin-surface .v-label {
	margin: 0 0 4px !important;
	color: rgba(203, 213, 225, .78) !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	letter-spacing: .03em !important;
	text-transform: uppercase !important;
}

body.bigstep-plugin-surface .v-val {
	margin: 0 0 7px !important;
	color: #fff !important;
	font-size: clamp(19px, 1.45vw, 23px) !important;
	font-weight: 950 !important;
	line-height: .98 !important;
	letter-spacing: 0 !important;
	white-space: nowrap !important;
}

body.bigstep-plugin-surface .v-code {
	display: inline-flex !important;
	align-items: center !important;
	width: fit-content !important;
	max-width: 100% !important;
	min-height: 24px !important;
	padding: 0 8px !important;
	border: 1px solid rgba(129, 140, 248, .42) !important;
	border-radius: 7px !important;
	background: rgba(2, 6, 23, .28) !important;
	color: #fff !important;
	font-size: 9px !important;
	font-weight: 850 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

body.bigstep-plugin-surface .v-spacer {
	display: none !important;
}

body.bigstep-plugin-surface .v-copy-link {
	margin-top: 8px !important;
	padding: 0 !important;
	min-height: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: rgba(226, 232, 240, .92) !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	letter-spacing: .02em !important;
	text-align: left !important;
	text-transform: uppercase !important;
}

body.bigstep-plugin-surface .v-copy-link:hover {
	color: #fff !important;
	opacity: 1 !important;
	transform: none !important;
}

body.bigstep-plugin-surface .v-icon-bg {
	right: 10px !important;
	bottom: 10px !important;
	width: 48px !important;
	height: 48px !important;
	opacity: .085 !important;
	stroke: #fff !important;
}

body.bigstep-plugin-surface .v-dots {
	margin-top: 8px !important;
}

@media (max-width: 1024px) {
	body.bigstep-plugin-surface .v-slider-box {
		padding-inline: 12px !important;
	}

	body.bigstep-plugin-surface .v-track {
		display: flex !important;
		justify-content: flex-start !important;
		gap: 10px !important;
		padding: 6px 2px 8px !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		scroll-snap-type: x mandatory !important;
	}

	body.bigstep-plugin-surface .v-card-modern {
		flex: 0 0 246px !important;
		height: 104px !important;
		scroll-snap-align: start !important;
	}

	body.bigstep-plugin-surface .v-side {
		width: 42px !important;
		min-width: 42px !important;
	}

	body.bigstep-plugin-surface .v-card-modern::before,
	body.bigstep-plugin-surface .v-card-modern-notch {
		left: 42px !important;
	}

	body.bigstep-plugin-surface .v-body {
		padding: 11px 12px !important;
	}

	body.bigstep-plugin-surface .v-val {
		font-size: 19px !important;
	}
}

/* Homepage social proof: make Elementor Instagram + Google widgets match the
   standalone landing frames without touching checkout/product widgets. */
body.home.bigstep-plugin-surface .elementor-element-61e746f,
body.home.bigstep-plugin-surface .elementor-element-034af15 {
	background:
		linear-gradient(rgba(99, 102, 241, .018) 1px, transparent 1px) 0 0 / 32px 32px,
		linear-gradient(90deg, rgba(99, 102, 241, .018) 1px, transparent 1px) 0 0 / 32px 32px,
		#08071a !important;
	color: #f8fafc !important;
	font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

body.home.bigstep-plugin-surface .elementor-element-61e746f {
	padding: 36px 0 28px !important;
}

body.home.bigstep-plugin-surface .elementor-element-61e746f > .e-con-inner,
body.home.bigstep-plugin-surface .elementor-element-034af15 > .e-con-inner {
	width: min(1220px, calc(100vw - 32px)) !important;
	max-width: 1220px !important;
}

body.home.bigstep-plugin-surface .elementor-element-61e746f :where(h1, h2, h3, .elementor-heading-title),
body.home.bigstep-plugin-surface .elementor-element-034af15 :where(h1, h2, h3, .elementor-heading-title) {
	color: #fff !important;
	letter-spacing: 0 !important;
	text-wrap: balance !important;
}

body.home.bigstep-plugin-surface .elementor-element-d556057,
body.home.bigstep-plugin-surface .elementor-widget-Google {
	position: relative !important;
	width: 100% !important;
	max-width: 1220px !important;
	margin: 0 auto !important;
	border: 1px solid rgba(129, 140, 248, .32) !important;
	border-radius: 16px !important;
	background: #000 !important;
	box-shadow: 0 30px 80px rgba(0, 0, 0, .62), 0 0 42px rgba(99, 102, 241, .12) !important;
	overflow: hidden !important;
}

body.home.bigstep-plugin-surface .elementor-element-d556057::before,
body.home.bigstep-plugin-surface .elementor-widget-Google::before {
	content: "";
	display: block !important;
	height: 48px !important;
	border-bottom: 1px solid rgba(129, 140, 248, .28) !important;
	background:
		radial-gradient(circle at 24px 50%, #ff5f57 0 4px, transparent 5px),
		radial-gradient(circle at 42px 50%, #febc2e 0 4px, transparent 5px),
		radial-gradient(circle at 60px 50%, #28c840 0 4px, transparent 5px),
		linear-gradient(180deg, rgba(17, 24, 39, .96), rgba(10, 14, 28, .96)) !important;
}

body.home.bigstep-plugin-surface .elementor-element-d556057::after,
body.home.bigstep-plugin-surface .elementor-widget-Google::after {
	position: absolute !important;
	top: 0 !important;
	left: 86px !important;
	right: 18px !important;
	height: 48px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 18px !important;
	color: #dbe2ee !important;
	font-size: 13px !important;
	font-weight: 750 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	pointer-events: none !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

body.home.bigstep-plugin-surface .elementor-element-d556057::after {
	content: "@bigstep · live feed     ● SYNCED";
}

body.home.bigstep-plugin-surface .elementor-widget-Google::after {
	content: "Google Reviews · Bigstep     ● VERIFIED";
}

body.home.bigstep-plugin-surface .elementor-element-d556057 > .elementor-widget-container,
body.home.bigstep-plugin-surface .elementor-widget-Google > .elementor-widget-container {
	padding: 20px !important;
	background: #04050a !important;
}

body.home.bigstep-plugin-surface .elementor-element-d556057 #sb_instagram,
body.home.bigstep-plugin-surface .elementor-element-d556057 #sb_instagram .sbi_lightbox,
body.home.bigstep-plugin-surface .elementor-element-d556057 #sb_instagram .sb_instagram_header {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

body.home.bigstep-plugin-surface .elementor-element-d556057 #sb_instagram #sbi_images {
	display: flex !important;
	grid-template-columns: none !important;
	gap: 16px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	scroll-snap-type: x mandatory !important;
	scroll-behavior: smooth !important;
	-webkit-overflow-scrolling: touch !important;
	scrollbar-width: none !important;
}

body.home.bigstep-plugin-surface .elementor-element-d556057 #sb_instagram #sbi_images::-webkit-scrollbar {
	height: 0 !important;
}

body.home.bigstep-plugin-surface .elementor-element-d556057 #sb_instagram .sbi_item {
	float: none !important;
	display: block !important;
	flex: 0 0 clamp(230px, 24vw, 330px) !important;
	width: clamp(230px, 24vw, 330px) !important;
	max-width: clamp(230px, 24vw, 330px) !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(129, 140, 248, .28) !important;
	border-radius: 12px !important;
	background: rgba(15, 23, 42, .72) !important;
	overflow: hidden !important;
	scroll-snap-align: start !important;
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

body.home.bigstep-plugin-surface .elementor-element-d556057 #sb_instagram .sbi_item:hover {
	border-color: #6366f1 !important;
	box-shadow: 0 18px 42px rgba(99, 102, 241, .18) !important;
	transform: translateY(-3px) !important;
}

body.home.bigstep-plugin-surface .elementor-element-d556057 #sb_instagram :where(.sbi_photo_wrap, .sbi_photo) {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	aspect-ratio: 4 / 5 !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 12px !important;
	background-size: cover !important;
	background-position: center !important;
	overflow: hidden !important;
}

body.home.bigstep-plugin-surface .elementor-element-d556057 #sb_instagram .sbi_photo {
	cursor: zoom-in !important;
	transition: transform .5s ease !important;
}

body.home.bigstep-plugin-surface .elementor-element-d556057 #sb_instagram .sbi_item:hover .sbi_photo {
	transform: scale(1.045) !important;
}

body.home.bigstep-plugin-surface .elementor-element-d556057 #sb_instagram .sbi_photo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

body.home.bigstep-plugin-surface .elementor-element-d556057 #sb_instagram #sbi_load {
	display: none !important;
}

body.home.bigstep-plugin-surface .elementor-widget-Google {
	margin-top: 28px !important;
}

body.home.bigstep-plugin-surface .elementor-widget-Google > .elementor-widget-container {
	min-height: 260px !important;
}

body.home.bigstep-plugin-surface .elementor-widget-Google :where(
	.ti-widget,
	.ti-widget-container,
	[class*="ti-widget"],
	.ti-reviews-container,
	.ti-reviews-container-wrapper
) {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #f8fafc !important;
	font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

body.home.bigstep-plugin-surface .elementor-widget-Google .ti-widget-container {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

body.home.bigstep-plugin-surface .elementor-widget-Google .ti-reviews-container-wrapper {
	padding: 0 !important;
	overflow: visible !important;
}

body.home.bigstep-plugin-surface .elementor-widget-Google :where(.ti-review-item, .ti-review-item-body, .ti-inner) {
	background: rgba(15, 23, 42, .88) !important;
	border: 1px solid rgba(129, 140, 248, .28) !important;
	border-radius: 14px !important;
	color: #f8fafc !important;
	box-shadow: none !important;
	transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

body.home.bigstep-plugin-surface .elementor-widget-Google .ti-review-item:hover {
	border-color: #6366f1 !important;
	box-shadow: 0 18px 42px rgba(99, 102, 241, .16) !important;
	transform: translateY(-2px) !important;
}

body.home.bigstep-plugin-surface .elementor-widget-Google :where(.ti-name, .ti-reviewer-name) {
	color: #fff !important;
	font-weight: 800 !important;
}

body.home.bigstep-plugin-surface .elementor-widget-Google :where(.ti-review-text, .ti-review-content) {
	color: #c4cfdf !important;
	font-size: 15px !important;
	line-height: 1.7 !important;
}

body.home.bigstep-plugin-surface .elementor-widget-Google :where(.ti-date, .ti-review-date) {
	color: #718096 !important;
	font-size: 11px !important;
}

body.home.bigstep-plugin-surface .elementor-widget-Google :where(.ti-rating, .ti-stars, .ti-rating-number) {
	color: #f59e0b !important;
}

body.home.bigstep-plugin-surface .elementor-widget-Google :where(.ti-profile-img img, .ti-avatar img, .ti-profile-picture) {
	border: 1px solid rgba(129, 140, 248, .34) !important;
	border-radius: 12px !important;
}

body.home.bigstep-plugin-surface .elementor-widget-Google :where(.ti-powered-by, [class*="ti-powered"], .ti-branding) {
	display: none !important;
}

body.home.bigstep-plugin-surface .elementor-widget-Google :where(.ti-prev, .ti-next) {
	width: 36px !important;
	height: 36px !important;
	border: 1px solid rgba(129, 140, 248, .32) !important;
	border-radius: 10px !important;
	background: rgba(17, 24, 39, .86) !important;
	color: #e2e8f0 !important;
}

body.home.bigstep-plugin-surface .elementor-widget-Google :where(.ti-prev:hover, .ti-next:hover) {
	border-color: #6366f1 !important;
	background: rgba(99, 102, 241, .16) !important;
}

body.home.bigstep-plugin-surface .bigstep-social-controls {
	position: absolute !important;
	top: 8px !important;
	right: 14px !important;
	z-index: 3 !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

body.home.bigstep-plugin-surface .bigstep-social-arrow {
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 1px solid rgba(129, 140, 248, .36) !important;
	border-radius: 10px !important;
	background: rgba(15, 23, 42, .88) !important;
	color: #e2e8f0 !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transition: border-color .16s ease, background-color .16s ease, color .16s ease !important;
}

body.home.bigstep-plugin-surface .bigstep-social-arrow:hover {
	border-color: #6366f1 !important;
	background: rgba(99, 102, 241, .18) !important;
	color: #fff !important;
}

body.home.bigstep-plugin-surface .bigstep-review-fallback {
	display: grid !important;
	grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) !important;
	gap: 16px !important;
	align-items: stretch !important;
	color: #f8fafc !important;
}

body.home.bigstep-plugin-surface .bigstep-review-summary,
body.home.bigstep-plugin-surface .bigstep-review-card {
	border: 1px solid rgba(129, 140, 248, .28) !important;
	border-radius: 14px !important;
	background: rgba(15, 23, 42, .84) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

body.home.bigstep-plugin-surface .bigstep-review-summary {
	padding: 20px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	gap: 10px !important;
}

body.home.bigstep-plugin-surface .bigstep-review-kicker {
	color: #94a3b8 !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
}

body.home.bigstep-plugin-surface .bigstep-review-summary strong {
	color: #fff !important;
	font-size: clamp(34px, 4vw, 54px) !important;
	font-weight: 900 !important;
	line-height: .95 !important;
	letter-spacing: 0 !important;
}

body.home.bigstep-plugin-surface .bigstep-review-stars {
	color: #f59e0b !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	letter-spacing: .08em !important;
}

body.home.bigstep-plugin-surface .bigstep-review-summary p,
body.home.bigstep-plugin-surface .bigstep-review-card p {
	margin: 0 !important;
	color: #cbd5e1 !important;
	font-size: 14px !important;
	line-height: 1.65 !important;
}

body.home.bigstep-plugin-surface .bigstep-review-track {
	display: flex !important;
	gap: 14px !important;
	min-width: 0 !important;
	padding: 0 2px 8px 0 !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	scroll-snap-type: x mandatory !important;
	scroll-behavior: smooth !important;
	-webkit-overflow-scrolling: touch !important;
	scrollbar-width: none !important;
}

body.home.bigstep-plugin-surface .bigstep-review-track::-webkit-scrollbar {
	height: 0 !important;
}

body.home.bigstep-plugin-surface .bigstep-review-card {
	flex: 0 0 clamp(250px, 28vw, 340px) !important;
	padding: 18px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	gap: 18px !important;
	min-height: 196px !important;
	scroll-snap-align: start !important;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body.home.bigstep-plugin-surface .bigstep-review-card:hover {
	border-color: #6366f1 !important;
	box-shadow: 0 18px 42px rgba(99, 102, 241, .16) !important;
	transform: translateY(-2px) !important;
}

body.home.bigstep-plugin-surface .bigstep-review-person {
	display: grid !important;
	gap: 3px !important;
}

body.home.bigstep-plugin-surface .bigstep-review-person span {
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 850 !important;
}

body.home.bigstep-plugin-surface .bigstep-review-person small {
	color: #94a3b8 !important;
	font-size: 12px !important;
	font-weight: 650 !important;
}

@media (max-width: 760px) {
	body.home.bigstep-plugin-surface #haru-main {
		background:
			linear-gradient(rgba(99, 102, 241, .045) 1px, transparent 1px) 0 0 / 28px 28px,
			linear-gradient(90deg, rgba(99, 102, 241, .045) 1px, transparent 1px) 0 0 / 28px 28px,
			radial-gradient(ellipse 100% 34% at 50% 0%, rgba(99, 102, 241, .16), transparent 60%),
			var(--bs-surface-bg) !important;
	}

	body.home.bigstep-plugin-surface #haru-header .elementor-element-9a6ca10 {
		width: min(100%, calc(100vw - 20px)) !important;
		min-height: 64px !important;
		padding: 10px 12px !important;
		border-radius: 0 0 14px 14px !important;
	}

	body.home.bigstep-plugin-surface #haru-header .haru-logo :where(img, .haru-logo__default) {
		height: 28px !important;
	}

	body.home.bigstep-plugin-surface #haru-header .haru-cart,
	body.home.bigstep-plugin-surface #haru-header .haru-social a {
		width: 34px !important;
		min-width: 34px !important;
		height: 34px !important;
	}

	body.home.bigstep-plugin-surface #haru-header .haru-nav-menu :where(a, .haru-menu-item-title) {
		min-height: 36px !important;
		padding: 0 9px !important;
		font-size: 12px !important;
	}

	body.home.bigstep-plugin-surface .elementor-element-61e746f {
		padding: 26px 0 18px !important;
	}

	body.home.bigstep-plugin-surface .elementor-element-61e746f > .e-con-inner,
	body.home.bigstep-plugin-surface .elementor-element-034af15 > .e-con-inner {
		width: min(100%, calc(100vw - 20px)) !important;
	}

	body.home.bigstep-plugin-surface .elementor-element-d556057,
	body.home.bigstep-plugin-surface .elementor-widget-Google {
		border-radius: 14px !important;
	}

	body.home.bigstep-plugin-surface .elementor-element-d556057::before,
	body.home.bigstep-plugin-surface .elementor-widget-Google::before,
	body.home.bigstep-plugin-surface .elementor-element-d556057::after,
	body.home.bigstep-plugin-surface .elementor-widget-Google::after {
		height: 44px !important;
	}

	body.home.bigstep-plugin-surface .elementor-element-d556057::after,
	body.home.bigstep-plugin-surface .elementor-widget-Google::after {
		left: 78px !important;
		right: 12px !important;
		font-size: 11px !important;
	}

	body.home.bigstep-plugin-surface .elementor-element-d556057 > .elementor-widget-container,
	body.home.bigstep-plugin-surface .elementor-widget-Google > .elementor-widget-container {
		padding: 14px !important;
	}

	body.home.bigstep-plugin-surface .elementor-element-d556057 #sb_instagram #sbi_images {
		gap: 10px !important;
	}

	body.home.bigstep-plugin-surface .elementor-element-d556057 #sb_instagram .sbi_item {
		flex-basis: 78vw !important;
		width: 78vw !important;
		max-width: 78vw !important;
	}

	body.home.bigstep-plugin-surface .elementor-widget-Google > .elementor-widget-container {
		min-height: 220px !important;
	}

	body.home.bigstep-plugin-surface .elementor-widget-Google :where(.ti-review-text, .ti-review-content) {
		font-size: 14px !important;
	}

	body.home.bigstep-plugin-surface .bigstep-social-controls {
		top: 7px !important;
		right: 10px !important;
		gap: 6px !important;
	}

	body.home.bigstep-plugin-surface .bigstep-social-arrow {
		width: 30px !important;
		height: 30px !important;
		min-width: 30px !important;
		border-radius: 9px !important;
		font-size: 22px !important;
	}

	body.home.bigstep-plugin-surface .bigstep-review-fallback {
		grid-template-columns: 1fr !important;
		gap: 12px !important;
	}

	body.home.bigstep-plugin-surface .bigstep-review-summary {
		padding: 16px !important;
	}

	body.home.bigstep-plugin-surface .bigstep-review-summary strong {
		font-size: 36px !important;
	}

	body.home.bigstep-plugin-surface .bigstep-review-card {
		flex-basis: 78vw !important;
		min-height: 184px !important;
		padding: 16px !important;
	}

	body.home.bigstep-plugin-surface #haru-footer {
		margin-top: 0 !important;
	}

	body.home.bigstep-plugin-surface #haru-footer .elementor-element-bc0044a {
		width: min(100%, calc(100vw - 20px)) !important;
		padding: 30px 0 20px !important;
	}

	body.home.bigstep-plugin-surface #haru-footer .elementor-element-bc0044a > .e-con-inner,
	body.home.bigstep-plugin-surface #haru-footer .elementor-element-bc0044a {
		gap: 18px !important;
	}

	body.home.bigstep-plugin-surface #haru-footer :where(.haru-heading-title, h2, h3, h4, h5, h6) {
		font-size: 14px !important;
	}

	body.home.bigstep-plugin-surface #haru-footer :where(.haru-footer-link, .haru-footer-link *, p, li, a) {
		font-size: 13px !important;
	}

	body.home.bigstep-plugin-surface #haru-footer .haru-logo-footer img {
		height: 29px !important;
	}

	body.home.bigstep-plugin-surface #haru-footer .elementor-widget-image img {
		max-width: 148px !important;
	}

	body.home.bigstep-plugin-surface #haru-footer .elementor-element-f4f32cb {
		width: min(100%, calc(100vw - 20px)) !important;
		padding: 14px 0 18px !important;
	}
}