/**
 * ProDiagTools reusable front-end components.
 */

/* Header product search, registered as a Kadence Header Builder element. */
.site-header-item.prodiagtools-search-bar-item {
	width: 100%;
	justify-content: center;
}

.prodiagtools-header-search {
	display: flex;
	width: 100%;
	max-width: 789px;
	min-width: var(--pdt-search-width, 420px);
	min-height: 2.75rem;
	margin: var(--pdt-search-margin, 0);
	border: 1px solid var(--pdt-search-border, #cbd5e0);
	border-radius: var(--pdt-search-radius, 6px);
	background: var(--pdt-search-bg, #fff);
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.prodiagtools-header-search:focus-within {
	border-color: var(--pdt-search-focus, #3182ce);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--pdt-search-focus, #3182ce) 22%, transparent);
}

.prodiagtools-header-search input.prodiagtools-header-search__field {
	min-width: 0;
	width: 100%;
	min-height: inherit;
	padding: 0.55rem 0.85rem;
	border: 0;
	border-radius: 0;
	background: var(--pdt-search-bg, #fff);
	box-shadow: none;
	color: var(--pdt-search-text, #1a202c);
	font-family: var(--pdt-search-font-family, inherit);
	font-size: var(--pdt-search-font-size, inherit);
	font-weight: var(--pdt-search-font-weight, inherit);
	line-height: var(--pdt-search-line-height, normal);
}

.prodiagtools-header-search input.prodiagtools-header-search__field:focus {
	outline: 0;
	background: var(--pdt-search-bg-focus, #fff);
	box-shadow: none;
}

.prodiagtools-header-search__submit {
	display: inline-grid;
	place-items: center;
	flex: 0 0 2.9rem;
	min-height: inherit;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: var(--pdt-search-button, #3182ce);
	color: var(--global-palette9, #fff);
	cursor: pointer;
}

.prodiagtools-header-search__submit:hover,
.prodiagtools-header-search__submit:focus-visible {
	background: var(--pdt-search-button-hover, #2b6cb0);
	color: var(--global-palette9, #fff);
}

.prodiagtools-header-search__icon {
	width: 1.2rem;
	height: 1.2rem;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-width: 2;
}

/* Header Account: compact utility trigger with an accessible native dropdown. */
.pdt-account-item {
	position: relative;
	margin: var(--pdt-account-margin, 0);
}

.pdt-account-item .pdt-account {
	position: relative;
	color: var(--pdt-account-color, currentColor);
}

.pdt-account-item .pdt-account__trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	min-height: 2.5rem;
	padding: var(--pdt-account-padding, 8px);
	border: 0;
	border-radius: var(--pdt-account-radius, 0);
	background: var(--pdt-account-bg, transparent);
	box-shadow: none;
	color: inherit;
	cursor: pointer;
	line-height: 1;
	text-decoration: none;
	transition: color 160ms ease, background-color 160ms ease;
}

.site-header-item.pdt-account-item > a.pdt-account__trigger,
.site-header-item.pdt-account-item > details.pdt-account > summary.pdt-account__trigger {
	color: var(--pdt-account-color, currentColor);
}

.pdt-account-item .pdt-account__trigger:hover,
.pdt-account-item .pdt-account__trigger:focus-visible,
.pdt-account-item .pdt-account[open] > .pdt-account__trigger {
	background: var(--pdt-account-bg-hover, transparent);
	color: var(--pdt-account-color-hover, #df472e);
}

.site-header-item.pdt-account-item > a.pdt-account__trigger:hover,
.site-header-item.pdt-account-item > a.pdt-account__trigger:focus-visible,
.site-header-item.pdt-account-item > details.pdt-account[open] > summary.pdt-account__trigger {
	color: var(--pdt-account-color-hover, #df472e);
}

.pdt-account summary {
	list-style: none;
}

.pdt-account summary::-webkit-details-marker {
	display: none;
}

.pdt-account__icon {
	flex: 0 0 auto;
	width: var(--pdt-account-icon-size, 22px);
	height: var(--pdt-account-icon-size, 22px);
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.pdt-account__label {
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.2;
}

.pdt-account__chevron {
	width: 0.7rem;
	height: 0.45rem;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.5;
	transition: transform 160ms ease;
}

.pdt-account[open] .pdt-account__chevron {
	transform: rotate(180deg);
}

.pdt-account__panel {
	position: absolute;
	z-index: 1300;
	top: calc(100% + 0.65rem);
	right: 0;
	width: min(19rem, calc(100vw - 2rem));
	padding: 1rem;
	border: 1px solid var(--global-gray-400, #cbd5e0);
	border-radius: 0.25rem;
	background: var(--global-palette9, #fff);
	box-shadow: 0 1rem 2.5rem rgba(16, 24, 40, 0.16);
	color: var(--global-palette3, #1a202c);
}

.pdt-account__panel::before {
	position: absolute;
	right: 1rem;
	bottom: 100%;
	width: 0.7rem;
	height: 0.7rem;
	border-top: 1px solid var(--global-gray-400, #cbd5e0);
	border-left: 1px solid var(--global-gray-400, #cbd5e0);
	background: inherit;
	content: "";
	transform: translateY(0.38rem) rotate(45deg);
}

.pdt-account__customer {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	padding-bottom: 0.85rem;
	border-bottom: 1px solid var(--global-gray-400, #e2e8f0);
}

.pdt-account__avatar {
	width: 2.625rem;
	height: 2.625rem;
	border-radius: 50%;
}

.pdt-account__customer span {
	display: grid;
	gap: 0.1rem;
	min-width: 0;
}

.pdt-account__customer small {
	color: var(--global-palette5, #718096);
	font-size: 0.7rem;
}

.pdt-account__customer strong {
	overflow: hidden;
	font-size: 0.875rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pdt-account__nav {
	display: grid;
	margin-top: 0.55rem;
}

.pdt-account__nav a,
.pdt-account__register {
	display: block;
	padding: 0.55rem 0.65rem;
	border-radius: 0.2rem;
	color: var(--global-palette3, #1a202c);
	font-size: 0.82rem;
	text-decoration: none;
}

.pdt-account__nav a:hover,
.pdt-account__nav a:focus-visible,
.pdt-account__register:hover,
.pdt-account__register:focus-visible {
	background: var(--global-palette8, #f7fafc);
	color: var(--global-palette1, #df472e);
}

.pdt-account__logout {
	margin-top: 0.35rem;
	border-top: 1px solid var(--global-gray-400, #e2e8f0);
}

.pdt-account__panel-title {
	display: block;
	margin-bottom: 0.85rem;
	font-size: 0.95rem;
}

.pdt-account__panel .login-username,
.pdt-account__panel .login-password,
.pdt-account__panel .login-remember,
.pdt-account__panel .login-submit {
	margin: 0 0 0.75rem;
}

.pdt-account__panel label {
	display: block;
	margin-bottom: 0.25rem;
	font-size: 0.75rem;
	font-weight: 600;
}

.pdt-account__panel input[type="text"],
.pdt-account__panel input[type="password"] {
	width: 100%;
	font-size: 0.875rem;
}

.pdt-account__panel .login-remember label {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	font-weight: 400;
}

.pdt-account__panel .button-primary {
	width: 100%;
}

.pdt-account__register {
	margin-top: 0.2rem;
	text-align: center;
}

@media (max-width: 767px) {
	.pdt-account__panel {
		position: fixed;
		top: auto;
		right: 1rem;
		left: 1rem;
		width: auto;
	}

	.pdt-account__panel::before {
		display: none;
	}
}

/* Site-wide customer benefits, rendered directly above the newsletter. */
.pdt-benefits {
	--pdt-benefits-background: #f7f7f7;
	--pdt-benefits-card: #fff;
	--pdt-benefits-accent: #df472e;
	--pdt-benefits-icon: #183f7b;
	--pdt-benefits-border: #e1e1e1;
	padding-block: clamp(2.25rem, 3vw, 3rem);
	background: var(--pdt-benefits-background);
	color: #515151;
}

.pdt-benefits__list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(0.85rem, 1.5vw, 1.25rem);
	margin: 0;
	padding: 0;
	list-style: none;
}

.pdt-benefits__item {
	display: flex;
	align-items: flex-start;
	min-width: 0;
	min-height: 7.25rem;
	gap: 1rem;
	padding: clamp(1.25rem, 1.7vw, 1.75rem);
	border: 1px solid var(--pdt-benefits-border);
	background: var(--pdt-benefits-card);
	box-shadow: 0 2px 0 rgba(225, 225, 225, 0.2);
}

.pdt-benefits__icon {
	flex: 0 0 auto;
	width: 2.5rem;
	height: 2.5rem;
	margin-top: -0.2rem;
	color: var(--pdt-benefits-icon);
}

.pdt-benefits__content {
	min-width: 0;
}

.pdt-benefits__title,
.pdt-benefits__content p {
	margin: 0;
}

.pdt-benefits__title {
	margin-bottom: 0.2rem;
	color: var(--pdt-benefits-accent);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.3;
}

.pdt-benefits__content p {
	font-size: 0.82rem;
	line-height: 1.4;
}

.pdt-benefits__description--strong {
	font-weight: 600;
}

.pdt-benefits__content a {
	color: inherit;
	text-decoration: none;
}

.pdt-benefits__content a:hover,
.pdt-benefits__content a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

@media screen and (max-width: 1100px) {
	.pdt-benefits__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 600px) {
	.pdt-benefits {
		padding-block: 1.75rem;
	}

	.pdt-benefits__list {
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}

	.pdt-benefits__item {
		min-height: 0;
		padding: 1.25rem;
	}
}

/* Site-wide newsletter callout, rendered immediately before the footer. */
.pdt-newsletter {
	--pdt-newsletter-accent: #df472e;
	--pdt-newsletter-button: #17417b;
	--pdt-newsletter-button-hover: #0f315f;
	padding-block: clamp(1.25rem, 1.5vw, 1.5rem);
	background: var(--pdt-newsletter-accent);
	color: #fff;
}

.pdt-newsletter__inner {
	display: grid;
	grid-template-columns: minmax(18rem, 1fr) minmax(25rem, 1.05fr);
	align-items: center;
	gap: clamp(2rem, 5vw, 5.5rem);
}

.pdt-newsletter__intro {
	display: flex;
	align-items: center;
	justify-self: end;
	gap: 0.85rem;
}

.pdt-newsletter__icon {
	flex: 0 0 auto;
	width: 2.4rem;
	height: 2.4rem;
	color: var(--pdt-newsletter-button);
}

.pdt-newsletter__copy {
	display: grid;
	gap: 0.15rem;
}

.pdt-newsletter__title,
.pdt-newsletter__copy p {
	margin: 0;
	color: inherit;
}

.pdt-newsletter__title {
	font-size: clamp(1rem, 1.2vw, 1.16rem);
	font-weight: 700;
	line-height: 1.2;
}

.pdt-newsletter__copy p {
	font-size: 0.82rem;
	line-height: 1.35;
}

.pdt-newsletter__form {
	width: min(100%, 32rem);
}

.pdt-newsletter__form .wp-block-kadence-advanced-form.kb-form-has-background,
.pdt-newsletter__form .kb-advanced-form,
.pdt-newsletter__form .wp-block-kadence-rowlayout,
.pdt-newsletter__form .kt-row-column-wrap,
.pdt-newsletter__form .wp-block-kadence-column,
.pdt-newsletter__form .kt-inside-inner-col {
	margin: 0;
	padding: 0;
	background: transparent;
}

.pdt-newsletter__form .wp-block-kadence-rowlayout > .kt-row-column-wrap {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0;
}

.pdt-newsletter__form .kb-form-field {
	margin: 0;
}

.pdt-newsletter__form .wp-block-kadence-advanced-form .kb-advanced-form label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.pdt-newsletter__form .wp-block-kadence-advanced-form .kb-advanced-form input[type="email"] {
	width: 100%;
	min-height: 2.8rem;
	margin: 0;
	padding: 0.7rem 1rem;
	border: 2px solid #fff;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	color: #202938;
	font-size: 0.85rem;
	line-height: 1.25;
}

.pdt-newsletter__form .wp-block-kadence-advanced-form .kb-advanced-form input[type="email"]::placeholder {
	color: #858b95;
	opacity: 1;
}

.pdt-newsletter__form .wp-block-kadence-advanced-form .kb-advanced-form input[type="email"]:focus {
	border-color: var(--pdt-newsletter-button);
	outline: 2px solid #fff;
	outline-offset: 2px;
	box-shadow: none;
}

.pdt-newsletter__form .wp-block-kadence-advanced-form .kb-advanced-form button[type="submit"] {
	min-height: 2.8rem;
	margin: 0;
	padding: 0.7rem 1.65rem;
	border: 2px solid #fff;
	border-radius: 0;
	background: var(--pdt-newsletter-button);
	box-shadow: none;
	color: #fff;
	font-size: 0.84rem;
	font-weight: 600;
	line-height: 1.25;
	white-space: nowrap;
	transition: background-color 0.2s ease;
}

.pdt-newsletter__form .wp-block-kadence-advanced-form .kb-advanced-form button[type="submit"]:hover,
.pdt-newsletter__form .wp-block-kadence-advanced-form .kb-advanced-form button[type="submit"]:focus-visible {
	background: var(--pdt-newsletter-button-hover);
	color: #fff;
}

.pdt-newsletter__form .kadence-blocks-form-message {
	grid-column: 1 / -1;
	margin: 0.65rem 0 0;
	color: #fff;
}

@media screen and (max-width: 900px) {
	.pdt-newsletter__inner {
		grid-template-columns: 1fr;
		gap: 1.15rem;
	}

	.pdt-newsletter__intro {
		justify-self: start;
	}

	.pdt-newsletter__form {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.pdt-newsletter__form .wp-block-kadence-rowlayout > .kt-row-column-wrap {
		grid-template-columns: 1fr;
		gap: 0.65rem;
	}

	.pdt-newsletter__form .wp-block-kadence-advanced-form .kb-advanced-form button[type="submit"] {
		width: 100%;
	}
}

@media (max-width: 1024px) {
	.prodiagtools-header-search {
		min-height: 2.5rem;
	}
}

/* Opt-in responsive carousel for the native Kadence Posts block. */
.pdt-posts-carousel__viewport {
	--pdt-posts-edge-bleed: 0px;
	--pdt-posts-viewport-gutter: 0px;
	box-sizing: border-box;
	overflow: hidden;
}

.pdt-posts-carousel__viewport .splide__track {
	position: relative;
	z-index: 0;
}

.pdt-posts-carousel__viewport .pdt-posts-carousel {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pdt-posts-carousel__viewport .pdt-posts-carousel .kb-post-list-item,
.pdt-posts-carousel__viewport .pdt-posts-carousel .loop-entry {
	min-width: 0;
	height: 100%;
}

.pdt-posts-carousel__viewport .pdt-posts-carousel .kb-post-list-item {
	position: relative;
	flex-shrink: 0;
}

.pdt-posts-carousel__viewport .pdt-posts-carousel .loop-entry {
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.pdt-posts-carousel__viewport .pdt-posts-carousel .post-thumbnail,
.pdt-posts-carousel__viewport .pdt-posts-carousel .post-thumbnail-inner,
.pdt-posts-carousel__viewport .pdt-posts-carousel .post-thumbnail img {
	border-radius: 0;
}

.pdt-posts-carousel__viewport .pdt-posts-carousel .entry-content-wrap {
	padding: 0;
}

.pdt-posts-carousel__viewport .pdt-posts-carousel .entry-header {
	margin-top: 0.95rem;
}

.pdt-posts-carousel__viewport .pdt-posts-carousel .entry-meta {
	margin: 0 0 0.35rem;
	color: #6d6d6d;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.4;
}

.pdt-posts-carousel__viewport .pdt-posts-carousel .entry-meta > *::after {
	display: none;
}

.pdt-posts-carousel__viewport .pdt-posts-carousel .entry-title {
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.35;
}

.pdt-posts-carousel__viewport .pdt-posts-carousel .entry-title a {
	color: var(--global-palette-highlight, #df472e);
	text-decoration: none;
}

.pdt-posts-carousel__viewport .pdt-posts-carousel .entry-title a:hover,
.pdt-posts-carousel__viewport .pdt-posts-carousel .entry-title a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 0.14em;
}

@media screen and (min-width: 1025px) {
	.pdt-posts-carousel__viewport,
	.pdt-posts-carousel__viewport .splide__track {
		overflow: visible;
	}

	.pdt-posts-carousel__viewport .pdt-posts-carousel {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1rem;
	}
}

@media screen and (max-width: 1024px) {
	.pdt-posts-carousel__viewport {
		width: auto;
		max-width: none;
		margin-inline-end: calc(-1 * var(--pdt-posts-edge-bleed));
		overscroll-behavior-inline: contain;
	}

	.pdt-posts-carousel__viewport .pdt-posts-carousel {
		display: flex;
		flex-flow: row nowrap;
		gap: 0;
	}

	.pdt-posts-carousel__viewport .pdt-posts-carousel .kb-post-list-item {
		display: block;
	}
}

/* Site-wide floating contact shortcuts. */
.pdt-contact-widget {
	position: fixed;
	right: 0;
	left: 0;
	text-align: center;
	bottom: max(1.25rem, env(safe-area-inset-bottom));
	z-index: 99;
	display: flex;
	gap: 0.5rem;
	align-items: center;
	justify-content: center;
	width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.pdt-contact-widget__link {
	position: relative;
	display: grid;
	width: 2rem;
	height: 2rem;
	place-items: center;
	border-radius: 50%;
	box-shadow: 0 8px 24px rgb(18 28 45 / 18%);
	color: #fff;
	text-decoration: none;
	transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
	will-change: transform;
}

.pdt-contact-widget__link--whatsapp {
	background: #20c968;
}

.pdt-contact-widget__link--telegram {
	background: #229ed9;
}

.pdt-contact-widget__link svg {
	width: 1.25rem;
	height: 1.25rem;
	fill: currentColor;
}

.pdt-contact-widget__link:hover {
	color: #fff;
	filter: saturate(1.08) brightness(0.96);
	transform: translateY(-3px);
	box-shadow: 0 11px 28px rgb(18 28 45 / 24%);
}

.pdt-contact-widget__link:focus-visible {
	color: #fff;
	outline: 3px solid var(--global-palette-highlight, #df472e);
	outline-offset: 3px;
}

.pdt-contact-widget--entrance-pulse:not(.pdt-contact-widget--scroll-reveal) .pdt-contact-widget__link,
.pdt-contact-widget--entrance-pulse.is-visible .pdt-contact-widget__link {
	animation: pdt-contact-arrive 680ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
}

.pdt-contact-widget--entrance-pulse:not(.pdt-contact-widget--scroll-reveal) .pdt-contact-widget__link:nth-child(2),
.pdt-contact-widget--entrance-pulse.is-visible .pdt-contact-widget__link:nth-child(2) {
	animation-delay: 130ms;
}

.pdt-contact-widget--entrance-pulse:not(.pdt-contact-widget--scroll-reveal) .pdt-contact-widget__link--whatsapp::after,
.pdt-contact-widget--entrance-pulse.is-visible .pdt-contact-widget__link--whatsapp::after {
	position: absolute;
	inset: 0;
	border: 2px solid rgb(32 201 104 / 58%);
	border-radius: inherit;
	content: "";
	pointer-events: none;
	animation: pdt-contact-pulse 10s ease-out 3.2s infinite;
}

.pdt-contact-widget--live:not(.pdt-contact-widget--scroll-reveal) .pdt-contact-widget__link,
.pdt-contact-widget--live.is-visible .pdt-contact-widget__link {
	animation: pdt-contact-float 5.8s ease-in-out infinite;
}

.pdt-contact-widget--live:not(.pdt-contact-widget--scroll-reveal) .pdt-contact-widget__link:nth-child(2),
.pdt-contact-widget--live.is-visible .pdt-contact-widget__link:nth-child(2) {
	animation-delay: -2.9s;
}

.pdt-contact-widget--entrance-pulse.pdt-contact-widget--live:not(.pdt-contact-widget--scroll-reveal) .pdt-contact-widget__link,
.pdt-contact-widget--entrance-pulse.pdt-contact-widget--live.is-visible .pdt-contact-widget__link {
	animation:
		pdt-contact-arrive 680ms cubic-bezier(0.22, 1, 0.36, 1) backwards,
		pdt-contact-float 5.8s ease-in-out 900ms infinite;
}

.pdt-contact-widget--entrance-pulse.pdt-contact-widget--live:not(.pdt-contact-widget--scroll-reveal) .pdt-contact-widget__link:nth-child(2),
.pdt-contact-widget--entrance-pulse.pdt-contact-widget--live.is-visible .pdt-contact-widget__link:nth-child(2) {
	animation-delay: 130ms, -2s;
}

.pdt-contact-widget--live .pdt-contact-widget__link:hover,
.pdt-contact-widget--live .pdt-contact-widget__link:focus-visible {
	animation: none;
}

.pdt-contact-widget--scroll-reveal.is-scroll-ready:not(.is-visible) {
	display: none;
}

@keyframes pdt-contact-arrive {
	from {
		opacity: 0;
		transform: translate3d(0, 1.25rem, 0) scale(0.82);
	}

	70% {
		opacity: 1;
		transform: translate3d(0, -0.2rem, 0) scale(1.035);
	}

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

@keyframes pdt-contact-pulse {
	0%,
	82%,
	100% {
		opacity: 0;
		transform: scale(1);
	}

	84% {
		opacity: 0.7;
	}

	92% {
		opacity: 0;
		transform: scale(1.48);
	}
}

@keyframes pdt-contact-float {
	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}

	50% {
		transform: translate3d(0, -0.3rem, 0);
	}
}

@media screen and (max-width: 480px) {
	.pdt-contact-widget {
		right: max(0.75rem, env(safe-area-inset-right));
		bottom: max(0.875rem, env(safe-area-inset-bottom));
		gap: 0.625rem;
	}

	.pdt-contact-widget__link {
		width: 3.125rem;
		height: 3.125rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pdt-contact-widget__link {
		animation: none !important;
		transition: none;
	}

	.pdt-contact-widget__link::after {
		animation: none !important;
		display: none;
	}
}

/*
 * Stable aliases prevent the sale banner from racing Kadence and WooCommerce
 * font-face declarations that both use the public family name "Inter".
 */
@font-face {
	font-family: "PDT Inter";
	font-style: normal;
	font-weight: 300 900;
	font-display: optional;
	src: url("../fonts/inter/inter-latin-variable.woff2") format("woff2");
}

@font-face {
	font-family: "PDT Space Grotesk";
	font-style: normal;
	font-weight: 400;
	font-display: optional;
	src: url("/wp-content/fonts/space-grotesk/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7oUXskPMA.woff2") format("woff2");
}

/* Responsive sale callout used on landing pages. */
.wp-block-group.pdt-sale-banner {
	display: grid;
	grid-template-columns: max-content max-content minmax(2rem, 1fr) max-content;
	align-items: center;
	justify-content: start;
	width: 100%;
	column-gap: 1.5rem;
	row-gap: 0.5rem;
}

.pdt-sale-banner__title {
	grid-column: 1;
	grid-row: 1;
	font-family: "PDT Space Grotesk", Arial, sans-serif;
}

.pdt-sale-banner__button {
	grid-column: 2;
	grid-row: 1;
	font-family: "PDT Inter", Arial, sans-serif;
}

.pdt-sale-banner__text {
	grid-column: 1 / 3;
	grid-row: 2;
	font-family: "PDT Inter", Arial, sans-serif;
}

.pdt-sale-banner__countdown {
	grid-column: 4;
	grid-row: 1 / 3;
	align-self: center;
	justify-self: end;
	padding: 0;
	font-family: "PDT Inter", Arial, sans-serif;
}

/* Kadence renders Countdown inside an extra block wrapper in Gutenberg. */
.editor-styles-wrapper .pdt-sale-banner > [data-type="kadence/countdown"],
.editor-styles-wrapper .pdt-sale-banner > .block-editor-block-list__block:has(.wp-block-kadence-countdown) {
	grid-column: 4;
	grid-row: 1 / 3;
	align-self: center;
	justify-self: end;
	margin: 0;
	padding: 0;
}

.editor-styles-wrapper .pdt-sale-banner .wp-block-kadence-countdown {
	padding: 0;
	font-family: "PDT Inter", Arial, sans-serif;
}

.pdt-sale-banner__countdown .kb-countdown-timer,
.editor-styles-wrapper .pdt-sale-banner .wp-block-kadence-countdown .kb-countdown-timer {
	flex-wrap: nowrap;
	justify-content: flex-end;
	gap: clamp(0.4rem, 1.2vw, 1rem);
}

.pdt-sale-banner__countdown .kb-countdown-timer-layout-block .kb-countdown-item,
.pdt-sale-banner__countdown .kb-countdown-item,
.editor-styles-wrapper .pdt-sale-banner .wp-block-kadence-countdown .kb-countdown-item {
	min-width: 0;
	margin: 0;
	padding: 0;
	background: transparent !important;
}

.pdt-sale-banner__countdown .kb-countdown-number,
.editor-styles-wrapper .pdt-sale-banner .wp-block-kadence-countdown .kb-countdown-number {
	position: relative;
	display: grid;
	width: clamp(3.25rem, 9vw, 4rem);
	min-height: clamp(3rem, 5vw, 3.5rem);
	margin: 0;
	place-items: center;
	border: 1px solid #d7d9df;
	background: #fff;
	color: #1c1f38;
	font-size: clamp(1.5rem, 2vw, 2rem);
	font-weight: 400;
	letter-spacing: 0.65em;
	line-height: 1;
	text-indent: 0.65em;
}

.pdt-sale-banner__countdown .kb-countdown-number::after,
.editor-styles-wrapper .pdt-sale-banner .wp-block-kadence-countdown .kb-countdown-number::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 1px;
	background: #aeb2bb;
	content: "";
}

.pdt-sale-banner__countdown .kb-countdown-label,
.editor-styles-wrapper .pdt-sale-banner .wp-block-kadence-countdown .kb-countdown-label {
	margin-top: 0.5rem;
	color: rgb(255 255 255 / 72%);
	font-size: clamp(0.75rem, 1.2vw, 0.95rem);
	font-weight: 400;
	line-height: 1.2;
	text-transform: none;
}

@media screen and (min-width: 990px) and (max-width: 1100px) {
	.wp-block-group.pdt-sale-banner {
		grid-template-columns: max-content max-content minmax(1rem, 1fr) max-content;
		column-gap: 1rem;
	}

	.pdt-sale-banner__countdown .kb-countdown-timer {
		gap: 0.4rem;
	}

	.pdt-sale-banner__countdown .kb-countdown-number,
	.editor-styles-wrapper .pdt-sale-banner .wp-block-kadence-countdown .kb-countdown-number {
		width: 3.25rem;
		min-height: 3rem;
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 989px) {
	.wp-block-group.pdt-sale-banner {
		grid-template-columns: minmax(0, 1fr);
		justify-items: center;
		row-gap: 0.75rem;
		text-align: center;
	}

	.pdt-sale-banner__title,
	.pdt-sale-banner__text,
	.pdt-sale-banner__button,
	.pdt-sale-banner__countdown {
		grid-column: 1;
	}

	.editor-styles-wrapper .pdt-sale-banner > [data-type="kadence/countdown"],
	.editor-styles-wrapper .pdt-sale-banner > .block-editor-block-list__block:has(.wp-block-kadence-countdown) {
		grid-column: 1;
		grid-row: 3;
		justify-self: center;
		width: 100%;
		margin-top: 1.5rem;
	}

	.pdt-sale-banner__title {
		grid-row: 1;
	}

	.pdt-sale-banner__text {
		grid-row: 2;
		max-width: 32rem;
	}

	.pdt-sale-banner__countdown {
		grid-row: 3;
		justify-self: center;
		width: 100%;
		margin-top: 1.5rem;
	}

	.pdt-sale-banner__countdown .kb-countdown-timer,
	.editor-styles-wrapper .pdt-sale-banner .wp-block-kadence-countdown .kb-countdown-timer {
		justify-content: center;
	}

	.pdt-sale-banner__countdown .kb-countdown-number,
	.editor-styles-wrapper .pdt-sale-banner .wp-block-kadence-countdown .kb-countdown-number {
		width: clamp(3.25rem, 18vw, 4rem);
	}

	.pdt-sale-banner__button {
		grid-row: 4;
		margin-top: 1.5rem;
	}
}