/* custom.css */
html {
	scroll-behavior: smooth;
}

body {
	background: var(--body-bg);
}

.modal-header {
	padding: 1rem;
	border-bottom: 0;
}

.modal-content {
	padding: 1rem;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: calc(2 * var(--border-radius));
}

/* Forms */
.input-group-text {
	font-size: 0.9rem;
}

.form-control-range {
	/* removing default appearance */
	-webkit-appearance: none;
	appearance: none;

	/*  slider progress trick  */
	overflow: hidden;

	/* creating a custom design */
	accent-color: var(--primary);
	background: var(--gray-200);
	border-radius: var(--border-radius);
	height: .5rem;
	margin: 0.75rem 0;
}

/* Track: webkit browsers */
.form-control-range::-webkit-slider-runnable-track, .form-control-range::-moz-range-track {
	background: var(--gray-200);
}

/* Thumb: webkit */
.form-control-range::-webkit-slider-thumb {
	/* removing default appearance */
	-webkit-appearance: none;
	appearance: none;

	/* creating a custom design */
	height: .75rem;
	width: .75rem;
	background-color: var(--primary);
	border-radius: 50%;
	border: 2px solid var(--white);

	/*  slider progress trick  */
	box-shadow: -2007px 0 0 2000px var(--primary-300);
}

.form-control-range::-moz-range-thumb {
	/* removing default appearance */
	-webkit-appearance: none;
	appearance: none;

	/* creating a custom design */
	height: .75rem;
	width: .75rem;
	background-color: var(--primary);
	border-radius: 50%;
	border: 2px solid var(--white);

	/*  slider progress trick  */
	box-shadow: -2007px 0 0 2000px var(--primary-300);
}

/* Footer */
.footer {
	margin: 3rem 0 3rem 0;
	background: var(--white);
	border: 1px solid var(--gray-200);
	border-radius: calc(2*var(--border-radius));
	padding: 1.25rem;
	background: var(--white);
}

.footer {
	color: var(--gray-700);
}

.footer a:not(.dropdown-item), .footer a:hover:not(.dropdown-item) {
	color: var(--gray-700);
}

.footer button, .footer button:hover {
	color: var(--gray-700) !important;
}

.footer-logo {
	max-height: 2.5rem;
	height: 2.5rem;
}

.footer-heading {
	color: var(--black) !important;
}

/* Filters */
.filters-dropdown {
	width: 18rem;
	max-height: 30rem;
	overflow-y: auto;
}

/* Custom breadcrumbs */
.custom-breadcrumbs {
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.custom-breadcrumbs > li {
	margin-right: .5rem;
}

.custom-breadcrumbs > li > a {
	color: var(--gray);
}

.custom-breadcrumbs > li > svg {
	color: var(--gray-400);
	margin-left: .5rem;
}

.custom-breadcrumbs > li.active {
}

/* Helper classes */
.font-size-small {
	font-size: .9rem;
}


.list-style-none {
	list-style: none;
	padding: 0;
}

img {
	vertical-align: inherit !important;
}

.icon-favicon {
	width: .95rem;
	height: auto;
}

.icon-favicon-small {
	width: .75rem;
	height: auto;
}

/* Fix stupid border color from bootstrap on hover */
.btn:hover {
	border-color: transparent !important;
}

/* Dropdown */
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active {
	border-radius: var(--border-radius);
}

.dropdown-item svg {
	color: var(--gray-600);
}

.dropdown-item:active svg, .dropdown-item.active svg {
	color: var(--white);
}

.navbar-main {
	padding: .75rem 1rem;
	min-height: 0 !important;
	z-index: 1;
	backdrop-filter: blur(5px);
	background: #ffffffa3;
}

[data-theme-style="dark"] .navbar-main {
	background: #1a1a1aa3;
}

.navbar-main .navbar-nav > li > a {
	padding: 1rem 0 !important;
	font-size: .9rem;
	font-weight: 500;
}

@media (min-width: 992px) {
	.navbar-main .navbar-nav > li > a {
		padding: 1rem !important;
	}
}

.navbar-logo {
	max-height: 2.5rem;
	height: 2.5rem;
}

.navbar-logo-mini {
	max-height: 1.25rem;
	height: 1.25rem;
}

.navbar-avatar {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.navbar-custom-toggler {
	padding: 0.5rem .8rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border-radius: var(--border-radius);

	color: var(--gray-700);
	border-color: var(--gray-300);
}

.notification-avatar {
	background: var(--gray-100);
	width: 50px;
	height: 50px;
	min-width: 50px;
	min-height: 50px;
	color: var(--gray);
	display: flex;
	align-items: center;
	justify-content: center;
}

.chart-container {
	position: relative;
	margin: auto;
	height: 275px;
	width: 100%;
}

@media print {
	.chart-container canvas {
		min-height: 100%;
		max-width: 100%;
		max-height: 100%;
		height: auto!important;
		width: auto!important;
	}
}

/* Dropdown */
.dropdown-item:hover, .dropdown-item:focus {
	border-radius: var(--border-radius);
}

.dropdown-item svg {
	color: var(--gray-600);
}

.dropdown-item:active svg {
	color: var(--white);
}

/* Nav pills custom */
.nav-custom .nav-link {
	transition: all .3s ease-in-out;
	color: var(--gray-600);
	border-bottom: 3px solid var(--gray-300);
}

.nav-custom .nav-link.active {
	color: var(--primary-900);
	border-color: var(--primary-900);
}

.nav-custom .nav-link:hover {
	color: var(--primary-900);
	border-color: var(--primary-900);
}

/* Nav pills custom 2 */
.nav-custom2 .nav-link {
	background: var(--gray-200);
	margin-bottom: 1rem;
}

/* Index */
.index-fade {
	position: absolute;
	background: linear-gradient(0deg, #ecf7fc, rgba(236, 247, 252, 0) ) !important;
	/* background: linear-gradient(0deg, var(--white), hsla(0, 0%, 100%, 0)) !important; */
	bottom: 0;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
}

.index-cover-container {
	width: 100%;
	position: absolute;
	overflow: hidden;
	z-index: -1;
}

.index-cover {
}

.index-container {
	width: 100%;
	padding: 0;
	background: unset;
}

.index-header {
	font-size: 2rem;
	font-weight: bold;
}

@media (min-width: 920px) {
	.index-header {
		font-size: 3rem;
		font-weight: bold;
	}

	.index-container {
		width: 100%;
		padding: 6rem 0 6rem 0;
		background: unset;
	}

	.index-background-container {
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
		z-index: -2;
	}

	.index-background-image {
		position: absolute;
		border-radius: 2.5%;
		right: 0;
		transform: translate(58%,-18%) rotate(-20deg);
		height: 800px;
		width: 800px;
		background-color: #46b3e4;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238e46d4'/%3E%3Cstop offset='1' stop-color='%23292cc4'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%235c39cc'/%3E%3Cstop offset='1' stop-color='%23292cc4'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='translate(80 0)'%3E%3Cg %3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(-25.2 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
		background-attachment: fixed;
		background-position: center;
		animation: index-background 50s ease-in-out alternate infinite;
	}

	@keyframes index-background {
		0% {
			background-size: 135%;
			filter: blur(0);
		}
		100% {
			background-size: 350%;
			filter: blur(1px);
		}
	}

	[dir="rtl"] .index-background-image {
		right: initial;
		left: -30%;
	}

	.index-cover {
		transform: translate(55%,-10%) rotate(-5deg) scale(0.7);
	}

	[dir="rtl"] .index-cover {
		transform: translate(-55%,5%) rotate(0) scale(0.7);
	}
}

@media (min-width: 1200px) {
	.index-background-image {
		transform: translate(27.5%,-18%) rotate(-20deg);
	}
	.index-cover {
		transform: translate(45%,-5%) rotate(-5deg) scale(0.7);
	}

	[dir="rtl"] .index-cover {
		transform: translate(-55%,5%) rotate(0) scale(0.7);
	}
}

@media (min-width: 1400px) {
	.index-background-image {
		transform: translate(20%,-18%) rotate(-20deg);
		height: 725px;
		width: 800px;
	}
}



.index-subheader {
	font-size: 1.3rem;
}

.index-button {
	padding: 1.15rem 3.5rem;
	font-size: 1.25rem;
	font-weight: 500;
	border-radius: calc(2 * var(--border-radius));
}

.index-icon-container {
	background: var(--primary-100);
	width: 60px;
	height: 60px;
	min-width: 60px;
	min-height: 60px;
	color: var(--primary);
	font-size: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s ease-in-out;
	border-radius: calc(2 * var(--border-radius));
}

.index-brand-icon-container {
	background: var(--primary-100);
	width: 75px;
	height: 75px;
	min-width: 75px;
	min-height: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s ease-in-out;
	border-radius: calc(3 * var(--border-radius));
	transform: rotate(45deg);
}

.index-brand-icon-container svg {
	width: 35px;
	height: auto;
	transform: rotate(-45deg);
	transition: all .3s ease-in-out;
}

.index-brand-icon-container:hover {
	transform: rotate(0);
}

.index-brand-icon-container:hover svg {
	transform: rotate(0);
}

.index-register-container {
	background: var(--primary-900);
	padding: 5rem 0;
	color: var(--primary-200);
}

.index-register-container p {
	color: var(--gray-200);
}

/* Index testimonial */
.index-testimonial-avatar {
	width: 85px;
	height: 85px;
	border-radius: 50%;
	transform: translateY(-70%);
	border: 4px solid var(--white);
	position: absolute;
	left: 50%;
	margin-left: -52px;
}

/* Index FAQ */
.index-faq svg {
	transition: all .15s;
	color: var(--primary-800);
}

/* Notification create */
@media (min-width: 992px) {
	.notification-create-preview-normal {
		position: fixed;
		right: 20px;
		bottom: 20px;
		z-index: 100;
	}

	.notification-create-preview-bar {
		position: fixed;
		bottom: 0;
		z-index: 100;
		width: 100%
	}
}

.notification-preview {
	height: min-content;
	position: sticky;
	top: 1rem;
}

/* Header container */
.header {
	background: var(--white);
	padding: 3rem 0;
}

[data-theme-style="dark"] .header {
	background: var(--gray-100);
}

.user-avatar {
	border-radius: 50%;
	max-width: 80px;
	max-height: 80px;
}

/* Others */
.container-disabled {
	pointer-events: none;
	opacity: .5;
}

.container-disabled-simple {
	pointer-events: none;
}

/* Animate dropdown menu */
.dropdown .dropdown-menu{
	animation-name: opacityIn;
	animation-duration: 0.3s;
}
@keyframes opacityIn {
	from {
		opacity: .3;
	}
	to {
		opacity: 1;
	}
}

/* Tables */
.table-custom-container {
	border: 1px solid var(--gray-200);
	border-radius: var(--border-radius);
}

.table-custom {
	margin-bottom: 0;
}

.table-custom thead th {
	border-top: 0;
	border-bottom: 0;
	background: white;
}

[data-theme-style="dark"] .table-custom thead th {
	background: var(--white);
	color: var(--gray-800)
}

.table-custom th {
	padding: 1.25rem 1rem;
}

.table-custom td {
	padding: 1.75rem 1rem;
	background: var(--white);
	vertical-align: middle;
	border: 0;
}

.table-custom tbody tr td {
	transition: all .3s ease-in-out;
}

[data-theme-style="dark"] .table-custom tbody tr td {
	border-color: var(--gray-100)
}

.table-custom tbody tr:hover td {
	/*background: var(--gray-100);*/
}

/* Custom PRE container */
.pre-custom {
	background: var(--gray-300);
	padding: 2rem;
	font-size: 0.75rem;
}

/* Helpers */
.zoomer {
	transition: transform .3s ease-in-out;
}
.zoomer:hover {
	transform: scale(1.02);
}

/* Headers */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
}

/* Pricing */
.pricing {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
	margin: 0 auto 3rem;
}

@media (min-width: 1200px) {
	.container.custom-price-plans {
		max-width: 1300px;
	}
}

@media (min-width: 1200px) {
	.container.custom-plan-page {
		max-width: 1300px;
	}
}

.pricing-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	text-align: center;
	flex: 0 1 300px;
}

.pricing-feature-list {
	text-align: left;
}

.pricing-palden .pricing-item {
	background: var(--gray-50);
	border-radius: calc(2*var(--border-radius));
	margin: 2rem 0;
}

.pricing-palden .pricing-deco {
	border-radius: calc(2*var(--border-radius)) calc(2*var(--border-radius)) 0 0;
	background: var(--primary);
	padding: 2rem 0 8rem;
	position: relative;
}

.pricing-palden .pricing-deco-img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 160px;
}

.pricing-palden .pricing-title {
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 0;
	color: #fff;
}

.pricing-palden .deco-layer {
	transition: transform 0.5s;
}

.pricing-palden .pricing-item:hover .deco-layer--1 {
	transform: translate3d(15px, 0, 0);
}

.pricing-palden .pricing-item:hover .deco-layer--2 {
	transform: translate3d(-15px, 0, 0);
}

.pricing-palden .icon {
	font-size: 2.5rem;
}

.pricing-palden .pricing-price {
	font-size: 4rem;
	font-weight: bold;
	padding: 0;
	color: #fff;
	margin: 0 0 0.25rem 0;
	line-height: 0.75;
}

.pricing-palden .pricing-currency {
	font-size: .9rem;
	vertical-align: top;
}

.pricing-palden .pricing-sub {
	font-size: .9rem;
	margin: 2rem 0;
	color: #fff;
}

.pricing-palden .pricing__sentence {
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0 0 0.5em;
}

.pricing-palden .pricing-feature-list {
	margin: 0;
	padding: 0 1.5rem;
	list-style: none;
}

.pricing-palden .pricing-feature {
	padding: .25rem 0;
}

/* Custom Radio Boxes */
.custom-radio-box {
	cursor: pointer;
}

.custom-radio-box .custom-radio-box-main-text {
	font-size: 1.15rem;
	font-weight: bold;
}

.custom-radio-box .custom-radio-box-main-icon {
	font-size: 1.25rem;
}

.custom-radio-box input[type="radio"] + div {
	transition: all .3s ease-in-out;
	border: 2px solid #daf0fa;
	background: var(--white);
}

.custom-radio-box input[type="radio"]:checked + div {
	border: 2px solid var(--primary);
}

.custom-radio-box input[type="radio"]:hover + div {
	border: 2px solid var(--primary);
}

/* Round circles */
.round-circle-md {
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.round-circle-lg {
	width: 4.5rem;
	height: 4.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

/* Badge colors */
.badge {
	padding: 0.45em 0.9em;
}

.badge-primary {
	color: var(--primary-700);
	background: var(--primary-100);
}

[data-theme-style="dark"] .badge-primary {
	background: var(--primary-800);
	color: var(--primary-100);
}

.badge-secondary {
	color: hsl(208, 7%, 35%);
	background-color: hsl(208, 7%, 85%);
}

[data-theme-style="dark"] .badge-secondary {
	background-color: hsl(208, 7%, 35%);
	color: hsl(208, 7%, 85%);
}

.badge-success {
	color: hsla(134, 50%, 30%, 1);
	background-color: hsla(134, 50%, 85%, 1);
}

[data-theme-style="dark"] .badge-success {
	background-color: hsla(134, 50%, 30%, 1);
	color: hsla(134, 50%, 85%, 1);
}

.badge-danger {
	color: hsla(354, 70%, 35%, 1);
	background-color: hsla(354, 70%, 85%, 1);
}

[data-theme-style="dark"] .badge-danger {
	background-color: hsla(354, 70%, 35%, 1);
	color: hsla(354, 70%, 85%, 1);
}

.badge-warning {
	background-color: hsla(45, 100%, 85%, 1);
	color: hsla(40, 80%, 30%, 1);
}

[data-theme-style="dark"] .badge-warning {
	background-color: hsla(50, 20%, 20%, 1);
	color: hsla(45, 100%, 85%, 1);
}

.badge-info {
	color: hsla(188, 60%, 30%, 1);
	background-color: hsla(188, 78%, 85%, 1);
}

[data-theme-style="dark"] .badge-info {
	background-color: hsla(188, 60%, 30%, 1);
	color: hsla(188, 78%, 85%, 1);
}

.badge-light {
	color: hsla(210, 15%, 35%, 1);
	background-color: hsl(210, 17%, 95%);
}

[data-theme-style="dark"] .badge-light {
	background-color: hsla(210, 15%, 35%, 1);
	color: hsl(210, 17%, 95%);
}

.badge-dark {
	color: hsla(210, 10%, 90%, 1);
	background-color: hsla(210, 10%, 20%, 1);
}

[data-theme-style="dark"] .badge-dark {
	background-color: hsla(210, 10%, 90%, 1);
	color: hsla(210, 10%, 20%, 1);
}

/* Invoice css */
.invoice-table th {
	border-top: 0 !important;
}

.invoice-table td {
	vertical-align: baseline !important;
}

@media print {
	.invoice-logo {
		filter: grayscale(100%);
	}
}

/* Base animation */
.altum-animate {
	-webkit-animation-duration:500ms;
	animation-duration:500ms;
}

.altum-animate-fill-both {
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.altum-animate-fill-none {
	-webkit-animation-fill-mode:none;
	animation-fill-mode:none;
}

@keyframes fadeIn{
	0% {
		opacity:0
	}
	to {
		opacity:1
	}
}
.altum-animate-fade-in {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}


/* Custom switch fix */
.custom-switch {
	z-index: 0;
}

/* Custom button */

.btn-custom {
	padding: .5rem 1.5rem;
	color: var(--gray-600);
	border-radius: var(--border-radius);
	font-size: .9rem;
	background: var(--white);

}

.btn-custom:hover {
	color: var(--gray-700);
}

.btn-custom.active {
	color: var(--primary-100);
	background: var(--primary);
}

/* Blog */
.blog-post-image {
	max-height: 20rem;
	object-fit: cover;
}

.blog-post-image-small {
	height: 13rem;
	max-height: 13rem;
	object-fit: cover;
}

/* File input */
.altum-file-input {
	padding: 1rem;
	background: var(--gray-100);
	border: 1px solid var(--gray-200);
	border-radius: var(--border-radius);
	cursor: pointer;
	font-size: .9rem;
}

.altum-file-input:hover {
	border-color: var(--gray-300);
}

.altum-file-input::file-selector-button {
	border: 0;
	padding: .4rem .75rem;
	border-radius: var(--border-radius);
	background-color: var(--white);
	cursor: pointer;
	font-size: .9rem;
	margin-right: 1rem;
}

/* File input preview */
.altum-file-input-preview {
	max-width: 100%;
	max-height: 68px;
	min-height: 68px;
	object-fit: cover;
}

.sticky {
	position: sticky !important;
	top: 1rem;
	height: min-content;
}

/* Icons on links animations */
a svg {
	transition: transform .15s;
}

a:hover svg {
	transform: scale(1.1);
}

a:active svg {
	transform: scale(.9);
}

/* Helper zoom class for icons */
.icon-zoom-animation svg {
	transition: transform .15s;
}

.icon-zoom-animation:hover svg {
	transform: scale(1.1);
}

/* Self zoom */
.zoom-animation {
	transition: transform .15s;
}

.zoom-animation:hover {
	transform: scale(1.05);
}

.zoom-animation:active {
	transform: scale(.95);
}

.zoom-animation-subtle {
	transition: transform .3s;
}

.zoom-animation-subtle:hover {
	transform: scale(1.025);
}

.zoom-animation-subtle:active {
	transform: scale(.98);
}

.up-animation {
	transition: transform .3s;
}

.up-animation:hover {
	transform: translateY(-10px);
}

/* Color picker */
@media print {
	.pcr-app {
		display: none;
	}
}

.pcr-button {
	border: 1px solid white !important;
	outline: 1px solid var(--gray-300) !important;
	height: calc(var(--input-padding-y) + var(--input-padding-x) + var(--input-font-size) + calc(var(--input-font-size) / 2.75)) !important;
	border-radius: var(--border-radius) !important;
	width: 100% !important;
}

.pcr-button::before, .pcr-button::after {
	border-radius: var(--border-radius) !important;
}

/* Width fit content */
.w-fit-content {
	width: fit-content !important;
}

/* Ajax loading overlay */
.loading-overlay {
	padding: 1.25rem;
	border-radius: var(--border-radius);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 100%;
	background: var(--white);
	z-index: 100;
	opacity: 0.8;
}

[data-theme-style="dark"] .loading-overlay {
	background: var(--gray-50);
}

/* Shiki code highlighter */
.shiki {
	overflow: auto;
	border-radius: var(--border-radius);
	padding: 1.5rem;
	font-size: .9rem;
	line-height: 1.5rem;
}

.shiki code {
	background: initial !important;
}

/* Btn group */
.btn-group-custom {
	border: 1px solid var(--gray-100);
	padding: 0.5rem 0;
	border-radius: var(--border-radius);
}

.btn-group-custom .btn {
	margin: 0 .5rem;
	border-radius: var(--border-radius) !important;
	background: var(--gray-100);
}

.btn-group-custom .btn.active {
	background: var(--dark);
	color: var(--white);
}

/* Custom scrollbar */
body * {
    scrollbar-color: var(--gray-200) var(--white) !important;
    scrollbar-width: thin !important;
}

body *::-webkit-scrollbar-thumb  {
    background: var(--gray-200);
    border-radius: 10px;
    width: 6px;
    height: 6px;
}

body *::-webkit-scrollbar, body *::-webkit-scrollbar-track {
    background: var(--white);
    border-radius: 10px;
    width: 6px;
    height: 6px;
}

/* Notification bell */
.internal-notification-icon {
	animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0px var(--danger);
	}
	100% {
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}
}

/* Teams */
.team-delegate-access-wrapper {
	margin: .75rem;
	border-radius: .5rem;
}

@media (min-width: 992px) {
	.team-delegate-access-wrapper {
		border-radius: 5rem;
	}
}

/* Announcements */
.announcement-wrapper {
	margin: .75rem;
	border-radius: .5rem;
	opacity: 0;
	transition: opacity .3s ease-in;
	animation: ac-fade-in-down .3s ease-in .6s forwards;
}

@media (min-width: 992px) {
	.announcement-wrapper {
		border-radius: 5rem;
	}
}

@keyframes ac-fade-in-down {
	from {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

/* PWA */
.pwa-wrapper {
	position: fixed;
	bottom: 0;
	width: calc(100% - 1.5rem);
	z-index: 1000;
}



.rounded-2x {
	border-radius: calc(2*var(--border-radius));
}

.rounded-3x {
	border-radius: calc(3*var(--border-radius));
}

/* Prevent fontawesome layout shifts */
i.fa-fw {
	width: 1.25em;
	display: inline-block;
}

i.fa-xs {
	font-size: .85em;
}

i.fa-sm {
	font-size: .875em;
}

i.fa-lg {
	font-size: 1.25em;
}

i.xl {
	font-size: 1.5em;
}

/* frontend.css */
/* Styles to redesign Frontstore */

/* Customer Login Page */
body.login-background {
	background: url(https://proofdy.io/themes/altum/assets/images/proofdy-background.webp) left top no-repeat !important;
	background-size: cover !important;
}

/* Customer Register Page */
body.register-background {
	background: url(https://proofdy.io/themes/altum/assets/images/proofdy-background.webp) left top no-repeat !important;
	background-size: cover !important;
}

/* Customer Lost Password Page */
body.lost-password-background {
	background: url(https://proofdy.io/themes/altum/assets/images/proofdy-background.webp) left top no-repeat !important;
	background-size: cover !important;
}

/* Front Page */
body.bg-white {
	background: #ecf7fc !important;
}

.bg-pink-pastel {
	background-color: #fae3e9;
}

.custom-price-plans .btn-group-custom .btn {
	background: #b9e3f4 !important;
}

.custom-price-plans .btn-group-custom .btn.active {
	background: #31363e !important;
}

.index-register-container {
	background-image: linear-gradient(to bottom right, #e5fbba, #79dfff);
}

.index-register-container .text-center h2 {
	color: #31363e;
}

/* Affiliate Page */
.affiliate-page .card {
	/* background-color: #fae3e9; */
	background-image: linear-gradient(to bottom right, #e5fbba, #79dfff);
}

.affiliate-page .card.get-started-affiiate {
	background-image: linear-gradient(to bottom right, #e5fbba, #79dfff);
}

.affiliate-page .card.card-transparent {
	background: transparent;
}

.affiliate-page .card .card-body .text-primary {
	font-weight: 700 !important;
}

.affiliate-page .card .card-body svg,
.affiliate-page .card-body .card svg {
	color: #37517e !important;
}

.affiliate-page .image-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	justify-content: center;
}

.affiliate-page .image-wrap .thin-image-first {
	display: block;
    margin: 0 .5rem;
    width: calc(20% - 1rem);
    border-radius: 50rem;
    -o-object-fit: cover;
    object-fit: cover;
	min-height: 200px;
}

.affiliate-page .image-wrap .thin-image-second {
	display: block;
    margin: 0 .5rem;
    width: calc(25% - 1rem);
    border-radius: 50rem;
    -o-object-fit: cover;
    object-fit: cover;
	min-height: 250px;
}

.affiliate-page .image-wrap .thin-image-third {
	display: block;
    margin: 0 .5rem;
    width: calc(20% - 1rem);
    border-radius: 50rem;
    -o-object-fit: cover;
    object-fit: cover;
	min-height: 200px;
}

/* Plan Page */
.custom-plan-page .btn-group-custom .btn {
	background: #b9e3f4 !important;
}

.custom-plan-page .btn-group-custom .btn.active {
	background: #31363e !important;
}

.custom-plan-page .card .card-body svg,
.custom-plan-page .card-body .card svg {
	color: #37517e !important;
}

.custom-plan-page .card .card-body {
	background-image: linear-gradient(to bottom right, #e5fbba, #79dfff);
	border-radius: 0.5rem;
}

.custom-plan-page .accordion .card {
	background: transparent;
}

.custom-plan-page .accordion .card .card-body {
    margin-bottom: 16px;
    border-radius: 0.5rem;
    padding: 15px;
}
/* libraries/select2.css */


.select2 {
  width:100%!important;
}

.input-group .select2 {
  width: 12.5rem !important;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: var(--input-padding-y) calc(3*var(--input-padding-x)) var(--input-padding-y) var(--input-padding-x);
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

/*.select2-container .select2-search--inline .select2-search__field {*/
/*  box-sizing: border-box;*/
/*  border: none;*/
/*  font-size: 100%;*/
/*  margin-top: 5px;*/
/*  margin-left: 5px;*/
/*  max-width: 100%;*/
/*  resize: none;*/
/*  vertical-align: bottom;*/
/*  overflow: hidden;*/
/*  word-break: keep-all;*/
/*  padding: var(--input-padding-y) var(--input-padding-x);*/
/*  border-radius: var(--border-radius);*/
/*}*/

.select2-dropdown {
  background-color: var(--white);
  border: 1px solid var(--input-border-color);
  border-radius: var(--border-radius);
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
  padding: calc(var(--input-padding-x)/2) var(--input-padding-x) var(--input-padding-x) var(--input-padding-x);
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: calc(var(--input-padding-y) / 1.5) var(--input-padding-x);
  margin: var(--input-padding-y) 0;
  border-radius: var(--border-radius);
  font-size: .9rem;
  transition: all .15s;
  user-select: none;
  -webkit-user-select: none;
  /*word-break: break-all;*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: var(--input-padding-x) var(--input-padding-x) calc(var(--input-padding-x)/2) var(--input-padding-x);
}

/*.select2-search--dropdown .select2-search__field {*/
/*  padding: calc(var(--input-padding-y) / 2) calc(var(--input-padding-x) / 2);*/
/*  border-radius: var(--border-radius);*/
/*  width: 100%;*/
/*  box-sizing: border-box;*/
/*  color: var(--input-color);*/
/*  background: var(--white);*/
/*}*/

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: var(--white);
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: var(--white);
  border: 1px solid var(--input-border-color);
  border-radius: var(--border-radius);
  font-size: var(--input-font-size);
}

.input-group-prepend .select2-container--default .select2-selection--single {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-append .select2-container--default .select2-selection--single {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--input-color);
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--gray);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(3*var(--input-padding-x));
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--input-color) transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: var(--gray-200);
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent var(--input-color) transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: var(--white);
  border: 1px solid var(--input-border-color);
  border-radius: var(--border-radius);
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--white);
  border: 1px solid var(--input-border-color);
  border-radius: var(--border-radius);
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid var(--gray-300);
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  color: var(--gray);
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid var(--gray-300);
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: var(--gray-200);
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/*.select2-container--default .select2-search--dropdown .select2-search__field {*/
/*  border: 1px solid var(--input-border-color);*/
/*}*/

/*.select2-container--default .select2-search--inline .select2-search__field {*/
/*  background: transparent;*/
/*  border: none;*/
/*  outline: 0;*/
/*  box-shadow: none;*/
/*  -webkit-appearance: textfield;*/
/*}*/

.select2-container--default .select2-results > .select2-results__options {
  max-height: 15rem;
  overflow-y: auto;
  scrollbar-color: var(--gray-200) var(--white) !important;
  scrollbar-width: thin !important;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background: var(--gray-200);
  border-radius: 10px;
  width: 6px;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar, .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
  background: var(--white);
  border-radius: 10px;
  width: 6px;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: var(--gray-400);
}

.select2-container--default .select2-results__option--selected {
  background-color: var(--white);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--primary);
  color: var(--white);
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: calc(var(--input-padding-x) / 1.5);
  background: var(--gray-100);
  border-radius: var(--border-radius);
}


/* proofdy-fonts.css */
/* Onest cyrillic-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(../fonts/proofdy/onest-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Onest cyrillic */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(../fonts/proofdy/onest-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Onest latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(../fonts/proofdy/onest-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Onest latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(../fonts/proofdy/onest-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Golos Text cyrillic-ext */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../fonts/proofdy/golos-text-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Golos Text cyrillic */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../fonts/proofdy/golos-text-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Golos Text latin-ext */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../fonts/proofdy/golos-text-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Golos Text latin */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../fonts/proofdy/golos-text-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* proofdy-front.css */
/*
 * Proofdy front theme (Hub-inspired). Scoped to body.pf-front so the cabinet is not affected.
 * Widgets (.altumcode-*) are never restyled here.
 */
.pf-front {
	--pf-ink: #12131a;
	--pf-text: #4a5163;
	--pf-muted: #5f6679; /* WCAG AA: >= 5:1 on white and on the soft backgrounds */
	--pf-line: #e8eaf2;
	--pf-bg: #ffffff;
	--pf-soft: #f6f7fb;
	--pf-primary: #375282;
	--pf-primary-2: #4a6bb0;
	--pf-grad-1: #667eea;
	--pf-grad-2: #764ba2;
	--pf-radius: 24px;
	--pf-radius-sm: 16px;
	--pf-shadow: 0 1px 2px rgba(18, 19, 26, .04), 0 12px 32px -12px rgba(18, 19, 26, .12);
	--pf-shadow-lg: 0 2px 4px rgba(18, 19, 26, .04), 0 30px 60px -20px rgba(55, 82, 130, .28);
	font-family: 'Golos Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
	color: var(--pf-text);
	background: var(--pf-bg);
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

.pf-front h1, .pf-front h2, .pf-front h3, .pf-front h4, .pf-front h5, .pf-front h6,
.pf-front .h1, .pf-front .h2, .pf-front .h3, .pf-front .h4, .pf-front .h5, .pf-front .h6 {
	font-family: 'Onest', 'Golos Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
	color: var(--pf-ink);
	letter-spacing: -0.02em;
}

.pf-front a:not([class*="altumcode"]) { color: var(--pf-primary); }
.pf-front a:not([class*="altumcode"]):hover { color: var(--pf-grad-2); }
.pf-front .text-primary { color: var(--pf-primary) !important; }
.pf-front .text-muted { color: var(--pf-muted) !important; }

.pf-gradient-text {
	background: linear-gradient(100deg, var(--pf-grad-1) 0%, var(--pf-grad-2) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: var(--pf-grad-2);
}

/* ---------- Buttons ---------- */
.pf-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	padding: .85rem 1.5rem;
	border-radius: 999px;
	font-family: 'Onest', sans-serif;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2;
	border: 1px solid transparent;
	text-decoration: none !important;
	transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
	white-space: nowrap;
	cursor: pointer;
}
.pf-btn:hover { transform: translateY(-2px); }
.pf-btn-dark { background: var(--pf-ink); color: #fff !important; box-shadow: 0 10px 24px -10px rgba(18, 19, 26, .6); }
.pf-btn-dark:hover { background: #262836; color: #fff !important; }
.pf-btn-light { background: #fff; color: var(--pf-ink) !important; border-color: var(--pf-line); }
.pf-btn-light:hover { border-color: #cfd3e1; color: var(--pf-ink) !important; box-shadow: var(--pf-shadow); }
.pf-btn-grad { background: linear-gradient(100deg, var(--pf-grad-1), var(--pf-grad-2)); color: #fff !important; box-shadow: 0 12px 28px -12px rgba(118, 75, 162, .7); }
.pf-btn-grad:hover { color: #fff !important; }
.pf-btn-sm { padding: .55rem 1.1rem; font-size: .925rem; }
.pf-btn svg { flex-shrink: 0; }

/* ---------- Pills / labels ---------- */
.pf-pill {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	padding: .4rem .85rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, .75);
	border: 1px solid rgba(18, 19, 26, .06);
	backdrop-filter: blur(6px);
	font-size: .85rem;
	font-weight: 500;
	color: var(--pf-ink);
	line-height: 1.2;
}
.pf-pill svg { width: 18px; height: 18px; flex-shrink: 0; }

.pf-label {
	display: inline-block;
	margin-bottom: .9rem;
	padding: .35rem .8rem;
	border-radius: 999px;
	background: #eef1fb;
	color: var(--pf-primary);
	font-size: .78rem;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.pf-section { padding: 5rem 0; }
.pf-section-sm { padding: 3rem 0; }
.pf-section-head { max-width: 720px; margin: 0 auto 3rem; text-align: center; }
.pf-section-head h2 { font-size: clamp(1.75rem, 3.2vw, 2.6rem); font-weight: 700; line-height: 1.15; margin-bottom: .9rem; }
.pf-section-head p { font-size: 1.075rem; color: var(--pf-muted); margin: 0; }

/* ---------- Navbar ---------- */
.pf-nav-wrap {
	position: sticky;
	top: 0;
	z-index: 1030;
	padding: 14px 0;
	transition: background-color .25s ease, box-shadow .25s ease, padding .25s ease;
}
.pf-nav-wrap.pf-scrolled {
	background: rgba(255, 255, 255, .85);
	backdrop-filter: saturate(160%) blur(12px);
	box-shadow: 0 1px 0 rgba(18, 19, 26, .06);
	padding: 8px 0;
}
.pf-front .pf-nav { padding: 0; }
.pf-front .pf-nav .navbar-brand { padding: 0; margin-right: 2rem; }
.pf-front .pf-nav .navbar-logo { max-height: 36px; width: auto; }
.pf-front .pf-nav .nav-link {
	color: var(--pf-ink) !important;
	font-weight: 500;
	font-size: .975rem;
	padding: .5rem .9rem !important;
	border-radius: 999px;
	transition: background-color .2s ease;
}
.pf-front .pf-nav .nav-link:hover { background: rgba(18, 19, 26, .05); }
.pf-front .pf-nav .navbar-avatar { width: 28px; height: 28px; border-radius: 50%; }
.pf-nav-toggler {
	width: 44px; height: 44px;
	border-radius: 50%;
	border: 1px solid var(--pf-line);
	background: #fff;
	color: var(--pf-ink);
	display: inline-flex; align-items: center; justify-content: center;
}
.pf-nav-actions { display: flex; align-items: center; gap: .5rem; }

@media (max-width: 991.98px) {
	.pf-front .pf-nav .navbar-collapse {
		margin-top: 12px;
		padding: 12px;
		background: #fff;
		border: 1px solid var(--pf-line);
		border-radius: var(--pf-radius-sm);
		box-shadow: var(--pf-shadow);
	}
	.pf-nav-actions { flex-direction: column; align-items: stretch; margin-top: .5rem; }
	.pf-nav-actions .pf-btn { width: 100%; }
	.pf-front .pf-nav .dropdown-menu { box-shadow: none; border: 0; }
}

/* ---------- Hero ---------- */
.pf-hero { padding: 8px 0 0; }
.pf-hero-card {
	position: relative;
	overflow: hidden;
	border-radius: 32px;
	padding: 72px 56px;
	background:
		radial-gradient(60% 70% at 0% 0%, #e9e6ff 0%, rgba(233, 230, 255, 0) 70%),
		radial-gradient(55% 65% at 100% 10%, #ffe3f1 0%, rgba(255, 227, 241, 0) 70%),
		radial-gradient(60% 70% at 70% 100%, #dcefff 0%, rgba(220, 239, 255, 0) 70%),
		#f7f6fd;
}
.pf-hero-card::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgba(55, 82, 130, .12) 1px, transparent 1px);
	background-size: 22px 22px;
	mask-image: radial-gradient(70% 60% at 75% 45%, #000 0%, transparent 75%);
	-webkit-mask-image: radial-gradient(70% 60% at 75% 45%, #000 0%, transparent 75%);
	pointer-events: none;
}
.pf-hero-card > .row { position: relative; z-index: 1; }
.pf-hero-pills { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem; }
.pf-hero h1 {
	font-size: clamp(2.2rem, 5vw, 3.9rem);
	font-weight: 800;
	line-height: 1.04;
	letter-spacing: -0.035em;
	margin-bottom: 1.25rem;
}
.pf-hero-text { font-size: 1.15rem; line-height: 1.6; color: var(--pf-text); max-width: 540px; margin-bottom: 2rem; }
.pf-hero-ctas { display: flex; flex-wrap: wrap; gap: .75rem; }
.pf-hero-note { margin-top: 1rem; font-size: .9rem; color: var(--pf-muted); }
.pf-hero-note span { white-space: nowrap; }

.pf-stats { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2.25rem; }
.pf-stat {
	padding: .75rem 1.1rem;
	border-radius: var(--pf-radius-sm);
	background: rgba(255, 255, 255, .7);
	border: 1px solid rgba(18, 19, 26, .06);
	min-width: 130px;
}
.pf-stat strong { display: block; font-family: 'Onest', sans-serif; font-size: 1.4rem; font-weight: 700; color: var(--pf-ink); line-height: 1.1; }
.pf-stat span { font-size: .82rem; color: var(--pf-muted); }

/* Floating real widgets */
.pf-hero-visual { position: relative; height: 520px; }
.pf-float { position: absolute; pointer-events: none; animation: pf-float 6s ease-in-out infinite; }
.pf-float-1 { top: 0; right: 0; animation-delay: 0s; }
.pf-float-2 { top: 150px; left: -10px; animation-delay: -2s; }
.pf-float-3 { top: 300px; right: 10px; animation-delay: -4s; }
.pf-float-4 { bottom: 0; left: 30px; animation-delay: -1s; }
@keyframes pf-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
}
@media (prefers-reduced-motion: reduce) { .pf-float { animation: none; } }

.pf-hero-mobile-widgets { display: grid; gap: 12px; margin-top: 2rem; pointer-events: none; justify-items: center; }
.pf-hero-mobile-widgets > div { max-width: 100%; }

@media (max-width: 1199.98px) {
	.pf-hero-card { padding: 56px 40px; }
	.pf-hero-visual { transform: scale(.88); transform-origin: top right; }
}
@media (max-width: 767.98px) {
	.pf-hero-card { padding: 36px 20px; border-radius: 24px; }
	.pf-hero-text { font-size: 1.025rem; }
	.pf-hero-ctas .pf-btn { flex: 1 1 100%; }
	.pf-stat { flex: 1 1 calc(50% - .75rem); min-width: 0; }
	.pf-section { padding: 3.5rem 0; }
}

/* ---------- Trust strip ---------- */
.pf-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem 2rem; padding: 2rem 0 0; color: var(--pf-muted); font-size: .95rem; }
.pf-trust span { display: inline-flex; align-items: center; gap: .5rem; }
.pf-trust i, .pf-trust svg { color: var(--pf-primary); }

/* ---------- Features grid ---------- */
.pf-feature {
	height: 100%;
	padding: 1.25rem .75rem 1rem;
	border-radius: var(--pf-radius-sm);
	background: #fff;
	border: 1px solid var(--pf-line);
	text-align: center;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.pf-feature:hover { transform: translateY(-4px); box-shadow: var(--pf-shadow); border-color: transparent; }
.pf-feature svg { width: 76px; height: 76px; }
.pf-feature h6 { margin: .5rem 0 0; font-size: .95rem; font-weight: 600; line-height: 1.3; }

/* ---------- How it works ---------- */
.pf-step {
	position: relative;
	height: 100%;
	padding: 2rem;
	border-radius: var(--pf-radius);
	background: var(--pf-soft);
	border: 1px solid var(--pf-line);
}
.pf-step-num {
	width: 48px; height: 48px;
	border-radius: 14px;
	display: inline-flex; align-items: center; justify-content: center;
	background: linear-gradient(135deg, var(--pf-grad-1), var(--pf-grad-2));
	color: #fff;
	font-family: 'Onest', sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	margin-bottom: 1.25rem;
	box-shadow: 0 10px 20px -10px rgba(118, 75, 162, .8);
}
.pf-step h3 { font-size: 1.25rem; font-weight: 700; margin-bottom: .5rem; }
.pf-step p { margin: 0; color: var(--pf-muted); }

/* ---------- Shopify band ---------- */
.pf-shopify {
	border-radius: 32px;
	padding: 56px;
	background:
		radial-gradient(60% 80% at 100% 0%, rgba(149, 191, 71, .22) 0%, rgba(149, 191, 71, 0) 70%),
		radial-gradient(50% 70% at 0% 100%, rgba(102, 126, 234, .15) 0%, rgba(102, 126, 234, 0) 70%),
		#f5f8ef;
	border: 1px solid #e3ebd3;
}
.pf-shopify h2 { font-size: clamp(1.6rem, 3vw, 2.3rem); font-weight: 700; line-height: 1.15; }
.pf-check { list-style: none; padding: 0; margin: 1.5rem 0 2rem; }
.pf-check li { position: relative; padding-left: 2rem; margin-bottom: .75rem; color: var(--pf-ink); font-weight: 500; }
.pf-check li::before {
	content: '';
	position: absolute; left: 0; top: .1rem;
	width: 1.3rem; height: 1.3rem;
	border-radius: 50%;
	background: #95bf47 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 62% no-repeat;
}
.pf-shopify-visual {
	position: relative;
	padding: 2rem;
	border-radius: var(--pf-radius);
	background: #fff;
	box-shadow: var(--pf-shadow-lg);
	pointer-events: none;
	display: grid;
	gap: 14px;
	justify-items: center;
}
@media (max-width: 767.98px) {
	.pf-shopify { padding: 32px 20px; border-radius: 24px; }
	.pf-shopify-visual { padding: 1.25rem .75rem; }
}

/* ---------- Integrations (CMS) ---------- */
.pf-cms-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.pf-front .pf-cms-grid .index-brand-icon-container {
	margin: 0 !important;
	width: 76px; height: 76px;
	border-radius: 20px;
	display: inline-flex; align-items: center; justify-content: center;
	padding: 16px;
	background: #fff !important;
	border: 1px solid var(--pf-line);
	transition: transform .25s ease, box-shadow .25s ease;
}
.pf-front .pf-cms-grid .index-brand-icon-container:hover { transform: translateY(-4px); box-shadow: var(--pf-shadow); }
.pf-front .pf-cms-grid .index-brand-icon-container svg { width: 100%; height: 100%; }

/* ---------- Interactive preview ---------- */
.pf-preview-stage {
	position: sticky;
	top: 100px;
	min-height: 360px;
	border-radius: var(--pf-radius);
	padding: 2rem 1.25rem;
	display: flex; align-items: center; justify-content: center;
	background:
		radial-gradient(70% 60% at 20% 10%, #ece8ff 0%, rgba(236, 232, 255, 0) 70%),
		radial-gradient(70% 60% at 90% 90%, #ffe6f2 0%, rgba(255, 230, 242, 0) 70%),
		#f7f7fc;
	border: 1px solid var(--pf-line);
}
.pf-preview-stage-label {
	position: absolute; top: 16px; left: 20px;
	font-size: .78rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--pf-muted);
}
.pf-preview-stage-label i { color: #22c55e; font-size: .55rem; vertical-align: middle; margin-right: .35rem; }
.pf-front #notification_preview { max-width: 100%; }
.pf-types { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.pf-types label { margin: 0; cursor: pointer; }
.pf-type {
	height: 100%;
	display: flex; gap: .85rem; align-items: flex-start;
	padding: 1rem;
	border-radius: var(--pf-radius-sm);
	background: #fff;
	border: 1px solid var(--pf-line);
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.pf-type:hover { transform: translateY(-2px); box-shadow: var(--pf-shadow); }
.pf-types input:checked + .pf-type { border-color: var(--pf-grad-1); box-shadow: 0 0 0 3px rgba(102, 126, 234, .18); }
.pf-type .notification-avatar { flex-shrink: 0; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px !important; }
.pf-type-title { font-weight: 600; color: var(--pf-ink); line-height: 1.25; margin-bottom: .2rem; font-size: .95rem; }
.pf-type-desc { font-size: .82rem; color: var(--pf-muted); line-height: 1.4; }
@media (max-width: 575.98px) {
	.pf-types { grid-template-columns: 1fr; }
}
@media (max-width: 991.98px) {
	.pf-preview-stage { position: relative; top: 0; min-height: 260px; margin-bottom: 1.5rem; }
}

/* ---------- Notification handlers ---------- */
.pf-handlers { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.pf-handler {
	display: flex; align-items: center; gap: .75rem;
	padding: 1rem 1.1rem;
	border-radius: var(--pf-radius-sm);
	background: #fff;
	border: 1px solid var(--pf-line);
	font-weight: 600; color: var(--pf-ink); font-size: .95rem;
	min-width: 0;
}
.pf-handler span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pf-handler i, .pf-handler svg { font-size: 1.25rem; flex-shrink: 0; }
@media (max-width: 991.98px) { .pf-handlers { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---------- API ---------- */
.pf-api-code {
	border-radius: var(--pf-radius);
	background: #12131a;
	color: #d7dcef;
	padding: 1.75rem;
	font-family: SFMono-Regular, Menlo, Consolas, monospace;
	font-size: .85rem;
	line-height: 1.8;
	overflow-x: auto;
	box-shadow: var(--pf-shadow-lg);
}
.pf-api-code .pf-c { color: #a5b4fc; }
.pf-api-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem 1rem; margin: 1.5rem 0 2rem; font-size: .95rem; }

/* ---------- Testimonials ---------- */
.pf-quote {
	height: 100%;
	padding: 2rem;
	border-radius: var(--pf-radius);
	background: #fff;
	border: 1px solid var(--pf-line);
	display: flex; flex-direction: column;
}
.pf-quote-stars { color: #f5b301; margin-bottom: 1rem; letter-spacing: 2px; }
.pf-quote p { color: var(--pf-ink); font-size: 1.02rem; line-height: 1.6; flex: 1; }
.pf-quote-author { display: flex; align-items: center; gap: .8rem; margin-top: 1.25rem; }
.pf-quote-author img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.pf-quote-author strong { display: block; color: var(--pf-ink); line-height: 1.2; }
.pf-quote-author span { font-size: .85rem; color: var(--pf-muted); }

/* ---------- Plans (restyle only, markup untouched) ---------- */
.pf-front .pf-plans .card { border-radius: var(--pf-radius) !important; border: 1px solid var(--pf-line) !important; box-shadow: none; transition: box-shadow .25s ease, transform .25s ease; }
.pf-front .pf-plans .card:hover { box-shadow: var(--pf-shadow-lg); transform: translateY(-4px); }
.pf-front .pf-plans .btn-primary,
.pf-front .pf-plans .btn-outline-primary { border-radius: 999px; font-weight: 600; }
.pf-front .pf-plans .btn-primary { background: var(--pf-ink); border-color: var(--pf-ink); }
.pf-front .pf-plans .btn-primary:hover { background: #262836; border-color: #262836; }

/* ---------- FAQ ---------- */
.pf-front .pf-faq .index-faq .card {
	border: 1px solid var(--pf-line) !important;
	border-radius: var(--pf-radius-sm) !important;
	margin-bottom: 12px;
	box-shadow: none;
}
.pf-front .pf-faq .index-faq .card .btn { font-family: 'Onest', sans-serif; font-size: 1.05rem; text-align: left; white-space: normal; color: var(--pf-ink) !important; }
.pf-front .pf-faq .index-faq .card .btn span:first-child { padding-right: 1rem; }

/* ---------- Final CTA ---------- */
.pf-cta {
	position: relative;
	overflow: hidden;
	border-radius: 32px;
	padding: 72px 40px;
	text-align: center;
	color: #fff;
	background:
		radial-gradient(50% 80% at 10% 0%, rgba(102, 126, 234, .55) 0%, rgba(102, 126, 234, 0) 70%),
		radial-gradient(50% 80% at 90% 100%, rgba(118, 75, 162, .6) 0%, rgba(118, 75, 162, 0) 70%),
		#14152a;
}
.pf-cta h2 { color: #fff; font-size: clamp(1.8rem, 3.6vw, 2.8rem); font-weight: 800; line-height: 1.12; margin-bottom: 1rem; }
.pf-cta p { color: rgba(255, 255, 255, .78); font-size: 1.1rem; max-width: 620px; margin: 0 auto 2rem; }
.pf-cta .pf-btn-light { border-color: transparent; }
.pf-cta .pf-btn-ghost { background: rgba(255, 255, 255, .1); color: #fff !important; border-color: rgba(255, 255, 255, .25); }
.pf-cta .pf-btn-ghost:hover { background: rgba(255, 255, 255, .18); }
@media (max-width: 767.98px) { .pf-cta { padding: 48px 20px; border-radius: 24px; } .pf-cta .pf-btn { width: 100%; } }

/* ---------- Blog ---------- */
.pf-post {
	height: 100%;
	border-radius: var(--pf-radius);
	background: #fff;
	border: 1px solid var(--pf-line);
	overflow: hidden;
	transition: box-shadow .25s ease, transform .25s ease;
}
.pf-post:hover { box-shadow: var(--pf-shadow); transform: translateY(-4px); }
.pf-post img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.pf-post-body { padding: 1.5rem; }
.pf-post h3 { font-size: 1.15rem; font-weight: 700; line-height: 1.3; margin-bottom: .5rem; }
.pf-post h3 a { color: var(--pf-ink); }

/* ---------- Footer ---------- */
.pf-front .pf-footer-wrap {
	margin-top: 5rem;
	padding: 3.5rem 0 2rem;
	background: var(--pf-soft);
	border-top: 1px solid var(--pf-line);
}
.pf-front .pf-footer-wrap .footer { padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; }
.pf-front .pf-footer-wrap .footer-logo { max-height: 34px; width: auto; }
.pf-front .pf-footer-wrap a { color: var(--pf-text); }
.pf-front .pf-footer-wrap a:hover { color: var(--pf-ink); }
.pf-front .pf-footer-tagline { max-width: 360px; color: var(--pf-muted); font-size: .95rem; margin: .5rem 0 1rem; }

/* ---------- Generic front pages (pricing, contact, blog, pages) ---------- */
.pf-front main .card { border-radius: var(--pf-radius-sm); }
.pf-front .btn { border-radius: 999px; }
.pf-front .form-control, .pf-front .custom-select { border-radius: 12px; }

/* ---------- Fixes after first visual review ---------- */
body.pf-front { background-color: #fff !important; }
@media (min-width: 1360px) { .pf-front .container { max-width: 1320px; } }
.pf-front .pf-cms-grid .index-brand-icon-container,
.pf-front .pf-cms-grid .index-brand-icon-container svg,
.pf-front .pf-cms-grid .index-brand-icon-container:hover,
.pf-front .pf-cms-grid .index-brand-icon-container:hover svg { transform: none; }
.pf-front .pf-cms-grid .index-brand-icon-container svg { width: 38px; height: 38px; }
@media (min-width: 1200px) { .pf-hero-visual .pf-float { scale: 1.12; } .pf-float-1, .pf-float-3 { transform-origin: right center; } }
.pf-preview-stage-label { display: flex; align-items: center; }

/* Pricing cards (shared plans partial, restyled only on front pages) */
.pf-front .pricing-palden .pricing-item {
	background: #fff;
	border: 1px solid var(--pf-line);
	border-radius: var(--pf-radius);
	margin: 1rem .5rem;
	overflow: hidden;
	transition: box-shadow .25s ease, transform .25s ease;
}
.pf-front .pricing-palden .pricing-item:hover { box-shadow: var(--pf-shadow-lg); transform: translateY(-4px); }
.pf-front .pricing-palden .pricing-deco {
	background: linear-gradient(180deg, #f3f1ff 0%, #ffffff 100%) !important;
	padding: 2rem 1.5rem 1.25rem;
	border-radius: 0;
}
.pf-front .pricing-palden .pricing-deco-img { display: none; }
.pf-front .pricing-palden .pricing-title { color: var(--pf-primary); font-family: 'Onest', sans-serif; font-weight: 700; letter-spacing: .12em; }
.pf-front .pricing-palden .pricing-price { color: var(--pf-ink); font-family: 'Onest', sans-serif; font-size: 3.25rem; font-weight: 800; letter-spacing: -0.03em; margin-top: 1.25rem; line-height: 1; }
.pf-front .pricing-palden .pricing-currency { color: var(--pf-muted); font-weight: 600; }
.pf-front .pricing-palden .pricing-sub { color: var(--pf-muted); margin: 1rem 0 0; }
.pf-front .pricing-palden .pricing-feature { color: var(--pf-text); font-size: .93rem; padding: .35rem 0; border-bottom: 1px dashed var(--pf-line); }
.pf-front .pricing-palden .pricing-feature:last-child { border-bottom: 0; }
.pf-front .pricing-palden .pricing-item .btn { border-radius: 999px; font-weight: 600; padding: .75rem 1rem; }
.pf-front .pricing-palden .pricing-item .btn-primary { background: var(--pf-ink); border-color: var(--pf-ink); }
.pf-front .pricing-palden .pricing-item .btn-primary:hover { background: #262836; border-color: #262836; }
.pf-front .pf-plans .nav-pills .nav-link,
.pf-front .custom-price-plans .nav-pills .nav-link { border-radius: 999px; }

/* =========================================================
   Round 2: typography, marquee, preview, alerts, API, pricing, footer
   ========================================================= */

/* Balanced headings, no orphan words, no forced line breaks from old texts */
.pf-front h1, .pf-front h2, .pf-front h3, .pf-front .pf-h2 { text-wrap: balance; }
.pf-front p, .pf-front .pf-lead, .pf-front .pf-hero-text { text-wrap: pretty; }
.pf-section-head p, .pf-cta p, .pf-step p { text-wrap: balance; }
.pf-section-head p br, .pf-lead br, .pf-hero-text br, .pf-cta p br, .pf-shopify p br { display: none; }
.pf-section-head { max-width: 780px; }
.pf-section-head p { max-width: 640px; margin-left: auto; margin-right: auto; }
.pf-h2 { font-size: clamp(1.7rem, 3.2vw, 2.5rem); font-weight: 700; line-height: 1.15; margin-bottom: 1rem; }
.pf-lead { font-size: 1.075rem; color: var(--pf-muted); line-height: 1.6; margin-bottom: 0; }

/* Widgets keep their own colors on our pages */
.pf-front .altumcode-social-share-button,
.pf-front .altumcode-social-share-button:hover,
.pf-front .altumcode-contact-us-button,
.pf-front .altumcode-contact-us-button:hover { color: #fff !important; }
.pf-front .altumcode-social-share-button svg,
.pf-front .altumcode-contact-us-button svg { fill: #fff; color: #fff; }
.pf-type-desc br { display: none; }

/* ---------- Integrations marquee ---------- */
.pf-marquee-wrap {
	display: grid;
	gap: 16px;
	mask-image: linear-gradient(90deg, transparent 0, #000 12%, #000 88%, transparent 100%);
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 12%, #000 88%, transparent 100%);
}
.pf-marquee { overflow: hidden; padding: 4px 0; }
.pf-marquee-track {
	display: flex;
	gap: 16px;
	width: max-content;
	animation: pf-marquee 34s linear infinite;
}
.pf-marquee-reverse .pf-marquee-track { animation-direction: reverse; animation-duration: 44s; }
.pf-marquee-wrap:hover .pf-marquee-track { animation-play-state: paused; }
@keyframes pf-marquee { from { transform: translateX(0); } to { transform: translateX(calc(-25% - 4px)); } }
@media (prefers-reduced-motion: reduce) { .pf-marquee-track { animation: none; flex-wrap: wrap; justify-content: center; width: auto; } }
.pf-brand {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 10px 22px 10px 10px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--pf-line);
	box-shadow: 0 1px 2px rgba(18, 19, 26, .03);
	transition: transform .25s ease, box-shadow .25s ease;
}
.pf-brand:hover { transform: translateY(-3px); box-shadow: var(--pf-shadow); }
.pf-brand-logo { width: 46px; height: 46px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; padding: 11px; flex-shrink: 0; }
.pf-brand-logo svg { width: 100%; height: 100%; }
.pf-brand-name { font-family: 'Onest', sans-serif; font-weight: 600; color: var(--pf-ink); white-space: nowrap; }

/* ---------- Preview stage ---------- */
.pf-preview-stage { display: block; padding: 0; min-height: 420px; }
.pf-preview-stage-label {
	position: absolute; top: 18px; left: 18px;
	display: inline-flex; align-items: center; gap: 8px;
	padding: 6px 12px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--pf-line);
	font-size: .75rem; letter-spacing: .08em;
	color: var(--pf-ink);
	z-index: 2;
}
.pf-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; animation: pf-ping 1.8s ease-out infinite; }
@keyframes pf-ping { 0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, .55); } 100% { box-shadow: 0 0 0 10px rgba(34, 197, 94, 0); } }
.pf-preview-canvas {
	min-height: 420px;
	padding: 72px 28px 40px;
	display: flex; align-items: center; justify-content: center;
}
.pf-front #notification_preview { display: flex; justify-content: center; max-width: none; }
@media (max-width: 991.98px) { .pf-preview-stage, .pf-preview-canvas { min-height: 300px; } .pf-preview-canvas { padding: 64px 16px 28px; } }

/* ---------- Alerts (notification handlers) ---------- */
.pf-handlers-card {
	position: relative;
	overflow: hidden;
	border-radius: 32px;
	padding: 56px;
	background:
		radial-gradient(50% 70% at 100% 0%, #efe9ff 0%, rgba(239, 233, 255, 0) 70%),
		radial-gradient(45% 60% at 0% 100%, #ffeef6 0%, rgba(255, 238, 246, 0) 70%),
		var(--pf-soft);
	border: 1px solid var(--pf-line);
}
.pf-handlers { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.pf-handler {
	position: relative;
	flex-direction: column;
	align-items: flex-start;
	gap: .8rem;
	padding: 1.15rem;
	transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.pf-handler-icon {
	width: 44px; height: 44px;
	border-radius: 14px;
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--pf-soft);
	font-size: 1.25rem;
	transition: transform .35s ease;
}
.pf-handler-name { font-size: .95rem; font-weight: 600; color: var(--pf-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.pf-handler-check {
	position: absolute; top: 12px; right: 12px;
	width: 22px; height: 22px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	background: #22c55e; color: #fff; font-size: .65rem;
	opacity: 0; transform: scale(.4);
	transition: opacity .3s ease, transform .3s cubic-bezier(.3, 1.6, .5, 1);
}
.pf-handler.is-active { transform: translateY(-4px); border-color: rgba(102, 126, 234, .45); box-shadow: 0 18px 36px -18px rgba(102, 126, 234, .55); }
.pf-handler.is-active .pf-handler-icon { transform: scale(1.08) rotate(-4deg); }
.pf-handler.is-active .pf-handler-check { opacity: 1; transform: scale(1); }

.pf-event {
	margin-top: 2rem;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: .25rem .9rem;
	align-items: center;
	padding: 1rem 1.1rem;
	border-radius: var(--pf-radius-sm);
	background: #fff;
	border: 1px solid var(--pf-line);
	box-shadow: var(--pf-shadow);
	max-width: 440px;
}
.pf-event.is-pulse { animation: pf-event-pop .5s cubic-bezier(.3, 1.5, .5, 1); }
@keyframes pf-event-pop { 0% { transform: scale(.97); } 100% { transform: scale(1); } }
.pf-event-icon {
	grid-row: span 2;
	width: 44px; height: 44px; border-radius: 14px;
	display: inline-flex; align-items: center; justify-content: center;
	background: linear-gradient(135deg, var(--pf-grad-1), var(--pf-grad-2)); color: #fff;
}
.pf-event-title { font-weight: 700; color: var(--pf-ink); line-height: 1.2; }
.pf-event-text { font-size: .875rem; color: var(--pf-muted); }
.pf-event-status {
	grid-column: 1 / -1;
	margin-top: .6rem; padding-top: .6rem;
	border-top: 1px dashed var(--pf-line);
	font-size: .85rem; color: var(--pf-muted);
	display: flex; align-items: center; gap: .5rem;
}
.pf-event-status strong { color: var(--pf-ink); }
.pf-event-dot { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; animation: pf-ping 1.8s ease-out infinite; }
@media (max-width: 991.98px) { .pf-handlers-card { padding: 32px 20px; border-radius: 24px; } .pf-handlers { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---------- API terminal ---------- */
.pf-terminal {
	border-radius: 20px;
	background: #0f1020;
	box-shadow: 0 40px 80px -30px rgba(55, 82, 130, .55), 0 0 0 1px rgba(255, 255, 255, .06) inset;
	overflow: hidden;
	position: relative;
}
.pf-terminal::before {
	content: '';
	position: absolute; top: -40%; right: -20%;
	width: 70%; height: 90%;
	background: radial-gradient(closest-side, rgba(118, 75, 162, .45), transparent);
	pointer-events: none;
}
.pf-terminal-bar { display: flex; align-items: center; gap: 8px; padding: 14px 18px; background: rgba(255, 255, 255, .04); border-bottom: 1px solid rgba(255, 255, 255, .06); position: relative; }
.pf-terminal-bar > span { width: 12px; height: 12px; border-radius: 50%; background: #ff5f57; }
.pf-terminal-bar > span:nth-child(2) { background: #febc2e; }
.pf-terminal-bar > span:nth-child(3) { background: #28c840; }
.pf-terminal-title { margin-left: auto; margin-right: auto; padding-right: 52px; font-size: .78rem; color: rgba(255, 255, 255, .45); font-family: SFMono-Regular, Menlo, Consolas, monospace; }
.pf-terminal-body {
	position: relative;
	padding: 22px 24px 26px;
	min-height: 300px;
	font-family: SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
	font-size: .86rem;
	line-height: 1.75;
	color: #d7dcef;
	white-space: pre-wrap;
	word-break: break-word;
}
.pf-terminal-line { white-space: pre-wrap; }
.pf-t-prompt { color: #28c840; font-weight: 700; }
.pf-t-cmd { color: #a5b4fc; font-weight: 700; }
.pf-t-flag { color: #f0abfc; }
.pf-t-str { color: #fde68a; }
.pf-t-key { color: #93c5fd; }
.pf-t-num { color: #86efac; }
.pf-t-ok { color: #28c840; font-weight: 700; }
.pf-t-caret { display: inline-block; width: 8px; height: 1.05em; margin-left: 2px; vertical-align: text-bottom; background: #a5b4fc; animation: pf-caret 1s steps(1) infinite; }
.pf-terminal.is-done .pf-t-caret { display: none; }
@keyframes pf-caret { 50% { opacity: 0; } }
.pf-terminal-response {
	margin: 1rem 0 0; padding: 0; background: none; border: 0;
	font: inherit; color: inherit; white-space: pre-wrap;
	opacity: 0; transform: translateY(6px);
	transition: opacity .4s ease, transform .4s ease;
}
.pf-terminal-response.is-visible { opacity: 1; transform: none; }

/* ---------- Pricing: compact, 4 in a row, carousel when narrow ---------- */
.pf-front .pf-plans .pricing.pricing-palden {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	gap: 16px;
	padding: 6px 4px 16px;
}
.pf-front .pf-plans .pricing-palden .pricing-item {
	flex: 1 1 0;
	min-width: 0;
	max-width: 320px;
	margin: 0;
}
.pf-front .pf-plans .pricing-palden .pricing-deco { padding: 1.5rem 1.25rem 1rem; }
.pf-front .pf-plans .pricing-palden .pricing-price { font-size: 2.6rem; margin-top: .9rem; }
.pf-front .pf-plans .pricing-palden .pricing-sub { font-size: .85rem; line-height: 1.45; margin-top: .75rem; min-height: 4.4em; }
.pf-front .pf-plans .pricing-palden .pricing-feature-list { padding: 0 1.25rem; }
.pf-front .pf-plans .pricing-palden .pricing-feature { font-size: .86rem; padding: .3rem 0; }
.pf-front .pf-plans .pricing-palden .pricing-item > *:last-child { padding-bottom: 1.25rem; }

@media (max-width: 1199.98px) {
	.pf-front .pf-plans .pricing.pricing-palden {
		justify-content: flex-start;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding-left: 16px; padding-right: 16px;
		margin-left: -15px; margin-right: -15px;
	}
	.pf-front .pf-plans .pricing.pricing-palden::-webkit-scrollbar { display: none; }
	.pf-front .pf-plans .pricing-palden .pricing-item { flex: 0 0 290px; max-width: 290px; scroll-snap-align: center; }
}
.pf-plans-hint { display: none; text-align: center; font-size: .85rem; color: var(--pf-muted); margin-top: .5rem; }
@media (max-width: 1199.98px) { .pf-plans-hint { display: block; } }

/* ---------- Footer (influencer.md style) ---------- */
.pf-front .pf-footer-wrap {
	position: relative;
	overflow: hidden;
	margin-top: 4rem;
	padding: 4.5rem 0 2.5rem;
	background: #fff;
	border-top: 0;
}
.pf-footer-glow {
	position: absolute;
	left: 50%; bottom: -260px;
	width: 1300px; max-width: 140%; height: 420px;
	transform: translateX(-50%);
	border-radius: 50%;
	background: linear-gradient(90deg, #667eea 0%, #f0a6ca 50%, #764ba2 100%);
	filter: blur(90px);
	opacity: .45;
	pointer-events: none;
}
.pf-front .pf-footer-wrap .footer-logo { max-height: 40px; width: auto; }
.pf-footer-brand { display: inline-block; margin-bottom: 1rem; }
.pf-front .pf-footer-tagline { max-width: 340px; color: var(--pf-muted); font-size: 1rem; line-height: 1.55; margin: 0 0 1.5rem; }
.pf-footer-heading { font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--pf-muted); margin-bottom: 1.1rem; }
.pf-footer-links { list-style: none; padding: 0; margin: 0; }
.pf-footer-links li { margin-bottom: .7rem; }
.pf-front .pf-footer-links a { color: var(--pf-ink); font-weight: 500; text-decoration: none; transition: color .2s ease; }
.pf-front .pf-footer-links a:hover { color: var(--pf-grad-2); }
.pf-front .pf-footer-shopify {
	display: inline-flex; align-items: center; gap: .7rem;
	padding: .6rem 1.1rem .6rem .8rem;
	border-radius: 14px;
	background: #fff;
	border: 1px solid var(--pf-line);
	color: var(--pf-ink);
	text-decoration: none;
	transition: box-shadow .2s ease, transform .2s ease;
}
.pf-front .pf-footer-shopify:hover { box-shadow: var(--pf-shadow); transform: translateY(-2px); color: var(--pf-ink); }
.pf-footer-shopify span { display: flex; flex-direction: column; line-height: 1.15; }
.pf-footer-shopify small { font-size: .7rem; color: var(--pf-muted); }
.pf-footer-shopify strong { font-family: 'Onest', sans-serif; font-size: .95rem; }
.pf-footer-socials { display: flex; gap: .5rem; margin-top: 1.25rem; }
.pf-front .pf-footer-socials a {
	width: 38px; height: 38px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	background: #fff; border: 1px solid var(--pf-line); color: var(--pf-ink);
	transition: background-color .2s ease, color .2s ease;
}
.pf-front .pf-footer-socials a:hover { background: var(--pf-ink); color: #fff; }
.pf-footer-bottom {
	position: relative;
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem;
	margin-top: 2.5rem; padding-top: 1.5rem;
	border-top: 1px solid rgba(18, 19, 26, .08);
}
.pf-footer-copy { font-size: .875rem; color: var(--pf-muted); }
.pf-footer-switchers { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem 1rem; }
.pf-footer-switchers .dropdown, .pf-footer-switchers > div { margin: 0 !important; }
.pf-front .pf-footer-switchers .btn-link { color: var(--pf-ink); font-weight: 500; font-size: .9rem; }

/* Round 2 polish */
.pf-front .pf-plans .pricing-palden .pricing-sub { min-height: 5.9em; }
.pf-front .pf-plans .pricing-palden .pricing-feature-list > div,
.pf-front .pf-plans .pricing-palden .pricing-feature-list > div span { font-size: .86rem; }
.pf-front .pf-plans .pricing-palden .pricing-feature-list > div { padding: .3rem 0; border-bottom: 1px dashed var(--pf-line); color: var(--pf-text); }
.pf-front .pf-footer-wrap { margin-top: 0; padding-top: 3.5rem; }
.pf-footer-glow { opacity: .6; height: 460px; }

/* =========================================================
   Header v2: floating glass bar + compact user menu
   ========================================================= */
.pf-nav-wrap { padding: 14px 0; background: transparent; box-shadow: none; }
.pf-nav-wrap.pf-scrolled { background: transparent; box-shadow: none; backdrop-filter: none; padding: 10px 0; }
.pf-front .pf-nav-bar {
	padding: 8px 8px 8px 20px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .72);
	border: 1px solid rgba(18, 19, 26, .06);
	backdrop-filter: saturate(170%) blur(14px);
	-webkit-backdrop-filter: saturate(170%) blur(14px);
	transition: box-shadow .25s ease, background-color .25s ease;
}
.pf-nav-wrap.pf-scrolled .pf-nav-bar { background: rgba(255, 255, 255, .9); box-shadow: 0 10px 30px -12px rgba(18, 19, 26, .18); }
.pf-front .pf-nav-links .nav-link { font-size: .95rem; color: var(--pf-text) !important; }
.pf-front .pf-nav-links .nav-link:hover { color: var(--pf-ink) !important; background: rgba(18, 19, 26, .05); }

/* Icon button (bell) */
.pf-front .pf-icon-btn {
	position: relative;
	width: 40px; height: 40px;
	border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	color: var(--pf-ink) !important;
	background: transparent;
	transition: background-color .2s ease;
	text-decoration: none !important;
}
.pf-front .pf-icon-btn:hover, .pf-front .show > .pf-icon-btn { background: rgba(18, 19, 26, .06); }
.pf-front .pf-icon-btn::after { display: none; }
.pf-icon-btn-dot { position: absolute; top: 9px; right: 10px; width: 8px; height: 8px; border-radius: 50%; background: #ef4444; box-shadow: 0 0 0 2px #fff; }

/* User pill */
.pf-front .pf-user-btn {
	display: inline-flex; align-items: center; gap: .5rem;
	padding: 4px 12px 4px 4px;
	border-radius: 999px;
	border: 1px solid var(--pf-line);
	background: #fff;
	color: var(--pf-ink) !important;
	font-weight: 600; font-size: .92rem;
	text-decoration: none !important;
	transition: box-shadow .2s ease, border-color .2s ease;
}
.pf-front .pf-user-btn:hover, .pf-front .show > .pf-user-btn { border-color: #d5d9e6; box-shadow: var(--pf-shadow); }
.pf-user-avatar { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.pf-user-btn-name { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pf-user-btn-caret { color: var(--pf-muted); transition: transform .2s ease; }
.show > .pf-user-btn .pf-user-btn-caret { transform: rotate(180deg); }

/* Dropdown panel */
.pf-front .pf-dropdown {
	border: 1px solid var(--pf-line);
	border-radius: 20px;
	box-shadow: 0 24px 60px -20px rgba(18, 19, 26, .28), 0 2px 6px rgba(18, 19, 26, .04);
	margin-top: 10px !important;
}
.pf-front .pf-user-menu { width: 320px; max-width: 92vw; padding: 8px; }
.pf-user-card {
	display: flex; align-items: center; gap: .75rem;
	padding: 14px;
	border-radius: 14px;
	background:
		radial-gradient(80% 120% at 100% 0%, rgba(118, 75, 162, .14), transparent 70%),
		radial-gradient(80% 120% at 0% 100%, rgba(102, 126, 234, .14), transparent 70%),
		#f7f6fd;
}
.pf-user-card-avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 3px #fff; flex-shrink: 0; }
.pf-user-card-info { min-width: 0; flex: 1; }
.pf-user-card-name { font-family: 'Onest', sans-serif; font-weight: 700; color: var(--pf-ink); line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pf-user-card-email { font-size: .8rem; color: var(--pf-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pf-front .pf-plan-badge {
	flex-shrink: 0;
	padding: 4px 10px;
	border-radius: 999px;
	background: linear-gradient(100deg, var(--pf-grad-1), var(--pf-grad-2));
	color: #fff !important;
	font-size: .72rem; font-weight: 700;
	text-decoration: none !important;
	white-space: nowrap;
}

.pf-menu-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 8px 0; }
.pf-front .pf-menu-tile {
	display: flex; flex-direction: column; align-items: flex-start; gap: .5rem;
	padding: 12px;
	border-radius: 14px;
	border: 1px solid var(--pf-line);
	color: var(--pf-ink) !important;
	font-weight: 600; font-size: .86rem; line-height: 1.2;
	text-decoration: none !important;
	transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}
.pf-front .pf-menu-tile:hover { background: var(--pf-soft); transform: translateY(-1px); }
.pf-front .pf-menu-tile.is-active { border-color: rgba(102, 126, 234, .5); background: #f4f5ff; }
.pf-menu-ic {
	width: 32px; height: 32px; border-radius: 10px;
	display: inline-flex; align-items: center; justify-content: center;
	color: var(--c);
	background: color-mix(in srgb, var(--c) 14%, #fff);
	font-size: .9rem;
}

.pf-menu-list { padding: 6px 0; border-top: 1px solid var(--pf-line); }
.pf-front .pf-menu-item {
	display: flex; align-items: center; gap: .7rem;
	padding: 9px 12px;
	border-radius: 10px;
	color: var(--pf-text) !important;
	font-size: .9rem; font-weight: 500;
	text-decoration: none !important;
	transition: background-color .15s ease, color .15s ease;
}
.pf-front .pf-menu-item i { color: var(--pf-muted); width: 18px; }
.pf-front .pf-menu-item:hover { background: var(--pf-soft); color: var(--pf-ink) !important; }
.pf-front .pf-menu-item:hover i { color: var(--pf-ink); }
.pf-front .pf-menu-item.is-active { color: var(--pf-ink) !important; background: #f4f5ff; }
.pf-front .pf-menu-item-admin { color: #5b4bd1 !important; font-weight: 600; }
.pf-front .pf-menu-item-admin i { color: #5b4bd1; }
.pf-menu-footer { padding-top: 6px; border-top: 1px solid var(--pf-line); }
.pf-front .pf-menu-logout { color: #dc2626 !important; }
.pf-front .pf-menu-logout i { color: #dc2626; }
.pf-front .pf-menu-logout:hover { background: #fef2f2; color: #b91c1c !important; }

@media (max-width: 991.98px) {
	.pf-front .pf-nav-bar { border-radius: 24px; padding: 8px 8px 8px 16px; }
	.pf-front .pf-nav .navbar-collapse { margin-top: 8px; border: 0; box-shadow: none; padding: 8px 4px 4px; background: transparent; }
	.pf-front .pf-nav-user { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; }
	.pf-front .pf-nav-user > li:first-child { flex: 1 1 100%; }
	.pf-front .pf-nav-user > li:first-child .pf-btn { width: 100%; }
	.pf-front .pf-user-menu { position: static !important; transform: none !important; width: 100%; box-shadow: none; margin-top: 8px !important; }
	.pf-front .pf-nav-user .dropdown { flex: 1 1 auto; }
	.pf-front .pf-nav-user .dropdown:last-child { flex: 1 1 100%; }
	.pf-front .pf-user-btn { width: 100%; justify-content: flex-start; }
	.pf-front .pf-user-btn-caret { margin-left: auto; }
}
@media (max-width: 991.98px) {
	.pf-front .pf-nav-bar { flex-wrap: wrap; }
	.pf-front .pf-nav-bar .navbar-collapse { flex: 0 0 100%; max-width: 100%; min-width: 0; }
	/* Sticky nav: the open menu scrolls inside itself so everything down to Logout is reachable */
	.pf-front .pf-nav-bar .navbar-collapse.show,
	.pf-front .pf-nav-bar .navbar-collapse.collapsing { max-height: calc(100vh - 110px); max-height: calc(100dvh - 110px); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
	.pf-front .pf-nav-bar .navbar-nav { min-width: 0; width: 100%; }
	.pf-front .pf-nav-user { flex-direction: column; align-items: stretch; gap: 8px; }
	.pf-front .pf-nav-user > li { flex: none !important; width: 100%; margin: 0 !important; }
	.pf-front .pf-icon-btn { width: 100%; height: 44px; border-radius: 12px; justify-content: flex-start; padding: 0 12px; background: var(--pf-soft); }
	.pf-icon-btn-dot { left: 26px; right: auto; }
	.pf-front #internal_notifications_content { position: static !important; transform: none !important; width: 100% !important; }
}

/* Preview: widgets made of several blocks (chat window + launcher) stack vertically */
.pf-front #notification_preview { flex-direction: column; align-items: center; gap: 14px; }
.pf-front #notification_preview:has([class*="-chat-window"]) { align-items: flex-end; }
.pf-front #notification_preview > [class*="-chat-wrapper"] { align-self: flex-end; margin: 0 !important; }

/* Notifications dropdown */
.pf-front .pf-notif-menu { width: 400px; max-width: 92vw; padding: 8px; }
.pf-notif-head { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px 12px; border-bottom: 1px solid var(--pf-line); margin-bottom: 6px; }
.pf-notif-title { font-family: 'Onest', sans-serif; font-weight: 700; color: var(--pf-ink); font-size: 1rem; }
.pf-front .pf-notif-all { font-size: .82rem; font-weight: 600; color: var(--pf-grad-2) !important; text-decoration: none !important; padding: 4px 10px; border-radius: 999px; background: #f4f1fb; }
.pf-front .pf-notif-all:hover { background: #ebe5f8; }
.pf-notif-list { max-height: 420px; overflow-y: auto; display: grid; gap: 4px; }
.pf-notif-item { position: relative; display: flex; gap: .8rem; padding: 10px 12px; border-radius: 14px; transition: background-color .15s ease; }
.pf-notif-item:hover { background: var(--pf-soft); }
.pf-notif-item.is-unread { background: #f6f5ff; }
.pf-notif-ic {
	flex-shrink: 0;
	width: 38px; height: 38px; border-radius: 12px;
	display: inline-flex; align-items: center; justify-content: center;
	background: linear-gradient(135deg, rgba(102, 126, 234, .16), rgba(118, 75, 162, .16));
	color: #5b4bd1;
}
.pf-notif-body { min-width: 0; padding-right: 14px; }
.pf-notif-item-title { font-weight: 600; font-size: .9rem; color: var(--pf-ink); line-height: 1.3; }
.pf-front .pf-notif-item-title a { color: var(--pf-ink) !important; text-decoration: none !important; }
.pf-notif-item-text { font-size: .83rem; color: var(--pf-text); line-height: 1.4; margin-top: 2px; }
.pf-notif-item-time { font-size: .75rem; color: var(--pf-muted); margin-top: 4px; }
.pf-notif-unread-dot { position: absolute; top: 16px; right: 12px; width: 8px; height: 8px; border-radius: 50%; background: var(--pf-grad-1); }
.pf-notif-empty { text-align: center; padding: 28px 16px 24px; }
.pf-notif-empty-emoji {
	width: 72px; height: 72px; margin: 0 auto 14px;
	border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	font-size: 2rem;
	background: radial-gradient(circle at 30% 30%, #fff, #efeaff 70%);
	box-shadow: 0 10px 24px -12px rgba(118, 75, 162, .5);
	animation: pf-bell 2.4s ease-in-out infinite;
}
@keyframes pf-bell { 0%, 70%, 100% { transform: rotate(0); } 75% { transform: rotate(12deg); } 80% { transform: rotate(-10deg); } 85% { transform: rotate(6deg); } 90% { transform: rotate(-4deg); } }
.pf-notif-empty-title { font-family: 'Onest', sans-serif; font-weight: 700; color: var(--pf-ink); }
.pf-notif-empty-text { font-size: .85rem; color: var(--pf-muted); margin-top: 4px; text-wrap: balance; }
.pf-notif-loading { display: flex; justify-content: center; padding: 40px 0; }
.pf-spinner { width: 28px; height: 28px; border-radius: 50%; border: 3px solid #ece9f9; border-top-color: var(--pf-grad-2); animation: pf-spin .8s linear infinite; }
@keyframes pf-spin { to { transform: rotate(360deg); } }

.pf-front .pf-icon-btn:focus, .pf-front .pf-user-btn:focus { outline: none; }
.pf-front .pf-icon-btn:focus-visible, .pf-front .pf-user-btn:focus-visible { outline: 2px solid var(--pf-grad-1); outline-offset: 2px; }
.pf-front .show > .pf-icon-btn { background: rgba(18, 19, 26, .06); border: 0; }

/* =========================================================
   Inner pages: plan, affiliate, contact
   ========================================================= */
.pf-page-hero-section { padding-top: 8px; }
.pf-page-hero {
	position: relative;
	overflow: hidden;
	border-radius: 32px;
	padding: 56px;
	text-align: center;
	background:
		radial-gradient(60% 80% at 0% 0%, #e9e6ff 0%, rgba(233, 230, 255, 0) 70%),
		radial-gradient(55% 75% at 100% 10%, #ffe3f1 0%, rgba(255, 227, 241, 0) 70%),
		radial-gradient(60% 70% at 70% 100%, #dcefff 0%, rgba(220, 239, 255, 0) 70%),
		#f7f6fd;
}
.pf-page-hero h1 { font-size: clamp(2rem, 4.2vw, 3.2rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.08; margin-bottom: 1rem; }
.pf-page-hero p { font-size: 1.1rem; color: var(--pf-text); max-width: 620px; margin: 0 auto; text-wrap: balance; }
.pf-page-hero-split, .pf-contact-side { text-align: left; }
.pf-page-hero-split p, .pf-contact-side p { margin: 0; }
.pf-breadcrumbs { list-style: none; display: inline-flex; flex-wrap: wrap; gap: .4rem; padding: 0; margin: 0 0 1.25rem; font-size: .82rem; }
.pf-breadcrumbs li { color: var(--pf-muted); display: inline-flex; align-items: center; gap: .4rem; }
.pf-breadcrumbs li + li::before { content: '/'; color: #c3c7d4; }
.pf-front .pf-breadcrumbs a { color: var(--pf-muted); text-decoration: none; }
.pf-front .pf-breadcrumbs a:hover { color: var(--pf-ink); }
.pf-breadcrumbs .active { color: var(--pf-ink); font-weight: 600; }
.pf-page-hero > nav { display: block; }
.pf-page-hero-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1.5rem; margin-top: 1.75rem; color: var(--pf-ink); font-size: .92rem; font-weight: 500; }
.pf-page-hero-chips i { color: var(--pf-primary); }
@media (max-width: 767.98px) { .pf-page-hero { padding: 36px 20px; border-radius: 24px; } }

/* Plan page extras */
.pf-front .pf-plan-shopify {
	display: flex; align-items: center; gap: 1rem;
	max-width: 760px; margin: 2rem auto 0;
	padding: 1rem 1.25rem;
	border-radius: 18px;
	background: #f5f8ef;
	border: 1px solid #e3ebd3;
	color: var(--pf-ink);
	text-decoration: none;
	transition: transform .2s ease, box-shadow .2s ease;
}
.pf-front .pf-plan-shopify:hover { transform: translateY(-2px); box-shadow: var(--pf-shadow); color: var(--pf-ink); }
.pf-plan-shopify-ic { width: 48px; height: 48px; border-radius: 14px; background: #fff; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.pf-plan-shopify-text { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.pf-plan-shopify-text span { font-size: .9rem; color: var(--pf-text); }
.pf-plan-shopify-arrow { color: #4f7a2a; }
.pf-why { height: 100%; padding: 2rem; border-radius: var(--pf-radius); background: #fff; border: 1px solid var(--pf-line); transition: transform .25s ease, box-shadow .25s ease; }
.pf-why:hover { transform: translateY(-4px); box-shadow: var(--pf-shadow); }
.pf-why-ic { width: 48px; height: 48px; border-radius: 14px; font-size: 1.15rem; margin-bottom: 1.25rem; }
.pf-why h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: .5rem; }
.pf-why p { margin: 0; color: var(--pf-muted); }

/* Affiliate */
.pf-aff-stats { display: grid; gap: 12px; margin-top: 1.75rem; }
.pf-aff-stat { display: flex; gap: .9rem; align-items: flex-start; padding: 1rem 1.1rem; border-radius: 18px; background: rgba(255, 255, 255, .75); border: 1px solid rgba(18, 19, 26, .06); }
.pf-aff-stat .pf-menu-ic { width: 42px; height: 42px; border-radius: 12px; flex-shrink: 0; }
.pf-aff-stat strong { display: block; font-family: 'Onest', sans-serif; font-size: 1.15rem; color: var(--pf-ink); margin-bottom: .15rem; }
.pf-aff-stat span { font-size: .88rem; color: var(--pf-muted); }
.pf-aff-visual { position: relative; }
.pf-front .affiliate-page .image-wrap img { border-radius: 24px; box-shadow: var(--pf-shadow-lg); }
.pf-aff-badge {
	position: absolute;
	display: inline-flex; align-items: center; gap: .5rem;
	padding: .6rem 1rem;
	border-radius: 999px;
	background: #fff;
	box-shadow: var(--pf-shadow-lg);
	font-family: 'Onest', sans-serif; font-weight: 700; color: var(--pf-ink);
	animation: pf-float 6s ease-in-out infinite;
	z-index: 3;
}
.pf-aff-badge-1 { top: 8%; left: 0; }
.pf-aff-badge-2 { bottom: 10%; right: 0; animation-delay: -3s; }
.pf-step-icon { color: #c3c7d4; }
.pf-step:hover .pf-step-icon { color: var(--pf-grad-1); }
@media (max-width: 767.98px) { .pf-aff-badge { display: none; } }

/* Contact */
.pf-contact-points { display: grid; gap: 14px; margin-top: 2rem; }
.pf-contact-point { display: flex; gap: .9rem; align-items: flex-start; }
.pf-contact-point .pf-menu-ic { width: 42px; height: 42px; border-radius: 12px; flex-shrink: 0; }
.pf-contact-point strong { display: block; color: var(--pf-ink); }
.pf-contact-point span { font-size: .9rem; color: var(--pf-muted); }
.pf-form-card { height: 100%; padding: 40px; border-radius: 32px; background: #fff; border: 1px solid var(--pf-line); box-shadow: var(--pf-shadow); }
.pf-form-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 1.5rem; }
.pf-front .pf-form-card label { font-weight: 600; color: var(--pf-ink); font-size: .9rem; margin-bottom: .4rem; }
.pf-front .pf-form-card .form-control {
	height: auto;
	padding: .8rem 1rem;
	border-radius: 14px;
	border: 1px solid var(--pf-line);
	background: var(--pf-soft);
	font-size: .98rem;
	transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.pf-front .pf-form-card .form-control:focus { background: #fff; border-color: var(--pf-grad-1); box-shadow: 0 0 0 4px rgba(102, 126, 234, .15); }
.pf-front .pf-form-card .form-control.is-invalid { border-color: #ef4444; }
.pf-front .pf-form-card textarea.form-control { min-height: 160px; resize: vertical; }
.pf-front .pf-form-card .pf-btn { padding: 1rem 1.5rem; margin-top: .5rem; }
@media (max-width: 767.98px) { .pf-form-card { padding: 24px 18px; border-radius: 24px; } }
.pf-front .affiliate-page .pf-aff-visual .image-wrap .thin-image-first,
.pf-front .affiliate-page .pf-aff-visual .image-wrap .thin-image-third { width: 26%; min-height: 300px; border-radius: 999px; }
.pf-front .affiliate-page .pf-aff-visual .image-wrap .thin-image-second { width: 32%; min-height: 380px; border-radius: 999px; }
@media (max-width: 767.98px) {
	.pf-front .affiliate-page .pf-aff-visual .image-wrap .thin-image-first,
	.pf-front .affiliate-page .pf-aff-visual .image-wrap .thin-image-third { min-height: 200px; }
	.pf-front .affiliate-page .pf-aff-visual .image-wrap .thin-image-second { min-height: 250px; }
}

.pf-front main > .pf-page-hero-section:last-child { padding-bottom: 5rem; }

/* FAQ accordion: no focus box, soft open state */
.pf-front .index-faq .card { transition: border-color .25s ease, background-color .25s ease, box-shadow .25s ease; overflow: hidden; }
.pf-front .index-faq .card .card-body { padding: 1.1rem 1.4rem; }
.pf-front .index-faq .btn,
.pf-front .index-faq .btn:focus,
.pf-front .index-faq .btn:active,
.pf-front .index-faq .btn:not(:disabled):not(.disabled):active:focus { box-shadow: none !important; outline: none !important; border-color: transparent !important; background: transparent !important; }
.pf-front .index-faq .btn:focus-visible { outline: 2px solid var(--pf-grad-1) !important; outline-offset: 4px; border-radius: 8px; }
.pf-front .index-faq .btn { align-items: center; gap: 1rem; font-size: 1.02rem; }
.pf-front .index-faq [data-icon] {
	flex-shrink: 0;
	width: 32px; height: 32px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--pf-soft);
	color: var(--pf-muted);
	transition: background-color .25s ease, color .25s ease;
}
.pf-front .index-faq [data-icon] svg { transition: transform .3s ease; }
.pf-front .index-faq .card:hover { border-color: #d5d9e6 !important; }
.pf-front .index-faq .card:has(.collapse.show),
.pf-front .index-faq .card:has(.collapsing) {
	border-color: rgba(102, 126, 234, .35) !important;
	background: linear-gradient(180deg, #f7f6ff 0%, #ffffff 100%);
	box-shadow: 0 16px 36px -22px rgba(102, 126, 234, .55);
}
.pf-front .index-faq .card:has(.collapse.show) [data-icon],
.pf-front .index-faq .card:has(.collapsing) [data-icon] { background: linear-gradient(135deg, var(--pf-grad-1), var(--pf-grad-2)); color: #fff; }
.pf-front .index-faq .card:has(.collapse.show) [data-icon] svg { color: #fff !important; }
.pf-front .index-faq .collapse, .pf-front .index-faq .collapsing { color: var(--pf-text) !important; line-height: 1.65; }

/* FAQ icon v2 + labels on pastel heroes */
.pf-front .index-faq .btn:focus-visible { outline: none !important; }
.pf-front .index-faq [data-icon],
.pf-front .index-faq .card:has(.collapse.show) [data-icon],
.pf-front .index-faq .card:has(.collapsing) [data-icon] { background: none !important; width: auto; height: auto; }
.pf-front .index-faq [data-icon] svg { color: #c3c7d4 !important; font-size: 1.35rem; }
.pf-front .index-faq .card:hover [data-icon] svg { color: #9aa0b4 !important; }
.pf-front .index-faq .card:has(.collapse.show) [data-icon] svg { color: var(--pf-grad-1) !important; }
.pf-page-hero .pf-label { background: #fff; box-shadow: 0 2px 8px -2px rgba(55, 82, 130, .15); }

/* Gradient icon tiles on affiliate stats and contact points */
.pf-aff-stat > .pf-menu-ic,
.pf-contact-point > .pf-menu-ic {
	color: #fff !important;
	background: linear-gradient(135deg, var(--c) 0%, color-mix(in srgb, var(--c) 55%, #764ba2) 100%);
	box-shadow: 0 10px 20px -10px var(--c);
	font-size: 1rem;
}
.pf-aff-stat > .pf-menu-ic svg, .pf-contact-point > .pf-menu-ic svg { color: #fff; }

/* FAQ chevron size fix */
.pf-front .index-faq [data-icon] { display: inline-flex !important; align-items: center; }
.pf-front .index-faq [data-icon] svg { width: 22px !important; height: 22px !important; display: block !important; }

/* Page hero labels: gradient pill */
.pf-page-hero .pf-label { background: linear-gradient(100deg, var(--pf-grad-1), var(--pf-grad-2)); color: #fff; box-shadow: 0 8px 18px -8px rgba(118, 75, 162, .6); }

/* =========================================================
   API documentation
   ========================================================= */
.pf-copy-field { position: relative; }
.pf-copy-field .form-control { padding-right: 52px !important; font-family: SFMono-Regular, Menlo, Consolas, monospace; font-size: .88rem !important; }
.pf-copy-btn {
	position: absolute; top: 50%; right: 6px; transform: translateY(-50%);
	width: 38px; height: 38px; border-radius: 10px; border: 0;
	background: #fff; color: var(--pf-ink);
	box-shadow: 0 1px 3px rgba(18, 19, 26, .12);
	transition: background-color .2s ease, color .2s ease;
}
.pf-copy-btn:hover { background: var(--pf-ink); color: #fff; }
.pf-copy-btn.is-copied { background: #22c55e; color: #fff; }

.pf-api-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.pf-front .pf-api-card {
	position: relative;
	display: flex; align-items: flex-start; gap: 1rem;
	padding: 1.25rem;
	border-radius: 20px;
	background: #fff;
	border: 1px solid var(--pf-line);
	color: var(--pf-ink) !important;
	text-decoration: none !important;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.pf-front .pf-api-card:hover { transform: translateY(-4px); box-shadow: var(--pf-shadow); border-color: transparent; }
.pf-api-card-ic { width: 46px; height: 46px; border-radius: 14px; flex-shrink: 0; color: #fff !important; background: linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 55%, #764ba2)); box-shadow: 0 10px 20px -10px var(--c); }
.pf-api-card-body { display: flex; flex-direction: column; gap: .25rem; min-width: 0; flex: 1; }
.pf-api-card-body strong { font-family: 'Onest', sans-serif; font-size: 1.05rem; }
.pf-api-card-body span { font-size: .87rem; color: var(--pf-muted); line-height: 1.45; }
.pf-api-card-body code { align-self: flex-start; margin-top: .35rem; padding: 2px 8px; border-radius: 6px; background: var(--pf-soft); color: #5b4bd1; font-size: .78rem; }
.pf-api-card-arrow { color: #c3c7d4; margin-top: .2rem; transition: transform .25s ease, color .25s ease; }
.pf-front .pf-api-card:hover .pf-api-card-arrow { color: var(--pf-ink); transform: translateX(3px); }
@media (max-width: 991.98px) { .pf-api-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .pf-api-grid { grid-template-columns: 1fr; } }

/* Subpages */
.pf-api-doc { padding-top: 8px; padding-bottom: 4rem; }
.pf-api-hero { padding: 40px 48px; margin-bottom: 2rem; text-align: left; }
.pf-api-hero h1 { margin-bottom: 0; }
.pf-api-nav {
	position: sticky; top: 96px;
	display: flex; flex-direction: column; gap: 2px;
	padding: 10px;
	border-radius: 20px;
	background: #fff;
	border: 1px solid var(--pf-line);
}
.pf-front .pf-api-nav-item {
	display: flex; align-items: center; gap: .6rem;
	padding: 9px 12px;
	border-radius: 12px;
	color: var(--pf-text) !important;
	font-size: .9rem; font-weight: 500;
	text-decoration: none !important;
	transition: background-color .15s ease;
}
.pf-front .pf-api-nav-item:hover { background: var(--pf-soft); color: var(--pf-ink) !important; }
.pf-front .pf-api-nav-item.is-active { background: #f1efff; color: var(--pf-ink) !important; font-weight: 700; }
.pf-front .pf-api-nav-item:first-child { color: var(--pf-muted) !important; border-bottom: 1px solid var(--pf-line); border-radius: 12px 12px 0 0; margin-bottom: 4px; }
@media (max-width: 991.98px) {
	.pf-api-hero { padding: 28px 20px; }
	.pf-api-nav { position: static; flex-direction: row; overflow-x: auto; scrollbar-width: none; }
	.pf-api-nav::-webkit-scrollbar { display: none; }
	.pf-front .pf-api-nav-item { white-space: nowrap; }
	.pf-front .pf-api-nav-item:first-child { border-bottom: 0; margin-bottom: 0; }
}

/* Endpoint accordions */
.pf-api-doc .accordion .card {
	border: 1px solid var(--pf-line) !important;
	border-radius: 18px !important;
	margin-bottom: 12px;
	overflow: hidden;
	box-shadow: none;
	transition: box-shadow .25s ease, border-color .25s ease;
}
.pf-api-doc .accordion .card:hover { border-color: #d5d9e6 !important; }
.pf-api-doc .accordion .card:has(.collapse.show) { border-color: rgba(102, 126, 234, .35) !important; box-shadow: 0 16px 36px -24px rgba(102, 126, 234, .6); }
.pf-api-doc .accordion .card-header { background: #fff !important; border: 0; padding: 1.05rem 1.35rem !important; }
.pf-api-doc .accordion .card:has(.collapse.show) .card-header { background: linear-gradient(180deg, #f7f6ff, #fff) !important; }
.pf-api-doc .accordion .card-header h3 { display: flex; align-items: center; justify-content: space-between; }
.pf-api-doc .accordion .card-header a { color: var(--pf-ink) !important; font-family: 'Onest', sans-serif; font-weight: 600; font-size: 1rem; }
.pf-api-doc .accordion .card-header h3::after {
	content: "\203A";
	font-size: 1.4rem; line-height: 1; color: #c3c7d4;
	transition: transform .25s ease, color .25s ease;
}
.pf-api-doc .accordion .card:has(.collapse.show) .card-header h3::after { transform: rotate(90deg); color: var(--pf-grad-1); }
.pf-api-doc .accordion .card-body { padding: 1.25rem 1.35rem 1.5rem; }
.pf-api-doc label { font-size: .74rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--pf-muted); margin-bottom: .5rem; }

/* Code blocks (endpoint + curl examples) */
.pf-api-doc .card.bg-gray-100,
.pf-api-doc .card.bg-gray-50 {
	background: #0f1020 !important;
	border-radius: 14px !important;
	border: 0 !important;
	margin-bottom: 0;
}
.pf-api-doc .card.bg-gray-100 .card-body,
.pf-api-doc .card.bg-gray-50 .card-body {
	font-family: SFMono-Regular, Menlo, Consolas, monospace;
	font-size: .85rem; line-height: 1.8;
	color: #d7dcef;
	padding: 1rem 1.25rem;
	overflow-x: auto;
	white-space: nowrap;
}
.pf-api-doc .card.bg-gray-100 .text-muted { color: #d7dcef !important; }
.pf-api-doc .card.bg-gray-100 .text-primary, .pf-api-doc .card.bg-gray-50 .text-primary { color: #fde68a !important; }
.pf-api-doc .card.bg-gray-100 .badge { font-family: 'Onest', sans-serif; letter-spacing: .04em; }

/* Method + param badges */
.pf-api-doc .badge { border-radius: 999px; padding: .35em .75em; font-weight: 600; }
.pf-api-doc .badge-success { background: #dcfce7; color: #15803d; }
.pf-api-doc .badge-info { background: #e0e7ff; color: #4338ca; }
.pf-api-doc .badge-danger { background: #fee2e2; color: #b91c1c; }
.pf-api-doc .badge-secondary { background: #f1f5f9; color: #475569; }
.pf-api-doc .badge-light { background: #fff7ed; color: #c2410c; }
.pf-api-doc .card.bg-gray-100 .badge-success { background: #22c55e; color: #fff; }
.pf-api-doc .card.bg-gray-100 .badge-info { background: #6366f1; color: #fff; }
.pf-api-doc .card.bg-gray-100 .badge-danger { background: #ef4444; color: #fff; }

/* Parameters table */
.pf-api-doc .table-custom-container { border: 1px solid var(--pf-line); border-radius: 14px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.pf-api-doc .table-custom { margin: 0; font-size: .88rem; }
.pf-api-doc .table-custom thead th { background: var(--pf-soft); border: 0; font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; color: var(--pf-muted); padding: .8rem 1rem; }
.pf-api-doc .table-custom td { border-top: 1px solid var(--pf-line); padding: .8rem 1rem; vertical-align: middle; color: var(--pf-text); }
.pf-api-doc .table-custom td:first-child { font-family: SFMono-Regular, Menlo, Consolas, monospace; color: #5b4bd1; font-weight: 600; white-space: nowrap; }
.pf-api-doc code { color: #5b4bd1; background: #f1efff; padding: 1px 6px; border-radius: 6px; }

/* JSON response (shiki) */
.pf-api-doc [data-shiki] pre, .pf-api-doc pre.shiki { border-radius: 14px; padding: 1rem 1.25rem; font-size: .84rem; line-height: 1.65; max-height: 460px; overflow: auto; margin: 0; }
.pf-api-doc [data-shiki] { border-radius: 14px; overflow: hidden; }

/* API docs: single page */
html { scroll-padding-top: 100px; }
.pf-api-section { padding-bottom: 2.5rem; margin-bottom: 2.5rem; border-bottom: 1px solid var(--pf-line); }
.pf-api-section:last-child { border-bottom: 0; margin-bottom: 0; }
.pf-api-section-head { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1.25rem; }
.pf-api-section-head h2 { font-size: 1.5rem; font-weight: 700; margin: 0 0 .25rem; }
.pf-api-section-head p { margin: 0; color: var(--pf-muted); font-size: .95rem; }
.pf-api-section-head code { margin-left: .35rem; }
.pf-api-section-head > div { flex: 1; min-width: 0; }
.pf-front .pf-api-anchor { color: #c3c7d4 !important; opacity: 0; transition: opacity .2s ease, color .2s ease; padding: .4rem; }
.pf-api-section-head:hover .pf-api-anchor { opacity: 1; }
.pf-front .pf-api-anchor:hover { color: var(--pf-grad-2) !important; }
.pf-api-doc .pf-api-nav-item:first-child { border-bottom: 0; margin-bottom: 0; color: var(--pf-text) !important; border-radius: 12px; }
.pf-api-doc .pf-api-nav-item.is-active { background: #f1efff; color: var(--pf-ink) !important; font-weight: 700; }
@media (max-width: 991.98px) {
	.pf-api-doc .pf-api-nav { position: sticky; top: 74px; z-index: 5; box-shadow: var(--pf-shadow); }
	html { scroll-padding-top: 150px; }
}

/* Hero pills stacked + Shopify visual on gradient */
.pf-hero-pills { flex-direction: column; align-items: flex-start; }
.pf-shopify-visual {
	background:
		radial-gradient(70% 80% at 0% 0%, rgba(149, 191, 71, .55) 0%, rgba(149, 191, 71, 0) 70%),
		radial-gradient(70% 80% at 100% 100%, rgba(118, 75, 162, .55) 0%, rgba(118, 75, 162, 0) 70%),
		linear-gradient(135deg, #667eea 0%, #8f6fd1 50%, #764ba2 100%);
	box-shadow: 0 30px 60px -24px rgba(102, 75, 162, .55);
	padding: 2.5rem 1.5rem;
	gap: 18px;
}

/* Smaller hero title */
.pf-hero h1 { font-size: clamp(2rem, 4vw, 3.1rem); line-height: 1.08; }

/* Hero title: smaller, extra step down for long-word languages */
.pf-hero h1 { font-size: clamp(1.9rem, 3.5vw, 2.8rem); }
html[lang="ro"] .pf-hero h1, html[lang="ru"] .pf-hero h1 { font-size: clamp(1.75rem, 3vw, 2.45rem); }
html[lang="ro"] .pf-hero-text, html[lang="ru"] .pf-hero-text { font-size: 1.02rem; margin-bottom: 1.6rem; }

/* Shopify band: same pastel as the hero */
.pf-shopify {
	background:
		radial-gradient(60% 70% at 0% 0%, #e9e6ff 0%, rgba(233, 230, 255, 0) 70%),
		radial-gradient(55% 65% at 100% 10%, #ffe3f1 0%, rgba(255, 227, 241, 0) 70%),
		radial-gradient(60% 70% at 70% 100%, #ffe9f3 0%, rgba(255, 233, 243, 0) 70%),
		#fbf5fb;
	border: 0;
}
.pf-shopify .pf-label { background: #fff !important; color: #4f7a2a !important; box-shadow: 0 2px 8px -2px rgba(55, 82, 130, .15); }

/* Header logo a bit bigger */
.pf-front .pf-nav .navbar-logo { max-height: 44px; height: 44px; width: auto; }

/* Feature tiles (homepage) */
.pf-features-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.pf-feature-tile {
	position: relative;
	overflow: hidden;
	padding: 1.5rem 1rem 1.25rem;
	border-radius: 20px;
	background: #fff;
	border: 1px solid var(--pf-line);
	text-align: center;
	transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.pf-feature-tile::before {
	content: '';
	position: absolute; inset: auto -30% -60% -30%;
	height: 90%;
	background: radial-gradient(closest-side, color-mix(in srgb, var(--c) 22%, transparent), transparent);
	opacity: 0;
	transition: opacity .3s ease;
	pointer-events: none;
}
.pf-feature-tile:hover { transform: translateY(-5px); border-color: transparent; box-shadow: 0 22px 40px -22px color-mix(in srgb, var(--c) 70%, transparent); }
.pf-feature-tile:hover::before { opacity: 1; }
.pf-feature-ic {
	position: relative;
	width: 56px; height: 56px;
	margin: 0 auto .9rem;
	border-radius: 18px;
	display: flex; align-items: center; justify-content: center;
	color: #fff;
	font-size: 1.3rem;
	background: linear-gradient(135deg, var(--c) 0%, color-mix(in srgb, var(--c) 55%, #764ba2) 100%);
	box-shadow: 0 12px 24px -12px var(--c);
	transition: transform .35s cubic-bezier(.3, 1.6, .5, 1);
}
.pf-feature-tile:hover .pf-feature-ic { transform: scale(1.08) rotate(-6deg); }
.pf-feature-tile h3, .pf-feature-tile h6 { position: relative; margin: 0; font-size: .95rem; font-weight: 600; line-height: 1.3; color: var(--pf-ink); }
@media (max-width: 1199.98px) { .pf-features-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { .pf-features-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .pf-feature-tile { padding: 1.1rem .5rem 1rem; } .pf-feature-ic { width: 48px; height: 48px; border-radius: 15px; font-size: 1.1rem; } .pf-feature-tile h3, .pf-feature-tile h6 { font-size: .82rem; } }
@media (max-width: 400px) { .pf-features-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* API docs mobile: keep the section bar stuck under the header */
@media (max-width: 991.98px) {
	.pf-api-layout > .col-lg-3 { position: sticky; top: 72px; z-index: 6; margin-bottom: 1rem !important; }
	.pf-api-doc .pf-api-nav { position: static; background: rgba(255, 255, 255, .95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
	html { scroll-padding-top: 160px; }
}

/* Space between page hero and API docs */
.pf-page-hero-section + .pf-api-doc { padding-top: 3rem; }
@media (max-width: 991.98px) { .pf-page-hero-section + .pf-api-doc { padding-top: 2rem; } }

/* =========================================================
   404 page
   ========================================================= */
.pf-404-section { padding-bottom: 4rem; }
.pf-404 { padding: 56px; text-align: left; }
.pf-404 h1 { font-size: clamp(2rem, 4vw, 3rem); }
.pf-404 p { margin: 0; }
.pf-404-links { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: 1.75rem; font-size: .9rem; }
.pf-404-links span { color: var(--pf-muted); margin-right: .25rem; }
.pf-front .pf-404-links a {
	padding: .35rem .85rem;
	border-radius: 999px;
	background: #fff;
	border: 1px solid rgba(18, 19, 26, .06);
	color: var(--pf-ink) !important;
	font-weight: 500;
	text-decoration: none !important;
	transition: transform .2s ease, box-shadow .2s ease;
}
.pf-front .pf-404-links a:hover { transform: translateY(-2px); box-shadow: var(--pf-shadow); }
.pf-404-art { width: 100%; height: auto; display: block; overflow: visible; }
@media (max-width: 991.98px) {
	.pf-404 { padding: 32px 20px; }
	.pf-404-links { justify-content: center; }
}

/* SVG animations */
.pf-404-art * { transform-box: fill-box; }
.pf404-blob { transform-origin: center; animation: pf404-blob 9s ease-in-out infinite; }
.pf404-blob-2 { animation-delay: -4s; }
@keyframes pf404-blob { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(14px, -10px) scale(1.08); } }

.pf404-floor { transform-origin: center; animation: pf404-floor 4s ease-in-out infinite; }
@keyframes pf404-floor { 0%, 100% { transform: scaleX(1); opacity: .08; } 50% { transform: scaleX(.88); opacity: .05; } }

.pf404-spark { transform-origin: center; animation: pf404-twinkle 2.6s ease-in-out infinite; }
.pf404-spark-2 { animation-delay: -.7s; }
.pf404-spark-3 { animation-delay: -1.4s; }
.pf404-spark-4 { animation-delay: -2s; }
@keyframes pf404-twinkle { 0%, 100% { transform: scale(.6) rotate(0); opacity: .35; } 50% { transform: scale(1.15) rotate(45deg); opacity: 1; } }

.pf404-four { animation: pf404-bob 4s ease-in-out infinite; }
.pf404-four-2 { animation-delay: -2s; }
@keyframes pf404-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }

.pf404-bell-wrap { animation: pf404-bubble 4s ease-in-out infinite; }
@keyframes pf404-bubble { 0%, 100% { translate: 0 0; } 50% { translate: 0 -8px; } }
.pf404-bell { transform-origin: 50% 0%; animation: pf404-ring 3.2s ease-in-out infinite; }
@keyframes pf404-ring {
	0%, 55%, 100% { transform: rotate(0); }
	60% { transform: rotate(16deg); } 65% { transform: rotate(-14deg); } 70% { transform: rotate(11deg); }
	75% { transform: rotate(-8deg); } 80% { transform: rotate(5deg); } 85% { transform: rotate(-2deg); }
}
.pf404-clapper { transform-origin: 50% 0%; animation: pf404-clap 3.2s ease-in-out infinite; }
@keyframes pf404-clap { 0%, 55%, 100% { transform: translateX(0); } 62% { transform: translateX(-6px); } 68% { transform: translateX(6px); } 74% { transform: translateX(-4px); } 80% { transform: translateX(2px); } }
.pf404-ring { transform-origin: center; opacity: 0; animation: pf404-ping 3.2s ease-out infinite; }
.pf404-ring-2 { animation-delay: .35s; }
@keyframes pf404-ping { 0%, 55% { transform: scale(1); opacity: 0; } 58% { opacity: .55; } 100% { transform: scale(1.45); opacity: 0; } }
.pf404-badge { animation: pf404-pop 3.2s ease-in-out infinite; }
@keyframes pf404-pop { 0%, 55%, 100% { scale: 1; } 62% { scale: 1.25; } 70% { scale: .95; } 78% { scale: 1.05; } }

.pf404-toast { animation: pf404-toast-in .8s cubic-bezier(.2, 1.3, .4, 1) both, pf404-float 5s ease-in-out infinite .8s; }
.pf404-toast-1 { animation-delay: .2s, 1s; }
.pf404-toast-2 { animation-delay: .5s, 1.3s; }
.pf404-toast-3 { animation-delay: .8s, 1.6s; }
@keyframes pf404-toast-in { from { opacity: 0; translate: 0 18px; scale: .92; } to { opacity: 1; translate: 0 0; scale: 1; } }
@keyframes pf404-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -7px; } }

.pf404-dot { animation: pf404-dot 1.2s ease-in-out infinite; }
.pf404-dot-2 { animation-delay: .15s; }
.pf404-dot-3 { animation-delay: .3s; }
@keyframes pf404-dot { 0%, 100% { translate: 0 0; opacity: .4; } 40% { translate: 0 -5px; opacity: 1; } }

.pf404-search { animation: pf404-search 2.4s ease-in-out infinite; }
@keyframes pf404-search { 0%, 100% { translate: 0 0; } 25% { translate: 3px -3px; } 50% { translate: 0 -5px; } 75% { translate: -3px -2px; } }

.pf404-cursor { animation: pf404-cursor 6.4s ease-in-out infinite; }
@keyframes pf404-cursor {
	0% { transform: translate(600px, 210px); opacity: 0; }
	6% { opacity: 1; }
	22% { transform: translate(368px, 262px); }
	26% { transform: translate(368px, 262px) scale(.82); }
	30% { transform: translate(368px, 262px) scale(1); }
	55% { transform: translate(368px, 262px); opacity: 1; }
	72% { transform: translate(570px, 330px); opacity: 0; }
	100% { transform: translate(600px, 210px); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.pf-404-art * { animation: none !important; }
	.pf404-ring, .pf404-cursor { display: none; }
}

/* =========================================================
   Text pages (privacy policy, terms...)
   ========================================================= */
.pf-doc-head { padding-top: 2rem; padding-bottom: 2rem; max-width: 1320px; }
.pf-doc-head h1 { font-size: clamp(2rem, 4vw, 2.9rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; margin: 0 0 .9rem; }
.pf-doc-meta { display: flex; flex-wrap: wrap; gap: .5rem; }
.pf-doc-meta span {
	display: inline-flex; align-items: center; gap: .4rem;
	padding: .35rem .8rem;
	border-radius: 999px;
	background: var(--pf-soft);
	border: 1px solid var(--pf-line);
	color: var(--pf-text);
	font-size: .82rem; font-weight: 500;
}
.pf-doc-meta i { color: var(--pf-grad-1); }
.pf-doc-lead { margin: 1.25rem 0 0; max-width: 760px; font-size: 1.1rem; color: var(--pf-text); line-height: 1.6; }

.pf-doc-page { padding-bottom: 4rem; }

/* Table of contents */
.pf-toc {
	position: sticky; top: 100px;
	padding: 1rem;
	border-radius: 20px;
	background: #fff;
	border: 1px solid var(--pf-line);
	max-height: calc(100vh - 130px);
	overflow-y: auto;
}
.pf-toc-title { font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--pf-muted); padding: .25rem .6rem .6rem; }
.pf-toc-links { display: flex; flex-direction: column; gap: 2px; position: relative; }
.pf-front .pf-toc-link {
	display: block;
	padding: .45rem .7rem;
	border-radius: 10px;
	border-left: 2px solid transparent;
	color: var(--pf-text) !important;
	font-size: .875rem; line-height: 1.35;
	text-decoration: none !important;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.pf-front .pf-toc-link:hover { background: var(--pf-soft); color: var(--pf-ink) !important; }
.pf-front .pf-toc-link.is-active { background: #f1efff; color: var(--pf-ink) !important; font-weight: 600; border-left-color: var(--pf-grad-1); border-radius: 0 10px 10px 0; }
@media (max-width: 991.98px) {
	.pf-toc { position: static; max-height: none; }
	.pf-toc-links { flex-direction: row; overflow-x: auto; scrollbar-width: none; gap: 6px; }
	.pf-toc-links::-webkit-scrollbar { display: none; }
	.pf-front .pf-toc-link { white-space: nowrap; border: 1px solid var(--pf-line); border-radius: 999px; }
	.pf-front .pf-toc-link.is-active { border-radius: 999px; border-color: rgba(102, 126, 234, .4); }
}

/* Article typography */
.pf-prose {
	padding: 48px 56px;
	border-radius: 28px;
	background: #fff;
	border: 1px solid var(--pf-line);
	box-shadow: 0 1px 2px rgba(18, 19, 26, .03);
	color: var(--pf-text);
	font-size: 1.04rem;
	line-height: 1.75;
}
.pf-prose > *:first-child { margin-top: 0 !important; }
.pf-prose > *:last-child { margin-bottom: 0 !important; }
.pf-prose p { margin: 0 0 1.1rem; }
.pf-prose h2, .pf-prose h3, .pf-prose h4 {
	color: var(--pf-ink);
	font-family: 'Onest', sans-serif;
	font-weight: 700;
	letter-spacing: -0.015em;
	line-height: 1.25;
	scroll-margin-top: 110px;
}
.pf-prose h2 { font-size: 1.6rem; margin: 2.5rem 0 1rem; }
.pf-prose h3 {
	position: relative;
	font-size: 1.3rem;
	margin: 2.4rem 0 .9rem;
	padding-top: 2rem;
	border-top: 1px solid var(--pf-line);
}
.pf-prose h3::before {
	content: '';
	position: absolute; top: -1px; left: 0;
	width: 48px; height: 3px; border-radius: 3px;
	background: linear-gradient(90deg, var(--pf-grad-1), var(--pf-grad-2));
}
.pf-prose > h3:first-child { border-top: 0; padding-top: 0; }
.pf-prose > h3:first-child::before { display: none; }
.pf-prose h4 { font-size: 1.1rem; margin: 1.75rem 0 .6rem; }
.pf-prose strong, .pf-prose b { color: var(--pf-ink); font-weight: 600; }
.pf-front .pf-prose a { color: #5b4bd1 !important; text-decoration: underline; text-decoration-color: rgba(91, 75, 209, .35); text-underline-offset: 3px; }
.pf-front .pf-prose a:hover { text-decoration-color: currentColor; }
.pf-prose ul, .pf-prose ol { margin: 0 0 1.25rem; padding-left: 0; list-style: none; }
.pf-prose li { position: relative; padding-left: 1.75rem; margin-bottom: .55rem; }
.pf-prose ul > li::before {
	content: '';
	position: absolute; left: .35rem; top: .7em;
	width: 7px; height: 7px; border-radius: 50%;
	background: linear-gradient(135deg, var(--pf-grad-1), var(--pf-grad-2));
}
.pf-prose ol { counter-reset: pf-ol; }
.pf-prose ol > li { counter-increment: pf-ol; padding-left: 2.25rem; }
.pf-prose ol > li::before {
	content: counter(pf-ol);
	position: absolute; left: 0; top: .1em;
	width: 1.6rem; height: 1.6rem; border-radius: 8px;
	display: inline-flex; align-items: center; justify-content: center;
	background: #f1efff; color: #5b4bd1;
	font-size: .8rem; font-weight: 700; line-height: 1;
}
.pf-prose li > ul, .pf-prose li > ol { margin: .55rem 0 0; }
.pf-prose blockquote { margin: 1.5rem 0; padding: 1rem 1.25rem; border-left: 3px solid var(--pf-grad-1); background: #f7f6ff; border-radius: 0 14px 14px 0; color: var(--pf-ink); }
.pf-prose table { width: 100%; margin: 1.5rem 0; border-collapse: separate; border-spacing: 0; border: 1px solid var(--pf-line); border-radius: 14px; overflow: hidden; font-size: .95rem; }
.pf-prose th, .pf-prose td { padding: .7rem 1rem; border-top: 1px solid var(--pf-line); text-align: left; }
.pf-prose thead th { background: var(--pf-soft); border-top: 0; color: var(--pf-ink); }
.pf-prose hr { border: 0; border-top: 1px solid var(--pf-line); margin: 2rem 0; }
.pf-prose img { max-width: 100%; height: auto; border-radius: 14px; }
.pf-prose code { color: #5b4bd1; background: #f1efff; padding: 1px 6px; border-radius: 6px; font-size: .9em; }
@media (max-width: 767.98px) {
	.pf-prose { padding: 28px 20px; border-radius: 22px; font-size: 1rem; }
	.pf-prose h3 { font-size: 1.15rem; }
}

/* Share + help */
.pf-share { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.25rem; padding: 1rem 1.25rem; border-radius: 20px; border: 1px solid var(--pf-line); background: #fff; }
.pf-share > span { font-weight: 600; color: var(--pf-ink); }
.pf-share .btn { border-radius: 999px; }
.pf-doc-help {
	display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
	margin-top: 1.25rem; padding: 1.25rem 1.5rem;
	border-radius: 20px;
	background:
		radial-gradient(60% 120% at 0% 0%, #ece8ff 0%, rgba(236, 232, 255, 0) 70%),
		radial-gradient(60% 120% at 100% 100%, #ffe6f2 0%, rgba(255, 230, 242, 0) 70%),
		#f7f6fd;
}
.pf-doc-help > .pf-menu-ic { width: 44px; height: 44px; border-radius: 14px; color: #fff !important; background: linear-gradient(135deg, var(--pf-grad-1), var(--pf-grad-2)); flex-shrink: 0; }
.pf-doc-help > div { flex: 1; min-width: 200px; display: flex; flex-direction: column; }
.pf-doc-help strong { color: var(--pf-ink); font-family: 'Onest', sans-serif; }
.pf-doc-help span { color: var(--pf-muted); font-size: .92rem; }

/* TOC anchors: rely only on the global scroll-padding (no double offset) */
.pf-prose h2, .pf-prose h3, .pf-prose h4 { scroll-margin-top: 0; }

/* =========================================================
   Auth pages (login, register, lost / reset password, resend activation)
   ========================================================= */
body.pf-auth-body { background: #fff !important; }
.pf-auth { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 100vh; }
.pf-auth-side { display: flex; flex-direction: column; padding: 28px 48px; min-width: 0; }
.pf-auth-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.pf-auth-logo img { height: 44px; width: auto; }
.pf-front .pf-auth-back {
	display: inline-flex; align-items: center; gap: .4rem;
	padding: .45rem .9rem;
	border-radius: 999px;
	border: 1px solid var(--pf-line);
	color: var(--pf-text) !important;
	font-size: .88rem; font-weight: 500;
	text-decoration: none !important;
	transition: background-color .2s ease, color .2s ease;
}
.pf-front .pf-auth-back:hover { background: var(--pf-soft); color: var(--pf-ink) !important; }
.pf-auth-card { width: 100%; max-width: 440px; margin: auto; padding: 48px 0; }
.pf-auth-foot { text-align: center; font-size: .82rem; color: var(--pf-muted); }
.pf-front .pf-auth-foot a { color: var(--pf-muted) !important; }
.pf-front .pf-auth-foot a:hover { color: var(--pf-ink) !important; }

/* Form content (markup unchanged, styled here) */
.pf-auth-card h1 { font-size: clamp(1.7rem, 3vw, 2.2rem) !important; font-weight: 800; letter-spacing: -0.03em; line-height: 1.15; margin-bottom: .5rem !important; }
.pf-auth-card form.mt-4 { margin-top: 1.75rem !important; }
.pf-auth-card label { font-weight: 600; color: var(--pf-ink); font-size: .9rem; margin-bottom: .4rem; }
.pf-auth-card .form-group { margin-bottom: 1.15rem; }
.pf-front .pf-auth-card .form-control {
	height: auto;
	padding: .85rem 1rem;
	border-radius: 14px;
	border: 1px solid var(--pf-line);
	background: var(--pf-soft);
	font-size: 1rem;
	transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.pf-front .pf-auth-card .form-control:focus { background: #fff; border-color: var(--pf-grad-1); box-shadow: 0 0 0 4px rgba(102, 126, 234, .15); }
.pf-front .pf-auth-card .form-control.is-invalid { border-color: #ef4444; background: #fff; }
.pf-auth-card .invalid-feedback { font-size: .83rem; }
.pf-front .pf-auth-card .btn-primary {
	padding: .9rem 1.25rem;
	border-radius: 999px;
	border: 0;
	background: var(--pf-ink);
	color: #fff;
	font-family: 'Onest', sans-serif; font-weight: 600; font-size: 1rem;
	box-shadow: 0 10px 24px -10px rgba(18, 19, 26, .6);
	transition: transform .2s ease, background-color .2s ease;
}
.pf-front .pf-auth-card .btn-primary:hover:not(:disabled) { background: #262836; transform: translateY(-1px); }
.pf-front .pf-auth-card .btn-primary:disabled { opacity: .5; }
.pf-front .pf-auth-card .btn-light {
	display: flex; align-items: center; justify-content: center; gap: .5rem;
	padding: .8rem 1.25rem;
	border-radius: 999px;
	border: 1px solid var(--pf-line);
	background: #fff;
	color: var(--pf-ink);
	font-weight: 600;
	transition: background-color .2s ease, box-shadow .2s ease;
}
.pf-front .pf-auth-card .btn-light:hover { background: var(--pf-soft); box-shadow: var(--pf-shadow); }
.pf-auth-card .btn-light img { width: 20px; height: 20px; margin: 0 !important; }
.pf-auth-card hr { position: relative; margin: 1.5rem 0 !important; border-color: var(--pf-line) !important; }
.pf-front .pf-auth-card a:not(.btn) { color: var(--pf-ink) !important; font-weight: 600; }
.pf-front .pf-auth-card a.text-muted { color: var(--pf-muted) !important; font-weight: 500; }
.pf-front .pf-auth-card a:not(.btn):hover { color: var(--pf-grad-2) !important; }
.pf-auth-card .custom-control-label::before { border-radius: 6px; border-color: #cfd3e1; }
.pf-auth-card .custom-control-input:checked ~ .custom-control-label::before { background: linear-gradient(135deg, var(--pf-grad-1), var(--pf-grad-2)); border-color: transparent; }
.pf-auth-card .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 3px rgba(102, 126, 234, .2); }
.pf-auth-card .text-muted { color: var(--pf-muted) !important; }
.pf-auth-card .alert { border-radius: 14px; border: 0; font-size: .92rem; }
.pf-auth-card .mt-5.text-center { margin-top: 2rem !important; padding-top: 1.5rem; border-top: 1px solid var(--pf-line); }

/* Right visual panel */
.pf-auth-visual {
	position: relative;
	margin: 16px 16px 16px 0;
	border-radius: 32px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 56px;
	color: #fff;
	background:
		radial-gradient(55% 60% at 15% 10%, rgba(102, 126, 234, .65) 0%, rgba(102, 126, 234, 0) 70%),
		radial-gradient(55% 60% at 90% 95%, rgba(118, 75, 162, .75) 0%, rgba(118, 75, 162, 0) 70%),
		radial-gradient(40% 40% at 85% 20%, rgba(240, 166, 202, .45) 0%, rgba(240, 166, 202, 0) 70%),
		#14152a;
}
.pf-auth-visual::after {
	content: '';
	position: absolute; inset: 0;
	background-image: radial-gradient(rgba(255, 255, 255, .09) 1px, transparent 1px);
	background-size: 22px 22px;
	mask-image: radial-gradient(70% 60% at 50% 50%, #000 0%, transparent 80%);
	-webkit-mask-image: radial-gradient(70% 60% at 50% 50%, #000 0%, transparent 80%);
	pointer-events: none;
}
.pf-auth-visual-inner { position: relative; z-index: 1; width: 100%; max-width: 480px; }
.pf-auth-pill { display: inline-flex; align-items: center; gap: .4rem; padding: .4rem .85rem; border-radius: 999px; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .18); font-size: .82rem; font-weight: 600; }
.pf-auth-visual h2 { color: #fff; font-size: clamp(1.8rem, 2.8vw, 2.5rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.12; margin: 1.1rem 0 .8rem; }
.pf-auth-visual p { color: rgba(255, 255, 255, .78); font-size: 1.05rem; line-height: 1.6; margin: 0; }
.pf-auth-widgets { position: relative; height: 300px; margin: 2rem 0 1.5rem; pointer-events: none; }
.pf-auth-w { position: absolute; animation: pf-float 6s ease-in-out infinite; }
.pf-auth-w-1 { top: 0; left: 0; }
.pf-auth-w-2 { top: 100px; right: -10px; animation-delay: -2s; }
.pf-auth-w-3 { top: 205px; left: 30px; animation-delay: -4s; }
.pf-auth-points { list-style: none; padding: 0; margin: 0; display: grid; gap: .6rem; }
.pf-auth-points li { display: flex; align-items: center; gap: .6rem; color: rgba(255, 255, 255, .9); font-weight: 500; }
.pf-auth-points i { width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .15); font-size: .65rem; }

@media (max-width: 1199.98px) {
	.pf-auth-visual { padding: 40px; }
	.pf-auth-widgets { transform: scale(.88); transform-origin: top left; }
}
@media (max-width: 991.98px) {
	.pf-auth { grid-template-columns: 1fr; }
	.pf-auth-visual { display: none; }
	.pf-auth-side { padding: 20px 16px; min-height: 100vh; }
	.pf-auth-card { padding: 32px 0; }
	.pf-auth-logo img { height: 38px; }
}

/* Auth v2: pastel form side, white inputs, more space between widgets */
.pf-auth-side {
	background:
		radial-gradient(60% 50% at 0% 0%, #e9e6ff 0%, rgba(233, 230, 255, 0) 70%),
		radial-gradient(55% 45% at 100% 20%, #ffe3f1 0%, rgba(255, 227, 241, 0) 70%),
		radial-gradient(60% 50% at 40% 100%, #dcefff 0%, rgba(220, 239, 255, 0) 70%),
		#f7f6fd;
}
.pf-front .pf-auth-card .form-control { background: #fff; border-color: rgba(18, 19, 26, .08); box-shadow: 0 1px 2px rgba(18, 19, 26, .04); }
.pf-front .pf-auth-back { background: rgba(255, 255, 255, .7); }
.pf-auth-card hr, .pf-auth-card .mt-5.text-center { border-color: rgba(18, 19, 26, .08) !important; }
.pf-auth-widgets { height: 380px; }
.pf-auth-w-1 { top: 0; left: 0; }
.pf-auth-w-2 { top: 130px; right: -10px; }
.pf-auth-w-3 { top: 268px; left: 20px; }

/* Auth: pastel background behind the whole page, also around the dark panel */
.pf-auth {
	background:
		radial-gradient(40% 50% at 0% 0%, #e9e6ff 0%, rgba(233, 230, 255, 0) 70%),
		radial-gradient(35% 45% at 55% 10%, #ffe3f1 0%, rgba(255, 227, 241, 0) 70%),
		radial-gradient(45% 50% at 30% 100%, #dcefff 0%, rgba(220, 239, 255, 0) 70%),
		radial-gradient(40% 50% at 100% 100%, #ffe9f3 0%, rgba(255, 233, 243, 0) 70%),
		#f7f6fd;
}
.pf-auth-side { background: transparent; }
body.pf-auth-body { background: #f7f6fd !important; }

/* Auth inputs: visible soft border */
.pf-front .pf-auth-card .form-control { border: 1.5px solid #dcd9f2; box-shadow: 0 2px 6px -2px rgba(102, 126, 234, .12); }
.pf-front .pf-auth-card .form-control:hover { border-color: #c4bff0; }
.pf-front .pf-auth-card .form-control:focus { border-color: #8b7fe8; box-shadow: 0 0 0 4px rgba(118, 75, 162, .14); }
.pf-front .pf-auth-card .form-control.is-invalid { border-color: #ef4444; }

/* Auth checkboxes: visible box */
.pf-auth-card .custom-control-label::before { background: #fff; border: 1.5px solid #c4bff0; width: 1.1rem; height: 1.1rem; top: .15rem; }
.pf-auth-card .custom-control-label::after { width: 1.1rem; height: 1.1rem; top: .15rem; }
.pf-auth-card .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { border-color: transparent; }

/* Auth checkboxes v2: stronger box */
.pf-front .pf-auth-card .custom-control-label::before { border: 2px solid #a99ff0 !important; border-radius: 6px !important; background-color: #fff !important; box-shadow: 0 2px 6px -2px rgba(102, 126, 234, .25); }
.pf-front .pf-auth-card .custom-control-input:checked ~ .custom-control-label::before { background: linear-gradient(135deg, #667eea, #764ba2) !important; border-color: #764ba2 !important; }
.pf-front .pf-auth-card .custom-control-label:hover::before { border-color: #764ba2 !important; }

/* reCAPTCHA: hide Google grey frame, wrap it in our rounded border */
.pf-front .pf-auth-card .g-recaptcha,
.pf-front .pf-form-card .g-recaptcha {
	width: 300px !important; height: 74px !important;
	overflow: hidden;
	border-radius: 14px;
	box-shadow: 0 0 0 1.5px #dcd9f2, 0 6px 16px -8px rgba(102, 126, 234, .35);
	background: #f9f9f9;
}
.pf-front .pf-auth-card .g-recaptcha > div,
.pf-front .pf-form-card .g-recaptcha > div { margin: -2px 0 0 -2px; }
.pf-front .pf-auth-card .g-recaptcha:hover,
.pf-front .pf-form-card .g-recaptcha:hover { box-shadow: 0 0 0 1.5px #c4bff0, 0 6px 16px -8px rgba(102, 126, 234, .45); }
.pf-front .pf-auth-card .form-group:has(.g-recaptcha) { margin: 1.25rem 0; }

/* reCAPTCHA aligned left with the fields */
.pf-front .pf-auth-card .d-flex:has(> .g-recaptcha),
.pf-front .pf-form-card .d-flex:has(> .g-recaptcha),
.pf-front .pf-auth-card .cf-turnstile, .pf-front .pf-form-card .cf-turnstile { justify-content: flex-start !important; }

/* Empty states (no_data partial) */
.pf-empty-emoji-lg { width: 84px; height: 84px; font-size: 2.4rem; margin: 0 auto 1rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 30% 30%, #fff, #efeaff 70%); box-shadow: 0 14px 30px -16px rgba(118, 75, 162, .55); }
.pf-app main .pf-empty-emoji-lg + h2.h5 { color: var(--pf-ink) !important; font-family: "Onest", sans-serif; font-weight: 700; }

/* Accessibility: the demo widgets on our own pages keep the default widget colours, darkened just enough for WCAG AA contrast */
.pf-front .container-disabled-simple [style*="color: #47b2e4"] { color: #1877ab !important; }
.pf-front .container-disabled-simple [style*="color: #657d90"] { color: #5a7083 !important; }
.pf-front .container-disabled-simple [style*="background: #47b2e4"] { background: #1877ab !important; }
.pf-front .container-disabled-simple .altumcode-coupon-coupon-code { color: #1877ab !important; }
.pf-front .container-disabled-simple .altumcode-conversions-counter-time { color: #6b6b6b !important; }

/* pixel.css */
:root {
    --altumcode-spacing: 20px
}

.altumcode {
    visibility: hidden;
    z-index: 999999999;
    transition-duration: .3s;
    transition-property: opacity, transform
}

@media print {
    .altumcode {
        display: none !important;
    }
}

.altumcode-clickable {
    cursor: pointer !important;
}

.altumcode-float-right {
    float: right !important;
}

.altumcode-float-left {
    float: left !important;
}

.altumcode-hidden {
    display: none !important;
}

.altumcode-hiding {
    animation: ease .3s altumcode-fadeOut forwards !important;
}

.altumcode-shown {
    display: block !important;
    visibility: visible !important;
    animation: ease .3s altumcode-fadeIn forwards !important;
}

.altumcode * {
    margin: 0!important;
    width: initial!important;
    height: initial!important;
    padding: initial!important;
    line-height: 1.5!important;
    position: unset !important;
}

.altumcode.on-visible {
    visibility: visible!important;
}

.altumcode.on-fadeIn {
    animation: ease .3s altumcode-fadeIn forwards!important
}

.altumcode.on-slideInUp {
    animation: ease .3s altumcode-slideInUp forwards!important
}

.altumcode.on-slideInDown {
    animation: ease .3s altumcode-slideInDown forwards!important
}

.altumcode.on-zoomIn {
    animation: ease .3s altumcode-zoomIn forwards!important
}

.altumcode.on-bounceIn {
    animation: ease .3s altumcode-bounceIn forwards!important
}

.altumcode.off-fadeOut {
    animation: ease .3s altumcode-fadeOut both!important
}

.altumcode.off-slideOutUp {
    animation: ease .3s altumcode-slideOutUp both!important
}

.altumcode.off-slideOutDown {
    animation: ease .3s altumcode-slideOutDown both!important
}

.altumcode.off-zoomOut {
    animation: ease .3s altumcode-zoomOut forwards!important
}

.altumcode.off-bounceOut {
    animation: ease .3s altumcode-bounceOut forwards!important
}

.altumcode.animation-heartbeat {
    animation-name: altumcode-heartbeat !important;
    animation-duration: calc(1s * 1.3) !important;
    animation-timing-function: ease-in-out !important;
}

.altumcode.animation-flash {
    animation-duration: 1s !important;
    animation-name: altumcode-flash !important;
}

.altumcode.animation-pulse {
    animation-name: altumcode-pulse !important;
    animation-duration: 1s !important;
    animation-timing-function: ease-in-out;
}

.altumcode.animation-bounce {
    animation-duration: 1s !important;
    animation-name: altumcode-bounce !important;
    transform-origin: center bottom;
}

.altumcode-close {
    border: none !important;
    background: none !important;
    opacity: .4 !important;
    transition: .15s all !important;
    min-width: unset !important;
    color: gray;
    padding: 2px !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 50% !important;
}

.altumcode-close:hover {
    cursor: pointer!important;
    opacity: .6!important
}

.altumcode-top_left {
    position: fixed!important;
    max-width: 90%!important;
    left: var(--altumcode-spacing);
    top: var(--altumcode-spacing)
}

.altumcode-top_center {
    position: fixed!important;
    max-width: 90%!important;
    margin: auto;
    left: 0;
    right: 0;
    top: var(--altumcode-spacing);
    width: max-content
}

.altumcode-top_right {
    position: fixed!important;
    max-width: 90%!important;
    right: var(--altumcode-spacing);
    top: var(--altumcode-spacing)
}

.altumcode-middle_left {
    position: fixed!important;
    max-width: 90%!important;
    left: var(--altumcode-spacing);
    margin: auto 0;
    top: calc(45%)
}

.altumcode-middle_center {
    position: fixed!important;
    max-width: 90%!important;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    width: max-content
}

.altumcode-middle_right {
    position: fixed!important;
    max-width: 90%!important;
    right: var(--altumcode-spacing);
    margin: auto 0;
    top: calc(45%)
}

.altumcode-bottom_left {
    position: fixed!important;
    max-width: 90%!important;
    left: var(--altumcode-spacing);
    bottom: var(--altumcode-spacing)
}

.altumcode-bottom_center {
    position: fixed!important;
    max-width: 90%!important;
    margin: auto;
    left: 0;
    right: 0;
    bottom: var(--altumcode-spacing);
    width: max-content
}

.altumcode-bottom_right {
    position: fixed!important;
    max-width: 90%!important;
    right: var(--altumcode-spacing);
    bottom: var(--altumcode-spacing)
}

.altumcode-top {
    position: initial!important;
    display: none;
    max-width: 100%!important
}

.altumcode-bottom {
    position: initial!important;
    display: none;
    max-width: 100%!important
}

.altumcode-top_floating {
    position: fixed!important;
    display: none;
    width: 100%!important
}

.altumcode-bottom_floating {
    position: fixed!important;
    display: none;
    width: 100%!important;
    bottom: 0!important
}

.altumcode-wrapper {
    padding: 12px;
    color: #000;
    border: 0 solid #000;
    background: #fff;
    position: relative!important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --shadow-r: 0;
    --shadow-g: 0;
    --shadow-b: 0;
}

.altumcode-wrapper-fast_scale_up, .altumcode-wrapper-fast_scale_down {
    transition: .15s transform ease-in-out;
}

.altumcode-wrapper-slow_scale_up, .altumcode-wrapper-slow_scale_down {
    transition: .3s transform ease-in-out;
}

.altumcode-wrapper-fast_scale_up:hover, .altumcode-wrapper-slow_scale_up:hover {
    transform: scale(1.025);
}

.altumcode-wrapper-fast_scale_down:hover, .altumcode-wrapper-slow_scale_down:hover {
    transform: scale(0.975);
}

.altumcode-rtl {
    direction: rtl;
    text-align: right;
}

.altumcode-wrapper-straight {
    border-radius: 0!important
}

.altumcode-wrapper-rounded {
    border-radius: 8px!important
}

.altumcode-wrapper-highly_rounded {
    border-radius: 16px!important
}

.altumcode-wrapper-round {
    border-radius: 100px!important
}

.altumcode-wrapper-shadow-subtle {
    box-shadow: 0 1px 2px 0 rgb(var(--shadow-r), var(--shadow-g), var(--shadow-b), .05) !important;
}

.altumcode-wrapper-shadow-feather {
    box-shadow: 0 10px 15px -3px rgba(var(--shadow-r), var(--shadow-g), var(--shadow-b), .08), 0 4px 6px -2px rgba(var(--shadow-r), var(--shadow-g), var(--shadow-b), .04) !important;
}

.altumcode-wrapper-shadow-3d {
    box-shadow: 5px 5px 0px 1px rgb(var(--shadow-r), var(--shadow-g), var(--shadow-b), .05) !important;
}

.altumcode-wrapper-shadow-layered {
    box-shadow:
        rgba(var(--shadow-r), var(--shadow-g), var(--shadow-b), 0.35) 5px 5px,
        rgba(var(--shadow-r), var(--shadow-g), var(--shadow-b), 0.25) 10px 10px,
        rgba(var(--shadow-r), var(--shadow-g), var(--shadow-b), 0.15) 15px 15px,
        rgba(var(--shadow-r), var(--shadow-g), var(--shadow-b), 0.075) 20px 20px;
}


.altumcode-site {
    font-size: 10px!important;
    display: inline-block!important
}

.altumcode-toast-pulse-wrapper {
    margin: 0 10px !important;
}

.altumcode-toast-pulse-wrapper svg {
    max-width: 50px !important;
    height: auto !important;
}

.altumcode-toast-star {
    font-size: 15px!important;
    color: #ffc100!important
}

.altumcode-agreement-checkbox {
    margin-top: 8px !important;
    display: flex!important;
    align-items: center!important
}

.altumcode-agreement-checkbox-input {
    appearance: initial!important;
    -webkit-appearance: checkbox!important;
    -moz-appearance: checkbox!important
}

.altumcode-agreement-checkbox-text {
    font-size: 12px!important;
    margin: 0 5px 0 5px !important;
}

@keyframes altumcode-fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes altumcode-fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes altumcode-slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes altumcode-slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes altumcode-slideOutUp {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes altumcode-slideOutDown {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes altumcode-zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes altumcode-zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes altumcode-bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

@keyframes altumcode-bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes altumcode-heartbeat {
    0% {
        transform: scale(1);
    }

    14% {
        transform: scale(1.15);
    }

    28% {
        transform: scale(1);
    }

    42% {
        transform: scale(1.15);
    }

    70% {
        transform: scale(1);
    }
}

@keyframes altumcode-bounce {
    from,
    20%,
    53%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0) scaleY(1.1);
    }

    70% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0) scaleY(0.95);
    }

    90% {
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}

@keyframes altumcode-pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.065, 1.065, 1.065);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes altumcode-flash {
    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

/* Widget: Button Bar */
.altumcode-button-bar-wrapper{width:100%!important;display:flex;justify-content:center}.altumcode-button-bar-content,.altumcode-button-bar-row{display:flex!important;flex-direction:column!important}.altumcode-button-bar-title{font-size:18px!important;font-weight:500!important;margin-bottom:15px!important}.altumcode-button-bar-middle{display:flex!important;margin-bottom:10px!important}.altumcode-button-bar-middle .altumcode-close{margin-left:10px!important}.altumcode-rtl .altumcode-button-bar-middle .altumcode-close{margin:0 10px 0 0!important}.altumcode-button-bar-button{flex-grow:1!important;font-size:14px!important;background:#fff;border-radius:6px!important;padding:8px 15px!important;text-align:center!important;font-weight:500!important;border:0!important;transition:opacity .3s!important}.altumcode-button-bar-button:hover{opacity:.9!important}@media (min-width:768px){.altumcode-button-bar-row{flex-direction:row!important;align-items:center!important}.altumcode-button-bar-title{margin-right:20px!important;margin-bottom:0!important}.altumcode-rtl .altumcode-button-bar-title{margin:0 0 0 20px!important}.altumcode-button-bar-middle{margin-bottom:0!important;align-items:center!important}.altumcode-button-bar-middle .altumcode-close{margin-left:20px!important}.altumcode-rtl .altumcode-button-bar-middle .altumcode-close{margin:0 20px 0 0!important}}.altumcode-button-bar-wrapper .altumcode-close{position:absolute!important;top:10px!important;right:10px!important;width:20px!important;height:20px!important}.altumcode-button-bar-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-button-bar-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important}

/* Widget: Call to Action */
@media (min-width:576px){.altumcode-button-modal-wrapper{max-width:400px!important}}.altumcode-button-modal-content{display:flex!important;flex-direction:column!important;align-items:center!important;padding:0!important}.altumcode-button-modal-image{max-width:100%;width:100%;height:auto;margin-bottom:16px!important;border-radius:8px!important}.altumcode-button-modal-header{display:flex!important;justify-content:right!important}.altumcode-button-modal-title{font-weight:500!important;font-size:18px!important;flex-grow:1!important;margin-bottom:8px!important}.altumcode-button-modal-description{font-size:14px!important;margin-bottom:16px!important;text-align:center!important}.altumcode-button-modal-button{display:block;background:#000;border:0!important;font-size:16px!important;font-weight:400!important;padding:12px 30px!important;color:#fff;border-radius:50px!important;transition:opacity .3s!important;text-align:center!important;margin-bottom:12px!important}.altumcode-button-modal-button:hover{opacity:.9!important;text-decoration:none!important}.altumcode-button-modal-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-button-modal-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-button-modal-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important}

/* Widget: Collector Bar */
.altumcode-collector-bar-wrapper{width:100%!important;display:flex;justify-content:center}.altumcode-collector-bar-content,.altumcode-collector-bar-form{display:flex!important;flex-direction:column!important}.altumcode-collector-bar-row{display:flex!important;flex-direction:column!important;margin-bottom:5px!important}.altumcode-collector-bar-title{flex-grow:1!important;font-size:16px!important;font-weight:500!important;margin-bottom:15px!important}.altumcode-collector-bar-form-content{display:flex!important;align-items:center!important}.altumcode-collector-bar-form .altumcode-agreement-checkbox{margin-top:10px!important}.altumcode-collector-bar-form-content input{flex-grow:1!important;border:1px solid rgba(71,178,228,.2)!important;background:#fff;padding:6px 12px!important;color:#657d90;font-size:14px!important;box-shadow:0 3px 6px -1px rgba(0,0,0,.12)!important;border-radius:6px!important;margin-right:10px!important}.altumcode-collector-bar-form-button:focus,.altumcode-collector-bar-form-content input:focus{outline:0}.altumcode-collector-bar-form-button{cursor:pointer!important;background:#000;border:0!important;font-size:14px!important;padding:8px 15px!important;color:#fff;box-shadow:0 3px 6px -1px rgba(0,0,0,.12)!important;border-radius:6px!important;margin-right:15px!important;font-weight:500!important;transition:opacity .3s!important}.altumcode-collector-bar-form-button:hover{opacity:.9}@media (min-width:768px){.altumcode-collector-bar-row{flex-direction:row!important;align-items:center!important}.altumcode-collector-bar-title{margin-right:20px!important;margin-bottom:0!important}.altumcode-collector-bar-form .altumcode-agreement-checkbox{margin-top:5px!important}}.altumcode-collector-bar-content .altumcode-agreement-checkbox-text{color:#657d90!important;font-weight:400!important}.altumcode-collector-bar-wrapper .altumcode-close{position:absolute!important;top:10px!important;right:10px!important;width:20px!important;height:20px!important}.altumcode-collector-bar-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-collector-bar-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important;margin-top:10px!important}

/* Widget: Collector Modal */
.altumcode-collector-modal-wrapper{padding:0!important}@media (min-width:576px){.altumcode-collector-modal-wrapper{max-width:400px!important}}.altumcode-collector-modal-image-holder{min-width:100%!important;height:250px!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;border-top-left-radius:8px!important;border-top-right-radius:8px!important}.altumcode-collector-modal-content{padding:20px!important;display:flex!important;flex-direction:column!important}.altumcode-collector-modal-header{display:flex!important;justify-content:right!important;align-items:start!important}.altumcode-collector-modal-title{font-weight:500!important;font-size:18px!important;flex-grow:1!important;margin-bottom:8px!important;text-align:center!important}.altumcode-collector-modal-description{font-size:14px!important;margin-bottom:16px!important;text-align:center!important}.altumcode-collector-modal-form{display:flex!important;flex-direction:column!important;margin-bottom:8px!important}.altumcode-collector-modal-row{display:flex!important;flex-direction:row!important;justify-content:space-around!important}.altumcode-collector-modal-row input{border:1px solid rgba(71,178,228,.2)!important;background:#fff;padding:6px 12px!important;color:#657d90;font-size:14px!important;border-radius:6px!important;flex-grow:1!important;margin-right:12px!important;transition:border .3s!important}.altumcode-rtl .altumcode-collector-modal-row input{margin:0 0 0 12px!important}.altumcode-collector-modal-row input:hover{border:1px solid #e5e5e5!important}.altumcode-collector-modal-row button{cursor:pointer!important;background:#000;border:0!important;font-size:14px!important;font-weight:500;padding:8px 15px!important;color:#fff;border-radius:6px!important;transition:opacity .3s!important}.altumcode-collector-modal-row button:hover{opacity:.95!important}.altumcode-collector-modal-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-collector-modal-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-collector-modal-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important;margin-top:10px!important}.altumcode-collector-modal-content .altumcode-agreement-checkbox-text{color:#657d90!important;font-weight:400!important}

/* Widget: Collector Modal 2 */
.altumcode-collector-two-modal-wrapper{padding:0!important;display:flex!important;flex-direction:column!important}.altumcode-collector-two-modal-image-holder{min-width:100%!important;height:250px!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;border-top-left-radius:8px!important;border-top-right-radius:8px!important}.altumcode-collector-two-modal-content{padding:20px!important;display:flex!important;flex-direction:column!important}.altumcode-collector-two-modal-header{display:flex!important;justify-content:right!important;align-items:start!important}.altumcode-collector-two-modal-title{font-weight:500!important;font-size:18px!important;flex-grow:1!important;margin-bottom:8px!important;text-align:center!important;line-height:1.3!important}.altumcode-collector-two-modal-description{font-size:14px!important;margin-bottom:16px!important;text-align:center!important}.altumcode-collector-two-modal-form{margin-bottom:8px!important}.altumcode-collector-two-modal-row{display:flex!important;flex-direction:column!important;margin-bottom:0!important}.altumcode-collector-two-modal-row input{border:1px solid rgba(71,178,228,.2)!important;padding:6px 12px!important;color:#657d90;font-size:14px!important;border-radius:6px!important;flex-grow:1!important;margin-bottom:16px!important;transition:border .3s!important}.altumcode-collector-two-modal-row input:hover{border:1px solid #e5e5e5!important}.altumcode-collector-two-modal-row button{flex-grow:1!important;cursor:pointer!important;background:#000;border:0!important;font-size:14px!important;font-weight:500;padding:8px 15px!important;color:#fff;border-radius:6px!important;transition:opacity .3s!important}.altumcode-collector-two-modal-row button:hover{opacity:.95!important}@media (min-width:768px){.altumcode-collector-two-modal-wrapper{max-width:500px!important;flex-direction:row!important}.altumcode-collector-two-modal-image-holder{min-width:220px!important;height:auto!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;border-top-left-radius:8px!important;border-bottom-left-radius:8px!important}}.altumcode-collector-two-modal-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-collector-two-modal-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-collector-two-modal-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important;margin-top:10px!important}.altumcode-collector-two-modal-content .altumcode-agreement-checkbox-text{color:#657d90!important;font-weight:400!important}

/* Widget:  Conversion Counter */
@media (min-width:576px){.altumcode-conversions-counter-wrapper{max-width:400px!important;min-width:300px!important}}.altumcode-conversions-counter-content{display:flex!important;flex-direction:row!important;align-items:center!important}.altumcode-conversions-counter-header{display:flex!important;flex-direction:row!important;align-items:start!important;justify-content:space-around!important;width:100%!important}.altumcode-conversions-counter-number{padding:3px 20px!important;border-radius:100px!important;font-weight:500!important;font-size:18px!important;margin-right:10px!important}.altumcode-rtl .altumcode-conversions-counter-number{margin:0 0 0 10px!important}.altumcode-conversions-counter-title{font-size:16px!important;margin-bottom:0!important;flex-grow:1!important;font-weight:500!important}.altumcode-conversions-counter-time{font-size:12px!important;margin-bottom:0!important;color:grey}.altumcode-conversions-counter-close{align-self:start!important}.altumcode-conversions-counter-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-conversions-counter-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-conversions-counter-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important}

/* Widget:  Cookie Notification */
@media (min-width:576px){.altumcode-cookie-notification-wrapper{max-width:400px!important}}.altumcode-cookie-notification-content{display:flex!important;flex-direction:column!important}.altumcode-cookie-notification-header{display:flex!important;flex-direction:row!important;align-items:start!important}.altumcode-cookie-notification-button,.altumcode-cookie-notification-url{font-weight:500!important;display:block!important}.altumcode-cookie-notification-image{min-width:50px!important;height:50px!important;margin-right:15px!important}.altumcode-rtl .altumcode-cookie-notification-image{margin:0 0 0 15px!important}.altumcode-cookie-notification-description{font-size:14px!important;margin-bottom:0!important}.altumcode-cookie-notification-url a{color:#47b2e4!important}.altumcode-cookie-notification-button{border-radius:100px!important;padding:8px 15px!important;text-align:center!important;font-size:14px!important;margin:10px 0!important;width:100%!important;border:0!important;transition:opacity .3s!important}.altumcode-cookie-notification-button:hover{opacity:.9!important;cursor:pointer!important}.altumcode-cookie-notification-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-cookie-notification-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-cookie-notification-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important;text-align:center!important}

/* Widget: Countdown Collector */
@media (min-width:576px){.altumcode-countdown-collector-wrapper{max-width:420px!important}}.altumcode-countdown-collector-content{padding:12px!important;display:flex!important;flex-direction:column!important;align-items:center!important}.altumcode-countdown-collector-header{width:100%!important;display:flex!important;align-items:start!important}.altumcode-countdown-collector-title{flex-grow:1!important;text-align:center!important;font-weight:500!important;font-size:18px!important;margin-bottom:0!important}.altumcode-countdown-collector-description{font-size:14px!important;margin-bottom:14px!important}.altumcode-countdown-collector-content-title{font-weight:500!important;font-size:12px!important;margin-bottom:12px!important;text-decoration:underline}.altumcode-countdown-collector-timer{display:flex!important;flex-direction:row!important;width:100%!important;max-width:220px!important;justify-content:space-between!important;margin-bottom:15px!important}.altumcode-countdown-collector-timer-block{display:flex!important;flex-direction:column!important;align-items:center!important}.altumcode-countdown-collector-time{font-size:16px!important;font-weight:500!important;padding:4px 8px!important;background:#000;color:#fff;border-radius:6px!important;width:35px!important;text-align:center!important}.altumcode-countdown-collector-time-text{font-size:12px!important;color:#657d90!important;margin-bottom:0!important}.altumcode-countdown-collector-form{display:flex!important;flex-direction:column!important;margin-bottom:8px!important}.altumcode-countdown-collector-row{display:flex!important;flex-direction:row!important}.altumcode-countdown-collector-row input{border:1px solid rgba(71,178,228,.2)!important;background:#fff;padding:6px 12px!important;color:#657d90;font-size:14px!important;box-shadow:0 3px 6px -1px rgba(0,0,0,.12)!important;border-bottom-left-radius:6px!important;border-top-left-radius:6px!important}.altumcode-rtl .altumcode-countdown-collector-row input{border-radius:0 6px 6px 0!important}.altumcode-countdown-collector-row button:focus,.altumcode-countdown-collector-row input:focus{outline:0}.altumcode-countdown-collector-row button{cursor:pointer!important;background:#000;border:0!important;font-size:14px!important;padding:8px 15px!important;color:#fff;box-shadow:0 3px 6px -1px rgba(0,0,0,.12)!important;border-bottom-right-radius:6px!important;border-top-right-radius:6px!important;font-weight:500!important;transition:opacity .3s!important}.altumcode-countdown-collector-row button:hover{opacity:.9}.altumcode-rtl .altumcode-countdown-collector-row button{border-radius:6px 0 0 6px!important}.altumcode-countdown-collector-content .altumcode-agreement-checkbox-text{color:#657d90!important;font-weight:400!important}.altumcode-countdown-collector-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-countdown-collector-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-countdown-collector-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important}

/* Widget: Custom HTML */
@media (min-width:576px){.altumcode-custom-html-wrapper{max-width:400px!important;min-width:300px!important}}.altumcode-custom-html-content{padding:8px!important}.altumcode-custom-html-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-custom-html-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important;text-align:center!important}

/* Widget: Coupon */
@media (min-width:576px){.altumcode-coupon-wrapper{max-width:480px!important}}.altumcode-coupon-content{padding:6px!important;display:flex!important;flex-direction:column!important}.altumcode-coupon-header{display:flex!important;margin-bottom:8px!important;align-items:start!important}.altumcode-coupon-title{font-size:18px!important;font-weight:500!important;flex-grow:1!important;margin-bottom:0!important}.altumcode-coupon-description{font-size:14px!important;margin-bottom:8px!important}.altumcode-coupon-image{width:100%!important;border-radius:8px!important;margin-bottom:12px!important;max-height:250px!important;object-fit:cover!important}.altumcode-coupon-button,.altumcode-coupon-coupon-code{padding:6px 15px!important;text-align:center!important;font-weight:500!important;margin:18px 0!important}.altumcode-coupon-coupon-code{background:#fff!important;color:#47b2e4!important;border-radius:100px!important;font-size:14px!important;border:2px dashed #daf0fa!important}.altumcode-coupon-button{display:block!important;border-radius:100px!important;font-size:14px!important}.altumcode-coupon-button:hover{color:initial;opacity:.9!important;text-decoration:none!important}@media (min-width:768px){.altumcode-coupon-image{width:170px!important;margin-right:16px!important;margin-bottom:0!important;max-height:220px!important}.altumcode-rtl .altumcode-coupon-image{margin:0 0 0 16px!important}.altumcode-coupon-content{flex-direction:row!important}}.altumcode-coupon-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-coupon-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-coupon-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important}

/* Widget: Coupon Bar */
.altumcode-coupon-bar-wrapper{width:100%!important;display:flex;justify-content:center}.altumcode-coupon-bar-content,.altumcode-coupon-bar-row{display:flex!important;flex-direction:column!important}.altumcode-coupon-bar-title{font-size:18px!important;font-weight:500!important;margin-bottom:15px!important}.altumcode-coupon-bar-middle{display:flex!important;margin-bottom:10px!important}.altumcode-coupon-bar-middle .altumcode-close{margin-left:10px!important}.altumcode-rtl .altumcode-coupon-bar-middle .altumcode-close{margin:0 10px 0 0!important}.altumcode-coupon-bar-coupon-code{flex-grow:1!important;font-size:14px!important;background:#fff;border-radius:100px!important;padding:6px 15px!important;text-align:center!important;font-weight:500!important;border:2px dashed #000}@media (min-width:768px){.altumcode-coupon-bar-row{flex-direction:row!important;align-items:center!important}.altumcode-coupon-bar-title{margin-right:20px!important;margin-bottom:0!important}.altumcode-rtl .altumcode-coupon-bar-title{margin:0 0 0 20px!important}.altumcode-coupon-bar-middle{margin-bottom:0!important;align-items:center!important}.altumcode-coupon-bar-middle .altumcode-close{margin-left:20px!important}.altumcode-rtl .altumcode-coupon-bar-middle .altumcode-close{margin:0 20px 0 0!important}}.altumcode-coupon-bar-wrapper .altumcode-close{position:absolute!important;top:10px!important;right:10px!important;width:20px!important;height:20px!important}.altumcode-coupon-bar-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-coupon-bar-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important}

/* Widget:  Email Collector */
.altumcode-email-collector-content{padding:14px!important;display:flex!important;flex-direction:column!important}.altumcode-email-collector-header{display:flex!important;align-items:start!important}.altumcode-email-collector-title{font-weight:500!important;font-size:18px!important;flex-grow:1!important;margin-bottom:0!important}.altumcode-email-collector-description{font-size:14px!important;margin-bottom:16px!important}.altumcode-email-collector-form{display:flex!important;flex-direction:column!important;margin-bottom:12px!important}.altumcode-email-collector-row{display:flex!important;flex-direction:row!important}.altumcode-email-collector-row input{border:1px solid rgba(71,178,228,.2)!important;width:100%!important;background:#fff;padding:6px 12px!important;color:#657d90;font-size:14px!important;border-radius:6px!important;flex-grow:1!important}.altumcode-email-collector-row input:first-child{margin-right:8px!important}.altumcode-rtl .altumcode-email-collector-row input:first-child{margin-right:0!important;margin-left:8px!important}.altumcode-email-collector-row input:nth-child(2){margin-left:8px!important}.altumcode-rtl .altumcode-email-collector-row input:nth-child(2){margin-right:8px!important;margin-left:0!important}.altumcode-email-collector-row button:focus,.altumcode-email-collector-row input:focus{outline:0}.altumcode-email-collector-button{margin-top:16px!important;cursor:pointer!important;background:#000;border:0!important;font-size:14px!important;font-weight:500!important;padding:8px 15px!important;color:#fff;border-radius:6px!important;transition:.3s!important}.altumcode-email-collector-button:hover{opacity:.9!important}@media (min-width:576px){.altumcode-email-collector-wrapper{max-width:390px!important}}@media (min-width:768px){.altumcode-email-collector-row input{flex-grow:0!important}}.altumcode-email-collector-content .altumcode-agreement-checkbox-text{color:#657d90!important;font-weight:400!important}.altumcode-email-collector-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-email-collector-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-email-collector-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important}

/* Widget: Emoji Feedback */
@media (min-width:576px){.altumcode-emoji-feedback-wrapper{max-width:400px!important}}.altumcode-emoji-feedback-content{display:flex!important;flex-direction:column!important;align-items:center!important}.altumcode-emoji-feedback-header{width:100%!important;display:flex!important;align-items:start!important}.altumcode-emoji-feedback-title{flex-grow:1!important;text-align:center!important;font-weight:500!important;font-size:16px!important;margin-bottom:8px!important}.altumcode-emoji-feedback-emojis{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-around!important;margin-bottom:8px!important;width:100%!important}.altumcode-emoji-feedback-emoji{margin:0 3px!important;transition:.3s ease-in-out;font-size:28px!important}.altumcode-emoji-feedback-emoji:hover{transform:scale(1.1);cursor:pointer}.altumcode-emoji-feedback-emoji-clicked{animation:1s altumcode-emoji-feedback-emoji-click!important}@keyframes altumcode-emoji-feedback-emoji-click{0%{transform:scale(1.1);opacity:1}50%{transform:scale(1.5);opacity:.7}100%{transform:scale(1);opacity:0}}.altumcode-emoji-feedback-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-emoji-feedback-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-emoji-feedback-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important}

/* Widget: Engagement Links */
.altumcode-engagement-links-wrapper{width:300px!important;max-width:325px!important}.altumcode-engagement-links-content{display:flex!important;flex-direction:column!important;padding:0!important}.altumcode-engagement-links-header{display:flex!important;align-items:start!important}.altumcode-engagement-links-title{font-size:18px!important;font-weight:500!important;flex-grow:1!important;text-align:center!important;cursor:pointer!important}.altumcode-engagement-links-category{margin:6px 0!important}.altumcode-engagement-links-category-title{margin-bottom:0!important;text-align:center!important;font-size:16px!important;color:#000}.altumcode-engagement-links-category-description{margin-bottom:0!important;text-align:center!important;font-size:14px!important;color:#000}.altumcode-engagement-links-category-links{margin:10px 0!important;display:flex!important;flex-direction:column!important}.altumcode-engagement-links-category-link{display:flex!important;flex-direction:row!important;align-items:center!important;margin:5px 0!important;padding:6px 12px!important;border-radius:8px!important;transition:.3s!important;border-style:solid!important;border-width:1px!important}.altumcode-engagement-links-category-link:hover{text-decoration:none!important;opacity:.9!important}.altumcode-engagement-links-category-link-image{width:40px!important;height:40px!important;margin-right:10px!important}.altumcode-engagement-links-category-link-title{font-size:14px!important;font-weight:500!important;margin-bottom:0!important}.altumcode-engagement-links-category-link-description{font-size:12px!important;margin-bottom:0!important}.altumcode-engagement-links-wrapper .altumcode-close{margin-left:15px!important;position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-rtl.altumcode-engagement-links-wrapper .altumcode-close{margin:0 15px 0 0!important}@media (min-width:768px){.altumcode-engagement-links-wrapper{width:315px!important;max-width:350px!important}}.altumcode-engagement-links-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-engagement-links-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important}

/* Widget: Image */
.altumcode-image-button,.altumcode-image-title{text-align:center!important;font-weight:500!important}@media (min-width:576px){.altumcode-image-wrapper{max-width:400px!important}}.altumcode-image-content{padding:6px!important;display:flex!important;flex-direction:column!important;align-items:center!important}.altumcode-image-header{display:flex!important;width:100%!important;align-items:start!important}.altumcode-image-title{font-size:18px!important;flex-grow:1!important;margin-bottom:16px!important}.altumcode-image-image-img{max-width:100%!important;max-height:100%!important;border-radius:8px!important}.altumcode-image-button{display:block!important;width:100%!important;border-radius:100px!important;padding:10px 30px!important;font-size:16px!important;margin:16px 0 8px!important}.altumcode-image-button:hover{color:initial;opacity:.9!important;text-decoration:none!important}.altumcode-image-footer{font-size:14px!important;text-decoration:underline!important}.altumcode-image-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-image-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-image-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important}

/* Widget: Informational */
@media (min-width:576px){.altumcode-informational-wrapper{max-width:400px!important;min-width:300px!important}}.altumcode-informational-content{display:flex!important;flex-direction:row!important;align-items:center!important}.altumcode-informational-header{display:flex!important;width:100%!important;align-items:start!important}.altumcode-informational-title{flex-grow:1!important;font-weight:500!important;font-size:16px!important;margin-bottom:0!important}.altumcode-informational-description{font-size:14px!important;margin-bottom:0!important}.altumcode-informational-image{min-width:70px!important;height:70px!important;margin-right:10px!important; border-radius:50%!important;}.altumcode-informational-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-informational-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-informational-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important}.altumcode-rtl .altumcode-informational-image{margin:0 0 0 10px!important}

/* Widget: Informational Mini */
@media (min-width:576px){.altumcode-informational-mini-wrapper{max-width:400px!important;min-width:250px!important}}.altumcode-informational-mini-content{display:flex!important;flex-direction:row!important;align-items:center!important}.altumcode-informational-mini-header{display:flex!important;width:100%!important;align-items:start!important}.altumcode-informational-mini-title{flex-grow:1!important;font-weight:500!important;margin:0 4px 0 0!important;font-size:14px!important;line-height:1.25!important}.altumcode-informational-mini-image{min-width:30px!important;height:30px!important;margin-right:8px!important}.altumcode-rtl .altumcode-informational-mini-image{margin:0 0 0 8px!important}.altumcode-informational-mini-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-informational-mini-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-informational-mini-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important}

/* Widget: Informational Bar */
.altumcode-informational-bar-wrapper{width:100%!important;display:flex;justify-content:center}.altumcode-informational-bar-content{display:flex!important;flex-direction:row!important;align-items:center!important}.altumcode-informational-bar-header{display:flex!important;align-items:start!important;width:100%!important;margin-bottom:0!important}.altumcode-informational-bar-title{flex-grow:1!important;font-weight:500!important;font-size:16px!important;margin-bottom:0!important}.altumcode-informational-bar-description{font-size:14px!important;margin-bottom:0!important}.altumcode-informational-bar-image{min-width:70px!important;height:70px!important;border-radius:50%!important;margin-right:25px!important}.altumcode-rtl .altumcode-informational-bar-image{margin:0 0 0 25px!important}.altumcode-informational-bar-wrapper .altumcode-close{position:absolute!important;top:10px!important;right:10px!important;width:20px!important;height:20px!important}.altumcode-informational-bar-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-informational-bar-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important}

/* Widget: Informational Bar Mini */
.altumcode-informational-bar-mini-wrapper{width:100%!important;display:flex;justify-content:center}.altumcode-informational-bar-mini-content{display:flex!important;flex-direction:row!important;align-items:center!important}.altumcode-informational-bar-mini-header{display:flex!important;align-items:start!important;width:100%!important;margin-bottom:0!important}.altumcode-informational-bar-mini-title{flex-grow:1!important;font-weight:500!important;font-size:14px!important;margin:0 8px 0 0!important;line-height:1.25!important}.altumcode-informational-bar-mini-image{min-width:40px!important;height:40px!important;margin-right:15px!important}.altumcode-rtl .altumcode-informational-bar-mini-image{margin:0 0 0 15px!important}.altumcode-informational-bar-mini-wrapper .altumcode-close{position:absolute!important;top:10px!important;right:10px!important;width:20px!important;height:20px!important}.altumcode-informational-bar-mini-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-informational-bar-mini-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important}

/* Widget: Conversions */
@media (min-width:576px){.altumcode-conversions-wrapper{max-width:400px!important;min-width:300px!important}}.altumcode-conversions-content{display:flex!important;flex-direction:row!important;align-items:center!important}.altumcode-conversions-header{display:flex!important;align-items:start!important}.altumcode-conversions-title{font-weight:500!important;font-size:16px!important;flex-grow:1!important;margin-bottom:0!important}.altumcode-conversions-description{font-size:14px!important;margin-bottom:2px!important}.altumcode-conversions-image{width:70px!important;height:70px!important;margin-right:10px!important;border-radius:50%!important;object-fit:cover!important}.altumcode-rtl .altumcode-conversions-image{margin:0 0 0 10px!important}.altumcode-conversions-time{font-size:12px!important}.altumcode-conversions-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-conversions-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-conversions-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important}

/* Widget: Live Counter */
.altumcode-live-counter-wrapper{width:220px!important}@media (min-width:576px){.altumcode-live-counter-wrapper{width:280px!important}}.altumcode-live-counter-content{display:flex!important;flex-direction:column!important;align-items:center!important}.altumcode-live-counter-header{display:flex!important;width:100%!important;align-items:start!important;margin-bottom:4px!important}.altumcode-live-counter-main{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;flex-grow:1!important}.altumcode-live-counter-number{padding:3px 32px!important;border-radius:100px!important;font-weight:500!important;font-size:18px!important}.altumcode-live-counter-close{align-self:start!important}.altumcode-live-counter-description{font-size:14px!important;font-weight:400!important;margin-bottom:0!important}.altumcode-live-counter-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-live-counter-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-live-counter-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important;margin-top:10px!important}

/* Widget: Reviews */
.altumcode-reviews-wrapper{max-width:400px!important}.altumcode-reviews-content,.altumcode-reviews-stars{display:flex!important;flex-direction:row!important;align-items:center!important}.altumcode-reviews-header{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.altumcode-reviews-stars div{margin-right:3px!important}.altumcode-reviews-title{font-size:16px!important;font-weight:500!important;margin-bottom:0!important}.altumcode-reviews-description{font-size:14px!important;margin-bottom:0!important;border-radius:8px!important}.altumcode-reviews-image{min-width:70px!important;height:70px!important;margin-right:10px!important;border-radius:50%!important;object-fit:cover!important}.altumcode-rtl .altumcode-reviews-image{margin:0 0 0 10px!important}.altumcode-reviews-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-reviews-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-reviews-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important}

/* Widget: Request Collector */
@media (min-width:576px){.altumcode-request-collector-wrapper{max-width:390px!important}}.altumcode-request-collector-content{padding:6px!important;display:flex!important;flex-direction:column!important;align-items:center!important}.altumcode-request-collector-header{display:flex!important;flex-direction:row!important;align-items:center!important;margin-bottom:15px!important;width:100%!important}.altumcode-request-collector-image{min-width:60px!important;height:60px!important;margin-right:15px!important;border-radius:50%!important}.altumcode-rtl .altumcode-request-collector-image{margin:0 0 0 15px!important}.altumcode-request-collector-header-text{flex-grow:1!important}.altumcode-request-collector-content-title,.altumcode-request-collector-title{font-weight:500!important;font-size:18px!important;margin-bottom:0!important}.altumcode-request-collector-description{font-size:14px!important;margin-bottom:0!important}.altumcode-request-collector-content-description{font-size:14px!important;margin-bottom:15px!important}.altumcode-request-collector-form{display:flex!important;flex-direction:column!important;margin-bottom:8px!important}.altumcode-request-collector-row{display:flex!important;flex-direction:row!important}.altumcode-request-collector-row input{border:1px solid rgba(71,178,228,.2)!important;background:#fff;padding:6px 12px!important;color:#657d90;font-size:14px!important;box-shadow:0 3px 6px -1px rgba(0,0,0,.12)!important;border-bottom-left-radius:6px!important;border-top-left-radius:6px!important}.altumcode-rtl .altumcode-request-collector-row input{border-radius:0 6px 6px 0!important}.altumcode-request-collector-row button:focus,.altumcode-request-collector-row input:focus{outline:0}.altumcode-request-collector-row button{cursor:pointer!important;background:#000;border:0!important;font-size:14px!important;padding:8px 15px!important;color:#fff;box-shadow:0 3px 6px -1px rgba(0,0,0,.12)!important;border-bottom-right-radius:6px!important;border-top-right-radius:6px!important;font-weight:500!important;transition:opacity .3s!important}.altumcode-request-collector-row button:hover{opacity:.9}.altumcode-rtl .altumcode-request-collector-row button{border-radius:6px 0 0 6px!important}.altumcode-request-collector-content .altumcode-agreement-checkbox-text{color:#657d90!important;font-weight:400!important}.altumcode-request-collector-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-request-collector-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-request-collector-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important;text-align:center!important}

/* Widget:  Score Feedback */
@media (min-width:576px){.altumcode-score-feedback-wrapper{max-width:400px!important}}.altumcode-score-feedback-content{display:flex!important;flex-direction:column!important;align-items:center!important;padding:0px!important}.altumcode-score-feedback-header{width:100%!important;display:flex!important;align-items:start!important}.altumcode-score-feedback-title{flex-grow:1!important;text-align:center!important;font-weight:500!important;font-size:15px!important;margin-bottom:8px!important}.altumcode-score-feedback-description{font-size:14px!important;margin-bottom:8px!important}.altumcode-score-feedback-scores{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-around!important;width:100%!important}.altumcode-score-feedback-button{border-radius:6px!important;padding:6px 14px!important;text-align:center!important;font-weight:700!important;font-size:16px!important;margin:8px 4px!important;display:block!important;border:0!important;transition:.3s!important;min-width:initial!important}.altumcode-score-feedback-button:hover{opacity:.9!important;transform:scale(1.1);cursor:pointer!important}.altumcode-score-feedback-button-clicked{animation:1s altumcode-score-feedback-button-click!important}@keyframes altumcode-score-feedback-button-click{0%{transform:scale(1.1);opacity:1}50%{transform:scale(1.5);opacity:.7}100%{transform:scale(1);opacity:0}}.altumcode-score-feedback-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-score-feedback-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-score-feedback-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important;text-align:center!important}

/* Widget: Social Share */
@media (min-width:576px){.altumcode-social-share-wrapper{max-width:350px!important}}.altumcode-social-share-content{padding:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important}.altumcode-social-share-header{display:flex!important;width:100%!important;align-items:start!important}.altumcode-social-share-title{flex-grow:1!important;text-align:center!important;font-size:18px!important;font-weight:500!important;margin-bottom:4px!important}.altumcode-social-share-description{text-align:center!important;font-size:14px!important;margin-bottom:12px!important}.altumcode-social-share-buttons{display:flex!important;flex-direction:row!important;justify-content:space-around!important;flex-wrap:wrap!important;width:100%!important;margin:12px 0!important}.altumcode-social-share-button{background:#000;color:#fff;display:flex!important;border-radius:4px!important;padding:10px!important;text-align:center!important;font-weight:500!important;font-size:14px!important;margin:4px!important;transition:.3s ease-in-out}.altumcode-social-share-button:hover{color:#fff;opacity:.9!important;text-decoration:none!important}.altumcode-social-share-button:hover svg{transform:scale(1.1)!important}.altumcode-social-share-button:active svg{transform:scale(.9)!important}.altumcode-social-share-button svg{width:16px!important;height:16px!important;transition:transform .15s}.altumcode-social-share-button-facebook{background:#1877f2!important}.altumcode-social-share-button-tumblr{background:#001935!important}.altumcode-social-share-button-x{background:#000!important}.altumcode-social-share-button-threads{background:#101010!important}.altumcode-social-share-button-linkedin{background:#0a66c2!important}.altumcode-social-share-button-reddit{background:#ff4500!important}.altumcode-social-share-button-telegram{background:#23a0dc!important}.altumcode-social-share-button-whatsapp{background:#0cc143!important}.altumcode-social-share-button-pinterest{background:#e60023!important}.altumcode-social-share-footer{font-size:14px!important;text-decoration:underline!important}.altumcode-social-share-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-social-share-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-social-share-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important}

/* Widget: Text Feedback */
.altumcode-text-feedback-content{display:flex!important;flex-direction:column!important;padding:0!important}.altumcode-text-feedback-header{display:flex!important;align-items:start!important}.altumcode-text-feedback-title{font-size:18px!important;flex-grow:1!important;text-align:center!important;margin-bottom:0!important;cursor:pointer!important}.altumcode-text-feedback-expand{padding:5px!important;margin-right:5px!important;border:0!important;background:0 0!important}.altumcode-text-feedback-description{font-size:14px!important;margin-bottom:16px!important;text-align:center!important}.altumcode-text-feedback-form{margin-bottom:12px!important}.altumcode-text-feedback-row{display:flex!important;flex-direction:column!important;margin-bottom:15px!important}.altumcode-text-feedback-row input{border:1px solid rgba(71,178,228,.2)!important;background:#fff;padding:6px 12px!important;color:#657d90;font-size:14px!important;border-radius:6px!important;flex-grow:1!important;margin-bottom:12px!important;transition:border .3s!important}.altumcode-text-feedback-row input:hover{border:1px solid rgba(71,178,228,.2)!important}.altumcode-text-feedback-row button{flex-grow:1!important;cursor:pointer!important;background:#000;border:0!important;font-size:14px!important;font-weight:500;padding:8px 15px!important;color:#fff;border-radius:6px!important;transition:opacity .3s!important}.altumcode-text-feedback-row button:hover{opacity:.95!important}.altumcode-text-feedback-wrapper .altumcode-close{margin-left:15px!important;position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-rtl.altumcode-text-feedback-wrapper .altumcode-close{margin:0 15px 0 0!important}@media (min-width:768px){.altumcode-text-feedback-wrapper{max-width:700px!important}}.altumcode-text-feedback-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-text-feedback-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important}

/* Widget: Video */
.altumcode-video-video-container,.altumcode-video-video-iframe{height:180px!important;border-radius:8px!important;width:100%!important}.altumcode-video-content{padding:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important}.altumcode-video-header{display:flex!important;align-items:start!important;width:100%!important}.altumcode-video-title{font-size:18px!important;font-weight:500!important;flex-grow:1!important;text-align:center!important;margin-bottom:14px!important}.altumcode-video-video-container{overflow:hidden!important;margin-bottom:8px!important}.altumcode-video-button{display:block!important;width:100%!important;border-radius:100px!important;padding:10px 30px!important;text-align:center!important;font-size:16px!important;margin:8px 0!important}.altumcode-video-button:hover{color:initial;opacity:.9!important;text-decoration:none!important}@media (min-width:576px){.altumcode-video-wrapper{min-width:425px!important;max-width:450px!important}.altumcode-video-video-container,.altumcode-video-video-iframe{height:220px!important}}.altumcode-video-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-video-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-video-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important;margin-top:10px!important}

/* Widget: Audio */
.altumcode-audio-wrapper{width:100%!important}@media (min-width:576px){.altumcode-audio-wrapper{min-width:425px!important;max-width:450px!important}}.altumcode-audio-content{padding:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important}.altumcode-audio-header{display:flex!important;align-items:start!important;width:100%!important}.altumcode-audio-title{font-size:18px!important;font-weight:500!important;flex-grow:1!important;text-align:center!important;margin-bottom:14px!important}.altumcode-audio-audio-container{width:100%!important;height:revert!important;margin-bottom:8px!important}.altumcode-audio-button{display:block!important;width:100%!important;border-radius:100px!important;padding:10px 30px!important;text-align:center!important;font-size:16px!important;margin:8px 0!important}.altumcode-audio-button:hover{color:initial;opacity:.9!important;text-decoration:none!important}.altumcode-audio-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-audio-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-audio-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important;margin-top:10px!important}

/* Widget: Whatsapp Chat */
.altumcode-whatsapp-chat-title,.altumcode-whatsapp-chat-window-header-title{font-size:18px!important;font-weight:500!important}.altumcode-whatsapp-chat-wrapper{width:auto!important;max-width:325px!important;transition:transform .3s}.altumcode-whatsapp-chat-wrapper:hover{transform:scale(1.1)}.altumcode-whatsapp-chat-content{padding:0!important;display:flex!important;flex-direction:row!important;align-items:center!important}.altumcode-whatsapp-chat-image-large{min-width:45px!important;min-height:45px!important;width:45px!important;height:45px!important}.altumcode-whatsapp-chat-image-small{min-width:25px!important;min-height:25px!important;width:25px!important;height:25px!important}.altumcode-whatsapp-chat-title{flex-grow:1!important;text-align:center!important;margin-bottom:0!important;margin-left:8px!important}.altumcode-rtl .altumcode-whatsapp-chat-title{margin-left:0!important;margin-right:8px!important}.altumcode-whatsapp-chat-window{width:330px!important;display:flex!important;flex-direction:column!important;margin-bottom:14px!important;box-shadow:rgb(0 0 0 / 10%) 0 12px 24px 0!important;border-radius:10px!important}.altumcode-whatsapp-chat-window-header{padding:22px!important;display:flex!important;flex-direction:row!important;align-items:center!important;border-top-left-radius:10px!important;border-top-right-radius:10px!important}.altumcode-whatsapp-chat-window-header-image{width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;border-radius:100px!important;object-fit:cover!important;margin-right:12px!important}.altumcode-whatsapp-chat-window-header-content{display:flex!important;flex-direction:column!important}.altumcode-whatsapp-chat-window-content-reply-text,.altumcode-whatsapp-chat-window-header-description{font-size:14px!important}.altumcode-whatsapp-chat-window-content{position:relative!important;display:flex!important;flex-direction:row!important;background-repeat:no-repeat!important;background-size:auto!important}.altumcode-whatsapp-chat-window-content-background{display:block!important;position:absolute!important;height:100%!important;width:100%!important;opacity:.1!important}.altumcode-whatsapp-chat-window-content-padding{padding:22px!important;z-index:1!important}.altumcode-whatsapp-chat-window-content-reply{padding:8px 12px!important;border-radius:0 8px 8px!important;box-shadow:rgb(0 0 0 / 13%) 0 1px .5px!important}.altumcode-whatsapp-chat-window-content-reply-author{font-size:12px!important;font-weight:500!important;margin-bottom:4px!important}.altumcode-whatsapp-chat-window-footer{padding:18px 22px!important;display:flex!important;flex-direction:column!important;border-bottom-left-radius:10px!important;border-bottom-right-radius:10px!important;text-align:center!important}.altumcode-whatsapp-chat-window-footer-button{display:block!important;border-radius:50px!important;font-weight:600!important;padding:8px!important;font-size:15px!important;transition:opacity .3s!important}.altumcode-whatsapp-chat-window-footer-button:hover{opacity:.9!important;text-decoration:none!important;color:initial}.altumcode-rtl.altumcode-whatsapp-chat-wrapper .altumcode-close{right:initial!important;left:-5px!important}.altumcode-whatsapp-chat-wrapper .altumcode-close{position:absolute!important;top:-8px!important;right:-8px!important;width:20px!important;height:20px!important}.altumcode-whatsapp-chat-window-footer .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-whatsapp-chat-window-footer .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important;margin-top:10px!important}

/* Widget: Viber Chat */
.altumcode-viber-chat-title,.altumcode-viber-chat-window-header-title{font-size:18px!important;font-weight:500!important}.altumcode-viber-chat-wrapper{width:auto!important;max-width:325px!important;transition:transform .3s}.altumcode-viber-chat-wrapper:hover{transform:scale(1.1)}.altumcode-viber-chat-content{padding:0!important;display:flex!important;flex-direction:row!important;align-items:center!important}.altumcode-viber-chat-image-large{min-width:45px!important;min-height:45px!important;width:45px!important;height:45px!important}.altumcode-viber-chat-image-small{min-width:25px!important;min-height:25px!important;width:25px!important;height:25px!important}.altumcode-viber-chat-title{flex-grow:1!important;text-align:center!important;margin-bottom:0!important;margin-left:8px!important}.altumcode-rtl .altumcode-viber-chat-title{margin-left:0!important;margin-right:8px!important}.altumcode-viber-chat-window{width:330px!important;display:flex!important;flex-direction:column!important;margin-bottom:14px!important;box-shadow:rgb(0 0 0 / 10%) 0 12px 24px 0!important;border-radius:10px!important}.altumcode-viber-chat-window-header{padding:22px!important;display:flex!important;flex-direction:row!important;align-items:center!important;border-top-left-radius:10px!important;border-top-right-radius:10px!important}.altumcode-viber-chat-window-header-image{width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;border-radius:100px!important;object-fit:cover!important;margin-right:12px!important}.altumcode-viber-chat-window-header-content{display:flex!important;flex-direction:column!important}.altumcode-viber-chat-window-content-reply-text,.altumcode-viber-chat-window-header-description{font-size:14px!important}.altumcode-viber-chat-window-content{position:relative!important;display:flex!important;flex-direction:row!important;background-repeat:no-repeat!important;background-size:auto!important}.altumcode-viber-chat-window-content-background{display:block!important;position:absolute!important;height:100%!important;width:100%!important;opacity:.1!important}.altumcode-viber-chat-window-content-padding{padding:22px!important;z-index:1!important}.altumcode-viber-chat-window-content-reply{padding:8px 12px!important;border-radius:0 8px 8px!important;box-shadow:rgb(0 0 0 / 13%) 0 1px .5px!important}.altumcode-viber-chat-window-content-reply-author{font-size:12px!important;font-weight:500!important;margin-bottom:4px!important}.altumcode-viber-chat-window-footer{padding:18px 22px!important;display:flex!important;flex-direction:column!important;border-bottom-left-radius:10px!important;border-bottom-right-radius:10px!important;text-align:center!important}.altumcode-viber-chat-window-footer-button{display:block!important;border-radius:50px!important;font-weight:600!important;padding:8px!important;font-size:15px!important;transition:opacity .3s!important}.altumcode-viber-chat-window-footer-button:hover{opacity:.9!important;text-decoration:none!important;color:initial}.altumcode-rtl.altumcode-viber-chat-wrapper .altumcode-close{right:initial!important;left:-5px!important}.altumcode-viber-chat-wrapper .altumcode-close{position:absolute!important;top:-8px!important;right:-8px!important;width:20px!important;height:20px!important}.altumcode-viber-chat-window-footer .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-viber-chat-window-footer .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important;margin-top:10px!important}

/* Widget: Messenger Chat */
.altumcode-messenger-chat-title,.altumcode-messenger-chat-window-header-title{font-size:18px!important;font-weight:500!important}.altumcode-messenger-chat-wrapper{width:auto!important;max-width:325px!important;transition:transform .3s}.altumcode-messenger-chat-wrapper:hover{transform:scale(1.1)}.altumcode-messenger-chat-content{padding:0!important;display:flex!important;flex-direction:row!important;align-items:center!important}.altumcode-messenger-chat-image-large{min-width:45px!important;min-height:45px!important;width:45px!important;height:45px!important}.altumcode-messenger-chat-image-small{min-width:25px!important;min-height:25px!important;width:25px!important;height:25px!important}.altumcode-messenger-chat-title{flex-grow:1!important;text-align:center!important;margin-bottom:0!important;margin-left:8px!important}.altumcode-rtl .altumcode-messenger-chat-title{margin-left:0!important;margin-right:8px!important}.altumcode-messenger-chat-window{width:330px!important;display:flex!important;flex-direction:column!important;margin-bottom:14px!important;box-shadow:rgb(0 0 0 / 10%) 0 12px 24px 0!important;border-radius:10px!important}.altumcode-messenger-chat-window-header{padding:22px!important;display:flex!important;flex-direction:row!important;align-items:center!important;border-top-left-radius:10px!important;border-top-right-radius:10px!important}.altumcode-messenger-chat-window-header-image{width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;border-radius:100px!important;object-fit:cover!important;margin-right:12px!important}.altumcode-messenger-chat-window-header-content{display:flex!important;flex-direction:column!important}.altumcode-messenger-chat-window-content-reply-text,.altumcode-messenger-chat-window-header-description{font-size:14px!important}.altumcode-messenger-chat-window-content{position:relative!important;display:flex!important;flex-direction:row!important;background-repeat:no-repeat!important;background-size:auto!important}.altumcode-messenger-chat-window-content-background{display:block!important;position:absolute!important;height:100%!important;width:100%!important;opacity:.1!important}.altumcode-messenger-chat-window-content-padding{padding:22px!important;z-index:1!important}.altumcode-messenger-chat-window-content-reply{padding:8px 12px!important;border-radius:0 8px 8px!important;box-shadow:rgb(0 0 0 / 13%) 0 1px .5px!important}.altumcode-messenger-chat-window-content-reply-author{font-size:12px!important;font-weight:500!important;margin-bottom:4px!important}.altumcode-messenger-chat-window-footer{padding:18px 22px!important;display:flex!important;flex-direction:column!important;border-bottom-left-radius:10px!important;border-bottom-right-radius:10px!important;text-align:center!important}.altumcode-messenger-chat-window-footer-button{display:block!important;border-radius:50px!important;font-weight:600!important;padding:8px!important;font-size:15px!important;transition:opacity .3s!important}.altumcode-messenger-chat-window-footer-button:hover{opacity:.9!important;text-decoration:none!important;color:initial}.altumcode-rtl.altumcode-messenger-chat-wrapper .altumcode-close{right:initial!important;left:-5px!important}.altumcode-messenger-chat-wrapper .altumcode-close{position:absolute!important;top:-8px!important;right:-8px!important;width:20px!important;height:20px!important}.altumcode-messenger-chat-window-footer .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-messenger-chat-window-footer .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important;margin-top:10px!important}

/* Widget: Telegram Chat */
.altumcode-telegram-chat-title,.altumcode-telegram-chat-window-header-title{font-size:18px!important;font-weight:500!important}.altumcode-telegram-chat-wrapper{width:auto!important;max-width:325px!important;transition:transform .3s}.altumcode-telegram-chat-wrapper:hover{transform:scale(1.1)}.altumcode-telegram-chat-content{padding:0!important;display:flex!important;flex-direction:row!important;align-items:center!important}.altumcode-telegram-chat-image-large{min-width:45px!important;min-height:45px!important;width:45px!important;height:45px!important}.altumcode-telegram-chat-image-small{min-width:25px!important;min-height:25px!important;width:25px!important;height:25px!important}.altumcode-telegram-chat-title{flex-grow:1!important;text-align:center!important;margin-bottom:0!important;margin-left:8px!important}.altumcode-rtl .altumcode-telegram-chat-title{margin-left:0!important;margin-right:8px!important}.altumcode-telegram-chat-window{width:330px!important;display:flex!important;flex-direction:column!important;margin-bottom:14px!important;box-shadow:rgb(0 0 0 / 10%) 0 12px 24px 0!important;border-radius:10px!important}.altumcode-telegram-chat-window-header{padding:22px!important;display:flex!important;flex-direction:row!important;align-items:center!important;border-top-left-radius:10px!important;border-top-right-radius:10px!important}.altumcode-telegram-chat-window-header-image{width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;border-radius:100px!important;object-fit:cover!important;margin-right:12px!important}.altumcode-telegram-chat-window-header-content{display:flex!important;flex-direction:column!important}.altumcode-telegram-chat-window-content-reply-text,.altumcode-telegram-chat-window-header-description{font-size:14px!important}.altumcode-telegram-chat-window-content{position:relative!important;display:flex!important;flex-direction:row!important;background-repeat:no-repeat!important;background-size:auto!important}.altumcode-telegram-chat-window-content-background{display:block!important;position:absolute!important;height:100%!important;width:100%!important;opacity:.1!important}.altumcode-telegram-chat-window-content-padding{padding:22px!important;z-index:1!important}.altumcode-telegram-chat-window-content-reply{padding:8px 12px!important;border-radius:0 8px 8px!important;box-shadow:rgb(0 0 0 / 13%) 0 1px .5px!important}.altumcode-telegram-chat-window-content-reply-author{font-size:12px!important;font-weight:500!important;margin-bottom:4px!important}.altumcode-telegram-chat-window-footer{padding:18px 22px!important;display:flex!important;flex-direction:column!important;border-bottom-left-radius:10px!important;border-bottom-right-radius:10px!important;text-align:center!important}.altumcode-telegram-chat-window-footer-button{display:block!important;border-radius:50px!important;font-weight:600!important;padding:8px!important;font-size:15px!important;transition:opacity .3s!important}.altumcode-telegram-chat-window-footer-button:hover{opacity:.9!important;text-decoration:none!important;color:initial}.altumcode-rtl.altumcode-telegram-chat-wrapper .altumcode-close{right:initial!important;left:-5px!important}.altumcode-telegram-chat-wrapper .altumcode-close{position:absolute!important;top:-8px!important;right:-8px!important;width:20px!important;height:20px!important}.altumcode-telegram-chat-window-footer .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-telegram-chat-window-footer .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important;margin-top:10px!important}

/* Widget: Contacts */
@media (min-width:576px){.altumcode-contact-us-wrapper{max-width:350px!important}}.altumcode-contact-us-content{display:flex!important;flex-direction:column!important;align-items:center!important;padding:0!important}.altumcode-contact-us-header{display:flex!important;width:100%!important;align-items:start!important}.altumcode-contact-us-title{flex-grow:1!important;text-align:center!important;font-size:15px!important;font-weight:500!important;margin-bottom:8px!important}.altumcode-contact-us-description{text-align:center!important;font-size:14px!important;margin-bottom:0!important}.altumcode-contact-us-buttons{display:flex!important;flex-direction:row!important;justify-content:space-around!important;width:100%!important;margin:16px 0!important}.altumcode-contact-us-button{background:#000;color:#fff;display:flex!important;align-items:center!important;border-radius:6px!important;padding:10px 12px!important;text-align:center!important;margin:0 6px!important}.altumcode-contact-us-button svg{width:18px!important;height:18px!important}.altumcode-contact-us-button-email{background:#008cff!important}.altumcode-contact-us-button-phone-number{background:#18d30e!important}.altumcode-contact-us-button-facebook-messenger{background:#00b2ff!important}.altumcode-contact-us-button-telegram{background:#08c!important}.altumcode-contact-us-button-whatsapp{background:#128c7e!important}.altumcode-contact-us-button:hover{color:#fff;opacity:.9!important;text-decoration:none!important}.altumcode-contact-us-footer{font-size:14px!important;text-decoration:underline!important}.altumcode-contact-us-wrapper .altumcode-close{position:absolute!important;top:-15px!important;right:-15px!important;width:20px!important;height:20px!important}.altumcode-contact-us-content .proofdy-branding{height:14px!important;vertical-align:middle!important;border-style:none!important;transform:rotate(10deg)!important}.altumcode-contact-us-content .altumcode-site{font-size:10px!important;color:#37517e!important;text-decoration:none!important;font-style:italic!important}

/* General Styles - Normalize for SHopify */
.altumcode .altumcode-wrapper a {
    text-decoration: none! important;
}