#sales-social-proof.sales-social-proof,
.sales-social-proof {

	font-family: Roboto, sans-serif;

	position: fixed !important;

	left: 16px !important;

	right: auto !important;

	top: auto !important;

	bottom: 16px !important;

	z-index: 9999 !important;

	display: block;

	max-width: min(420px, calc(100vw - 32px));

	width: auto;

	margin: 0 !important;

	padding: 0;

	border-radius: 12px;

	background: transparent;

	box-shadow: none;

	backdrop-filter: none;

	transform: none !important;

	contain: layout style paint;

	pointer-events: auto;

}



.sales-social-proof__toggle {

	position: absolute;

	right: 8px;

	top: 10px;

	width: 30px;

	height: 30px;

	padding: 10px;

	border: none;

	border-radius: 50%;

	background-color: rgba(63, 63, 63, .9) !important;

	cursor: pointer;

	display: flex;

	align-items: center;

	justify-content: center;

	color: #fff;

	z-index: 2;

}



.sales-social-proof__toggle:hover,

.sales-social-proof__toggle:focus,

.sales-social-proof__toggle:active {

	background-color: rgba(63, 63, 63, .9) !important;

}



.sales-social-proof__content {

	position: relative;

	display: flex;

	align-items: center;

	gap: 12px;

	padding: 14px 52px 14px 14px;

	border-radius: 8px;

	background: #fff;

	min-width: 260px;

	transition: opacity 0.28s ease, transform 0.28s ease;

	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.25);

	border: 6px solid rgba(48, 170, 170, 0.88);

}



.sales-social-proof__content--changing {

	opacity: 0;

	transform: translateX(-12px);

}



.sales-social-proof__avatar-wrap {

	flex: 0 0 56px;

	width: 56px;

	height: 56px;

	min-width: 56px;

	min-height: 56px;

}



.sales-social-proof__avatar {

	display: block;

	width: 56px;

	height: 56px;

	min-width: 56px;

	min-height: 56px;

	max-width: 56px;

	max-height: 56px;

	border-radius: 50%;

	object-fit: cover;

	background: #ebebeb;

}



.sales-social-proof__text {

	display: flex;

	flex-direction: column;

	gap: 5px;

}



.sales-social-proof__name {

	margin: 0;

	font-style: normal;

	font-weight: 500;

	font-size: 14px;

	line-height: 16px;

	letter-spacing: 0.166667px;

	color: #3f3f3f;

}



.sales-social-proof__action {

	margin: 0;

	font-weight: normal;

	font-size: 13px;

	line-height: 16.5px;

	letter-spacing: 0.17px;

	color: #989898;

}



.sales-social-proof__time {

	margin-top: 0;

	color: #676666;

	font-size: 12px;

	font-weight: 500;

	line-height: 16px;

	letter-spacing: 0.166667px;

}



.sales-social-proof--collapsed .sales-social-proof__content {

	display: none;

}



.sales-social-proof__collapsed-trigger {

	display: none;

	align-items: center;

	justify-content: center;

	width: 58px;

	height: 46px;

	border: 0;

	padding: 0;

	border-radius: 10px;

	background: transparent;

	box-shadow: none;

	cursor: pointer;

}



.sales-social-proof .portal__df-icon {

	width: 58px;

	height: 46px;

	border-radius: 10px;

	display: flex;

	align-items: center;

	justify-content: center;

}



.sales-social-proof .launch-image__img {

	width: 100%;

	height: 100%;

	padding: 10px;

	box-sizing: border-box;

	background-origin: content-box;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: contain;

}



.sales-social-proof--collapsed .sales-social-proof__collapsed-trigger {

	display: inline-flex;

}



@media (max-width: 768px) {

	#sales-social-proof.sales-social-proof,
	.sales-social-proof {

		left: 10px !important;

		right: 10px !important;

		bottom: 10px !important;

		max-width: none !important;

	}



	.sales-social-proof__content {

		min-width: 0;

		width: 100%;

	}



	.sales-social-proof--collapsed {

		right: auto;

	}

}



.sales-social-proof--hidden {

	display: none !important;

}



/* Extended panel */

.sales-social-proof--extended {

	max-width: min(380px, calc(100vw - 32px));

	color: #fff;

	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);

	border-radius: 0;

	overflow: hidden;

	display: flex;

	flex-direction: column;

}



.sales-social-proof--extended > .sales-social-proof__extended-panel {

	flex: 1 1 auto;

	width: 100%;

	min-height: 0;

}



.sales-social-proof__extended-panel {

	position: relative;

	display: flex;

	flex-direction: column;

	padding: 20px 16px 12px;

	min-height: 0;

	height: 100%;

	box-sizing: border-box;

}



.sales-social-proof--review-expanded .sales-social-proof__extended-panel {

	padding: 5px;

}



.sales-social-proof__panel-body {

	position: relative;

	flex: 0 1 auto;

	min-height: 0;

}



.sales-social-proof--review-expanded .sales-social-proof__panel-body {

	flex: 1 1 auto;

	min-height: 0;

}



.sales-social-proof__toggle--extended {

	top: 8px;

	right: 8px;

}



.sales-social-proof__extended-title {

	margin: 0 40px 12px 0;

	font-family: Roboto, sans-serif;

	font-weight: 300;

	font-size: 28px;

	line-height: 48px;

	letter-spacing: 0.775px;

	color: #fff;

}



.sales-social-proof__extended-description {

	display: block;

	margin: 0 0 14px;

	padding: 0 0 4px 0;

	font-family: Roboto, sans-serif;

	font-style: normal;

	font-weight: normal;

	font-size: 13px;

	line-height: 16px;

	letter-spacing: 0.154762px;

	color: #fff;

}



.sales-social-proof__extended-description p {

	margin: 0 0 8px;

	padding: 0;

	font: inherit;

	line-height: inherit;

	letter-spacing: inherit;

}



.sales-social-proof__extended-cta {

	margin: 0 0 14px;

}



.sales-social-proof__extended-button {

	display: inline-block;

	padding: 10px 22px;

	border-radius: 999px;

	background: #fff;

	color: #008e8b;

	font-size: 13px;

	font-weight: 700;

	letter-spacing: 0.06em;

	text-decoration: none;

	text-transform: uppercase;

}



.sales-social-proof__extended-button--static {

	cursor: default;

}



.sales-social-proof__featured {

	display: flex;

	align-items: center;

	gap: 10px;

	margin: 0 0 12px;

	padding: 10px 12px;

	color: #fff;

	font-size: 13px;

	font-weight: 600;

	line-height: 1.3;

}



.sales-social-proof__featured-icon {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 22px;

	height: 22px;

	border-radius: 50%;

	background: rgba(255, 255, 255, 0.25);

	font-size: 12px;

	flex-shrink: 0;

}



.sales-social-proof__feed-card {

	display: flex;

	align-items: center;

	gap: 12px;

	margin: 0 0 12px;

	padding: 12px;

	border-radius: 4px;

	background: #fff;

	color: #3f3f3f;

	transition: opacity 0.28s ease, transform 0.28s ease;

}



.sales-social-proof__feed-card.sales-social-proof__content--changing {

	opacity: 0;

	transform: translateX(-12px);

}



.sales-social-proof__reviews {

	position: relative;

	margin: 0 0 12px;

	padding: 14px 16px 12px;

	border-radius: 4px;

	background: #fff;

	color: #3f3f3f;

}



.sales-social-proof__reviews-body {

	position: relative;

	height: 120px;

	overflow: hidden;

	padding: 0 28px;

}



.sales-social-proof__reviews-close {

	display: none;

	position: absolute;

	top: 10px;

	right: 10px;

	z-index: 3;

	width: 28px;

	height: 28px;

	padding: 0;

	border: none;

	background: transparent;

	color: #989898;

	font-size: 22px;

	line-height: 1;

	cursor: pointer;

}



.sales-social-proof--review-expanded .sales-social-proof__reviews-close {

	display: block;

}



.sales-social-proof--review-expanded .sales-social-proof__reviews {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 20;

	display: flex;

	flex-direction: column;

	margin: 0 !important;

	padding: 14px 16px 12px;

	border: 3px solid var(--sp-panel-accent, #008e8b);

	border-radius: 4px;

	background: #fff;

	height: 100%;

	box-sizing: border-box;

}



.sales-social-proof--review-expanded .sales-social-proof__reviews-heading {

	flex-shrink: 0;

	padding-right: 28px;

}



.sales-social-proof--review-expanded .sales-social-proof__reviews-body {

	flex: 1 1 auto;

	height: auto;

	min-height: 0;

	overflow-x: hidden;

	overflow-y: auto;

	-webkit-overflow-scrolling: touch;

}



.sales-social-proof__reviews-track {

	min-height: 100%;

}



.sales-social-proof__reviews-heading {

	margin: 0 0 10px;

	font-size: 15px;

	font-weight: 700;

	color: #3f3f3f;

}



.sales-social-proof__review-inner {

	display: flex;

	gap: 12px;

	align-items: flex-start;

}



.sales-social-proof__review-avatar {

	display: block;

	width: 48px;

	height: 48px;

	min-width: 48px;

	min-height: 48px;

	max-width: 48px;

	max-height: 48px;

	border-radius: 50%;

	object-fit: cover;

	flex-shrink: 0;

	background: #ebebeb;

}



.sales-social-proof__review-name {

	display: block;

	margin: 0 0 6px;

	font-size: 14px;

}



.sales-social-proof__review-text {

	margin: 0;

	font-size: 13px;

	line-height: 1.45;

	color: #676666;

}



.sales-social-proof__review-toggle {

	display: inline;

	margin: 0;

	padding: 0;

	border: none;

	background: none;

	color: #008e8b;

	font: inherit;

	cursor: pointer;

	text-decoration: underline;

}

.sales-social-proof__review-toggle:hover,
.sales-social-proof__review-toggle:focus {
	color: #006b68;
}



.sales-social-proof__reviews-nav {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	width: 28px;

	height: 28px;

	padding: 10px 10px;

	border: none;

	border-radius: 50%;

	background: #f0f0f0;

	color: #3f3f3f;

	font-size: 18px;

	line-height: 0;

	cursor: pointer;

	z-index: 2;

}



.sales-social-proof__reviews-nav--prev {

	left: 0;

}



.sales-social-proof__reviews-nav--next {

	right: 0;

}



.sales-social-proof__hide-wrap {

	flex-shrink: 0;

	margin: 0;

}



.sales-social-proof--review-expanded .sales-social-proof__hide-wrap {

	margin-top: 5px;

}



.sales-social-proof__hide-footer {

	display: block;

	width: 100%;

	margin: 0;

	padding: 8px 12px;

	border: none;

	border-radius: 4px;

	background: #fff;

	color: #3f3f3f;

	font-size: 13px;

	text-align: left;

	cursor: pointer;

}



.sales-social-proof--extended.sales-social-proof--collapsed {

	height: auto !important;

	overflow: visible;

}



.sales-social-proof--extended.sales-social-proof--collapsed .sales-social-proof__extended-panel {

	display: none;

}

/* Per-campaign device targeting.
   The widget root carries one `--show-{device}` class per allowed device.
   Enforced in CSS (not PHP) so it stays correct behind full-page caching. */
@media (max-width: 767px) {
	.sales-social-proof:not(.sales-social-proof--show-mobile) {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.sales-social-proof:not(.sales-social-proof--show-tablet) {
		display: none !important;
	}
}

@media (min-width: 1025px) {
	.sales-social-proof:not(.sales-social-proof--show-desktop) {
		display: none !important;
	}
}