.kuka-content-page {
  max-width: var(--measure-content);
  margin-inline: auto;
  padding: var(--space-8) var(--content-gutter) var(--space-12);
}

.kuka-content-page > header {
  max-width: var(--measure-heading);
  margin-bottom: var(--space-8);
}

.kuka-content-page h1 {
  margin: var(--space-1) 0;
  color: var(--color-ink);
  font-size: var(--text-heading-medium);
  font-weight: var(--weight-regular);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-tight);
}

.kuka-prose {
  max-width: var(--measure-table);
  font-size: var(--text-body-large);
  overflow-wrap: anywhere;
}

.kuka-prose h2 {
  margin: var(--space-6) 0 var(--space-2);
  font-size: var(--text-heading-document);
  line-height: var(--leading-heading);
}

.kuka-prose h3 {
  margin-top: var(--space-6);
  font-size: var(--text-body-large);
}

.kuka-prose a {
  text-decoration-thickness: var(--stroke);
  text-underline-offset: var(--space-0-5);
}

.kuka-prose table {
  width: 100%;
  display: table;
  border-collapse: collapse;
}

.kuka-prose details.kuka-faq {
  padding-block: var(--space-2);
  border-top: var(--stroke) solid var(--color-line);
}

.kuka-prose details.kuka-faq:last-of-type {
  border-bottom: var(--stroke) solid var(--color-line);
}

.kuka-prose details.kuka-faq > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  margin: 0;
  font-size: var(--text-body-large);
  font-weight: var(--weight-medium);
  list-style: none;
  cursor: pointer;
}

.kuka-prose details.kuka-faq > summary::-webkit-details-marker {
  display: none;
}

.kuka-prose details.kuka-faq > summary::after {
  content: "↘";
  flex: 0 0 auto;
  color: var(--color-muted);
  transition: transform var(--duration-normal) var(--ease-standard);
}

.kuka-prose details.kuka-faq[open] > summary::after {
  transform: rotate(-90deg);
}

/* Açılış/kapanış geçişi global.css'teki ::details-content kuralında;
   burada yalnız cevap tipografisi kalır. */
.kuka-prose details.kuka-faq > .kuka-faq__panel > p {
  margin: 0;
  padding: var(--space-1) 0 var(--space-0-5);
  color: var(--color-muted);
}

.kuka-prose th,
.kuka-prose td {
  padding: var(--space-1-5);
  text-align: left;
  border: var(--stroke) solid var(--color-line);
}

.kuka-legal-warning {
  padding: var(--space-2);
  background: var(--color-sand);
  border-left: var(--space-0-5) solid var(--color-error);
}

.kuka-company-details,
.kuka-contact-details {
  margin-block: var(--space-3);
}

.kuka-company-details > div {
  display: grid;
  grid-template-columns: minmax(var(--category-index-label-width), 0.35fr) 1fr;
  gap: var(--space-2);
  padding-block: var(--space-1);
  border-bottom: var(--stroke) solid var(--color-line);
}

.kuka-company-details dt {
  color: var(--color-muted);
}

.kuka-company-details dd {
  margin: 0;
}

.kuka-service-disabled {
  padding: var(--space-2);
  background: var(--color-sand);
}

.kuka-contact-form {
  max-width: var(--measure-copy);
  margin-block: var(--space-3) var(--space-8);
}

.kuka-contact-form form,
.kuka-contact-form__field {
  display: grid;
  gap: var(--space-1);
}

.kuka-contact-form form {
  gap: var(--space-2);
}

.kuka-contact-form__field label {
  font-size: var(--text-caption);
  font-weight: var(--weight-medium);
}

.kuka-contact-form input,
.kuka-contact-form textarea {
  width: 100%;
  border: var(--stroke) solid var(--color-line);
  border-radius: 0;
  background: transparent;
}

.kuka-contact-form input {
  min-height: var(--control-large);
  padding-inline: var(--space-1-5);
}

.kuka-contact-form textarea {
  min-height: calc(var(--control-large) * 3);
  padding: var(--space-1-5);
  resize: vertical;
}

.kuka-contact-form input:focus-visible,
.kuka-contact-form textarea:focus-visible {
  border-color: var(--color-ink);
  outline: var(--stroke) solid var(--color-ink);
  outline-offset: var(--stroke);
}

.kuka-contact-form__privacy,
.kuka-contact-form__message {
  margin: 0;
  font-size: var(--text-caption);
}

.kuka-contact-form__message {
  margin-bottom: var(--space-2);
  padding: var(--space-2);
  border-left: var(--space-0-5) solid currentColor;
  background: var(--color-sand);
}

.kuka-contact-form__message--error {
  color: var(--color-error);
}

.kuka-contact-form__trap {
  position: absolute;
  width: var(--stroke);
  height: var(--stroke);
  overflow: hidden;
  clip-path: inset(50%);
}

.kuka-table-scroll {
  max-width: 100%;
  overflow-x: auto;
}

.kuka-size-table table {
  min-width: var(--measure-table);
}

.kuka-type-test {
  display: grid;
  gap: var(--space-3);
}

.kuka-translation-notice {
  margin-bottom: var(--space-6);
  padding: var(--space-3);
  border: var(--stroke) solid var(--color-line);
  color: var(--color-muted);
}

.kuka-type-test h2 {
  margin: 0;
  padding-block: var(--space-1);
  color: var(--color-ink);
  font-size: var(--text-heading-medium);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-tight);
}

/* Marka hikâyesi müşterinin kendi metnidir; PDF'teki bilinçli kısa satırlar ve
   paragraf boşlukları korunur. Açılış, kaynak metinden ayrı ve panel bağlıdır. */
.kuka-brand-story {
	max-width: var(--measure-content);
	font-size: var(--text-body-large);
}

.kuka-brand-story__opening {
	max-width: var(--measure-heading);
	margin: 0 0 var(--space-12);
	font-size: var(--text-heading-medium);
	line-height: var(--leading-display);
	letter-spacing: var(--tracking-tight);
}

.kuka-brand-story__source {
	max-width: var(--measure-copy);
}

.kuka-brand-story__source p {
	margin-block: var(--space-4);
}

.kuka-brand-story__lede {
  font-size: var(--text-heading-small);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-tight);
}

.kuka-brand-story__list {
  color: var(--color-muted);
}

.kuka-brand-story__sign {
	display: grid;
	gap: var(--space-1);
	margin-top: var(--space-12);
	padding-top: var(--space-4);
	border-top: var(--stroke) solid var(--color-line);
	font-family: var(--font-mono);
	font-size: var(--text-caption);
	letter-spacing: var(--tracking-label);
	text-transform: none;
}

.kuka-brand-story__sign strong {
	font-size: var(--text-body-large);
	font-weight: var(--weight-medium);
}

/* Marka hikâyesi önce düz ve tam okunur bir makaledir. JavaScript, hareket
   tercihi uygunsa aynı DOM'u masaüstü ve mobilde sticky sahneye yükseltir. */
.kuka-story__stage > .kuka-story__media,
.kuka-story__steps {
	display: none;
}

.kuka-story__panel {
	max-width: none;
}

.kuka-story__scene {
	content-visibility: auto;
	contain-intrinsic-size: auto var(--story-article-size);
	padding: var(--space-8) var(--space-3);
}

.kuka-story__scene + .kuka-story__scene {
	border-top: var(--stroke) solid var(--color-line);
}

.kuka-story__article-image,
.kuka-story__noscript-image {
	display: block;
	width: 100%;
	margin-bottom: var(--space-4);
	background: var(--color-image-placeholder);
}

.kuka-story__article-image img,
.kuka-story__noscript-image img {
	display: block;
	width: 100%;
	height: auto;
}

.kuka-story__placeholder {
	min-height: var(--story-article-size);
}

.kuka-story__copy {
	max-width: var(--story-copy-width);
	font-size: var(--text-heading-small);
	line-height: var(--leading-heading);
	letter-spacing: var(--tracking-tight);
}

.kuka-story__copy p {
	margin: 0 0 var(--space-4);
}

.kuka-story__line {
	display: inline-block;
}

.kuka-story__sign {
	display: grid;
	gap: var(--space-1);
	margin-top: var(--space-8);
	padding-top: var(--space-3);
	border-top: var(--stroke) solid currentColor;
	font-family: var(--font-mono);
	font-size: var(--text-caption);
	letter-spacing: var(--tracking-label);
}

.kuka-story__sign strong {
	font-size: var(--text-body-large);
	font-weight: var(--weight-medium);
}

.kuka-story__heart {
	color: currentColor;
	font-family: inherit;
}

@media (min-width: 0em) {
	.kuka-story[data-enhanced="true"] {
		position: relative;
	}

	.kuka-story[data-enhanced="true"] .kuka-story__stage {
		position: sticky;
		top: 0;
		height: 100vh;
		height: 100svh;
		overflow: hidden;
	}

	.kuka-story[data-enhanced="true"] .kuka-story__media,
	.kuka-story[data-enhanced="true"] .kuka-story__steps {
		display: block;
	}

	.kuka-story[data-enhanced="true"] .kuka-story__media {
		position: absolute;
		inset: 0;
		background: var(--color-image-placeholder);
	}

	.kuka-story[data-enhanced="true"] .kuka-story__media-item {
		position: absolute;
		inset: 0;
		display: block;
		opacity: 0;
		transition: none;
	}

	.kuka-story[data-enhanced="true"] .kuka-story__media-item.is-active {
		opacity: 1;
	}

	.kuka-story[data-enhanced="true"] .kuka-story__media-item img {
		display: block;
		width: 100%;
		height: 100vh;
		height: 100svh;
		object-fit: cover;
		transform: scale(1);
		transition: none;
	}

	.kuka-story[data-enhanced="true"] .kuka-story__media-item--zoom-out img {
		transform: scale(1.06);
	}

	.kuka-story[data-enhanced="true"] .kuka-story__media-item--zoom-out.is-active img {
		transform: scale(1);
	}

	.kuka-story[data-enhanced="true"] .kuka-story__media-item--grow-right.is-active img {
		transform: scale(1.035);
	}

	.kuka-story[data-enhanced="true"] .kuka-story__panel {
		position: absolute;
		inset: 0;
		z-index: 1;
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene {
		position: absolute;
		inset: 0;
		display: grid;
		align-items: end;
		padding: var(--space-8);
		border: 0;
		color: var(--color-white);
		content-visibility: visible;
		isolation: isolate;
		opacity: 0;
		pointer-events: none;
		transform: none;
		transition: none;
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene::before {
		position: absolute;
		inset: 0;
		z-index: -1;
		background: linear-gradient(to right, var(--story-gradient-color) 0%, var(--story-gradient-color) var(--story-gradient-hold), transparent var(--story-gradient-extent));
		content: "";
		pointer-events: none;
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene--right-center::before {
		background: linear-gradient(to left, var(--story-gradient-color) 0%, var(--story-gradient-color) var(--story-gradient-hold), transparent var(--story-gradient-extent));
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene--center::before {
		background: radial-gradient(ellipse at center, var(--story-gradient-color) 0%, var(--story-gradient-color) var(--story-gradient-center-hold), transparent var(--story-gradient-extent));
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene--gradient-none::before { content: none; }
	.kuka-story[data-enhanced="true"] .kuka-story__scene--light.kuka-story__scene--gradient-soft { --story-gradient-color: var(--story-gradient-dark-soft); }
	.kuka-story[data-enhanced="true"] .kuka-story__scene--light.kuka-story__scene--gradient-medium { --story-gradient-color: var(--story-gradient-dark-medium); }
	.kuka-story[data-enhanced="true"] .kuka-story__scene--light.kuka-story__scene--gradient-strong { --story-gradient-color: var(--story-gradient-dark-strong); }
	.kuka-story[data-enhanced="true"] .kuka-story__scene--dark.kuka-story__scene--gradient-soft { --story-gradient-color: var(--story-gradient-light-soft); }
	.kuka-story[data-enhanced="true"] .kuka-story__scene--dark.kuka-story__scene--gradient-medium { --story-gradient-color: var(--story-gradient-light-medium); }
	.kuka-story[data-enhanced="true"] .kuka-story__scene--dark.kuka-story__scene--gradient-strong { --story-gradient-color: var(--story-gradient-light-strong); }

	.kuka-story[data-enhanced="true"] .kuka-story__scene--dark {
		color: var(--color-hero-ink);
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene.is-active {
		opacity: 1;
		pointer-events: auto;
	}

	.kuka-story[data-enhanced="true"] .kuka-story__article-image,
	.kuka-story[data-enhanced="true"] .kuka-story__noscript-image {
		display: none;
	}

	.kuka-story[data-enhanced="true"] .kuka-story__copy {
		font-size: var(--text-heading-medium);
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene--long .kuka-story__copy {
		font-size: var(--text-heading-small);
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene--left-center,
	.kuka-story[data-enhanced="true"] .kuka-story__scene--right-center {
		align-items: center;
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene--right-center {
		justify-items: end;
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene--center {
		place-items: center;
		text-align: center;
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene--zoom-out .kuka-story__copy {
		transform: translateY(var(--story-shift));
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene--crossfade-left .kuka-story__copy {
		transform: translateX(calc(var(--story-shift) * -1));
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene--grow-right .kuka-story__copy {
		transform: translateX(var(--story-shift));
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene.is-active .kuka-story__copy {
		transform: translate(0);
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene--01 .kuka-story__copy {
		font-size: var(--text-heading-large);
		line-height: var(--leading-tight);
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene--03 .kuka-story__copy {
		max-width: var(--measure-hero-copy);
		font-size: var(--text-heading-small);
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene--04 .kuka-story__copy {
		font-size: var(--text-heading-medium);
		line-height: var(--leading-heading);
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene--06 .kuka-story__copy > p:first-child {
		font-size: var(--text-heading-medium);
		line-height: var(--leading-tight);
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene--06 .kuka-story__copy > p:not(:first-child) {
		font-size: var(--text-heading-newsletter);
		letter-spacing: normal;
		line-height: var(--leading-body);
	}

	.kuka-story[data-enhanced="true"] .kuka-story__line {
		opacity: 0;
		transform: translateY(var(--story-shift));
		transition: none;
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene--gather .kuka-story__beat {
		opacity: 0;
		transform: translateY(var(--story-shift));
		transition: none;
	}

	.kuka-story[data-enhanced="true"][data-story-ready="true"] .kuka-story__media-item {
		transition: opacity var(--story-transition-media) var(--story-ease);
	}

	.kuka-story[data-enhanced="true"][data-story-ready="true"] .kuka-story__media-item img {
		transition: transform var(--story-transition-media) var(--story-ease);
	}

	.kuka-story[data-enhanced="true"][data-story-ready="true"] .kuka-story__scene,
	.kuka-story[data-enhanced="true"][data-story-ready="true"] .kuka-story__copy,
	.kuka-story[data-enhanced="true"][data-story-ready="true"] .kuka-story__line,
	.kuka-story[data-enhanced="true"][data-story-ready="true"] .kuka-story__beat {
		transition: opacity var(--story-transition-copy) var(--story-ease), transform var(--story-transition-copy) var(--story-ease);
	}

	.kuka-story[data-enhanced="true"] .is-active .kuka-story__line {
		opacity: 1;
		transform: translateY(0);
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene--gather.is-active .kuka-story__beat {
		opacity: 1;
		transform: translateY(0);
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene--gather.is-active .kuka-story__beat:nth-child(2) { transition-delay: var(--story-line-delay); }
	.kuka-story[data-enhanced="true"] .kuka-story__scene--gather.is-active .kuka-story__beat:nth-child(3) { transition-delay: calc(var(--story-line-delay) * 2); }
	.kuka-story[data-enhanced="true"] .kuka-story__scene--gather.is-active .kuka-story__sign { transition-delay: calc(var(--story-line-delay) * 3); }

	.kuka-story[data-enhanced="true"] .is-active .kuka-story__line:nth-of-type(2) { transition-delay: var(--story-line-delay); }
	.kuka-story[data-enhanced="true"] .is-active .kuka-story__line:nth-of-type(3) { transition-delay: calc(var(--story-line-delay) * 2); }
	.kuka-story[data-enhanced="true"] .is-active .kuka-story__line:nth-of-type(4) { transition-delay: calc(var(--story-line-delay) * 3); }

	.kuka-story[data-enhanced="true"] .kuka-story__steps {
		position: relative;
		z-index: 2;
		margin-top: -100vh;
		margin-top: -100svh;
		pointer-events: none;
	}

	.kuka-story[data-enhanced="true"] .kuka-story__step {
		height: 100vh;
		height: 100svh;
	}
}

@media (max-width: 47.99em) {
	.kuka-story[data-enhanced="true"] .kuka-story__scene {
		padding: var(--space-4) var(--space-3) var(--space-6);
	}

	.kuka-story[data-enhanced="true"] .kuka-story__copy {
		width: 100%;
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene--04 .kuka-story__copy,
	.kuka-story[data-enhanced="true"] .kuka-story__scene--06 .kuka-story__copy > p:first-child {
		font-size: var(--text-heading-small);
	}

	.kuka-story[data-enhanced="true"] .kuka-story__scene--06 .kuka-story__copy p {
		margin-bottom: var(--space-3);
	}

	.kuka-story[data-enhanced="true"] .kuka-story__sign {
		margin-top: var(--space-4);
		padding-top: var(--space-2);
	}
}

@media (prefers-reduced-motion: reduce) {
	.kuka-story *,
	.kuka-story *::before,
	.kuka-story *::after {
		transition: none;
	}
}

/* Ön bilgilendirme formu §2 — sepetteki gerçek kalemler. */
.kuka-preinfo-order caption {
  padding-bottom: var(--space-1);
  color: var(--color-muted);
  font-family: var(--font-mono);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-label);
  text-align: left;
  text-transform: uppercase;
}

.kuka-preinfo-order tfoot th,
.kuka-preinfo-order tfoot td {
  border-top: var(--stroke) solid var(--color-ink);
}

@media (max-width: 32.5em) {
  .kuka-content-page {
    padding-top: var(--space-6);
  }

  .kuka-content-page h1 {
    font-size: var(--text-heading-small);
  }

  .kuka-prose table {
    font-size: var(--text-caption);
  }

  .kuka-prose th,
  .kuka-prose td {
    padding: var(--space-1);
  }
}