/* Robo sayfası. Ortak kabuk, tipografi, düğmeler ve dialog duzen.css'ten.
   Kart/SSS ritmi online ve Hakkımızda sayfalarıyla aynı; yeni palet yok. */
.rca-robo .rca-etiket {
	margin: 0 0 20px;
	font-size: var(--rca-punto-etiket);
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--rca-marka);
}

.rca-robo .rca-govde-buyuk {
	margin: 0 0 18px;
	font-size: var(--rca-punto-govde-buyuk);
	font-weight: 300;
	line-height: 1.7;
	text-wrap: pretty;
}

.rca-robo p { max-width: 68ch; }
.rca-robo p + p { margin-top: 0.75rem; }
.rca-robo .rca-baslik-1 { margin-block: 0.5rem 0.75rem; }
.rca-robo .rca-baslik-2 { text-wrap: balance; }

.rca-robo-kahraman { padding-top: clamp(1.75rem, 1rem + 3vw, 3rem); }
.rca-robo-bolum { padding-block: clamp(2rem, 1.4rem + 2.4vw, 3.25rem); }
.rca-robo-bolum + .rca-robo-bolum > .rca-kapsayici {
	border-top: 1px solid var(--rca-cizgi-ince);
	padding-top: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
}
.rca-robo section[id] {
	scroll-margin-top: calc(var(--rca-baslik-alt) + var(--rca-capa-nefes));
}

.rca-robo-ikili,
.rca-robo-iki-metin {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1.5rem, 1rem + 2vw, 2.5rem);
	align-items: center;
}
.rca-robo-ikili > *, .rca-robo-oyun > * { min-width: 0; }
.rca-robo-foto, .rca-robo-video-cerceve { margin: 0; }
.rca-robo-foto img {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid var(--rca-cizgi-kart);
	border-radius: 1rem;
}
.rca-robo figcaption {
	margin-top: 0.625rem;
	font-size: 0.875rem;
	color: var(--rca-metin-2);
}
.rca-robo-eylemler { margin-top: 1.25rem; }
.rca-robo .rca-robo-not { margin-top: 0.75rem; font-size: 0.875rem; color: var(--rca-metin-2); }

.rca-robo-ozellikler,
.rca-robo-kartlar,
.rca-robo-roller,
.rca-robo-galeri {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.875rem;
	list-style: none;
	padding: 0;
	margin: 1.5rem 0 0;
}
.rca-robo-ozellikler li, .rca-robo-kart {
	background: var(--rca-yuzey);
	border: 1px solid var(--rca-cizgi-kart);
	border-radius: 0.875rem;
	padding: 1.125rem 1.25rem;
}
.rca-robo-ozellikler li,
.rca-robo-kart h3,
.rca-robo-kart h4,
.rca-robo-roller h3 {
	font-family: var(--rca-font-baslik);
	font-size: 1.0625rem;
	font-weight: 700;
	color: var(--rca-baslik);
	margin: 0;
}
.rca-robo-kart p { margin: 0.5rem 0 0; color: var(--rca-metin-2); font-size: 0.9688rem; }
.rca-robo-adimlar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.rca-robo-adim-no {
	display: block;
	font-family: var(--rca-font-baslik);
	font-size: var(--rca-punto-govde-buyuk);
	font-weight: 700;
	color: var(--rca-marka);
	margin-bottom: 0.75rem;
}
.rca-robo .rca-robo-vurgu {
	font-family: var(--rca-font-baslik);
	font-weight: 600;
	color: var(--rca-marka-koyu);
	margin-top: 1.5rem;
}

/* Dikey kayıt kendi oranıyla durur; robotu kesmek için cover kullanılmaz. */
.rca-robo-oyun {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 18rem);
	gap: clamp(1.5rem, 1rem + 3vw, 4rem);
	align-items: center;
	max-width: 65rem;
	margin-inline: auto;
}
.rca-robo-oynat {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	border: 1px solid var(--rca-cizgi-kart);
	border-radius: 1rem;
	overflow: hidden;
	background: var(--rca-yuzey);
	cursor: pointer;
}
.rca-robo-oynat img, .rca-robo-video-poster { display: block; width: 100%; height: auto; }
.rca-robo-video-poster { border-radius: 1rem; }
.rca-robo-video-cerceve { max-width: 18rem; }
.rca-robo .rca-robo-video-kutusu {
	width: min(90vw, calc((100dvh - 120px) * 9 / 16));
	max-width: 30rem;
}
/* Ortak yatay dialogun 320px alt sınırı 320px telefonda dışarı taşmasın. */
.rca-robo .rca-isik-kutusu { max-width: 92vw; }

.rca-robo-egitim {
	background: var(--rca-baslik);
	border-radius: 1.125rem;
	padding: clamp(1.5rem, 1.1rem + 1.6vw, 2rem);
}
.rca-robo-egitim .rca-baslik-2, .rca-robo-egitim h3,
.rca-robo-egitim .rca-robo-vurgu { color: var(--rca-zemin); }
.rca-robo-egitim p, .rca-robo-egitim .rca-etiket { color: var(--rca-metin-koyu); }
.rca-robo-roller { border-top: 1px solid var(--rca-cizgi-koyu); padding-top: 1.5rem; gap: 1.5rem; }
.rca-robo-roller p { margin: 0.5rem 0 0; }
.rca-robo .rca-robo-bag { margin-top: 1.25rem; }
.rca-robo-bag a { color: var(--rca-marka-koyu); font-weight: 600; text-decoration: underline; text-underline-offset: 0.2em; }
.rca-robo-egitim .rca-robo-bag a { color: var(--rca-zemin); }
.rca-robo-iki-metin { margin-top: 2rem; align-items: start; }
.rca-robo-alt-baslik { font-family: var(--rca-font-baslik); font-size: var(--rca-punto-govde-buyuk); color: var(--rca-baslik); margin: 1.5rem 0 0.75rem; }
.rca-robo-iki-metin .rca-robo-alt-baslik { margin-top: 0; }
.rca-robo-galeri { align-items: start; }
.rca-robo-galeri .rca-robo-foto img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: center 60%;
}

/* Yerel details/summary: diğer detay sayfalarıyla aynı SSS görünümü. */
.rca-robo-sss { display: grid; gap: 12px; margin-top: 1.25rem; }
.rca-robo-sss details { background: var(--rca-yuzey); border: 1px solid var(--rca-cizgi-kart); border-radius: 20px; }
.rca-robo-sss summary {
	list-style: none;
	cursor: pointer;
	padding: 22px 26px;
	font-family: var(--rca-font-baslik);
	font-weight: 600;
	font-size: var(--rca-punto-sss-soru);
	color: var(--rca-baslik);
	display: flex;
	justify-content: space-between;
	gap: 20px;
}
.rca-robo-sss summary::-webkit-details-marker { display: none; }
.rca-robo-sss summary::marker { content: ''; }
.rca-robo-sss-isaret { flex: none; color: var(--rca-marka); }
.rca-robo-sss-isaret::after { content: '+'; }
.rca-robo-sss details[open] .rca-robo-sss-isaret::after { content: '−'; }
.rca-robo-sss p { margin: 0; padding: 0 26px 24px; max-width: none; }

.rca-robo-kapanis { padding-block: 2rem clamp(2.5rem, 2rem + 2.4vw, 4rem); }
.rca-robo-cagri {
	background: var(--rca-marka);
	border-radius: 1.125rem;
	padding: clamp(1.625rem, 1.2rem + 1.6vw, 2rem);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.875rem;
}
.rca-robo-cagri .rca-baslik-2 { color: var(--rca-zemin); margin: 0; }
.rca-robo-cagri p { color: var(--rca-metin-yesil); margin: 0; }
.rca-robo-cagri .rca-dugme-birincil { background: var(--rca-zemin); color: var(--rca-marka-koyu); }
.rca-robo-guven { font-size: 0.875rem; }

@media (max-width: 60rem) {
	.rca-robo-ikili { grid-template-columns: 1fr; }
	.rca-robo-adimlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rca-robo-galeri { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 47.5rem) {
	.rca-robo-oyun, .rca-robo-iki-metin, .rca-robo-roller { grid-template-columns: 1fr; }
	.rca-robo-video-cerceve { margin-inline: auto; }
	.rca-robo-kartlar:not(.rca-robo-adimlar), .rca-robo-ozellikler { grid-template-columns: 1fr; }
}
@media (max-width: 37.5rem) {
	.rca-robo-galeri { grid-template-columns: 1fr; }
}
@media (max-width: 34rem) {
	.rca-robo-adimlar { grid-template-columns: 1fr; }
	.rca-robo-eylemler .rca-dugme, .rca-robo-cagri .rca-dugme {
		display: flex;
		justify-content: center;
		text-align: center;
		white-space: normal;
		min-height: 3.75rem;
	}
	.rca-robo-cagri { align-items: stretch; }
	.rca-robo-sss details { border-radius: 16px; }
	.rca-robo-sss summary { padding: 15px 16px; }
	.rca-robo-sss p { padding: 0 16px 16px; }
}