.klap-sd {
	--klap-sd-border: var(--global--color-border, #e3e3e3);
	--klap-sd-border-strong: var(--buttons--border-color, #282828);
	--klap-sd-chip-surface: rgb(255 255 255 / 92%);
	--klap-sd-muted-surface: var(--inputs--background-color, #f3f3f3);
	--klap-sd-surface: var(--global--color-body, #ffffff);
	--klap-sd-text: var(--global--color-font, #282828);

	clear: both;
	margin: 48px 0;
	color: var(--klap-sd-text);
	font-family: var(--global--font-family-body, inherit);
	font-size: var(--global--font-size-body, 16px);
	line-height: var(--global--line-height-body, 1.5);
}

.klap-sd__shell {
	max-width: var(--page--max-width, 1520px);
	margin: 0 auto;
}

.klap-sd__hero {
	display: grid;
	grid-template-columns: minmax(0, 54fr) minmax(340px, 46fr);
	align-items: start;
}

.klap-sd__media {
	position: relative;
	min-width: 0;
}

.woocommerce #content div.product .klap-sd__media div.images,
.woocommerce div.product .klap-sd__media div.images,
.woocommerce-page #content div.product .klap-sd__media div.images,
.woocommerce-page div.product .klap-sd__media div.images {
	float: none;
	width: calc(100% - var(--product-gallery--thumbnails-total-width));
	margin-left: var(--product-gallery--thumbnails-total-width);
}

.klap-sd__preview-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	clear: both;
	width: calc(100% - var(--product-gallery--thumbnails-total-width));
	margin-top: 12px;
	margin-left: var(--product-gallery--thumbnails-total-width);
}

.klap-sd__preview-tags span {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 5px 10px;
	border: 1px solid rgb(40 40 40 / 12%);
	border-radius: 50px;
	background: var(--klap-sd-chip-surface);
	color: #282828;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
}

.klap-sd__summary {
	position: static;
	padding-right: clamp(24px, 4vw, var(--product-summary--spacing, 60px));
	padding-left: clamp(24px, 4vw, var(--product-summary--spacing, 60px));
}

@media (max-width: 1080px) {
	.klap-sd__hero {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	.klap-sd__summary {
		position: static;
		padding-right: 0;
		padding-left: 0;
	}

	.woocommerce #content div.product .klap-sd__media div.images,
	.woocommerce div.product .klap-sd__media div.images,
	.woocommerce-page #content div.product .klap-sd__media div.images,
	.woocommerce-page div.product .klap-sd__media div.images {
		width: 100%;
		margin-left: 0;
	}

	.klap-sd__preview-tags {
		width: 100%;
		margin-left: 0;
	}

	.klap-sd__media.is-large-gallery .flex-control-thumbs {
		display: none !important;
	}
}

.klap-sd__eyebrow {
	margin: 0 0 10px;
	font-size: 13px;
	font-weight: 600;
	color: var(--klap-sd-text);
}

.klap-sd__title {
	margin: 0 0 12px;
	font-family: var(--heading--font-family, inherit);
	font-size: clamp(24px, 2.4vw, 30px);
	font-weight: 400;
	line-height: 1.38;
	letter-spacing: 0;
}

.klap-sd__subtitle {
	margin: 0 0 20px;
	font-size: var(--global--font-size-body, 16px);
	line-height: var(--global--line-height-body, 1.5);
	color: var(--klap-sd-text);
}

.klap-sd__price {
	margin: 0 0 20px;
	font-size: 1.25em;
	font-weight: 400;
	line-height: var(--global--line-height-body, 1.5);
}

.klap-sd__vat-toggle {
	margin-top: 8px;
}

.klap-sd__benefits {
	display: grid;
	gap: 2px;
	margin: 0 0 22px;
	padding: 0;
	list-style: none;
}

.klap-sd__benefits li {
	position: relative;
	padding-left: 22px;
	font-size: var(--global--font-size-body, 16px);
	line-height: var(--global--line-height-body, 1.5);
}

.klap-sd__benefits li::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "✓";
	color: #34c759;
	font-weight: 700;
}

.klap-sd__quick {
	display: grid;
	gap: 16px;
	margin: 0 0 20px;
}

.klap-sd__quick-group {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.klap-sd__quick-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 8px;
}

.klap-sd__quick-head h3 {
	margin: 0;
	font-size: var(--global--font-size-body, 16px);
	font-weight: 400;
	line-height: var(--global--line-height-body, 1.5);
}

.klap-sd__quick-head strong {
	max-width: 58%;
	color: var(--global--color-font-opacity-70, rgb(40 40 40 / 70%));
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	text-align: right;
}

.klap-sd__quick-picks {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.klap-sd__quick-group[data-option-type="chip"] .klap-sd__quick-picks {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(130px, 100%), 1fr));
}

.klap-sd__quick-group[data-option-type="chip"] .klap-sd__quick-option {
	width: 100%;
	min-height: 46px;
	justify-content: center;
	padding: 10px 8px;
}

.klap-sd__quick-group[data-option-type="chip"] .klap-sd__chip-mark {
	display: none;
}

.klap-sd__model-picks {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.klap-sd__model-option {
	display: grid;
	gap: 3px;
	min-height: 64px;
	align-content: center;
	padding: 12px 13px;
	border: 1px solid var(--klap-sd-border);
	border-radius: 5px;
	background: var(--klap-sd-surface);
	color: var(--klap-sd-text);
	text-decoration: none;
}

.klap-sd__model-option span {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
}

.klap-sd__model-option small {
	color: var(--global--color-font-opacity-70, rgb(40 40 40 / 70%));
	font-size: 12px;
	line-height: 1.25;
}

.klap-sd__model-option.is-selected {
	border-color: #34c759;
	box-shadow: inset 0 0 0 1px #34c759;
}

.klap-sd__model-option.is-disabled {
	color: var(--global--color-font-opacity-50, #888888);
	background: var(--klap-sd-muted-surface);
}

.klap-sd__quick-option,
.klap-sd__quick-more {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 50px;
	padding: 12px 16px;
	border: 1px solid transparent;
	border-radius: 5px;
	background: var(--klap-sd-muted-surface);
	color: var(--klap-sd-text);
	font-size: var(--global--font-size-body, 16px);
	font-weight: 400;
	line-height: var(--global--line-height-body, 1.5);
	cursor: pointer;
}

.klap-sd__quick-group[data-option-type="swatch"] .klap-sd__quick-option {
	width: 50px;
	height: 50px;
	min-height: 50px;
	flex: 0 0 50px;
	box-sizing: border-box;
	justify-content: center;
	padding: 7px;
	border-radius: 5px;
	background: var(--klap-sd-muted-surface);
}

.klap-sd__quick-group:is([data-option-key="desktop_finish"], [data-option-key="frame_color"]) .klap-sd__quick-option {
	width: 34px;
	height: 34px;
	min-height: 34px;
	flex-basis: 34px;
	padding: 2px;
	border-radius: 3px;
	background: transparent;
}

.klap-sd__quick-group:is([data-option-key="desktop_finish"], [data-option-key="frame_color"]) .klap-sd__swatch {
	width: 26px;
	height: 26px;
	flex-basis: 26px;
	border-radius: 2px;
}

.klap-sd__quick-group[data-option-type="swatch"] .klap-sd__quick-more {
	width: auto;
	border-radius: 5px;
}

.klap-sd__quick-group[data-option-type="button"] .klap-sd__quick-option {
	flex: 1 1 180px;
	justify-content: flex-start;
}

.klap-sd__quick-option.is-selected {
	border-color: #34c759;
	box-shadow: inset 0 0 0 1px #34c759;
}

.klap-sd__quick-group[data-option-type="swatch"] .klap-sd__quick-option:not(.is-selected) {
	border-color: var(--klap-sd-border);
	box-shadow: none;
}

.klap-sd__quick-group[data-option-type="swatch"] .klap-sd__quick-option:hover,
.klap-sd__quick-group[data-option-type="swatch"] .klap-sd__quick-option:focus-visible {
	border-color: var(--klap-sd-border-strong);
	box-shadow: none;
}

.klap-sd__quick-group[data-option-type="swatch"] .klap-sd__quick-option.is-selected:hover,
.klap-sd__quick-group[data-option-type="swatch"] .klap-sd__quick-option.is-selected:focus-visible {
	border-color: #34c759;
	box-shadow: inset 0 0 0 1px #34c759;
}

.klap-sd__quick-more {
	background: var(--klap-sd-muted-surface);
	text-decoration: underline;
}

.klap-sd__more-selection {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	max-width: 100%;
	padding: 7px 10px;
	border: 1px solid var(--klap-sd-border);
	border-radius: 999px;
	color: var(--global--color-font-opacity-70, rgb(40 40 40 / 70%));
	background: var(--klap-sd-surface);
	font-size: 12px;
	line-height: 1.25;
}

.klap-sd__more-selection .klap-sd__swatch {
	width: 28px;
	height: 28px;
	flex-basis: 28px;
}

.klap-sd__more-selection.is-swatch {
	width: 50px;
	height: 50px;
	min-height: 50px;
	flex: 0 0 50px;
	justify-content: center;
	padding: 7px;
	border-radius: 5px;
	background: var(--klap-sd-muted-surface);
}

.klap-sd__more-selection[hidden] {
	display: none;
}

.klap-sd__more-selection strong {
	color: var(--klap-sd-text);
	font-weight: 700;
}

.klap-sd__purchase-notes {
	display: grid;
	grid-template-columns: auto 1fr auto 1fr auto;
	align-items: center;
	width: 100%;
	margin: -8px 0 20px;
	color: var(--global--color-font-opacity-70, rgb(40 40 40 / 70%));
	font-size: 13px;
	line-height: 1.45;
}

.klap-sd__purchase-notes span {
	white-space: nowrap;
}

.klap-sd__purchase-notes i {
	justify-self: center;
	font-style: normal;
}

.klap-sd__swatch {
	width: 30px;
	height: 30px;
	flex: 0 0 30px;
	border: 1px solid rgb(40 40 40 / 16%);
	border-radius: 3px;
	background: var(--klap-swatch, #ffffff);
	box-shadow: inset 0 0 0 1px rgb(255 255 255 / 42%);
}

.klap-sd__chip-mark {
	width: 0;
	height: 0;
	flex: 0 0 0;
	border: 1px solid var(--klap-sd-border);
	border-radius: 5px;
	background:
		linear-gradient(135deg, rgb(40 40 40 / 10%) 25%, transparent 25%) 0 0 / 8px 8px,
		var(--klap-sd-muted-surface);
	overflow: hidden;
}

.klap-sd__selected-name {
	display: none;
	margin: 9px 0 0;
	color: var(--global--color-font-opacity-70, rgb(40 40 40 / 70%));
	font-size: 12px;
	line-height: 1.35;
}

.klap-sd__selected-name span {
	color: var(--klap-sd-text);
	font-weight: 700;
}

.klap-sd__desk-summary {
	margin: 14px 0 2.5rem;
	padding: 12px 14px;
	border: 1px solid var(--klap-sd-border);
	border-radius: 5px;
	background: var(--klap-sd-muted-surface);
}

.klap-sd__desk-summary h3 {
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
}

.klap-sd__desk-summary ul {
	display: grid;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.klap-sd__desk-summary li {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	font-size: 13px;
	line-height: 1.35;
}

.klap-sd__desk-summary span {
	color: var(--global--color-font-opacity-70, rgb(40 40 40 / 70%));
}

.klap-sd__desk-summary strong {
	max-width: 58%;
	text-align: right;
}

.klap-sd__actions {
	display: grid;
	gap: 10px;
	margin-bottom: 0;
}

.klap-sd__cart-form {
	display: flex;
	align-items: center;
	margin: 0;
}

.klap-sd__cart-form[hidden] {
	display: none;
}

.klap-sd[data-klap-frame-only="0"] [data-klap-frame-cta],
.klap-sd[data-klap-frame-only="1"] [data-klap-cart-form] {
	display: none !important;
}

.klap-sd__cart-cta[hidden],
.klap-sd__frame-cta[hidden] {
	display: none;
}

.klap-sd__cart-cta,
.klap-sd__frame-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 50px;
	border-radius: 50px;
	text-align: center;
}

.woocommerce div.product .klap-sd__cart-form div.quantity {
	flex: 0 0 8.125rem;
	margin: 0;
}

.woocommerce div.product .klap-sd__cart-form .klap-sd__cart-cta {
	width: calc(100% - (8.125rem + 5px));
	margin-left: 1.125rem;
}

.klap-sd__actions > .klap-sd__cart-cta,
.klap-sd__actions > .klap-sd__frame-cta {
	width: 100%;
}

.klap-sd__frame-cta {
	border-color: var(--klap-sd-border-strong);
	background: var(--klap-sd-surface);
	color: var(--klap-sd-text);
}

.woocommerce div.product .klap-sd__actions .klap-sd__frame-cta {
	border: 1px solid var(--klap-sd-border-strong);
	background: var(--klap-sd-surface);
	color: var(--klap-sd-text);
}

.klap-sd__frame-cta[hidden] {
	display: none;
}

.klap-sd__frame-missing {
	grid-column: 1 / -1;
	font-size: 13px;
	color: #ab4949;
}

.klap-sd__section {
	margin-top: 36px;
	padding: 28px 0;
}

.klap-sd__section h3 {
	margin: 0 0 12px;
	font-family: var(--heading--font-family, inherit);
	font-size: clamp(22px, 2vw, 26px);
	font-weight: 700;
	line-height: 1.34;
	letter-spacing: 0;
}

.klap-sd__section p {
	max-width: 760px;
	margin: 0;
	color: var(--klap-sd-text);
	line-height: 1.7;
}

.klap-sd__description {
	font-size: var(--global--font-size-body, 16px);
	line-height: var(--global--line-height-body, 1.5);
}

.klap-sd__description > :first-child {
	margin-top: 0;
}

.klap-sd__description > :last-child {
	margin-bottom: 0;
}

.klap-sd__description h2,
.klap-sd__description h3,
.klap-sd__description h4 {
	margin: 28px 0 12px;
	font-family: var(--heading--font-family, inherit);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.35;
}

.klap-sd__description h2 {
	font-size: clamp(24px, 2.2vw, 30px);
}

.klap-sd__description h3 {
	font-size: 22px;
}

.klap-sd__description h4 {
	font-size: 18px;
}

.klap-sd__description p,
.klap-sd__description ul,
.klap-sd__description ol {
	max-width: 760px;
	margin: 0 0 16px;
	color: var(--klap-sd-text);
	line-height: 1.7;
}

.klap-sd__description li + li {
	margin-top: 6px;
}

.klap-sd__description a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.klap-sd__description .klap-desc-card-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin: 34px 0 52px;
}

.klap-sd__description .klap-desc-card {
	min-height: 114px;
	padding: 20px 18px;
	border: 1px solid var(--klap-sd-border-strong);
	border-radius: 5px;
	background: var(--klap-sd-surface);
}

.klap-sd__description .klap-desc-card::before {
	display: block;
	width: 28px;
	height: 3px;
	margin-bottom: 16px;
	background: #34c759;
	content: "";
}

.klap-sd__description .klap-desc-card h3 {
	margin: 0 0 12px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.35;
}

.klap-sd__description .klap-desc-card p {
	margin: 0;
	color: var(--klap-sd-muted);
	font-size: 14px;
	line-height: 1.55;
}

.klap-sd__description .klap-desc-grow-path {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	margin: 34px 0 52px;
}

.klap-sd__description .klap-desc-path-node {
	min-height: 88px;
	padding: 20px 18px;
	border: 1px solid var(--klap-sd-border);
	border-radius: 5px;
	background: var(--klap-sd-surface);
}

.klap-sd__description .klap-desc-path-node.is-current {
	border-color: #34c759;
	background: rgb(52 199 89 / 10%);
	box-shadow: inset 0 0 0 1px #34c759;
}

.klap-sd__description .klap-desc-path-node strong,
.klap-sd__description .klap-desc-path-node span {
	display: block;
}

.klap-sd__description .klap-desc-path-node strong {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.35;
}

.klap-sd__description .klap-desc-path-node span {
	color: var(--klap-sd-muted);
	font-size: 14px;
	line-height: 1.45;
}

.klap-sd__description .klap-desc-path-arrow {
	color: var(--klap-sd-muted);
	font-size: 18px;
	line-height: 1;
}

.klap-sd__description .klap-motion-description-comparison {
	margin: 0 0 28px;
}

.klap-sd__description .klap-motion-description-comparison > h3 {
	margin: 0 0 14px;
	font-size: 16px;
	font-weight: 400;
}

.klap-sd__description .klap-motion-description-comparison__reveal {
	position: relative;
	margin: 0;
	padding-bottom: 28px;
	border: 0;
}

.klap-sd__description .klap-motion-description-comparison__toggle {
	position: absolute;
	right: 50%;
	bottom: 8px;
	z-index: 1;
	display: inline-flex;
	min-height: 40px;
	align-items: center;
	justify-content: center;
	padding: 8px 18px;
	border: 1px solid var(--klap-sd-border-strong);
	border-radius: 5px;
	background: var(--klap-sd-surface);
	color: var(--klap-sd-text);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	list-style: none;
	cursor: pointer;
	transform: translateX(50%);
}

.klap-sd__description .klap-accordion__hide,
.klap-sd__description .klap-motion-description-comparison__reveal.is-expanded .klap-accordion__show {
	display: none;
}

.klap-sd__description .klap-motion-description-comparison__reveal.is-expanded .klap-accordion__hide {
	display: inline;
}

.klap-sd__description .klap-motion-description-comparison__reveal:not(.is-expanded) .klap-accordion__content {
	position: relative;
	display: block;
	padding: 0;
	overflow: hidden;
}

.klap-sd__description .klap-motion-description-comparison__reveal:not(.is-expanded) .klap-accordion__content::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 72px;
	background: linear-gradient(to bottom, transparent, var(--klap-sd-surface));
	pointer-events: none;
	content: "";
}

.klap-sd__description .klap-motion-description-comparison__reveal:not(.is-expanded) tbody tr:nth-child(n + 4) {
	display: none;
}

.klap-sd__description .klap-motion-description-comparison__reveal.is-expanded .klap-accordion__content {
	padding: 0;
}

.klap-sd__description .klap-motion-comparison {
	max-width: 100%;
	margin: 0;
	padding: 2px;
	box-sizing: border-box;
	overflow: visible;
}

.klap-sd__description .klap-motion-comparison table {
	width: 100%;
	margin: 0;
	border: 1px solid var(--klap-sd-border);
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 5px;
	background: var(--klap-sd-surface);
	table-layout: fixed;
	overflow: hidden;
}

.klap-sd__description .klap-motion-comparison th,
.klap-sd__description .klap-motion-comparison td {
	padding: 12px;
	border-right: 1px solid var(--klap-sd-border);
	border-bottom: 1px solid var(--klap-sd-border);
	color: var(--klap-sd-text);
	font-size: 13px;
	line-height: 1.45;
	text-align: left;
	vertical-align: top;
}

.klap-sd__description .klap-motion-comparison th {
	background: var(--klap-sd-muted-surface);
	font-weight: 700;
}

.klap-sd[data-klap-current-model="core"] .klap-motion-comparison :is(th, td):nth-child(2),
.klap-sd[data-klap-current-model="standard"] .klap-motion-comparison :is(th, td):nth-child(3),
.klap-sd[data-klap-current-model="speed"] .klap-motion-comparison :is(th, td):nth-child(4),
.klap-sd[data-klap-current-model="strong"] .klap-motion-comparison :is(th, td):nth-child(5) {
	background: rgb(52 199 89 / 12%);
}

.klap-sd__description .klap-alternatives-comparison {
	max-width: 100%;
	margin: 30px 0 52px;
	overflow-x: auto;
}

.klap-sd__description .klap-alternatives-comparison table {
	width: 100%;
	min-width: 620px;
	margin: 0;
	border: 1px solid var(--klap-sd-border);
	border-collapse: collapse;
	table-layout: fixed;
}

.klap-sd__description .klap-alternatives-comparison :is(th, td) {
	padding: 16px;
	border: 1px solid var(--klap-sd-border);
	color: var(--klap-sd-text);
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
}

.klap-sd__description .klap-alternatives-comparison th {
	background: var(--klap-sd-muted-surface);
}

.klap-sd__description .klap-alternatives-comparison :is(th, td):last-child {
	background: rgb(52 199 89 / 12%);
}

.klap-sd__description .klap-motion-comparison tr:last-child td {
	border-bottom: 0;
}

.klap-sd__description .klap-motion-comparison th:last-child,
.klap-sd__description .klap-motion-comparison td:last-child {
	border-right: 0;
}

[data-color-mode=dark] .klap-sd__description .klap-motion-comparison th[style*="background-color"],
[data-color-mode=dark] .klap-sd__description .klap-motion-comparison td[style*="background-color"] {
	background-color: rgb(52 199 89 / 18%) !important;
	color: var(--global--color-font, #f8f8f8) !important;
}

.klap-sd-landing {
	max-width: 1180px;
	margin: 0 auto;
	padding: 48px 24px 64px;
	color: var(--global--color-font, #282828);
}

.klap-sd-landing__eyebrow {
	margin: 0 0 10px;
	font-size: 13px;
	font-weight: 700;
}

.klap-sd-landing h1 {
	max-width: 780px;
	margin: 0 0 14px;
	font-family: var(--heading--font-family, inherit);
	font-size: clamp(30px, 4vw, 48px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.18;
}

.klap-sd-landing__intro {
	max-width: 720px;
	margin: 0 0 34px;
	font-size: 18px;
	line-height: 1.65;
}

.klap-sd-landing__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.klap-sd-landing__card {
	display: flex;
	min-width: 0;
	flex-direction: column;
	border: 1px solid var(--klap-sd-border);
	border-radius: 5px;
	background: var(--klap-sd-surface);
	overflow: hidden;
}

.klap-sd-landing__image-link {
	display: block;
	background: var(--klap-sd-muted-surface);
}

.klap-sd-landing__image {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.klap-sd-landing__card-body {
	display: grid;
	gap: 12px;
	padding: 18px;
}

.klap-sd-landing__label {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
}

.klap-sd-landing__card h2 {
	margin: 0;
	font-size: 18px;
	line-height: 1.35;
}

.klap-sd-landing__card h2 a {
	color: inherit;
	text-decoration: none;
}

.klap-sd-landing__price {
	min-height: 28px;
	font-size: 15px;
}

.klap-sd-landing__button {
	justify-self: start;
	margin-top: 4px;
}

.klap-sd__specs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.klap-sd__spec {
	display: flex;
	min-height: 74px;
	flex-direction: column;
	justify-content: center;
	padding: 14px 16px;
	border: 1px solid var(--klap-sd-border);
	border-radius: 5px;
	color: var(--klap-sd-text);
	text-decoration: none;
	background: var(--klap-sd-surface);
}

.klap-sd__spec.is-current {
	border-color: #34c759;
	box-shadow: inset 0 0 0 1px #34c759;
}

.klap-sd__spec.is-disabled {
	color: var(--global--color-font-opacity-50, #c1c1c1);
	background: var(--klap-sd-muted-surface);
}

.klap-sd__spec small {
	margin-top: 4px;
	color: #34c759;
	font-size: 12px;
	font-weight: 700;
}

.klap-sd__comparison summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 54px;
	padding: 0;
	font-size: 18px;
	font-weight: 700;
	cursor: pointer;
}

.klap-sd__comparison summary::after {
	content: "+";
	font-size: 24px;
}

.klap-sd__comparison details[open] summary::after {
	content: "−";
}

.klap-sd__comparison-grid {
	display: grid;
	gap: 0;
	margin-top: 12px;
	border: 1px solid var(--klap-sd-border);
	border-radius: 5px;
	overflow: hidden;
}

.klap-sd__comparison-head,
.klap-sd__comparison-row {
	display: grid;
	grid-template-columns: 1.2fr repeat(4, minmax(0, 1fr));
}

.klap-sd__comparison-head {
	background: var(--klap-sd-muted-surface);
	font-weight: 700;
}

.klap-sd__comparison-head span,
.klap-sd__comparison-row span,
.klap-sd__comparison-row strong {
	padding: 12px;
	border-right: 1px solid var(--klap-sd-border);
	border-bottom: 1px solid var(--klap-sd-border);
	font-size: 13px;
	line-height: 1.45;
}

.klap-sd__comparison-row:last-child span,
.klap-sd__comparison-row:last-child strong {
	border-bottom: 0;
}

.klap-sd__comparison-head span:last-child,
.klap-sd__comparison-row span:last-child {
	border-right: 0;
}

.klap-sd-modal[hidden] {
	display: none;
}

body.klap-standing-desk-product div.product > .summary.entry-summary,
.klap-sd-modal + .summary.entry-summary {
	display: none;
}

.klap-sd-modal {
	position: fixed;
	z-index: 9999;
	inset: 0;
	display: grid;
	place-items: center;
	padding: 24px;
}

.klap-sd-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgb(0 0 0 / 45%);
}

.klap-sd-modal__panel {
	position: relative;
	width: min(680px, 100%);
	max-height: min(760px, calc(100vh - 48px));
	overflow: auto;
	border-radius: 5px;
	background: var(--global--color-body, #ffffff);
	box-shadow: 0 24px 80px rgb(0 0 0 / 25%);
}

.klap-sd-modal__head,
.klap-sd-modal__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 20px;
	border-bottom: 1px solid var(--global--color-border, #e3e3e3);
}

.klap-sd-modal__actions {
	border-top: 1px solid var(--global--color-border, #e3e3e3);
	border-bottom: 0;
	justify-content: flex-end;
}

.klap-sd-modal__head h3 {
	margin: 0;
	font-size: 20px;
}

.klap-sd-modal__close {
	width: 36px;
	height: 36px;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.klap-sd-modal__close::before,
.klap-sd-modal__close::after {
	position: absolute;
	width: 18px;
	height: 2px;
	background: var(--global--color-font, #282828);
	content: "";
	transform: rotate(45deg);
}

.klap-sd-modal__close::after {
	transform: rotate(-45deg);
}

.klap-sd-modal__body {
	display: grid;
	gap: 18px;
	padding: 20px;
}

.klap-sd-option {
	margin: 0;
	padding: 0;
	border: 0;
}

.klap-sd-option[hidden] {
	display: none;
}

.klap-sd-option legend {
	margin-bottom: 8px;
	font-weight: 700;
}

.klap-sd-option__search {
	display: block;
	margin: 0 0 12px;
}

.klap-sd-option__search input {
	width: 100%;
	min-height: 42px;
	padding: 9px 12px;
	border: 1px solid var(--global--color-border, #d6d6d6);
	border-radius: 5px;
	font-size: 14px;
	background: var(--inputs--background-color, #ffffff);
	color: var(--global--color-font, #282828);
}

.klap-sd-option__choices {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.klap-sd-option__choice {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	padding: 9px 10px;
	border: 1px solid var(--global--color-border, #e3e3e3);
	border-radius: 5px;
	background: var(--global--color-body, #ffffff);
	font-size: 14px;
	line-height: 1.3;
}

.klap-sd-option__choice[hidden] {
	display: none;
}

body.klap-sd-modal-open {
	overflow: hidden;
}

@media (min-width: 1081px) {
	.postid-6117 .klap-sd__media {
		position: sticky;
		top: calc(var(--wp-admin--admin-bar--height, 0px) + 24px);
		align-self: start;
	}
}

[data-color-mode=dark] .klap-sd {
	--klap-sd-chip-surface: rgb(34 38 44 / 92%);
}

[data-color-mode=dark] .klap-sd__preview-tags span {
	border-color: rgb(248 248 248 / 16%);
	color: var(--global--color-font, #f8f8f8);
}

[data-color-mode=dark] .klap-sd__swatch {
	border-color: rgb(248 248 248 / 28%);
}

[data-color-mode=dark] .klap-sd__chip-mark {
	background:
		linear-gradient(135deg, rgb(248 248 248 / 10%) 25%, transparent 25%) 0 0 / 8px 8px,
		var(--klap-sd-muted-surface);
}

[data-color-mode=dark] .klap-sd__model-option small,
[data-color-mode=dark] .klap-sd__selected-name,
[data-color-mode=dark] .klap-sd__desk-summary span {
	color: var(--global--color-font-opacity-70, rgb(248 248 248 / 70%));
}

[data-color-mode=dark] .klap-sd-modal__backdrop {
	background: rgb(0 0 0 / 68%);
}

[data-color-mode=dark] .klap-sd-modal__panel {
	box-shadow: 0 24px 80px rgb(0 0 0 / 55%);
}

[data-color-mode=dark] .klap-sd-option__search input::placeholder {
	color: var(--global--color-font-opacity-50, rgb(248 248 248 / 55%));
}

@media (prefers-color-scheme: dark) {
	[data-color-mode=auto] .klap-sd {
		--klap-sd-chip-surface: rgb(34 38 44 / 92%);
	}

	[data-color-mode=auto] .klap-sd__preview-tags span {
		border-color: rgb(248 248 248 / 16%);
		color: var(--global--color-font, #f8f8f8);
	}

	[data-color-mode=auto] .klap-sd__swatch {
		border-color: rgb(248 248 248 / 28%);
	}

	[data-color-mode=auto] .klap-sd__chip-mark {
		background:
			linear-gradient(135deg, rgb(248 248 248 / 10%) 25%, transparent 25%) 0 0 / 8px 8px,
			var(--klap-sd-muted-surface);
	}

	[data-color-mode=auto] .klap-sd__model-option small,
	[data-color-mode=auto] .klap-sd__selected-name,
	[data-color-mode=auto] .klap-sd__desk-summary span {
		color: var(--global--color-font-opacity-70, rgb(248 248 248 / 70%));
	}

	[data-color-mode=auto] .klap-sd-modal__backdrop {
		background: rgb(0 0 0 / 68%);
	}

	[data-color-mode=auto] .klap-sd-modal__panel {
		box-shadow: 0 24px 80px rgb(0 0 0 / 55%);
	}

	[data-color-mode=auto] .klap-sd-option__search input::placeholder {
		color: var(--global--color-font-opacity-50, rgb(248 248 248 / 55%));
	}

	[data-color-mode=auto] .klap-sd__description .klap-motion-comparison th[style*="background-color"],
	[data-color-mode=auto] .klap-sd__description .klap-motion-comparison td[style*="background-color"] {
		background-color: rgb(52 199 89 / 18%) !important;
		color: var(--global--color-font, #f8f8f8) !important;
	}
}

@media (max-width: 900px) {
	.klap-sd__actions,
	.klap-sd__specs,
	.klap-sd__model-picks {
		grid-template-columns: 1fr;
	}

	.klap-sd-landing__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.klap-sd__quick-head {
		align-items: flex-start;
		flex-direction: column;
		gap: 4px;
	}

	.klap-sd__quick-head strong {
		max-width: none;
		text-align: left;
	}
}

@media (max-width: 720px) {
	.klap-sd__purchase-notes {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		gap: 4px;
	}

	.klap-sd__purchase-notes i {
		display: none;
	}

	.klap-sd__shell {
		padding: 0 16px;
	}

	.klap-sd-landing {
		padding: 34px 18px 48px;
	}

	.klap-sd-landing__grid {
		grid-template-columns: 1fr;
	}

	.klap-sd__title {
		font-size: 34px;
	}

	.klap-sd__preview-tags {
		right: 10px;
		bottom: 10px;
		left: 10px;
	}

	.klap-sd__quick-option,
	.klap-sd__quick-more {
		max-width: 100%;
	}

	.klap-sd__desk-summary li {
		display: grid;
		gap: 2px;
	}

	.klap-sd__desk-summary strong {
		max-width: none;
		text-align: left;
	}

	.klap-sd__description .klap-desc-card-grid,
	.klap-sd__description .klap-desc-grow-path {
		grid-template-columns: 1fr;
		gap: 10px;
		margin: 24px 0 40px;
	}

	.klap-sd__description .klap-desc-path-arrow {
		display: none;
	}

	.klap-sd__description .klap-motion-comparison table,
	.klap-sd__description .klap-motion-comparison thead,
	.klap-sd__description .klap-motion-comparison tbody,
	.klap-sd__description .klap-motion-comparison tr,
	.klap-sd__description .klap-motion-comparison th,
	.klap-sd__description .klap-motion-comparison td {
		display: block;
		width: 100%;
	}

	.klap-sd__description .klap-motion-comparison table {
		border: 0;
		background: transparent;
	}

	.klap-sd__description .klap-motion-comparison thead {
		position: absolute;
		width: 1px;
		height: 1px;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		overflow: hidden;
		white-space: nowrap;
	}

	.klap-sd__description .klap-motion-comparison tr {
		margin: 0 0 10px;
		border: 1px solid var(--klap-sd-border);
		border-radius: 5px;
		background: var(--klap-sd-surface);
		overflow: hidden;
	}

	.klap-sd__description .klap-motion-comparison td {
		display: grid;
		grid-template-columns: minmax(104px, 36%) minmax(0, 1fr);
		gap: 12px;
		align-items: start;
		border-right: 0;
	}

	.klap-sd__description .klap-motion-comparison td:first-child {
		display: block;
		background: var(--klap-sd-muted-surface);
		font-weight: 700;
	}

	.klap-sd__description .klap-motion-comparison td:not(:first-child)::before {
		color: var(--global--color-font-opacity-50, #777);
		font-weight: 700;
	}

	.klap-sd__description .klap-motion-comparison td:nth-child(2)::before {
		content: "Core";
	}

	.klap-sd__description .klap-motion-comparison td:nth-child(3)::before {
		content: "Motion Standard";
	}

	.klap-sd__description .klap-motion-comparison td:nth-child(4)::before {
		content: "Motion Speed";
	}

	.klap-sd__description .klap-motion-comparison td:nth-child(5)::before {
		content: "Motion Strong";
	}

	.klap-sd__cart-form {
		display: block;
	}

	.woocommerce div.product .klap-sd__cart-form .klap-sd__cart-cta {
		width: 100%;
		margin-left: 0;
	}

	.klap-sd-option__choices {
		grid-template-columns: 1fr;
	}

	.klap-sd__comparison-head {
		display: none;
	}

	.klap-sd__comparison-row {
		display: grid;
		grid-template-columns: 1fr;
		padding: 14px;
		border-bottom: 1px solid #e3e3e3;
	}

	.klap-sd__comparison-row strong,
	.klap-sd__comparison-row span {
		padding: 4px 0;
		border: 0;
	}

	.klap-sd__comparison-row span:nth-child(2)::before {
		content: "Core: ";
		font-weight: 700;
	}

	.klap-sd__comparison-row span:nth-child(3)::before {
		content: "Standard: ";
		font-weight: 700;
	}

	.klap-sd__comparison-row span:nth-child(4)::before {
		content: "Speed: ";
		font-weight: 700;
	}

	.klap-sd__comparison-row span:nth-child(5)::before {
		content: "Strong: ";
		font-weight: 700;
	}

	.klap-sd-modal {
		align-items: end;
		padding: 0;
	}

	.klap-sd-modal__panel {
		width: 100%;
		max-height: 88vh;
		border-radius: 5px 5px 0 0;
	}
}