/* ==========================================================================
   Camglass Sözlük — ön yüz
   camglass.com.tr tasarım dili: Inter, koyu yeşil #1C4B42, turkuaz #62CBC9,
   kırık beyaz #F6F5F2 zemin, 9px kart köşeleri, hap (pill) butonlar.
   Tüm seçiciler .cgs altında; Elementor/Vamtam global buton stilleri ezilir.
   ========================================================================== */

.cgs {
	--cgs-primary: #1C4B42;
	--cgs-accent: #62CBC9;
	--cgs-surface: #F6F5F2;
	--cgs-white: #FFFFFF;
	--cgs-text: rgba(0, 0, 0, .8);
	--cgs-muted: #55565A;
	--cgs-muted-2: #7E7E7E;
	--cgs-border: rgba(0, 0, 0, .1);
	--cgs-accent-soft: color-mix(in srgb, var(--cgs-accent) 18%, #fff);
	--cgs-primary-soft: color-mix(in srgb, var(--cgs-primary) 7%, #fff);
	--cgs-radius: 9px;
	--cgs-pill: 100px;
	--cgs-cols: 2;
	--cgs-sticky: 0px;
	--cgs-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--cgs-shadow: 0 1px 2px rgba(16, 40, 35, .04), 0 8px 24px -12px rgba(16, 40, 35, .18);

	position: relative;
	font-family: var(--cgs-font);
	font-size: 16px;
	line-height: 1.5;
	color: var(--cgs-text);
	background: var(--cgs-surface);
	border-radius: 0;
	-webkit-font-smoothing: antialiased;
	text-align: left;
}

.cgs *,
.cgs *::before,
.cgs *::after { box-sizing: border-box; }

.cgs p,
.cgs ul,
.cgs h1, .cgs h2, .cgs h3 { margin: 0; padding: 0; }
.cgs ul { list-style: none; }
.cgs [hidden] { display: none !important; }

.cgs .cgs-sr {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0);
	white-space: nowrap; border: 0;
}

/* Tema / Elementor buton sıfırlaması */
.cgs button.cgs-az__btn,
.cgs button.cgs-cat,
.cgs button.cgs-chip,
.cgs button.cgs-card__link,
.cgs button.cgs-search__clear,
.cgs button.cgs-filterbtn,
.cgs button.cgs-side__close,
.cgs button.cgs-top,
.cgs button.cgs-btn {
	font-family: var(--cgs-font);
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
	line-height: 1.2;
	box-shadow: none;
	min-height: 0;
	width: auto;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease, opacity .18s ease;
}

.cgs button:focus-visible,
.cgs input:focus-visible {
	outline: 2px solid var(--cgs-accent);
	outline-offset: 2px;
}

/* ==========================================================================
   Hero
   ========================================================================== */

.cgs-hero {
	position: relative;
	overflow: hidden;
	background: var(--cgs-white);
	color: var(--cgs-text);
	padding: clamp(48px, 7vw, 96px) 24px clamp(40px, 5vw, 64px);
	border-bottom: 1px solid var(--cgs-border);
	isolation: isolate;
}

/* Hafif turkuaz ışık */
.cgs-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(700px 420px at 92% 0%, color-mix(in srgb, var(--cgs-accent) 14%, transparent), transparent 65%);
	z-index: -2;
}

/* İnce cam panel çizimi (sağda) */
.cgs-hero__deco {
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
}
.cgs-hero__deco span {
	position: absolute;
	border: 1px solid color-mix(in srgb, var(--cgs-accent) 55%, transparent);
	background: linear-gradient(135deg, color-mix(in srgb, var(--cgs-accent) 12%, transparent), transparent 55%);
	border-radius: 6px;
	transform: skewY(-8deg);
}
.cgs-hero__deco span:nth-child(1) { width: 200px; height: 320px; right: 7%; top: 14%; }
.cgs-hero__deco span:nth-child(2) { width: 140px; height: 230px; right: calc(7% + 170px); top: 32%; opacity: .6; }
.cgs-hero__deco span:nth-child(3) { width: 96px; height: 160px; right: calc(7% - 48px); top: 58%; opacity: .45; }

.cgs-hero__inner {
	max-width: 1240px;
	margin: 0 auto;
}

.cgs .cgs-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--cgs-primary);
	margin-bottom: 18px;
}
.cgs .cgs-eyebrow::before {
	content: "";
	width: 28px;
	height: 2px;
	border-radius: 2px;
	background: var(--cgs-accent);
}

.cgs .cgs-hero__title {
	font-family: var(--cgs-font);
	font-size: clamp(34px, 5vw, 52px);
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: var(--cgs-primary);
	max-width: 820px;
	margin: 0 0 20px;
}

.cgs .cgs-hero__sub {
	font-size: clamp(16px, 1.4vw, 18px);
	line-height: 1.55;
	color: var(--cgs-muted);
	max-width: 680px;
	margin-bottom: 36px;
}

/* Arama */
.cgs-search {
	position: relative;
	display: flex;
	align-items: center;
	max-width: 760px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .14);
	border-radius: var(--cgs-pill);
	box-shadow: 0 12px 32px -18px rgba(16, 40, 35, .35);
	transition: box-shadow .2s ease, border-color .2s ease;
}
.cgs-search:hover { border-color: color-mix(in srgb, var(--cgs-accent) 70%, transparent); }
.cgs-search:focus-within {
	border-color: var(--cgs-accent);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--cgs-accent) 30%, transparent), 0 12px 32px -18px rgba(16, 40, 35, .35);
}
.cgs-search__icon {
	position: absolute;
	left: 24px;
	color: var(--cgs-primary);
	pointer-events: none;
}
.cgs .cgs-search__input,
.cgs.cgs .cgs-search input.cgs-search__input,
.cgs.cgs .cgs-search input.cgs-search__input[type="search"] {
	flex: 1;
	width: 100%;
	height: 62px;
	margin: 0;
	padding: 0 96px 0 60px;
	border: 0;
	border-radius: var(--cgs-pill);
	background: transparent;
	font-family: var(--cgs-font);
	font-size: 17px;
	line-height: normal;
	color: #000;
	box-shadow: none;
	outline: none;
	min-height: 0;
	-webkit-appearance: none;
	appearance: none;
}
.cgs .cgs-search__input::placeholder { color: var(--cgs-muted-2); opacity: 1; }
.cgs .cgs-search__input::-webkit-search-cancel-button { display: none; }
.cgs .cgs-search__input:focus-visible { outline: none; }

.cgs button.cgs-search__clear {
	position: absolute;
	right: 56px;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--cgs-surface);
	color: var(--cgs-muted);
}
.cgs button.cgs-search__clear:hover { background: var(--cgs-accent-soft); color: var(--cgs-primary); }

.cgs-search__kbd {
	position: absolute;
	right: 20px;
	display: grid;
	place-items: center;
	min-width: 26px;
	height: 26px;
	padding: 0 6px;
	border: 1px solid var(--cgs-border);
	border-bottom-width: 2px;
	border-radius: 6px;
	font-family: var(--cgs-font);
	font-size: 13px;
	color: var(--cgs-muted-2);
	background: #fff;
}

.cgs .cgs-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 56px;
	margin-top: 44px;
	max-width: 760px;
}
.cgs-stats li {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding-left: 16px;
	border-left: 2px solid var(--cgs-accent);
}
.cgs-stats strong {
	font-size: clamp(26px, 2.6vw, 34px);
	font-weight: 500;
	line-height: 1;
	color: var(--cgs-primary);
	font-variant-numeric: tabular-nums;
}
.cgs-stats span { font-size: 14px; color: var(--cgs-muted-2); }

/* Hero kapalıyken arama */
.cgs-searchbar {
	padding: 32px 24px 8px;
	max-width: 1288px;
	margin: 0 auto;
}
.cgs-searchbar .cgs-search {
	max-width: none;
	border: 1px solid var(--cgs-border);
	box-shadow: var(--cgs-shadow);
}

/* ==========================================================================
   A-Z
   ========================================================================== */

.cgs-az {
	position: sticky;
	top: var(--cgs-sticky);
	z-index: 20;
	background: color-mix(in srgb, var(--cgs-surface) 88%, transparent);
	-webkit-backdrop-filter: saturate(1.4) blur(10px);
	backdrop-filter: saturate(1.4) blur(10px);
	border-bottom: 1px solid var(--cgs-border);
}
.cgs-az__inner {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	max-width: 1288px;
	margin: 0 auto;
	padding: 14px 24px;
}

.cgs button.cgs-az__btn {
	display: inline-grid;
	place-items: center;
	flex: 1 0 auto;
	min-width: 32px;
	height: 36px;
	padding: 0 6px;
	border: 1px solid transparent;
	border-radius: 8px;
	background: transparent;
	color: var(--cgs-primary);
	font-size: 15px;
	font-weight: 500;
}
.cgs button.cgs-az__btn:hover:not(:disabled) {
	background: #fff;
	border-color: var(--cgs-border);
	color: var(--cgs-primary);
}
.cgs button.cgs-az__btn.is-active,
.cgs button.cgs-az__btn.is-active:hover {
	background: var(--cgs-primary);
	border-color: var(--cgs-primary);
	color: #fff;
}
.cgs button.cgs-az__btn:disabled {
	color: rgba(0, 0, 0, .22);
	cursor: default;
	background: transparent;
}
.cgs button.cgs-az__btn--all {
	padding: 0 14px;
	border-radius: var(--cgs-pill);
	border-color: var(--cgs-border);
	background: #fff;
	margin-right: 8px;
	flex-grow: 0;
}

/* ==========================================================================
   Gövde
   ========================================================================== */

.cgs-body {
	display: grid;
	grid-template-columns: 1fr;
	gap: 40px;
	max-width: 1288px;
	margin: 0 auto;
	padding: 40px 24px 96px;
}
.cgs.has-sidebar .cgs-body { grid-template-columns: 290px minmax(0, 1fr); }

/* Kenar çubuğu: arama + kategori menüsü */
.cgs-side__inner {
	position: sticky;
	top: calc(var(--cgs-sticky) + 88px);
	max-height: calc(100vh - var(--cgs-sticky) - 112px);
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.cgs-side__search .cgs-search {
	max-width: none;
	box-shadow: none;
}
.cgs-side__search .cgs-search__icon { left: 16px; width: 18px; height: 18px; }
.cgs.cgs .cgs-side__search input.cgs-search__input,
.cgs.cgs .cgs-side__search input.cgs-search__input[type="search"] {
	height: 50px;
	padding: 0 76px 0 44px;
	font-size: 15px;
}
.cgs .cgs-side__search .cgs-search__kbd { right: 14px; }
.cgs .cgs-side__search button.cgs-search__clear { right: 46px; width: 28px; height: 28px; }
.cgs-side__panel {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--cgs-border);
	border-radius: var(--cgs-radius);
	overflow: hidden;
}
.cgs-side__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 20px 12px;
}
.cgs .cgs-side__title {
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--cgs-muted-2);
}
.cgs button.cgs-side__close {
	display: none;
	padding: 6px;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--cgs-primary);
}

.cgs-side__filter {
	position: relative;
	margin: 0 16px 10px;
}
.cgs-side__filter svg {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--cgs-muted-2);
}
.cgs .cgs-side__filter input,
.cgs.cgs .cgs-side__filter input[type="text"] {
	width: 100%;
	height: 38px;
	margin: 0;
	padding: 0 12px 0 34px;
	border: 1px solid var(--cgs-border);
	border-radius: var(--cgs-pill);
	background: var(--cgs-surface);
	font-family: var(--cgs-font);
	font-size: 14px;
	color: #000;
	box-shadow: none;
}
.cgs.cgs .cgs-side__filter input[type="text"]:focus { outline: none; border-color: var(--cgs-accent); background: #fff; }

.cgs .cgs-cats {
	overflow-y: auto;
	padding: 0 8px 12px;
	scrollbar-width: thin;
	scrollbar-color: rgba(0, 0, 0, .15) transparent;
	overscroll-behavior: contain;
}
.cgs button.cgs-cat {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	padding: 9px 12px;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: var(--cgs-text);
	font-size: 14px;
	font-weight: 400;
	text-align: left;
}
.cgs button.cgs-cat:hover { background: var(--cgs-surface); color: var(--cgs-primary); }
.cgs button.cgs-cat.is-active,
.cgs button.cgs-cat.is-active:hover {
	background: var(--cgs-primary-soft);
	color: var(--cgs-primary);
	font-weight: 500;
	box-shadow: inset 3px 0 0 var(--cgs-primary);
}
.cgs button.cgs-cat.is-empty { opacity: .4; }
.cgs-cat__name { flex: 1; }
.cgs-cat__count {
	flex: none;
	min-width: 28px;
	padding: 2px 8px;
	border-radius: var(--cgs-pill);
	background: var(--cgs-surface);
	color: var(--cgs-muted);
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	font-variant-numeric: tabular-nums;
}
.cgs button.cgs-cat.is-active .cgs-cat__count { background: var(--cgs-primary); color: #fff; }
.cgs-side__backdrop { display: none; }

/* Araç çubuğu */
.cgs-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px 24px;
	margin-bottom: 28px;
}
.cgs-toolbar__left {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 14px;
	min-width: 0;
}
.cgs-toolbar__right { display: flex; align-items: center; gap: 12px; }

.cgs .cgs-count {
	font-size: 15px;
	font-weight: 500;
	color: var(--cgs-primary);
}

.cgs .cgs-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.cgs button.cgs-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px 6px 14px;
	border: 1px solid color-mix(in srgb, var(--cgs-accent) 55%, transparent);
	border-radius: var(--cgs-pill);
	background: var(--cgs-accent-soft);
	color: var(--cgs-primary);
	font-size: 13px;
	font-weight: 500;
}
.cgs button.cgs-chip:hover { background: var(--cgs-accent); color: var(--cgs-primary); }
.cgs button.cgs-chip--clear {
	padding: 6px 12px;
	border-color: transparent;
	background: transparent;
	color: var(--cgs-muted);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.cgs button.cgs-chip--clear:hover { background: transparent; color: var(--cgs-primary); }

/* Anahtar */
.cgs-switch {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-size: 14px;
	color: var(--cgs-muted);
	user-select: none;
}
.cgs-switch input { position: absolute; opacity: 0; pointer-events: none; }
.cgs-switch__track {
	position: relative;
	width: 38px;
	height: 22px;
	border-radius: var(--cgs-pill);
	background: rgba(0, 0, 0, .18);
	transition: background-color .2s ease;
	flex: none;
}
.cgs-switch__track span {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
	transition: transform .2s ease;
}
.cgs-switch input:checked + .cgs-switch__track { background: var(--cgs-primary); }
.cgs-switch input:checked + .cgs-switch__track span { transform: translateX(16px); }
.cgs-switch input:focus-visible + .cgs-switch__track { outline: 2px solid var(--cgs-accent); outline-offset: 2px; }

.cgs button.cgs-filterbtn {
	display: none;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	border: 1px solid var(--cgs-border);
	border-radius: var(--cgs-pill);
	background: #fff;
	color: var(--cgs-primary);
	font-size: 14px;
	font-weight: 500;
}

/* ==========================================================================
   Harf grupları ve kartlar
   ========================================================================== */

.cgs-group + .cgs-group { margin-top: 48px; }

.cgs .cgs-group__letter {
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 0 0 20px;
	font-family: var(--cgs-font);
	font-size: 30px;
	font-weight: 500;
	line-height: 1;
	color: var(--cgs-primary);
	letter-spacing: 0;
	scroll-margin-top: calc(var(--cgs-sticky) + 90px);
}
.cgs .cgs-group__letter span {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 12px;
	background: var(--cgs-primary);
	color: #fff;
}
.cgs .cgs-group__letter::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--cgs-border);
}

.cgs-grid {
	display: grid;
	grid-template-columns: repeat(var(--cgs-cols), minmax(0, 1fr));
	gap: 16px;
}

.cgs-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 22px 24px 24px;
	background: #fff;
	border: 1px solid var(--cgs-border);
	border-radius: var(--cgs-radius);
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
	scroll-margin-top: calc(var(--cgs-sticky) + 100px);
	content-visibility: auto;
	contain-intrinsic-size: auto 240px;
}
.cgs-card:hover {
	border-color: color-mix(in srgb, var(--cgs-accent) 70%, transparent);
	box-shadow: var(--cgs-shadow);
}
.cgs-card.is-target {
	border-color: var(--cgs-accent);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--cgs-accent) 30%, transparent), var(--cgs-shadow);
	animation: cgs-pulse 1.6s ease 1;
}
@keyframes cgs-pulse {
	0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--cgs-accent) 60%, transparent); }
	100% { box-shadow: 0 0 0 4px color-mix(in srgb, var(--cgs-accent) 30%, transparent); }
}

.cgs-card__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 28px;
}
.cgs-card__cat {
	display: inline-block;
	padding: 4px 10px;
	border-radius: var(--cgs-pill);
	background: var(--cgs-primary-soft);
	color: var(--cgs-primary);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .04em;
	text-transform: uppercase;
	line-height: 1.5;
}
.cgs button.cgs-card__link {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	margin-left: auto;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 50%;
	background: transparent;
	color: var(--cgs-muted-2);
	opacity: 0;
}
.cgs-card:hover button.cgs-card__link,
.cgs button.cgs-card__link:focus-visible { opacity: 1; }
.cgs button.cgs-card__link:hover {
	border-color: var(--cgs-border);
	background: var(--cgs-surface);
	color: var(--cgs-primary);
}

.cgs .cgs-card__term {
	font-family: var(--cgs-font);
	font-size: 22px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: -0.01em;
	color: var(--cgs-primary);
	margin: 2px 0 0;
}

.cgs .cgs-card__eq {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.cgs-card__eq li {
	display: flex;
	align-items: baseline;
	gap: 10px;
	font-size: 16px;
	font-weight: 500;
	color: var(--cgs-muted);
}

.cgs .cgs-lang {
	display: inline-grid;
	place-items: center;
	flex: none;
	min-width: 28px;
	height: 20px;
	padding: 0 6px;
	border-radius: 5px;
	background: var(--cgs-accent-soft);
	color: var(--cgs-primary);
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: .06em;
	line-height: 1;
	transform: translateY(-1px);
}

.cgs .cgs-card__syn {
	font-size: 13px;
	color: var(--cgs-muted-2);
}
.cgs .cgs-card__syn > span:first-child { font-weight: 500; }

.cgs-card__def {
	position: relative;
	padding-top: 12px;
	border-top: 1px solid var(--cgs-border);
	margin-top: 4px;
}
.cgs .cgs-card__def p {
	font-size: 15px;
	line-height: 1.6;
	color: var(--cgs-text);
}
.cgs-card__fb {
	display: inline-block;
	margin-bottom: 6px;
	font-size: 12px;
	color: #9a6b00;
	background: #fff6dc;
	border-radius: 4px;
	padding: 1px 6px;
}

.cgs-card__other { display: flex; flex-direction: column; gap: 10px; }
.cgs-card__def--alt {
	display: flex;
	gap: 10px;
	padding: 12px 14px;
	margin-top: 0;
	border: 0;
	border-radius: 8px;
	background: var(--cgs-surface);
}
.cgs .cgs-card__def--alt p {
	font-size: 14px;
	line-height: 1.55;
	color: var(--cgs-muted);
}
.cgs .cgs-card__def--alt .cgs-lang { margin-top: 2px; background: #fff; }
.cgs.is-hide-other .cgs-card__other { display: none; }

.cgs mark.cgs-hl {
	background: color-mix(in srgb, var(--cgs-accent) 45%, transparent);
	color: inherit;
	padding: 0 1px;
	border-radius: 3px;
}

/* Boş durum */
.cgs-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 10px;
	padding: 72px 24px;
	background: #fff;
	border: 1px dashed rgba(0, 0, 0, .18);
	border-radius: var(--cgs-radius);
}
.cgs-empty__icon { color: var(--cgs-accent); margin-bottom: 6px; }
.cgs .cgs-empty__title { font-size: 22px; font-weight: 500; color: var(--cgs-primary); }
.cgs .cgs-empty__text { max-width: 460px; color: var(--cgs-muted); font-size: 15px; }

.cgs button.cgs-btn {
	margin-top: 10px;
	padding: 14px 24px;
	border: 0;
	border-radius: var(--cgs-pill);
	background: var(--cgs-primary);
	color: #fff;
	font-size: 15px;
	font-weight: 500;
}
.cgs button.cgs-btn:hover { background: var(--cgs-accent); color: var(--cgs-primary); }

/* Yukarı çık + bildirim */
.cgs button.cgs-top {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 40;
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--cgs-primary);
	color: #fff;
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .4);
}
.cgs button.cgs-top:hover { background: var(--cgs-accent); color: var(--cgs-primary); transform: translateY(-2px); }

.cgs-toast {
	position: fixed;
	left: 50%;
	bottom: 28px;
	z-index: 50;
	transform: translateX(-50%);
	padding: 12px 20px;
	border-radius: var(--cgs-pill);
	background: #10241f;
	color: #fff;
	font-size: 14px;
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .5);
	animation: cgs-toast .25s ease;
}
@keyframes cgs-toast { from { opacity: 0; transform: translate(-50%, 8px); } to { opacity: 1; transform: translate(-50%, 0); } }

/* ==========================================================================
   Duyarlı
   ========================================================================== */

@media (max-width: 1100px) {
	.cgs-grid { grid-template-columns: repeat(min(var(--cgs-cols), 2), minmax(0, 1fr)); }
	.cgs.has-sidebar .cgs-body { grid-template-columns: 250px minmax(0, 1fr); gap: 28px; }
	.cgs-hero__deco span:nth-child(2) { display: none; }
}

@media (max-width: 900px) {
	.cgs.has-sidebar .cgs-body { grid-template-columns: 1fr; }
	.cgs-grid { grid-template-columns: 1fr; }
	.cgs-hero__deco { opacity: .35; }

	.cgs button.cgs-filterbtn { display: inline-flex; }

	/* Kategori menüsü alt çekmece olur */
	.cgs-side__inner { position: static; max-height: none; display: block; }
	.cgs-side__search { margin-bottom: -8px; }
	.cgs-side__panel {
		position: fixed;
		inset: auto 0 0 0;
		z-index: 60;
		transform: translateY(105%);
		transition: transform .3s cubic-bezier(.2, .8, .2, 1);
		max-height: 78vh;
		border-radius: 18px 18px 0 0;
		border-bottom: 0;
		box-shadow: 0 -20px 50px -20px rgba(0, 0, 0, .4);
	}
	.cgs-side.is-open .cgs-side__panel { transform: translateY(0); }
	.cgs button.cgs-side__close { display: grid; }
	.cgs button.cgs-cat { padding: 12px 12px; font-size: 15px; }
	.cgs-side__backdrop {
		position: fixed;
		inset: 0;
		z-index: 59;
		background: rgba(10, 25, 22, .45);
		opacity: 0;
		pointer-events: none;
		transition: opacity .3s ease;
	}
	.cgs-side.is-open + .cgs-side__backdrop { display: block; opacity: 1; pointer-events: auto; }
	.cgs-side + .cgs-side__backdrop { display: block; }
}

@media (max-width: 640px) {
	.cgs-hero { padding: 48px 16px 36px; }
	.cgs-hero__deco { display: none; }
	.cgs.cgs .cgs-search input.cgs-search__input, .cgs.cgs .cgs-search input.cgs-search__input[type="search"] { height: 56px; font-size: 16px; padding: 0 52px 0 50px; }
	.cgs-search__icon { left: 18px; }
	.cgs-search__kbd { display: none; }
	.cgs button.cgs-search__clear { right: 12px; }
	.cgs .cgs-stats { gap: 12px 24px; margin-top: 32px; }

	.cgs-az__inner {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding: 10px 16px;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	.cgs-az__inner::-webkit-scrollbar { display: none; }
	.cgs button.cgs-az__btn { flex: none; }

	.cgs-body { padding: 28px 16px 72px; }
	.cgs-searchbar { padding: 20px 16px 0; }
	.cgs-toolbar { align-items: flex-start; }
	.cgs-toolbar__right { width: 100%; justify-content: space-between; }
	.cgs-card { padding: 18px 18px 20px; }
	.cgs .cgs-card__term { font-size: 20px; }
	.cgs button.cgs-card__link { opacity: 1; }
	.cgs .cgs-group__letter span { width: 44px; height: 44px; font-size: 24px; }
	.cgs button.cgs-top { right: 16px; bottom: 16px; }
}

@media (prefers-reduced-motion: reduce) {
	.cgs *, .cgs *::before, .cgs *::after { transition: none !important; animation: none !important; }
}

@media print {
	.cgs-hero, .cgs-az, .cgs-side, .cgs-toolbar, .cgs-top { display: none !important; }
	.cgs.has-sidebar .cgs-body { grid-template-columns: 1fr; }
	.cgs-card { break-inside: avoid; content-visibility: visible; }
	.cgs.is-hide-other .cgs-card__other { display: flex; }
}