.sina-bolge,
.sina-malzeme__grup,
.sina-usta__metin,
.sina-adim {
	min-inline-size: 0;
}

.sina-band:not(.sina-hero, .sina-cta) > :is(.container-site, .container-content, .container-wide) > * + * {
	margin-block-start: clamp(1.75rem, 1.4rem + 1.4vw, 2.75rem);
}

.sina-band:not(.sina-hero, .sina-cta) > :is(.container-site, .container-content) > p:not([class]) {
	max-inline-size: 54ch;
	font-size: var(--text-lead);
	line-height: var(--text-lead--line-height);
	color: var(--color-muted);
}

.sina-hero {
	position: relative;
	display: grid;
	align-items: center;
	min-block-size: 22rem;
	padding-block: clamp(3rem, 2rem + 4.5vw, 6rem);
	background-image: linear-gradient(180deg, var(--color-primary-hover), var(--color-inverse-surface));
	color: var(--color-ink);

	isolation: isolate;
}

.sina-hero__img {
	position: absolute;
	z-index: -1;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
}

.sina-hero::after {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	background-image: linear-gradient(
		100deg,
		color-mix(in srgb, var(--color-inverse-surface) 82%, transparent),
		color-mix(in srgb, var(--color-inverse-surface) 60%, transparent)
	);
}

.sina-hero__inner {
	position: relative;
	inline-size: 100%;
	max-inline-size: var(--container-site);
	margin-inline: auto;
	padding-inline: var(--spacing-gutter);
}

.sina-hero__title {
	max-inline-size: 20ch;
	margin: 0;
	font-size: var(--text-display);
	line-height: var(--text-display--line-height);
	letter-spacing: var(--text-display--letter-spacing);
	font-weight: var(--text-display--font-weight);
	text-wrap: balance;
}

.sina-hero__lead {
	max-inline-size: 46ch;
	margin: 1.125rem 0 0;
	font-size: var(--text-lead);
	line-height: var(--text-lead--line-height);

}

.sina-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-block-start: 2rem;
}

@media (min-width: 48em) {

	.sina-hero {
		min-block-size: 28rem;
	}

	.sina-hero__inner {
		padding-inline: var(--spacing-gutter-md);
	}
}

.sina-adimlar__liste {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(14rem, 100%), 1fr));
	gap: 2.5rem 2rem;
	margin-block-start: 2.5rem;
	margin-inline: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 48em) {

	.sina-adim {
		position: relative;
	}

	.sina-adim:not(:last-child)::before {
		content: "";
		position: absolute;

		inset-block-start: 1.75rem;
		inset-inline-start: 4.25rem;
		inline-size: calc(100% + 2rem - 4.25rem);
		block-size: 1px;
		background-color: var(--color-line-strong);
		opacity: 0.35;
	}
}

.sina-adim__ikon {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	inline-size: 3.5rem;
	block-size: 3.5rem;
	margin-block-end: 1.125rem;
	background-color: var(--color-surface);
	border: 1px solid var(--color-line-strong);
	border-radius: 50%;
	color: var(--color-primary);
}

.sina-adim__ikon svg {
	inline-size: 1.625rem;
	block-size: 1.625rem;
}

.sina-adim__baslik {
	margin: 0;
	font-size: var(--text-h3);
	line-height: var(--text-h3--line-height);
	letter-spacing: var(--text-h3--letter-spacing);
	font-weight: var(--text-h3--font-weight);
}

.sina-adim__metin {
	margin: 0.625rem 0 0;
	max-inline-size: 30ch;
	font-size: var(--text-body);
	line-height: var(--text-small--line-height);
	color: var(--color-muted);
}

.sina-fiyat__kapanis {
	max-inline-size: 54ch;
	padding-block-start: 1.5rem;
	border-block-start: 1px solid var(--color-line);
	color: var(--color-muted);
}

@media (min-width: 1024px) {

	.sina-kesit .split {
		align-items: start;

		grid-template-columns: 7fr 5fr;
	}
}

.sina-kesit {
	position: relative;
}

.sina-kesit__figure {
	margin: 0;
	overflow-x: auto;
	overscroll-behavior-x: contain;
}

.sina-kesit__svg {
	display: block;
	inline-size: 100%;
	min-inline-size: 560px;
}

.sina-kesit__hint {
	position: absolute;
	inset-block: 0;
	inset-inline-end: 0;
	inline-size: 3rem;
	background-image: linear-gradient(to left, var(--color-surface), transparent);
	pointer-events: none;
}

@media (min-width: 48em) {

	.sina-kesit__figure {
		overflow-x: visible;
	}

	.sina-kesit__svg {
		min-inline-size: 0;
	}

	.sina-kesit__hint {
		display: none;
	}
}

.sina-kesit__hotspot {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-inline-size: 44px;
	min-block-size: 44px;
	padding: 0;
	background: none;
	border: 0;
	color: var(--sina-blueprint);
	cursor: pointer;
}

.sina-kesit__hotspot::before {
	content: "";
	inline-size: 0.75rem;
	block-size: 0.75rem;
	background-color: var(--color-surface);
	border: 2px solid currentcolor;
	border-radius: var(--radius-pill);
}

.sina-kesit__hotspot.is-acik {
	color: var(--color-primary);
}

.sina-kesit__hotspot.is-acik::before {
	background-color: currentcolor;
}

.sina-kesit__panel {
	padding: 1.25rem;
	background-color: var(--color-surface-alt);
	border-inline-start: 2px solid var(--color-primary);
}

.sina-kesit__panel[hidden] {
	display: none;
}

	ul.sina-kesit__list,
	ol.sina-kesit__list {
	display: grid;
	gap: 0.5rem 2rem;
	padding-inline-start: 0;
	list-style: none;
}

@media (min-width: 48em) {

	ul.sina-kesit__list,
	ol.sina-kesit__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.sina-kesit__list .sina-durum {
	flex-direction: column;
	align-items: flex-start;
	gap: 0.25rem;
}

.sina-kesit__list .sina-durum__baslik {
	font-weight: 700;
}

@media (min-width: 64em) {

	ul.sina-kesit__list,
	ol.sina-kesit__list {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}
}

.sina-usta__portre {
	margin: 0;
}

.sina-usta__portre img {
	display: block;
	inline-size: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: var(--radius-card);
}

.sina-usta__metin {
	max-inline-size: 54ch;
}

.sina-usta__metin > * + * {
	margin-block-start: 1rem;
}

.sina-malzeme {
	--grid-gap: 2rem;
}

.sina-malzeme__grup {
	overflow-wrap: break-word;
}

.sina-spec {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.125rem 1rem;
	margin: 0;
	font-size: var(--text-small);
	line-height: 1.5;
}

.sina-spec__key {
	color: var(--color-muted);
}

.sina-spec__val {
	margin: 0 0 0.75rem;

	overflow-wrap: break-word;
	color: var(--color-ink);
}

@media (min-width: 48em) {

	.sina-spec {

		grid-template-columns: max-content minmax(0, 1fr);
		row-gap: 0.5rem;
	}

	.sina-spec__val {
		margin-block-end: 0;
	}
}

.sina-malzeme__gerekce {
	margin-block-start: 1rem;
	padding-block-start: 1rem;
	border-block-start: 1px solid var(--color-line);
	font-size: var(--text-small);
	line-height: var(--text-small--line-height);
	color: var(--color-muted);
}

.sina-kunye {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: var(--text-small);
	line-height: var(--text-small--line-height);
	color: var(--color-muted);
}

.sina-kunye__item::after {
	content: "·";
	margin-inline-start: 0.5rem;
	color: var(--color-line-strong);
}

.sina-kunye__item:last-child::after {
	content: none;
}

.sina-imza {
	font-size: var(--text-small);
	color: var(--color-muted);
}

.sina-bolgeler {
	--grid-gap: 2rem;
}

.sina-bolge {
	padding-block-start: 1rem;
	border-block-start: 2px solid var(--color-primary);
}

.sina-bolge > * + * {
	margin-block-start: 0.75rem;
}

.sina-bolge__ilceler {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem 1rem;
	padding-inline-start: 0;
	font-size: var(--text-small);
	list-style: none;
	color: var(--color-muted);
}

.sina-sss {
	border-block-start: 1px solid var(--color-line);
}

.sina-sss__item {
	border-block-end: 1px solid var(--color-line);
}

.sina-sss__item > summary,
.sina-sss__q {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 1rem;
	min-block-size: 56px;
	padding-block: 1rem;
	font-size: var(--text-h4);
	font-weight: var(--text-h4--font-weight);
	line-height: var(--text-h4--line-height);
	cursor: pointer;
	list-style: none;
}

.sina-sss__item > summary::-webkit-details-marker,
.sina-sss__q::-webkit-details-marker {
	display: none;
}

.sina-sss__item > summary::after,
.sina-sss__q::after {
	content: "";
	inline-size: 0.875rem;
	block-size: 0.875rem;
	background-image:
		linear-gradient(currentcolor 0 0),
		linear-gradient(currentcolor 0 0);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 0.875rem 2px, 2px 0.875rem;
	color: var(--color-primary);
}

.sina-sss__item[open] > summary::after,
.sina-sss__item[open] .sina-sss__q::after {
	background-size: 0.875rem 2px, 0 0;
}

.sina-sss__a {
	max-inline-size: 62ch;
	padding-block-end: 1.5rem;
	color: var(--color-muted);
}

.sina-sss__a > * + * {
	margin-block-start: 0.75rem;
}

.sina-defter .section-latest-posts > .container-site {
	max-inline-size: none;
	padding-block: 0;
	padding-inline: 0;
}

@media (prefers-reduced-motion: reduce) {

	.sina-durum {
		transition: none;
	}
}

@media print {

	.sina-kesit__hint,
	.sina-kesit__hotspot,
	.sina-hero__img {
		display: none;
	}

	.sina-hero {
		min-block-size: 0;
		padding-block: 0 1rem;
		background-image: none;
	}

	.sina-hero::after {
		display: none;
	}

	.sina-kesit__figure {
		overflow-x: visible;
	}

	.sina-kesit__svg {
		min-inline-size: 0;
	}

	.sina-kesit__panel[hidden] {
		display: block;
	}

	.sina-durum {
		break-inside: avoid;
	}
}

.sina-usta__giris {
	margin-block: 0;
	font-size: var(--text-lead);
	line-height: var(--text-lead--line-height);
	text-wrap: balance;
}

@media (min-width: 64em) {

	.sina-usta__split {
		align-items: start;
		grid-template-columns: 5fr 7fr;
	}
}