/**
 * Kreator Sylwetki — premium design system
 * Stage 1: global foundations only.
 */

:root {
	/* Brand */
	--ks-color-ink: #111512;
	--ks-color-charcoal: #1b211d;
	--ks-color-body: #39423d;
	--ks-color-muted: #68736c;
	--ks-color-line: #dce2dd;
	--ks-color-surface: #ffffff;
	--ks-color-canvas: #f5f6f3;
	--ks-color-accent: #45ad32;
	--ks-color-accent-hover: #368c27;
	--ks-color-accent-soft: #e8f4e5;
	--ks-color-focus: #83dc70;

	/* Typography */
	--ks-font-body: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--ks-font-display: "Playfair Display", Georgia, "Times New Roman", serif;
	--ks-text-xs: 0.8125rem;
	--ks-text-sm: 0.9375rem;
	--ks-text-base: 1.0625rem;
	--ks-text-lg: clamp(1.125rem, 1.05rem + 0.25vw, 1.25rem);
	--ks-text-h4: clamp(1.25rem, 1.1rem + 0.45vw, 1.5rem);
	--ks-text-h3: clamp(1.5rem, 1.25rem + 0.8vw, 2rem);
	--ks-text-h2: clamp(2rem, 1.55rem + 1.45vw, 3rem);
	--ks-text-h1: clamp(2.5rem, 1.75rem + 2.5vw, 4.5rem);
	--ks-leading-body: 1.65;
	--ks-leading-heading: 1.08;
	--ks-tracking-heading: -0.025em;

	/* Spacing */
	--ks-space-1: 0.25rem;
	--ks-space-2: 0.5rem;
	--ks-space-3: 0.75rem;
	--ks-space-4: 1rem;
	--ks-space-5: 1.5rem;
	--ks-space-6: 2rem;
	--ks-space-7: 3rem;
	--ks-space-8: 4rem;
	--ks-space-section: clamp(4rem, 7vw, 7rem);
	--ks-content: 75rem;
	--ks-reading: 43rem;

	/* Shape and depth */
	--ks-radius-sm: 0.375rem;
	--ks-radius-md: 0.625rem;
	--ks-radius-lg: 1rem;
	--ks-shadow-card: 0 1rem 3rem rgba(17, 21, 18, 0.08);
	--ks-shadow-button: 0 0.5rem 1.25rem rgba(54, 140, 39, 0.18);
	--ks-transition: 180ms ease;
}

html {
	scroll-behavior: smooth;
	max-width: 100%;
	overflow-x: clip;
}

body.ks-premium-system {
	max-width: 100%;
	overflow-x: clip;
	background: var(--ks-color-surface);
	color: var(--ks-color-body);
	font-family: var(--ks-font-body);
	font-size: var(--ks-text-base);
	line-height: var(--ks-leading-body);
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

.ks-premium-system :where(h1, h2, h3, h4, h5, h6) {
	color: var(--ks-color-ink);
	font-family: var(--ks-font-display);
	font-weight: 700;
	letter-spacing: var(--ks-tracking-heading);
	line-height: var(--ks-leading-heading);
	text-wrap: balance;
}

.ks-premium-system h1 {
	font-size: var(--ks-text-h1);
}

.ks-premium-system h2 {
	font-size: var(--ks-text-h2);
}

.ks-premium-system h3 {
	font-size: var(--ks-text-h3);
}

.ks-premium-system h4 {
	font-size: var(--ks-text-h4);
}

.ks-premium-system :where(p, li) {
	text-wrap: pretty;
}

.ks-premium-system :where(p, ul, ol) {
	margin-bottom: var(--ks-space-5);
}

.ks-premium-system :where(a) {
	text-underline-offset: 0.18em;
	text-decoration-thickness: 0.08em;
}

.ks-premium-system :where(
	.wp-block-button__link,
	.uagb-buttons-repeater,
	.uagb-marketing-btn__link,
	button,
	input[type="submit"],
	.button
) {
	min-height: 3rem;
	border: 1px solid transparent;
	border-radius: var(--ks-radius-sm);
	font-family: var(--ks-font-body);
	font-size: var(--ks-text-sm);
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.2;
	transition:
		background-color var(--ks-transition),
		border-color var(--ks-transition),
		color var(--ks-transition),
		box-shadow var(--ks-transition),
		transform var(--ks-transition);
}

.ks-premium-system .wp-block-button__link,
.ks-premium-system .uagb-buttons-repeater,
.ks-premium-system .uagb-marketing-btn__link.wp-block-button__link,
.ks-premium-system input[type="submit"],
.ks-premium-system .button {
	border-radius: var(--ks-radius-sm) !important;
	font-family: var(--ks-font-body) !important;
	font-weight: 700 !important;
}

.ks-premium-system .uagb-marketing-btn__link.wp-block-button__link {
	background: var(--ks-color-accent);
}

.ks-premium-system .uagb-marketing-btn__link.wp-block-button__link:hover {
	background: var(--ks-color-accent-hover);
}

.ks-premium-system :where(
	.wp-block-button__link,
	.uagb-buttons-repeater,
	.uagb-marketing-btn__link,
	input[type="submit"],
	.button
) {
	box-shadow: var(--ks-shadow-button);
}

.ks-premium-system :where(
	.wp-block-button__link,
	.uagb-buttons-repeater,
	.uagb-marketing-btn__link,
	input[type="submit"],
	.button
):hover {
	box-shadow: 0 0.75rem 1.75rem rgba(54, 140, 39, 0.22);
	transform: translateY(-1px);
}

.ks-premium-system :where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid var(--ks-color-focus);
	outline-offset: 3px;
}

.ks-premium-system :where(input, select, textarea) {
	min-height: 3rem;
	border: 1px solid var(--ks-color-line);
	border-radius: var(--ks-radius-sm) !important;
	background: var(--ks-color-surface);
	color: var(--ks-color-ink);
	font-family: var(--ks-font-body);
}

.ks-premium-system :where(input, select, textarea):focus {
	border-color: var(--ks-color-accent);
	box-shadow: 0 0 0 3px var(--ks-color-accent-soft);
}

.ks-premium-system .site-header,
.ks-premium-system .site-footer {
	font-family: var(--ks-font-body);
}

.ks-premium-system .site-footer {
	background: var(--ks-color-charcoal);
	color: rgba(255, 255, 255, 0.72);
}

.ks-premium-system .site-footer :where(
	.site-above-footer-wrap,
	.site-primary-footer-wrap,
	.site-below-footer-wrap
) {
	border-color: rgba(255, 255, 255, 0.12);
	background: transparent;
}

.ks-premium-system .site-footer :where(a, p) {
	color: inherit;
}

.ks-premium-system .site-footer a:hover {
	color: #fff;
}

.ks-premium-system .custom-logo-link {
	display: block;
	background:
		url("/wp-content/uploads/2025/02/logo2.png")
		center / contain no-repeat;
}

/* Astra renders a real <img> on standard headers and an empty link in its
 * transparent variant. Never paint the fallback behind a real logo. */
.ks-premium-system .custom-logo-link:has(img) {
	background-image: none;
}

.ks-premium-system .custom-logo-link img {
	display: block;
}

.ks-premium-system .ast-site-identity {
	padding-block: 0;
}

.ks-premium-system .main-header-menu > .menu-item > .menu-link {
	font-size: var(--ks-text-sm);
	font-weight: 650;
	letter-spacing: -0.01em;
}

@media (min-width: 922px) {
	.ks-premium-system .site-above-header-wrap .ast-builder-grid-row {
		grid-template-columns: auto minmax(0, 1fr) 58px;
		column-gap: 0.5rem;
	}

	.ks-premium-system .main-header-menu > .menu-item > .menu-link {
		padding-inline: 0.58rem !important;
		font-size: 0.82rem;
		white-space: nowrap;
	}
}

.ks-premium-system .main-header-menu li a::after {
	background-color: var(--ks-color-accent);
}

/*
 * Spectra's AOS presets hide and translate content before JavaScript starts.
 * This caused the hero to appear empty and temporarily expanded the page.
 * Motion will be reintroduced later only on non-critical decorative elements.
 */
.ks-premium-system [data-aos] {
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
}

/*
 * Normalize legacy offer-card styling to the premium component system.
 */
.ks-premium-system .offer-card {
	width: min(100%, 390px) !important;
	border-radius: var(--ks-radius-lg) !important;
}

.ks-premium-system .offer-card:hover {
	transform: translateY(-4px) scale(1) !important;
}

.ks-premium-system .offer-card.is-active {
	transform: translateY(-32px) scale(1.03) !important;
}

.ks-premium-system .offer-card .uagb-marketing-btn__link {
	border-radius: var(--ks-radius-sm) !important;
}

.ks-premium-system .uagb-block-37933192 {
	max-width: 100% !important;
}

@media (min-width: 922px) {
	.ks-premium-system .site-header,
	.ks-premium-system .ast-above-header-wrap,
	.ks-premium-system .ast-above-header-bar,
	.ks-premium-system .site-above-header-wrap {
		height: 88px !important;
		min-height: 88px !important;
	}

	.ks-premium-system .ast-above-header-bar {
		margin: 0 !important;
		padding: 0 !important;
	}

	.ks-premium-system .site-above-header-wrap {
		padding-inline: clamp(1.25rem, 4vw, 3rem);
	}

	.ks-premium-system .site-above-header-wrap > .ast-builder-grid-row {
		width: 100%;
		max-width: var(--ks-content);
		height: 88px;
		grid-template-columns: 170px minmax(0, 1fr) auto;
	}
}

.ks-premium-system :where(.wp-block-group, .uagb-container-inner-blocks-wrap) {
	--ks-local-reading-width: var(--ks-reading);
}

.ks-premium-system .ks-surface-muted {
	background: var(--ks-color-canvas);
}

.ks-premium-system .ks-card {
	border: 1px solid var(--ks-color-line);
	border-radius: var(--ks-radius-lg);
	background: var(--ks-color-surface);
	box-shadow: var(--ks-shadow-card);
}

.ks-premium-system .ks-section-kicker {
	display: block;
	margin-bottom: var(--ks-space-3);
	color: var(--ks-color-accent);
	font-family: var(--ks-font-body);
	font-size: var(--ks-text-xs);
	font-weight: 800;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-transform: uppercase;
}

.ks-premium-system .ks-section-lead {
	display: block;
	max-width: 60ch;
	margin: var(--ks-space-4) auto 0;
	color: var(--ks-color-muted);
	font-family: var(--ks-font-body);
	font-size: var(--ks-text-lg);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.55;
}

/* Home: about section */
.ks-premium-system .uagb-block-0186287e {
	padding:
		var(--ks-space-section)
		clamp(1.25rem, 4vw, 3rem) !important;
	background: var(--ks-color-canvas) !important;
}

.ks-premium-system .uagb-block-0186287e .uagb-ifb-title {
	margin-bottom: var(--ks-space-5);
	font-size: var(--ks-text-h2) !important;
	text-transform: none;
}

.ks-premium-system .uagb-block-0186287e .uagb-ifb-separator {
	width: 4rem !important;
	border-color: var(--ks-color-accent) !important;
}

.ks-premium-system .uagb-block-0186287e .uagb-ifb-desc {
	max-width: var(--ks-reading);
	color: var(--ks-color-body);
	font-family: var(--ks-font-body);
	font-size: var(--ks-text-base);
	line-height: var(--ks-leading-body);
}

.ks-premium-system .uagb-block-0186287e .uagb-infobox-cta-link.ast-outline-button {
	min-height: 3rem;
	padding: 0.75rem 1.125rem;
	border-color: var(--ks-color-accent);
	border-radius: var(--ks-radius-sm);
	color: var(--ks-color-accent-hover);
	font-family: var(--ks-font-body);
	font-weight: 700;
}

.ks-premium-system .uagb-block-0186287e .uagb-infobox-cta-link.ast-outline-button:hover {
	background: var(--ks-color-accent);
	color: #fff;
}

/* Home: services */
.ks-premium-system .uagb-block-5fcee4f8 {
	padding:
		var(--ks-space-section)
		clamp(1.25rem, 4vw, 3rem) !important;
}

.ks-premium-system .uagb-block-2b5f3149 {
	max-width: 62rem;
	margin-inline: auto;
}

.ks-premium-system .uagb-block-2b5f3149::before {
	content: "Oferta";
	display: block;
	margin-bottom: var(--ks-space-3);
	color: var(--ks-color-accent);
	font-family: var(--ks-font-body);
	font-size: var(--ks-text-xs);
	font-weight: 800;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
}

.ks-premium-system .uagb-block-2b5f3149 .uagb-heading-text {
	color: var(--ks-color-muted);
	font-family: var(--ks-font-body);
	font-size: var(--ks-text-lg) !important;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.55;
	text-align: center;
}

.ks-premium-system .uagb-block-2b5f3149 .uagb-heading-text::first-line {
	color: var(--ks-color-ink);
	font-family: var(--ks-font-display);
	font-size: var(--ks-text-h2);
	font-weight: 700;
	letter-spacing: var(--ks-tracking-heading);
	line-height: var(--ks-leading-heading);
}

.ks-premium-system .uagb-block-2b5f3149 .uagb-separator {
	display: none;
}

.ks-premium-system .offer-card,
.ks-premium-system .offer-card.is-active {
	height: auto !important;
	min-height: 620px !important;
	padding: 2rem 1.5rem 1.5rem !important;
	border-color: var(--ks-color-line) !important;
	background: var(--ks-color-surface) !important;
	box-shadow: var(--ks-shadow-card) !important;
}

.ks-premium-system .offer-card .uagb-heading-text {
	color: var(--ks-color-ink) !important;
	font-family: var(--ks-font-display);
	font-weight: 700 !important;
}

.ks-premium-system .offer-card .uagb-desc-text {
	color: var(--ks-color-body) !important;
	font-family: var(--ks-font-body);
	font-size: var(--ks-text-sm) !important;
}

.ks-premium-system .offer-card.is-active {
	border-color: var(--ks-color-accent) !important;
	box-shadow:
		0 1.5rem 4rem rgba(17, 21, 18, 0.14),
		0 0 0 4px var(--ks-color-accent-soft) !important;
}

/* Home: testimonials */
.ks-premium-system .uagb-block-a5d09258 {
	padding:
		var(--ks-space-section)
		clamp(1.25rem, 4vw, 3rem) !important;
	background: var(--ks-color-canvas) !important;
}

.ks-premium-system .uagb-block-a5d09258 .uagb-heading-text {
	font-size: var(--ks-text-h2) !important;
}

.ks-premium-system .uagb-block-f1843d02 .swiper-slide {
	border: 1px solid var(--ks-color-line);
	border-radius: var(--ks-radius-lg);
	background: var(--ks-color-surface);
	box-shadow: 0 0.75rem 2rem rgba(17, 21, 18, 0.07);
}

.ks-premium-system .ks-check {
	display: inline-flex;
	width: 1.25em;
	color: var(--ks-color-accent);
	font-weight: 800;
}

/* Home: contact CTA */
.ks-premium-system .uagb-block-05a4a518 {
	padding:
		var(--ks-space-section)
		clamp(1.25rem, 4vw, 3rem) !important;
	background: var(--ks-color-charcoal) !important;
	color: rgba(255, 255, 255, 0.82);
}

.ks-premium-system .uagb-block-05a4a518 .uagb-infobox__content-wrap {
	max-width: 48rem;
	margin-inline: auto;
	text-align: center;
}

.ks-premium-system .uagb-block-05a4a518 .uagb-ifb-title {
	color: #fff;
	font-size: var(--ks-text-h2) !important;
	text-transform: none;
}

.ks-premium-system .uagb-block-05a4a518 .uagb-ifb-desc {
	color: rgba(255, 255, 255, 0.8);
	font-family: var(--ks-font-body);
	font-size: var(--ks-text-base);
	line-height: var(--ks-leading-body);
}

.ks-premium-system .uagb-block-05a4a518 :where(a:not(.uagb-infobox-cta-link)) {
	color: #fff;
}

.ks-premium-system .uagb-block-05a4a518 .uagb-infobox-cta-link {
	min-height: 3rem;
	padding: 0.8rem 1.25rem;
	border-radius: var(--ks-radius-sm) !important;
	background: var(--ks-color-accent);
	color: #fff;
	font-family: var(--ks-font-body);
	font-weight: 700;
}

.ks-premium-system .uagb-block-05a4a518 .uagb-infobox-cta-link:hover {
	background: var(--ks-color-accent-hover);
	color: #fff;
}

/* Contact: form and response-time panel */
.ks-premium-system .post-1328 .wpforms-form :where(input, textarea) {
	width: 100%;
	border-color: var(--ks-color-line) !important;
	border-radius: var(--ks-radius-sm) !important;
	background: var(--ks-color-surface) !important;
	color: var(--ks-color-ink) !important;
}

.ks-premium-system .post-1328 .wpforms-submit {
	min-height: 3rem !important;
	padding-inline: 1.25rem !important;
	border: 1px solid var(--ks-color-accent) !important;
	border-radius: var(--ks-radius-sm) !important;
	background: var(--ks-color-accent) !important;
	color: #fff !important;
	box-shadow: var(--ks-shadow-button);
}

.ks-premium-system .post-1328 .wpforms-submit:hover {
	border-color: var(--ks-color-accent-hover) !important;
	background: var(--ks-color-accent-hover) !important;
}

.ks-premium-system .post-1328 .uagb-block-61e8ac2a {
	background: var(--ks-color-charcoal) !important;
}

.ks-premium-system .post-1328 .uagb-block-61e8ac2a :where(
	.uagb-ifb-title,
	.uagb-ifb-desc
) {
	color: #fff !important;
}

@media (max-width: 767px) {
	:root {
		--ks-text-base: 1rem;
		--ks-space-section: 3.75rem;
	}

	.ks-premium-system :where(
		.wp-block-button__link,
		.uagb-buttons-repeater,
		.uagb-marketing-btn__link,
		button,
		input[type="submit"],
		.button
	) {
		min-height: 3.25rem;
	}

	.ks-premium-system .offer-card.is-active {
		transform: none !important;
	}

	.ks-premium-system .offer-card,
	.ks-premium-system .offer-card.is-active {
		min-height: 0 !important;
		padding: 1.5rem 1.125rem !important;
	}

	.ks-premium-system .ast-mobile-header-wrap,
	.ks-premium-system .ast-mobile-header-content {
		font-family: var(--ks-font-body);
	}

	.ks-premium-system .ast-button-wrap .menu-toggle,
	.ks-premium-system .ast-mobile-menu-trigger-minimal {
		min-height: 3rem;
		border-radius: var(--ks-radius-sm) !important;
		background: var(--ks-color-accent) !important;
		color: #fff !important;
	}

	.ks-premium-system #ast-mobile-header .main-header-menu .menu-link {
		min-height: 3.25rem;
		padding: 0.85rem 1.25rem;
		border-bottom: 1px solid var(--ks-color-line);
		background: var(--ks-color-surface);
		color: var(--ks-color-ink);
	}

	.ks-premium-system #ast-mobile-header .current-menu-item > .menu-link {
		border-left: 3px solid var(--ks-color-accent);
		background: var(--ks-color-accent-soft);
		color: var(--ks-color-accent-hover);
	}

	.ks-premium-system .uagb-block-494c42c4 {
		padding-top: 4.5rem !important;
	}

	.ks-premium-system .post-1328 h1 {
		font-size: clamp(2.4rem, 12vw, 3.25rem);
	}

	.ks-premium-system .post-1328 h4 {
		font-size: clamp(1.75rem, 8vw, 2.25rem);
	}

	.ks-premium-system .post-1328 .wpforms-submit {
		min-height: 3.25rem !important;
	}

	.ks-premium-system .post-1328 .uagb-block-6826f4ab {
		padding:
			var(--ks-space-section)
			1.25rem !important;
	}

	.ks-premium-system .post-1328 .uagb-block-6826f4ab > .uagb-container-inner-blocks-wrap {
		flex-direction: column !important;
		gap: 2.5rem;
	}

	.ks-premium-system .post-1328 .uagb-block-6826f4ab :where(
		.uagb-block-38cde86a,
		.uagb-block-88fa2ce4,
		.wpforms-container,
		.wpforms-form
	) {
		width: 100% !important;
		max-width: 100% !important;
	}

	.ks-premium-system.woocommerce-cart .site-content > .ast-container {
		width: 100%;
		max-width: 100%;
		padding-inline: 0 !important;
	}

	.ks-premium-system.woocommerce-cart .site-main {
		width: 100%;
		max-width: 100%;
		padding-inline: 1.25rem;
	}

	.ks-premium-system.woocommerce-cart .uagb-block-aac63b19 {
		width: 100% !important;
		max-width: 100% !important;
		margin: 1.25rem 0 0 !important;
	}

	.ks-premium-system.woocommerce-cart :where(
		.woocommerce,
		.woocommerce-cart-form,
		.shop_table
	) {
		width: 100% !important;
		max-width: 100% !important;
		margin-inline: 0 !important;
	}

	.ks-premium-system.woocommerce-checkout :where(
		.site-main,
		.entry-content,
		.woocommerce,
		form.checkout
	) {
		width: 100% !important;
		max-width: 100% !important;
		margin-inline: 0 !important;
	}

	.ks-premium-system.woocommerce-checkout .site-content > .ast-container {
		width: 100%;
		max-width: 100%;
		padding-inline: 0 !important;
	}

	.ks-premium-system.woocommerce-checkout .site-main {
		padding-inline: 1.25rem;
	}

	.ks-premium-system.woocommerce-checkout .uagb-block-f4661797 {
		width: 100% !important;
		max-width: 100% !important;
		margin: 1.25rem 0 0 !important;
	}

	.ks-premium-system.woocommerce-checkout :where(
		.col2-set,
		.col-1,
		.woocommerce-billing-fields,
		.woocommerce-billing-fields__field-wrapper,
		.form-row,
		.woocommerce-input-wrapper
	) {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		margin-inline: 0 !important;
	}

	.ks-premium-system.woocommerce-checkout :where(
		input.input-text,
		select,
		textarea
	) {
		width: 100% !important;
		min-height: 3.25rem;
	}

	.ks-premium-system.woocommerce-checkout #place_order {
		width: 100%;
		min-height: 3.25rem;
	}

	/*
	 * Astra hides the classic order review below 922 px, but this checkout has
	 * no replacement mobile step control. Keep the purchase summary and payment
	 * action visible so the order can actually be completed on a phone.
	 */
	.ks-premium-system.woocommerce-checkout :where(
		#order_review_heading,
		#order_review
	) {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		clear: both !important;
	}

	.ks-premium-system.woocommerce-checkout #order_review_heading {
		margin-top: 2rem !important;
		padding: 1.25rem 1rem 0.75rem !important;
		border-width: 1px 1px 0 !important;
	}

	.ks-premium-system.woocommerce-checkout #order_review {
		padding: 0 1rem 1rem !important;
		border-width: 0 1px 1px !important;
	}

	.ks-premium-system.woocommerce-checkout #order_review table {
		table-layout: fixed;
	}

	.ks-premium-system.woocommerce-checkout #order_review :where(th, td) {
		overflow-wrap: anywhere;
	}
}

@media (max-width: 360px) {
	.ks-premium-system.home .ks-hero-fix {
		padding-inline: 0 !important;
	}

	.ks-premium-system.home .ks-hero-fix-title {
		font-size: 1.625rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.ks-premium-system *,
	.ks-premium-system *::before,
	.ks-premium-system *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/* Stage 7: keyboard focus is visible across navigation, forms and expandable content. */
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--ks-color-accent)!important;outline-offset:3px;box-shadow:0 0 0 5px rgba(84,185,75,.22)!important}
.site-header :where(a,button):focus-visible{border-radius:.35rem}
details>summary:focus-visible{border-radius:.35rem}
/**
 * Kreator Sylwetki — premium design system
 * Stage 1: global foundations only.
 */

:root {
	/* Brand */
	--ks-color-ink: #111512;
	--ks-color-charcoal: #1b211d;
	--ks-color-body: #39423d;
	--ks-color-muted: #68736c;
	--ks-color-line: #dce2dd;
	--ks-color-surface: #ffffff;
	--ks-color-canvas: #f5f6f3;
	--ks-color-accent: #45ad32;
	--ks-color-accent-hover: #368c27;
	--ks-color-accent-soft: #e8f4e5;
	--ks-color-focus: #83dc70;

	/* Typography */
	--ks-font-body: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--ks-font-display: "Playfair Display", Georgia, "Times New Roman", serif;
	--ks-text-xs: 0.8125rem;
	--ks-text-sm: 0.9375rem;
	--ks-text-base: 1.0625rem;
	--ks-text-lg: clamp(1.125rem, 1.05rem + 0.25vw, 1.25rem);
	--ks-text-h4: clamp(1.25rem, 1.1rem + 0.45vw, 1.5rem);
	--ks-text-h3: clamp(1.5rem, 1.25rem + 0.8vw, 2rem);
	--ks-text-h2: clamp(2rem, 1.55rem + 1.45vw, 3rem);
	--ks-text-h1: clamp(2.5rem, 1.75rem + 2.5vw, 4.5rem);
	--ks-leading-body: 1.65;
	--ks-leading-heading: 1.08;
	--ks-tracking-heading: -0.025em;

	/* Spacing */
	--ks-space-1: 0.25rem;
	--ks-space-2: 0.5rem;
	--ks-space-3: 0.75rem;
	--ks-space-4: 1rem;
	--ks-space-5: 1.5rem;
	--ks-space-6: 2rem;
	--ks-space-7: 3rem;
	--ks-space-8: 4rem;
	--ks-space-section: clamp(4rem, 7vw, 7rem);
	--ks-content: 75rem;
	--ks-reading: 43rem;

	/* Shape and depth */
	--ks-radius-sm: 0.375rem;
	--ks-radius-md: 0.625rem;
	--ks-radius-lg: 1rem;
	--ks-shadow-card: 0 1rem 3rem rgba(17, 21, 18, 0.08);
	--ks-shadow-button: 0 0.5rem 1.25rem rgba(54, 140, 39, 0.18);
	--ks-transition: 180ms ease;
}

html {
	scroll-behavior: smooth;
	max-width: 100%;
	overflow-x: clip;
}

body.ks-premium-system {
	max-width: 100%;
	overflow-x: clip;
	background: var(--ks-color-surface);
	color: var(--ks-color-body);
	font-family: var(--ks-font-body);
	font-size: var(--ks-text-base);
	line-height: var(--ks-leading-body);
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

.ks-premium-system :where(h1, h2, h3, h4, h5, h6) {
	color: var(--ks-color-ink);
	font-family: var(--ks-font-display);
	font-weight: 700;
	letter-spacing: var(--ks-tracking-heading);
	line-height: var(--ks-leading-heading);
	text-wrap: balance;
}

.ks-premium-system h1 {
	font-size: var(--ks-text-h1);
}

.ks-premium-system h2 {
	font-size: var(--ks-text-h2);
}

.ks-premium-system h3 {
	font-size: var(--ks-text-h3);
}

.ks-premium-system h4 {
	font-size: var(--ks-text-h4);
}

.ks-premium-system :where(p, li) {
	text-wrap: pretty;
}

.ks-premium-system :where(p, ul, ol) {
	margin-bottom: var(--ks-space-5);
}

.ks-premium-system :where(a) {
	text-underline-offset: 0.18em;
	text-decoration-thickness: 0.08em;
}

.ks-premium-system :where(
	.wp-block-button__link,
	.uagb-buttons-repeater,
	.uagb-marketing-btn__link,
	button,
	input[type="submit"],
	.button
) {
	min-height: 3rem;
	border: 1px solid transparent;
	border-radius: var(--ks-radius-sm);
	font-family: var(--ks-font-body);
	font-size: var(--ks-text-sm);
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.2;
	transition:
		background-color var(--ks-transition),
		border-color var(--ks-transition),
		color var(--ks-transition),
		box-shadow var(--ks-transition),
		transform var(--ks-transition);
}

.ks-premium-system .wp-block-button__link,
.ks-premium-system .uagb-buttons-repeater,
.ks-premium-system .uagb-marketing-btn__link.wp-block-button__link,
.ks-premium-system input[type="submit"],
.ks-premium-system .button {
	border-radius: var(--ks-radius-sm) !important;
	font-family: var(--ks-font-body) !important;
	font-weight: 700 !important;
}

.ks-premium-system .uagb-marketing-btn__link.wp-block-button__link {
	background: var(--ks-color-accent);
}

.ks-premium-system .uagb-marketing-btn__link.wp-block-button__link:hover {
	background: var(--ks-color-accent-hover);
}

.ks-premium-system :where(
	.wp-block-button__link,
	.uagb-buttons-repeater,
	.uagb-marketing-btn__link,
	input[type="submit"],
	.button
) {
	box-shadow: var(--ks-shadow-button);
}

.ks-premium-system :where(
	.wp-block-button__link,
	.uagb-buttons-repeater,
	.uagb-marketing-btn__link,
	input[type="submit"],
	.button
):hover {
	box-shadow: 0 0.75rem 1.75rem rgba(54, 140, 39, 0.22);
	transform: translateY(-1px);
}

.ks-premium-system :where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid var(--ks-color-focus);
	outline-offset: 3px;
}

.ks-premium-system :where(input, select, textarea) {
	min-height: 3rem;
	border: 1px solid var(--ks-color-line);
	border-radius: var(--ks-radius-sm) !important;
	background: var(--ks-color-surface);
	color: var(--ks-color-ink);
	font-family: var(--ks-font-body);
}

.ks-premium-system :where(input, select, textarea):focus {
	border-color: var(--ks-color-accent);
	box-shadow: 0 0 0 3px var(--ks-color-accent-soft);
}

.ks-premium-system .site-header,
.ks-premium-system .site-footer {
	font-family: var(--ks-font-body);
}

.ks-premium-system .site-footer {
	background: var(--ks-color-charcoal);
	color: rgba(255, 255, 255, 0.72);
}

.ks-premium-system .site-footer :where(
	.site-above-footer-wrap,
	.site-primary-footer-wrap,
	.site-below-footer-wrap
) {
	border-color: rgba(255, 255, 255, 0.12);
	background: transparent;
}

.ks-premium-system .site-footer :where(a, p) {
	color: inherit;
}

.ks-premium-system .site-footer a:hover {
	color: #fff;
}

.ks-premium-system .custom-logo-link {
	display: block;
	background:
		url("/wp-content/uploads/2025/02/logo2.png")
		center / contain no-repeat;
}

/* Astra renders a real <img> on standard headers and an empty link in its
 * transparent variant. Never paint the fallback behind a real logo. */
.ks-premium-system .custom-logo-link:has(img) {
	background-image: none;
}

.ks-premium-system .custom-logo-link img {
	display: block;
}

.ks-premium-system .ast-site-identity {
	padding-block: 0;
}

.ks-premium-system .main-header-menu > .menu-item > .menu-link {
	font-size: var(--ks-text-sm);
	font-weight: 650;
	letter-spacing: -0.01em;
}

@media (min-width: 922px) {
	.ks-premium-system .site-above-header-wrap .ast-builder-grid-row {
		grid-template-columns: max-content minmax(0, 1fr) 58px !important;
		column-gap: 0.5rem;
	}

	.ks-premium-system .main-header-menu > .menu-item > .menu-link {
		padding-inline: 0.58rem !important;
		font-size: 0.82rem;
		white-space: nowrap;
	}
}

.ks-premium-system .main-header-menu li a::after {
	background-color: var(--ks-color-accent);
}

/*
 * Spectra's AOS presets hide and translate content before JavaScript starts.
 * This caused the hero to appear empty and temporarily expanded the page.
 * Motion will be reintroduced later only on non-critical decorative elements.
 */
.ks-premium-system [data-aos] {
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
}

/*
 * Normalize legacy offer-card styling to the premium component system.
 */
.ks-premium-system .offer-card {
	width: min(100%, 390px) !important;
	border-radius: var(--ks-radius-lg) !important;
}

.ks-premium-system .offer-card:hover {
	transform: translateY(-4px) scale(1) !important;
}

.ks-premium-system .offer-card.is-active {
	transform: translateY(-32px) scale(1.03) !important;
}

.ks-premium-system .offer-card .uagb-marketing-btn__link {
	border-radius: var(--ks-radius-sm) !important;
}

.ks-premium-system .uagb-block-37933192 {
	max-width: 100% !important;
}

@media (min-width: 922px) {
	.ks-premium-system .site-header,
	.ks-premium-system .ast-above-header-wrap,
	.ks-premium-system .ast-above-header-bar,
	.ks-premium-system .site-above-header-wrap {
		height: 88px !important;
		min-height: 88px !important;
	}

	.ks-premium-system .ast-above-header-bar {
		margin: 0 !important;
		padding: 0 !important;
	}

	.ks-premium-system .site-above-header-wrap {
		padding-inline: clamp(1.25rem, 4vw, 3rem);
	}

	.ks-premium-system .site-above-header-wrap > .ast-builder-grid-row {
		width: 100%;
		max-width: var(--ks-content);
		height: 88px;
		grid-template-columns: 170px minmax(0, 1fr) auto;
	}
}

.ks-premium-system :where(.wp-block-group, .uagb-container-inner-blocks-wrap) {
	--ks-local-reading-width: var(--ks-reading);
}

.ks-premium-system .ks-surface-muted {
	background: var(--ks-color-canvas);
}

.ks-premium-system .ks-card {
	border: 1px solid var(--ks-color-line);
	border-radius: var(--ks-radius-lg);
	background: var(--ks-color-surface);
	box-shadow: var(--ks-shadow-card);
}

.ks-premium-system .ks-section-kicker {
	display: block;
	margin-bottom: var(--ks-space-3);
	color: var(--ks-color-accent);
	font-family: var(--ks-font-body);
	font-size: var(--ks-text-xs);
	font-weight: 800;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-transform: uppercase;
}

.ks-premium-system .ks-section-lead {
	display: block;
	max-width: 60ch;
	margin: var(--ks-space-4) auto 0;
	color: var(--ks-color-muted);
	font-family: var(--ks-font-body);
	font-size: var(--ks-text-lg);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.55;
}

/* Home: about section */
.ks-premium-system .uagb-block-0186287e {
	padding:
		var(--ks-space-section)
		clamp(1.25rem, 4vw, 3rem) !important;
	background: var(--ks-color-canvas) !important;
}

.ks-premium-system .uagb-block-0186287e .uagb-ifb-title {
	margin-bottom: var(--ks-space-5);
	font-size: var(--ks-text-h2) !important;
	text-transform: none;
}

.ks-premium-system .uagb-block-0186287e .uagb-ifb-separator {
	width: 4rem !important;
	border-color: var(--ks-color-accent) !important;
}

.ks-premium-system .uagb-block-0186287e .uagb-ifb-desc {
	max-width: var(--ks-reading);
	color: var(--ks-color-body);
	font-family: var(--ks-font-body);
	font-size: var(--ks-text-base);
	line-height: var(--ks-leading-body);
}

.ks-premium-system .uagb-block-0186287e .uagb-infobox-cta-link.ast-outline-button {
	min-height: 3rem;
	padding: 0.75rem 1.125rem;
	border-color: var(--ks-color-accent);
	border-radius: var(--ks-radius-sm);
	color: var(--ks-color-accent-hover);
	font-family: var(--ks-font-body);
	font-weight: 700;
}

.ks-premium-system .uagb-block-0186287e .uagb-infobox-cta-link.ast-outline-button:hover {
	background: var(--ks-color-accent);
	color: #fff;
}

/* Home: services */
.ks-premium-system .uagb-block-5fcee4f8 {
	padding:
		var(--ks-space-section)
		clamp(1.25rem, 4vw, 3rem) !important;
}

.ks-premium-system .uagb-block-2b5f3149 {
	max-width: 62rem;
	margin-inline: auto;
}

.ks-premium-system .uagb-block-2b5f3149::before {
	content: "Oferta";
	display: block;
	margin-bottom: var(--ks-space-3);
	color: var(--ks-color-accent);
	font-family: var(--ks-font-body);
	font-size: var(--ks-text-xs);
	font-weight: 800;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
}

.ks-premium-system .uagb-block-2b5f3149 .uagb-heading-text {
	color: var(--ks-color-muted);
	font-family: var(--ks-font-body);
	font-size: var(--ks-text-lg) !important;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.55;
	text-align: center;
}

.ks-premium-system .uagb-block-2b5f3149 .uagb-heading-text::first-line {
	color: var(--ks-color-ink);
	font-family: var(--ks-font-display);
	font-size: var(--ks-text-h2);
	font-weight: 700;
	letter-spacing: var(--ks-tracking-heading);
	line-height: var(--ks-leading-heading);
}

.ks-premium-system .uagb-block-2b5f3149 .uagb-separator {
	display: none;
}

.ks-premium-system .offer-card,
.ks-premium-system .offer-card.is-active {
	height: auto !important;
	min-height: 620px !important;
	padding: 2rem 1.5rem 1.5rem !important;
	border-color: var(--ks-color-line) !important;
	background: var(--ks-color-surface) !important;
	box-shadow: var(--ks-shadow-card) !important;
}

.ks-premium-system .offer-card .uagb-heading-text {
	color: var(--ks-color-ink) !important;
	font-family: var(--ks-font-display);
	font-weight: 700 !important;
}

.ks-premium-system .offer-card .uagb-desc-text {
	color: var(--ks-color-body) !important;
	font-family: var(--ks-font-body);
	font-size: var(--ks-text-sm) !important;
}

.ks-premium-system .offer-card.is-active {
	border-color: var(--ks-color-accent) !important;
	box-shadow:
		0 1.5rem 4rem rgba(17, 21, 18, 0.14),
		0 0 0 4px var(--ks-color-accent-soft) !important;
}

/* Home: testimonials */
.ks-premium-system .uagb-block-a5d09258 {
	padding:
		var(--ks-space-section)
		clamp(1.25rem, 4vw, 3rem) !important;
	background: var(--ks-color-canvas) !important;
}

.ks-premium-system .uagb-block-a5d09258 .uagb-heading-text {
	font-size: var(--ks-text-h2) !important;
}

.ks-premium-system .uagb-block-f1843d02 .swiper-slide {
	border: 1px solid var(--ks-color-line);
	border-radius: var(--ks-radius-lg);
	background: var(--ks-color-surface);
	box-shadow: 0 0.75rem 2rem rgba(17, 21, 18, 0.07);
}

.ks-premium-system .ks-check {
	display: inline-flex;
	width: 1.25em;
	color: var(--ks-color-accent);
	font-weight: 800;
}

/* Home: contact CTA */
.ks-premium-system .uagb-block-05a4a518 {
	padding:
		var(--ks-space-section)
		clamp(1.25rem, 4vw, 3rem) !important;
	background: var(--ks-color-charcoal) !important;
	color: rgba(255, 255, 255, 0.82);
}

.ks-premium-system .uagb-block-05a4a518 .uagb-infobox__content-wrap {
	max-width: 48rem;
	margin-inline: auto;
	text-align: center;
}

.ks-premium-system .uagb-block-05a4a518 .uagb-ifb-title {
	color: #fff;
	font-size: var(--ks-text-h2) !important;
	text-transform: none;
}

.ks-premium-system .uagb-block-05a4a518 .uagb-ifb-desc {
	color: rgba(255, 255, 255, 0.8);
	font-family: var(--ks-font-body);
	font-size: var(--ks-text-base);
	line-height: var(--ks-leading-body);
}

.ks-premium-system .uagb-block-05a4a518 :where(a:not(.uagb-infobox-cta-link)) {
	color: #fff;
}

.ks-premium-system .uagb-block-05a4a518 .uagb-infobox-cta-link {
	min-height: 3rem;
	padding: 0.8rem 1.25rem;
	border-radius: var(--ks-radius-sm) !important;
	background: var(--ks-color-accent);
	color: #fff;
	font-family: var(--ks-font-body);
	font-weight: 700;
}

.ks-premium-system .uagb-block-05a4a518 .uagb-infobox-cta-link:hover {
	background: var(--ks-color-accent-hover);
	color: #fff;
}

/* Contact: form and response-time panel */
.ks-premium-system .post-1328 .wpforms-form :where(input, textarea) {
	width: 100%;
	border-color: var(--ks-color-line) !important;
	border-radius: var(--ks-radius-sm) !important;
	background: var(--ks-color-surface) !important;
	color: var(--ks-color-ink) !important;
}

.ks-premium-system .post-1328 .wpforms-submit {
	min-height: 3rem !important;
	padding-inline: 1.25rem !important;
	border: 1px solid var(--ks-color-accent) !important;
	border-radius: var(--ks-radius-sm) !important;
	background: var(--ks-color-accent) !important;
	color: #fff !important;
	box-shadow: var(--ks-shadow-button);
}

.ks-premium-system .post-1328 .wpforms-submit:hover {
	border-color: var(--ks-color-accent-hover) !important;
	background: var(--ks-color-accent-hover) !important;
}

.ks-premium-system .post-1328 .uagb-block-61e8ac2a {
	background: var(--ks-color-charcoal) !important;
}

.ks-premium-system .post-1328 .uagb-block-61e8ac2a :where(
	.uagb-ifb-title,
	.uagb-ifb-desc
) {
	color: #fff !important;
}

@media (max-width: 767px) {
	:root {
		--ks-text-base: 1rem;
		--ks-space-section: 3.75rem;
	}

	.ks-premium-system :where(
		.wp-block-button__link,
		.uagb-buttons-repeater,
		.uagb-marketing-btn__link,
		button,
		input[type="submit"],
		.button
	) {
		min-height: 3.25rem;
	}

	.ks-premium-system .offer-card.is-active {
		transform: none !important;
	}

	.ks-premium-system .offer-card,
	.ks-premium-system .offer-card.is-active {
		min-height: 0 !important;
		padding: 1.5rem 1.125rem !important;
	}

	.ks-premium-system .ast-mobile-header-wrap,
	.ks-premium-system .ast-mobile-header-content {
		font-family: var(--ks-font-body);
	}

	.ks-premium-system .ast-button-wrap .menu-toggle,
	.ks-premium-system .ast-mobile-menu-trigger-minimal {
		min-height: 3rem;
		border-radius: var(--ks-radius-sm) !important;
		background: var(--ks-color-accent) !important;
		color: #fff !important;
	}

	.ks-premium-system #ast-mobile-header .main-header-menu .menu-link {
		min-height: 3.25rem;
		padding: 0.85rem 1.25rem;
		border-bottom: 1px solid var(--ks-color-line);
		background: var(--ks-color-surface);
		color: var(--ks-color-ink);
	}

	.ks-premium-system #ast-mobile-header .current-menu-item > .menu-link {
		border-left: 3px solid var(--ks-color-accent);
		background: var(--ks-color-accent-soft);
		color: var(--ks-color-accent-hover);
	}

	.ks-premium-system .uagb-block-494c42c4 {
		padding-top: 4.5rem !important;
	}

	.ks-premium-system .post-1328 h1 {
		font-size: clamp(2.4rem, 12vw, 3.25rem);
	}

	.ks-premium-system .post-1328 h4 {
		font-size: clamp(1.75rem, 8vw, 2.25rem);
	}

	.ks-premium-system .post-1328 .wpforms-submit {
		min-height: 3.25rem !important;
	}

	.ks-premium-system .post-1328 .uagb-block-6826f4ab {
		padding:
			var(--ks-space-section)
			1.25rem !important;
	}

	.ks-premium-system .post-1328 .uagb-block-6826f4ab > .uagb-container-inner-blocks-wrap {
		flex-direction: column !important;
		gap: 2.5rem;
	}

	.ks-premium-system .post-1328 .uagb-block-6826f4ab :where(
		.uagb-block-38cde86a,
		.uagb-block-88fa2ce4,
		.wpforms-container,
		.wpforms-form
	) {
		width: 100% !important;
		max-width: 100% !important;
	}

	.ks-premium-system.woocommerce-cart .site-content > .ast-container {
		width: 100%;
		max-width: 100%;
		padding-inline: 0 !important;
	}

	.ks-premium-system.woocommerce-cart .site-main {
		width: 100%;
		max-width: 100%;
		padding-inline: 1.25rem;
	}

	.ks-premium-system.woocommerce-cart .uagb-block-aac63b19 {
		width: 100% !important;
		max-width: 100% !important;
		margin: 1.25rem 0 0 !important;
	}

	.ks-premium-system.woocommerce-cart :where(
		.woocommerce,
		.woocommerce-cart-form,
		.shop_table
	) {
		width: 100% !important;
		max-width: 100% !important;
		margin-inline: 0 !important;
	}

	.ks-premium-system.woocommerce-checkout :where(
		.site-main,
		.entry-content,
		.woocommerce,
		form.checkout
	) {
		width: 100% !important;
		max-width: 100% !important;
		margin-inline: 0 !important;
	}

	.ks-premium-system.woocommerce-checkout .site-content > .ast-container {
		width: 100%;
		max-width: 100%;
		padding-inline: 0 !important;
	}

	.ks-premium-system.woocommerce-checkout .site-main {
		padding-inline: 1.25rem;
	}

	.ks-premium-system.woocommerce-checkout .uagb-block-f4661797 {
		width: 100% !important;
		max-width: 100% !important;
		margin: 1.25rem 0 0 !important;
	}

	.ks-premium-system.woocommerce-checkout :where(
		.col2-set,
		.col-1,
		.woocommerce-billing-fields,
		.woocommerce-billing-fields__field-wrapper,
		.form-row,
		.woocommerce-input-wrapper
	) {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		margin-inline: 0 !important;
	}

	.ks-premium-system.woocommerce-checkout :where(
		input.input-text,
		select,
		textarea
	) {
		width: 100% !important;
		min-height: 3.25rem;
	}

	.ks-premium-system.woocommerce-checkout #place_order {
		width: 100%;
		min-height: 3.25rem;
	}

	/*
	 * Astra hides the classic order review below 922 px, but this checkout has
	 * no replacement mobile step control. Keep the purchase summary and payment
	 * action visible so the order can actually be completed on a phone.
	 */
	.ks-premium-system.woocommerce-checkout :where(
		#order_review_heading,
		#order_review
	) {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		clear: both !important;
	}

	.ks-premium-system.woocommerce-checkout #order_review_heading {
		margin-top: 2rem !important;
		padding: 1.25rem 1rem 0.75rem !important;
		border-width: 1px 1px 0 !important;
	}

	.ks-premium-system.woocommerce-checkout #order_review {
		padding: 0 1rem 1rem !important;
		border-width: 0 1px 1px !important;
	}

	.ks-premium-system.woocommerce-checkout #order_review table {
		table-layout: fixed;
	}

	.ks-premium-system.woocommerce-checkout #order_review :where(th, td) {
		overflow-wrap: anywhere;
	}
}

@media (max-width: 360px) {
	.ks-premium-system.home .ks-hero-fix {
		padding-inline: 0 !important;
	}

	.ks-premium-system.home .ks-hero-fix-title {
		font-size: 1.625rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.ks-premium-system *,
	.ks-premium-system *::before,
	.ks-premium-system *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/* Stage 7: keyboard focus is visible across navigation, forms and expandable content. */
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--ks-color-accent)!important;outline-offset:3px;box-shadow:0 0 0 5px rgba(84,185,75,.22)!important}
.site-header :where(a,button):focus-visible{border-radius:.35rem}
details>summary:focus-visible{border-radius:.35rem}