/* ==========================================================================
   Influencer Evi — Tasarım Sistemi
   Sıcak kağıt zemin, güçlü mürekkep tipografisi, kiremit vurgusu, ince çizgiler.
   ========================================================================== */

:root {
	--paper: #fbf8f3;
	--paper-2: #f4eee4;
	--paper-3: #ebe2d4;
	--card: #fffdf9;
	--ink: #17130e;
	--ink-2: #3a332a;
	--muted: #6f665a;
	--line: #e4dacb;
	--line-strong: #cbbda8;
	--brick: #b3401b;
	--brick-ink: #8f3114;
	--brick-soft: #f7e3d8;
	--moss: #2d6a4c;
	--moss-soft: #deece3;
	--amber: #8a5d00;
	--amber-soft: #f7ebcc;
	--red: #a4231b;
	--red-soft: #f8dfdc;
	--sky: #25577a;
	--sky-soft: #dde9f2;
	--night: #1a1611;
	--night-2: #2a241c;
	--night-line: #3c342a;
	--night-text: #efe7da;

	--font-display: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;
	--font-body: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	--r-sm: 4px;
	--r: 6px;
	--r-lg: 10px;

	--s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;

	--container: 1240px;
	--gutter: 16px;
	--header-h: 64px;
	--focus: 0 0 0 3px rgba(179, 64, 27, .35);
	--shadow-pop: 0 10px 30px -10px rgba(23, 19, 14, .25), 0 2px 6px rgba(23, 19, 14, .06);
}

@media (min-width: 768px) {
	:root { --gutter: 32px; --header-h: 72px; }
}

/* Temel ------------------------------------------------------------------- */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--header-h) + 16px); }
body {
	margin: 0;
	background: var(--paper);
	color: var(--ink);
	font: 400 16px/1.6 var(--font-body);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-variant-numeric: tabular-nums;
}
img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--brick); }
p { margin: 0 0 var(--s-4); }
h1, h2, h3, h4 { font-family: var(--font-display); font-weight: 700; line-height: 1.12; letter-spacing: -.02em; margin: 0 0 var(--s-4); color: var(--ink); }
h1 { font-size: clamp(2rem, 4.5vw, 3rem); }
h2 { font-size: clamp(1.5rem, 3vw, 2.25rem); }
h3 { font-size: 1.125rem; letter-spacing: -.01em; }
h4 { font-size: 1rem; }
ul, ol { margin: 0 0 var(--s-4); padding-left: 1.2em; }
hr { border: 0; border-top: 1px solid var(--line); margin: var(--s-6) 0; }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 0; box-shadow: var(--focus); border-radius: var(--r-sm); }
::selection { background: var(--brick); color: #fff; }
.screen-reader-text, .sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.skip-link { position: absolute; left: 16px; top: -60px; z-index: 1000; background: var(--ink); color: var(--paper); padding: 10px 16px; border-radius: var(--r); }
.skip-link:focus { top: 12px; color: var(--paper); }
[hidden] { display: none !important; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* Düzen ------------------------------------------------------------------- */

.container { width: 100%; max-width: calc(var(--container) + var(--gutter) * 2); margin: 0 auto; padding: 0 var(--gutter); }
.container--narrow { max-width: calc(760px + var(--gutter) * 2); }
.container--mid { max-width: calc(980px + var(--gutter) * 2); }
.section { padding: var(--s-8) 0; }
.section--tight { padding: var(--s-6) 0; }
.section--alt { background: var(--paper-2); }
.section--rule { border-top: 1px solid var(--line); }
.section--ink { background: var(--night); color: var(--night-text); }
.section--ink h2, .section--ink h3 { color: #fff; }
@media (min-width: 1024px) { .section { padding: var(--s-9) 0; } }

.stack > * + * { margin-top: var(--s-4); }
.stack-sm > * + * { margin-top: var(--s-2); }
.stack-lg > * + * { margin-top: var(--s-6); }
.cluster { display: flex; flex-wrap: wrap; gap: var(--s-2); align-items: center; }
.cluster--lg { gap: var(--s-4); }
.between { display: flex; justify-content: space-between; align-items: center; gap: var(--s-4); flex-wrap: wrap; }
.grid { display: grid; gap: var(--s-5); }
.grid--2 { grid-template-columns: 1fr; }
.grid--3, .grid--cards { grid-template-columns: 1fr; }
@media (min-width: 640px) { .grid--cards { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 768px) { .grid--2 { grid-template-columns: repeat(2, 1fr); } .grid--3 { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .grid--cards { grid-template-columns: repeat(3, 1fr); } .grid--cards-4 { grid-template-columns: repeat(4, 1fr); } }

.split { display: grid; gap: var(--s-6); }
@media (min-width: 1024px) {
	.split { grid-template-columns: minmax(0, 1fr) 360px; gap: var(--s-7); align-items: start; }
	.split--wide-aside { grid-template-columns: minmax(0, 1fr) 400px; }
	.split--left { grid-template-columns: 300px minmax(0, 1fr); }
	.sticky { position: sticky; top: calc(var(--header-h) + 24px); }
}

/* Tipografi yardımcıları -------------------------------------------------- */

.eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--brick); margin-bottom: var(--s-3); }
.eyebrow::before { content: ""; width: 18px; height: 2px; background: currentColor; }
.eyebrow--plain::before { display: none; }
.lede { font-size: clamp(1.05rem, 1.6vw, 1.25rem); line-height: 1.55; color: var(--ink-2); max-width: 62ch; }
.muted { color: var(--muted); }
.small { font-size: .875rem; }
.xsmall { font-size: .78rem; }
.num { font-variant-numeric: tabular-nums; }
.strong { font-weight: 700; }
.nowrap { white-space: nowrap; }
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.pre { white-space: pre-line; }
.center { text-align: center; }
.mt-0 { margin-top: 0 !important; } .mb-0 { margin-bottom: 0 !important; }
.mt-4 { margin-top: var(--s-4); } .mt-5 { margin-top: var(--s-5); } .mt-6 { margin-top: var(--s-6); } .mb-5 { margin-bottom: var(--s-5); } .mb-6 { margin-bottom: var(--s-6); }

.section-head { display: grid; gap: var(--s-4); margin-bottom: var(--s-6); }
.section-head h2 { margin: 0; max-width: 20ch; }
.section-head p { margin: 0; color: var(--ink-2); max-width: 56ch; }
@media (min-width: 900px) {
	.section-head--row { grid-template-columns: 1fr auto; align-items: end; }
}

.prose { font-size: 1.0625rem; line-height: 1.75; color: var(--ink-2); }
.prose h2 { font-size: 1.6rem; margin: 2em 0 .6em; }
.prose h3 { font-size: 1.25rem; margin: 1.6em 0 .5em; }
.prose a { color: var(--brick-ink); }
.prose ul, .prose ol { margin-bottom: 1.2em; }
.prose li + li { margin-top: .35em; }
.prose img { border-radius: var(--r); margin: 1.5em 0; }
.prose blockquote { margin: 1.5em 0; padding-left: 1.2em; border-left: 3px solid var(--brick); font-family: var(--font-display); font-size: 1.25rem; color: var(--ink); }

/* Butonlar ---------------------------------------------------------------- */

.btn {
	--b-bg: var(--card); --b-fg: var(--ink); --b-bd: var(--line-strong);
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 44px; padding: 10px 18px;
	background: var(--b-bg); color: var(--b-fg); border: 1px solid var(--b-bd); border-radius: var(--r);
	font-weight: 600; font-size: .95rem; line-height: 1.2; text-decoration: none; cursor: pointer;
	transition: background .15s, border-color .15s, color .15s, transform .05s;
	white-space: nowrap;
}
.btn:hover { --b-bd: var(--ink); color: var(--b-fg); }
.btn:active { transform: translateY(1px); }
.btn .icon { width: 18px; height: 18px; }
.btn--primary { --b-bg: var(--ink); --b-fg: var(--paper); --b-bd: var(--ink); }
.btn--primary:hover { --b-bg: #000; --b-bd: #000; color: #fff; }
.btn--accent { --b-bg: var(--brick); --b-fg: #fff; --b-bd: var(--brick); }
.btn--accent:hover { --b-bg: var(--brick-ink); --b-bd: var(--brick-ink); color: #fff; }
.btn--ghost { --b-bg: transparent; --b-bd: transparent; }
.btn--ghost:hover { --b-bg: var(--paper-2); --b-bd: transparent; }
.btn--danger { --b-fg: var(--red); --b-bd: #e3b9b4; }
.btn--danger:hover { --b-bg: var(--red); --b-fg: #fff; --b-bd: var(--red); color: #fff; }
.btn--ok { --b-bg: var(--moss); --b-fg: #fff; --b-bd: var(--moss); }
.btn--ok:hover { --b-bg: #22553c; color: #fff; }
.btn--sm { min-height: 36px; padding: 6px 12px; font-size: .875rem; }
.btn--lg { min-height: 52px; padding: 14px 24px; font-size: 1rem; }
.btn--block { width: 100%; }
.btn--icon { padding: 0; width: 44px; }
.btn--icon.btn--sm { width: 36px; }
.btn[disabled], .btn[aria-busy="true"] { opacity: .6; pointer-events: none; }
.btn[aria-busy="true"]::after { content: ""; width: 14px; height: 14px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spin .7s linear infinite; }
.section--ink .btn:not(.btn--accent) { --b-bg: transparent; --b-fg: #fff; --b-bd: var(--night-line); }
.section--ink .btn:not(.btn--accent):hover { --b-bd: #fff; }
@keyframes spin { to { transform: rotate(360deg); } }

.link-arrow { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; text-decoration: none; }
.link-arrow .icon { width: 16px; height: 16px; transition: transform .15s; }
.link-arrow:hover .icon { transform: translateX(3px); }
.linklike { background: none; border: 0; padding: 0; color: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; font: inherit; }

.icon { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.icon--fill { fill: currentColor; stroke: none; }
.icon--sm { width: 16px; height: 16px; }

/* Rozetler ve çipler ------------------------------------------------------ */

.badge { display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px; border-radius: var(--r-sm); font-size: .75rem; font-weight: 600; line-height: 1.3; background: var(--paper-2); color: var(--ink-2); white-space: nowrap; }
.badge .icon { width: 13px; height: 13px; }
.badge--ok { background: var(--moss-soft); color: var(--moss); }
.badge--warn { background: var(--amber-soft); color: var(--amber); }
.badge--info { background: var(--sky-soft); color: var(--sky); }
.badge--accent { background: var(--brick-soft); color: var(--brick-ink); }
.badge--muted { background: var(--paper-2); color: var(--muted); }
.badge--danger { background: var(--red-soft); color: var(--red); }
.badge--line { background: transparent; border: 1px solid var(--line-strong); }

.verified { display: inline-flex; color: var(--moss); vertical-align: -3px; }
.verified .icon { width: 18px; height: 18px; }

.chip { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 6px 14px; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--card); font-size: .875rem; font-weight: 500; text-decoration: none; color: var(--ink-2); cursor: pointer; }
.chip:hover { border-color: var(--ink); color: var(--ink); }
.chip--active, .chip[aria-pressed="true"], .chip[aria-current="page"] { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.chip--active:hover, .chip[aria-current="page"]:hover { color: #fff; }
.chip input { position: absolute; opacity: 0; pointer-events: none; }
label.chip:has(input:checked) { background: var(--ink); border-color: var(--ink); color: var(--paper); }
label.chip:has(input:focus-visible) { box-shadow: var(--focus); }
.chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chips--scroll { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; margin: 0 calc(var(--gutter) * -1); padding-left: var(--gutter); padding-right: var(--gutter); }
.chips--scroll::-webkit-scrollbar { display: none; }
@media (min-width: 900px) { .chips--scroll { flex-wrap: wrap; margin: 0; padding: 0; } }

.tag { font-size: .8125rem; color: var(--muted); }
.dot-sep > * + *::before { content: "·"; margin: 0 6px; color: var(--line-strong); }

/* Uyarılar ---------------------------------------------------------------- */

.alert { display: flex; gap: 12px; align-items: flex-start; padding: 12px 16px; border-radius: var(--r); border: 1px solid; font-size: .9375rem; }
.alert .icon { margin-top: 2px; }
.alert p:last-child { margin-bottom: 0; }
.alert--success { background: var(--moss-soft); border-color: #bcd8c6; color: #1f4d37; }
.alert--error { background: var(--red-soft); border-color: #ecc0bb; color: #7d1b14; }
.alert--info { background: var(--sky-soft); border-color: #bcd3e3; color: #1d4461; }
.alert--warn { background: var(--amber-soft); border-color: #e8d49c; color: #6b4800; }
.flash-stack { position: fixed; z-index: 60; left: 50%; transform: translateX(-50%); top: calc(var(--header-h) + 12px); width: min(560px, calc(100% - 24px)); display: grid; gap: 8px; }
.flash-stack .alert { box-shadow: var(--shadow-pop); animation: drop .25s ease-out; }
.flash-stack .alert button { margin-left: auto; background: none; border: 0; cursor: pointer; color: inherit; padding: 0; }
@keyframes drop { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

/* Formlar ----------------------------------------------------------------- */

.form { display: grid; gap: var(--s-5); }
.form-row { display: grid; gap: var(--s-4); }
@media (min-width: 640px) { .form-row--2 { grid-template-columns: repeat(2, 1fr); } .form-row--3 { grid-template-columns: repeat(3, 1fr); } }
.field { display: grid; gap: 6px; min-width: 0; }
.field__label { font-weight: 600; font-size: .9375rem; color: var(--ink); }
.field__label .opt { font-weight: 400; color: var(--muted); font-size: .8125rem; margin-left: 4px; }
.field__hint { font-size: .8125rem; color: var(--muted); margin: 0; }
.field__error { font-size: .8125rem; color: var(--red); font-weight: 600; display: flex; gap: 6px; align-items: center; margin: 0; }
.input, .select, .textarea {
	width: 100%; min-height: 48px; padding: 11px 14px;
	background: #fff; border: 1px solid #ddd2c2; border-radius: 10px;
	font-size: 1rem; line-height: 1.4; color: var(--ink);
	box-shadow: 0 1px 1px rgba(23, 19, 14, .03);
	transition: border-color .15s, box-shadow .15s, background-color .15s;
	appearance: none;
}
.textarea { min-height: 120px; resize: vertical; line-height: 1.55; }
.select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath stroke='%236f665a' stroke-width='1.75' d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 38px; }
.input:hover, .select:hover, .textarea:hover { border-color: #c5b7a2; }
.input:focus, .select:focus, .textarea:focus { outline: 0; border-color: var(--ink); box-shadow: 0 0 0 4px rgba(23, 19, 14, .07); }
.input::placeholder, .textarea::placeholder { color: #b0a698; }
.input:disabled, .select:disabled, .textarea:disabled { background: var(--paper-2); color: var(--muted); cursor: not-allowed; }
.field--error .input, .field--error .select, .field--error .textarea { border-color: var(--red); box-shadow: 0 0 0 4px rgba(164, 35, 27, .07); }
.input-affix { position: relative; display: flex; align-items: stretch; }
.input-affix .input { padding-right: 44px; }
.input-affix__suffix { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--muted); font-weight: 600; pointer-events: none; }
.input-affix__prefix { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--muted); font-weight: 500; pointer-events: none; }
.input-affix--prefix .input { padding-left: 32px; padding-right: 14px; }
.check { display: flex; gap: 10px; align-items: flex-start; font-size: .9375rem; cursor: pointer; line-height: 1.45; }
.check input { appearance: none; -webkit-appearance: none; flex: none; width: 18px; height: 18px; margin: 2px 0 0; border: 1.5px solid #cbbfad; border-radius: 5px; background: #fff center / 12px 12px no-repeat; cursor: pointer; transition: background-color .15s, border-color .15s, box-shadow .15s; }
.check input:hover { border-color: var(--ink-2); }
.check input:checked { background-color: var(--ink); border-color: var(--ink); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m2.5 6.2 2.3 2.3 4.7-5'/%3E%3C/svg%3E"); }
.check input:focus-visible { box-shadow: 0 0 0 4px rgba(23, 19, 14, .1); outline: 0; }
.field--error .check input { border-color: var(--red); }
.check a { color: var(--ink); }
.checks { display: grid; gap: 10px; }
.checks--grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
legend { padding: 0; font-weight: 700; font-family: var(--font-display); font-size: 1.125rem; margin-bottom: var(--s-3); }
.form-actions { display: flex; gap: var(--s-3); flex-wrap: wrap; align-items: center; }
.form-section { padding: var(--s-5); border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--card); }
.form-section + .form-section { margin-top: var(--s-5); }
.form-section__head { margin-bottom: var(--s-5); }
.form-section__head h2, .form-section__head h3 { margin: 0 0 4px; font-size: 1.25rem; }
.form-section__head p { margin: 0; color: var(--muted); font-size: .9375rem; }
@media (min-width: 768px) { .form-section { padding: var(--s-6); } }

.file-drop { display: grid; gap: 6px; justify-items: start; padding: var(--s-4); border: 1px dashed var(--line-strong); border-radius: var(--r); background: var(--paper); }
.file-drop input[type=file] { font-size: .875rem; max-width: 100%; }
.file-drop__list { font-size: .8125rem; color: var(--muted); }

/* Seçim kartları (kayıt türü, çalışma modeli) */
.choice-grid { display: grid; gap: var(--s-3); }
@media (min-width: 640px) { .choice-grid--2 { grid-template-columns: repeat(2, 1fr); } .choice-grid--3 { grid-template-columns: repeat(3, 1fr); } }
.choice { position: relative; display: grid; gap: 6px; padding: var(--s-5); border: 1px solid var(--line-strong); border-radius: var(--r-lg); background: var(--card); cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.choice input { position: absolute; opacity: 0; }
.choice:hover { border-color: var(--ink); }
.choice:has(input:checked) { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); background: #fff; }
.choice:has(input:focus-visible) { box-shadow: var(--focus); }
.choice__title { font-family: var(--font-display); font-weight: 700; font-size: 1.25rem; letter-spacing: -.01em; }
.choice__text { color: var(--ink-2); font-size: .9375rem; margin: 0; }
.choice__mark { position: absolute; top: 16px; right: 16px; width: 22px; height: 22px; border: 1.5px solid var(--line-strong); border-radius: 50%; display: grid; place-items: center; }
.choice:has(input:checked) .choice__mark { background: var(--ink); border-color: var(--ink); color: #fff; }
.choice__mark .icon { width: 14px; height: 14px; opacity: 0; }
.choice:has(input:checked) .choice__mark .icon { opacity: 1; }
.choice--sm { padding: var(--s-4); }
.choice--sm .choice__title { font-size: 1rem; }

/* Başlık ----------------------------------------------------------------- */

.site-header { position: sticky; top: 0; z-index: 50; background: rgba(251, 248, 243, .94); backdrop-filter: saturate(1.2) blur(8px); border-bottom: 1px solid var(--line); }
.site-header__bar { display: flex; align-items: center; gap: var(--s-4); height: var(--header-h); }
.logo { display: inline-flex; align-items: baseline; gap: 5px; text-decoration: none; color: var(--ink); font-family: var(--font-display); font-weight: 800; font-size: 1.3rem; letter-spacing: -.035em; line-height: 1; flex: none; }
.logo:hover { color: var(--ink); }
.logo__evi { position: relative; color: var(--brick); padding-top: 4px; }
.logo__roof { position: absolute; left: -2px; right: -2px; top: -5px; height: 8px; width: calc(100% + 4px); stroke: var(--brick); stroke-width: 2.4; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.main-nav { display: none; }
.main-nav ul { display: flex; list-style: none; margin: 0; padding: 0; gap: 2px; }
.main-nav a { display: flex; align-items: center; gap: 6px; height: 40px; padding: 0 12px; border-radius: var(--r); text-decoration: none; font-weight: 500; font-size: .9375rem; color: var(--ink-2); }
.main-nav a:hover { background: var(--paper-2); color: var(--ink); }
.main-nav a[aria-current="page"] { color: var(--ink); font-weight: 600; box-shadow: inset 0 -2px 0 var(--brick); border-radius: 0; }
.header-actions { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.header-actions .btn--login { display: none; }
.icon-btn { position: relative; display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: var(--r); border: 0; background: transparent; color: var(--ink); cursor: pointer; text-decoration: none; }
.icon-btn:hover { background: var(--paper-2); color: var(--ink); }
.icon-btn .icon { width: 22px; height: 22px; }
.count { position: absolute; top: 5px; right: 4px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--brick); color: #fff; font-size: .6875rem; font-weight: 700; line-height: 18px; text-align: center; border: 2px solid var(--paper); box-sizing: content-box; }
.count:empty, .count[data-count="0"] { display: none; }
.nav-toggle { display: inline-grid; }
@media (min-width: 1100px) {
	.main-nav { display: block; margin-left: var(--s-5); }
	.nav-toggle { display: none; }
	.header-actions .btn--login { display: inline-flex; }
}
@media (min-width: 640px) { .header-actions .btn--login { display: inline-flex; } }

.avatar-menu { position: relative; }
.avatar-btn { display: flex; align-items: center; gap: 8px; padding: 3px; border-radius: 999px; border: 1px solid var(--line); background: var(--card); cursor: pointer; }
.avatar-btn:hover { border-color: var(--line-strong); }
.avatar-btn .icon { width: 16px; height: 16px; margin-right: 6px; display: none; }
@media (min-width: 640px) { .avatar-btn .icon { display: block; } }
.menu { position: absolute; right: 0; top: calc(100% + 8px); min-width: 250px; background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow-pop); padding: 6px; z-index: 70; }
.menu__head { padding: 10px 12px 12px; border-bottom: 1px solid var(--line); margin-bottom: 6px; }
.menu__head strong { display: block; line-height: 1.3; }
.menu a, .menu button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 12px; border-radius: var(--r); text-decoration: none; font-size: .9375rem; color: var(--ink-2); background: none; border: 0; cursor: pointer; text-align: left; }
.menu a:hover, .menu button:hover { background: var(--paper-2); color: var(--ink); }
.menu .icon { width: 18px; height: 18px; color: var(--muted); }
.menu hr { margin: 6px 0; }

/* Mobil çekmece */
.drawer { position: fixed; inset: 0; z-index: 90; display: none; }
.drawer.is-open { display: block; }
.drawer__scrim { position: absolute; inset: 0; background: rgba(23, 19, 14, .45); animation: fade .2s; }
.drawer__panel { position: absolute; top: 0; bottom: 0; right: 0; width: min(380px, 88vw); background: var(--paper); display: flex; flex-direction: column; animation: slide .22s ease-out; overflow-y: auto; }
.drawer__panel--bottom { top: auto; left: 0; right: 0; width: 100%; max-height: 88vh; border-radius: 14px 14px 0 0; animation: rise .22s ease-out; }
.drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 12px var(--gutter); border-bottom: 1px solid var(--line); position: sticky; top: 0; background: var(--paper); z-index: 1; }
.drawer__head h2 { font-size: 1.125rem; margin: 0; }
.drawer__body { padding: var(--s-4) var(--gutter); flex: 1; }
.drawer__foot { padding: 12px var(--gutter); border-top: 1px solid var(--line); position: sticky; bottom: 0; background: var(--paper); display: flex; gap: 8px; }
.drawer nav a { display: flex; align-items: center; gap: 12px; padding: 13px 4px; border-bottom: 1px solid var(--line); text-decoration: none; font-weight: 500; font-size: 1.0625rem; }
.drawer nav a .icon { color: var(--muted); }
@keyframes fade { from { opacity: 0; } }
@keyframes slide { from { transform: translateX(24px); opacity: .6; } }
@keyframes rise { from { transform: translateY(24px); opacity: .6; } }
body.has-overlay { overflow: hidden; }

/* Arama katmanı */
.search-overlay { position: fixed; inset: 0; z-index: 95; background: rgba(23, 19, 14, .5); display: none; padding: 12px; }
.search-overlay.is-open { display: block; }
.search-box { max-width: 680px; margin: 8vh auto 0; background: var(--card); border-radius: var(--r-lg); box-shadow: var(--shadow-pop); overflow: hidden; }
.search-box form { display: flex; align-items: center; gap: 8px; padding: 8px 8px 8px 16px; border-bottom: 1px solid var(--line); }
.search-box input { flex: 1; border: 0; background: transparent; font-size: 1.125rem; padding: 10px 0; min-width: 0; }
.search-box input:focus { outline: 0; box-shadow: none; }
.search-results { max-height: 60vh; overflow-y: auto; padding: 6px; }
.search-results a { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: var(--r); text-decoration: none; }
.search-results a:hover, .search-results a[aria-selected="true"] { background: var(--paper-2); color: var(--ink); }
.search-results .type { margin-left: auto; font-size: .75rem; color: var(--muted); }
.search-hint { padding: 14px 16px; color: var(--muted); font-size: .875rem; margin: 0; }

/* Sayfa başı ve kırıntılar */
.page-head { padding: var(--s-6) 0 var(--s-5); border-bottom: 1px solid var(--line); background: var(--paper); }
.page-head h1 { margin: 0; font-size: clamp(1.75rem, 3.6vw, 2.6rem); letter-spacing: -.03em; }
.page-head p { margin: 8px 0 0; color: var(--ink-2); max-width: 64ch; }
.page-head__row { display: flex; gap: var(--s-4); align-items: flex-end; justify-content: space-between; flex-wrap: wrap; }
.crumbs { font-size: .8125rem; color: var(--muted); margin-bottom: var(--s-3); }
.crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; }
.crumbs li + li::before { content: "/"; margin-right: 4px; color: var(--line-strong); }
.crumbs a { text-decoration: none; }
.crumbs a:hover { text-decoration: underline; }

.tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--line); overflow-x: auto; scrollbar-width: none; margin-bottom: var(--s-5); }
.tabs::-webkit-scrollbar { display: none; }
.tab { position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 12px 14px; text-decoration: none; font-weight: 600; color: var(--muted); white-space: nowrap; background: none; border: 0; cursor: pointer; font-size: .9375rem; }
.tab:hover { color: var(--ink); }
.tab[aria-current="page"], .tab[aria-selected="true"] { color: var(--ink); }
.tab[aria-current="page"]::after, .tab[aria-selected="true"]::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: -1px; height: 2px; background: var(--ink); }
.tab .badge { padding: 1px 7px; }

/* Kartlar ----------------------------------------------------------------- */

.panel { background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); padding: var(--s-5); }
.panel--flush { padding: 0; }
.panel--tint { background: var(--paper-2); border-color: transparent; }
.panel__title { font-size: 1.0625rem; margin: 0 0 var(--s-4); }
.panel + .panel { margin-top: var(--s-4); }

.avatar { position: relative; flex: none; width: var(--size, 44px); height: var(--size, 44px); border-radius: 50%; overflow: hidden; background: var(--paper-3); display: grid; place-items: center; font-family: var(--font-display); font-weight: 700; color: var(--ink-2); font-size: calc(var(--size, 44px) * .38); }
.avatar img { width: 100%; height: 100%; object-fit: cover; }
.avatar--square { border-radius: var(--r); }
.avatar--ring { box-shadow: 0 0 0 3px var(--paper); }

/* Kampanya kartı */
.ccard { position: relative; display: flex; flex-direction: column; gap: var(--s-4); padding: var(--s-5); background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); transition: border-color .15s, transform .15s; min-width: 0; }
.ccard:hover { border-color: var(--ink); }
.ccard__brand { display: flex; align-items: center; gap: 10px; font-size: .875rem; min-width: 0; }
.ccard__brand strong { font-weight: 600; }
.ccard__title { font-size: 1.25rem; line-height: 1.25; margin: 0; }
.ccard__title a { text-decoration: none; }
.ccard__title a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.ccard__meta { display: flex; flex-wrap: wrap; gap: 6px; }
.ccard__facts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding-top: var(--s-4); border-top: 1px solid var(--line); margin-top: auto; }
.fact__label { display: block; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); font-weight: 600; }
.fact__value { display: block; font-weight: 700; font-size: .98rem; line-height: 1.35; }
.ccard__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ccard__cta { position: relative; z-index: 2; }
.fav-btn { position: relative; z-index: 2; }
.fav-btn[aria-pressed="true"] { color: var(--brick); }
.fav-btn[aria-pressed="true"] .icon { fill: currentColor; }
.deadline--soon { color: var(--brick-ink); }

/* Influencer kartı */
.icard { position: relative; display: flex; flex-direction: column; background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; transition: border-color .15s; min-width: 0; }
.icard:hover { border-color: var(--ink); }
.icard__media { position: relative; aspect-ratio: 4 / 3; background: var(--paper-3); overflow: hidden; }
.icard__media img { width: 100%; height: 100%; object-fit: cover; }
.icard__initials { position: absolute; inset: 0; display: grid; place-items: center; font-family: var(--font-display); font-size: 3.25rem; font-weight: 800; color: #b5a893; letter-spacing: -.04em; }
.icard__fav { position: absolute; top: 10px; right: 10px; z-index: 2; background: rgba(255, 253, 249, .92); }
.icard__body { padding: var(--s-4) var(--s-4) var(--s-5); display: grid; gap: 10px; }
.icard__name { margin: 0; font-size: 1.125rem; display: flex; align-items: center; gap: 6px; }
.icard__name a { text-decoration: none; }
.icard__name a::after { content: ""; position: absolute; inset: 0; }
.icard__handle { color: var(--muted); font-size: .875rem; margin-top: -8px; }
.icard__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding-top: 10px; border-top: 1px solid var(--line); }
.icard__stats .fact__value { font-size: .95rem; }
.plat { display: inline-flex; align-items: center; gap: 5px; font-size: .8125rem; color: var(--ink-2); }
.plat .icon { width: 15px; height: 15px; }

/* Marka kartı */
.bcard { position: relative; display: flex; gap: var(--s-4); align-items: center; padding: var(--s-4); background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); }
.bcard:hover { border-color: var(--ink); }
.bcard h3 { margin: 0; font-size: 1.0625rem; }
.bcard h3 a { text-decoration: none; }
.bcard h3 a::after { content: ""; position: absolute; inset: 0; }

/* Boş durum */
.empty { display: grid; justify-items: start; gap: 10px; padding: var(--s-7) var(--s-5); border: 1px dashed var(--line-strong); border-radius: var(--r-lg); background: var(--card); }
.empty--center { justify-items: center; text-align: center; }
.empty__icon { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: var(--paper-2); color: var(--brick); }
.empty h2, .empty h3 { margin: 0; font-size: 1.25rem; }
.empty p { margin: 0; color: var(--ink-2); max-width: 52ch; }
.empty .btn { margin-top: 6px; }

/* Tablolar */
.table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--card); }
.table { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.table th { text-align: left; font-size: .75rem; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); font-weight: 600; padding: 12px 14px; border-bottom: 1px solid var(--line); background: var(--paper); white-space: nowrap; }
.table td { padding: 14px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.table tr:last-child td { border-bottom: 0; }
.table th a { text-decoration: none; }
@media (max-width: 899px) {
	.table--stack thead { display: none; }
	.table--stack, .table--stack tbody, .table--stack tr, .table--stack td { display: block; width: 100%; }
	.table--stack tr { padding: 14px; border-bottom: 1px solid var(--line); }
	.table--stack td { padding: 4px 0; border: 0; display: flex; justify-content: space-between; gap: 12px; text-align: right; }
	.table--stack td::before { content: attr(data-label); font-size: .78rem; color: var(--muted); text-align: left; font-weight: 600; }
	.table--stack td.table__primary { display: block; text-align: left; padding-bottom: 8px; }
	.table--stack td.table__primary::before { display: none; }
}

/* Liste satırları */
.rows { list-style: none; margin: 0; padding: 0; border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--card); overflow: hidden; }
.row { display: flex; gap: var(--s-4); align-items: center; padding: var(--s-4); border-bottom: 1px solid var(--line); position: relative; }
.row:last-child { border-bottom: 0; }
.row:hover { background: #fff; }
.row__main { flex: 1; min-width: 0; }
.row__title { font-weight: 600; margin: 0; line-height: 1.35; }
.row__title a { text-decoration: none; }
.row__title a::after { content: ""; position: absolute; inset: 0; }
.row__meta { font-size: .875rem; color: var(--muted); margin: 2px 0 0; }
.row__side { text-align: right; flex: none; display: grid; gap: 4px; justify-items: end; }
.row--unread { background: #fffaf2; }
.row--unread .row__title::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--brick); margin-right: 8px; vertical-align: 2px; }

/* Sayfalama */
.pagination { display: flex; gap: 6px; justify-content: center; margin-top: var(--s-6); flex-wrap: wrap; }
.pagination a, .pagination span { min-width: 42px; height: 42px; display: grid; place-items: center; padding: 0 12px; border-radius: var(--r); border: 1px solid var(--line); text-decoration: none; font-weight: 600; background: var(--card); }
.pagination a:hover { border-color: var(--ink); }
.pagination [aria-current="page"] { background: var(--ink); color: var(--paper); border-color: var(--ink); }

/* İlerleme */
.progress { height: 6px; border-radius: 3px; background: var(--paper-3); overflow: hidden; }
.progress__bar { height: 100%; background: var(--brick); border-radius: 3px; }
.checklist { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.checklist li a, .checklist li span { display: flex; gap: 10px; align-items: center; padding: 8px 0; text-decoration: none; font-size: .9375rem; }
.checklist .tick { width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid var(--line-strong); display: grid; place-items: center; flex: none; }
.checklist .is-done .tick { background: var(--moss); border-color: var(--moss); color: #fff; }
.checklist .is-done span:last-child, .checklist .is-done a { color: var(--muted); text-decoration: line-through; }
.checklist .tick .icon { width: 13px; height: 13px; }

/* Zaman çizelgesi */
.timeline { list-style: none; margin: 0; padding: 0; position: relative; }
.timeline li { position: relative; padding: 0 0 var(--s-4) 30px; }
.timeline li::before { content: ""; position: absolute; left: 8px; top: 20px; bottom: -2px; width: 2px; background: var(--line); }
.timeline li:last-child::before { display: none; }
.timeline__dot { position: absolute; left: 0; top: 4px; width: 18px; height: 18px; border-radius: 50%; background: var(--card); border: 2px solid var(--line-strong); }
.timeline li.is-done .timeline__dot { background: var(--moss); border-color: var(--moss); }
.timeline li.is-current .timeline__dot { background: var(--brick); border-color: var(--brick); box-shadow: 0 0 0 4px var(--brick-soft); }
.timeline__title { font-weight: 600; line-height: 1.35; margin: 0; }
.timeline li:not(.is-done):not(.is-current) .timeline__title { color: var(--muted); font-weight: 500; }
.timeline__meta { font-size: .8125rem; color: var(--muted); margin: 2px 0 0; }
.timeline__note { margin: 8px 0 0; padding: 10px 12px; background: var(--paper-2); border-radius: var(--r); font-size: .9375rem; white-space: pre-line; }

/* Pazarlık geçmişi */
.nego { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.nego__item { display: grid; gap: 4px; padding: 14px 16px; border-radius: var(--r-lg); border: 1px solid var(--line); background: var(--card); max-width: 92%; }
.nego__item--mine { margin-left: auto; background: #fff; border-color: var(--line-strong); }
.nego__item--system { max-width: 100%; background: transparent; border-style: dashed; text-align: center; justify-items: center; }
.nego__who { font-size: .8125rem; color: var(--muted); }
.nego__amount { font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; }
.nego__msg { margin: 4px 0 0; white-space: pre-line; color: var(--ink-2); }

/* Diyalog */
dialog.modal { border: 0; padding: 0; border-radius: var(--r-lg); background: var(--paper); color: var(--ink); width: min(560px, calc(100% - 24px)); max-height: calc(100vh - 48px); box-shadow: var(--shadow-pop); }
dialog.modal::backdrop { background: rgba(23, 19, 14, .5); }
.modal__head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--line); }
.modal__head h2 { margin: 0; font-size: 1.25rem; }
.modal__body { padding: 20px; overflow-y: auto; }
@media (max-width: 639px) {
	dialog.modal { margin: auto 0 0; width: 100%; max-width: 100%; border-radius: 14px 14px 0 0; }
}

/* İskelet yükleme */
.skeleton { background: linear-gradient(90deg, var(--paper-2) 25%, var(--paper-3) 50%, var(--paper-2) 75%); background-size: 200% 100%; animation: shimmer 1.4s infinite; border-radius: var(--r); }
@keyframes shimmer { to { background-position: -200% 0; } }

[data-tip] { position: relative; }
[data-tip]:hover::after, [data-tip]:focus-visible::after { content: attr(data-tip); position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); background: var(--ink); color: var(--paper); font-size: .75rem; font-weight: 500; padding: 6px 8px; border-radius: var(--r-sm); white-space: nowrap; z-index: 20; pointer-events: none; letter-spacing: 0; text-transform: none; }

/* ==========================================================================
   Ana sayfa
   ========================================================================== */

.hero { position: relative; padding: var(--s-7) 0 var(--s-8); overflow: hidden; border-bottom: 1px solid var(--line); }
.hero__grid { display: grid; gap: var(--s-7); align-items: center; }
@media (min-width: 1024px) { .hero { padding: var(--s-8) 0 var(--s-9); } }
@media (min-width: 1200px) { .hero__grid { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); } }
.hero h1 { font-size: clamp(2.5rem, 6.4vw, 5.1rem); line-height: .98; letter-spacing: -.045em; margin: 0 0 var(--s-5); max-width: 13ch; }
.hero h1 em { font-style: normal; color: var(--brick); position: relative; white-space: nowrap; }
.hero .lede { margin-bottom: var(--s-6); }
.hero__cta { display: flex; gap: var(--s-3); flex-wrap: wrap; }
.hero__cta .btn { flex: 1 1 220px; }
@media (min-width: 640px) { .hero__cta .btn { flex: 0 0 auto; } }
.hero__search { margin-top: var(--s-6); display: flex; align-items: center; gap: 10px; max-width: 520px; padding: 6px 6px 6px 14px; border: 1px solid var(--line-strong); border-radius: var(--r-lg); background: var(--card); }
.hero__search input { border: 0; background: transparent; flex: 1; min-width: 0; font-size: 1rem; padding: 8px 0; }
.hero__search input:focus { outline: 0; box-shadow: none; }
.hero__search:focus-within { border-color: var(--ink); box-shadow: var(--focus); }
.hero__search select { border: 0; background: var(--paper-2); border-radius: var(--r); padding: 8px 28px 8px 10px; font-size: .875rem; font-weight: 600; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' fill='none'%3E%3Cpath stroke='%236f665a' stroke-width='1.6' d='m1 1.2 4 4 4-4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; }

/* Hero kompozisyonu: gerçek arayüz parçaları */
.stage { position: relative; min-height: 580px; }
.stage__label { position: absolute; top: -28px; right: 0; font-size: .72rem; color: var(--muted); letter-spacing: .08em; text-transform: uppercase; font-weight: 600; }
.stage__card { position: absolute; background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: 0 1px 0 rgba(23, 19, 14, .03), 0 18px 40px -24px rgba(23, 19, 14, .35); }
.stage__campaign { top: 0; left: 0; width: min(330px, 64%); padding: 18px; }
.stage__nego { top: 170px; right: 0; width: min(300px, 56%); padding: 16px; z-index: 2; }
.stage__room { bottom: 0; left: 0; width: min(300px, 52%); padding: 16px; z-index: 1; }
.stage__card h3 { font-size: 1.05rem; margin: 10px 0 8px; }
.stage .fact__value { font-size: .9rem; }
.mini-bubble { display: flex; justify-content: space-between; align-items: center; padding: 8px 10px; border-radius: var(--r); background: var(--paper); font-size: .8125rem; gap: 10px; }
.mini-bubble + .mini-bubble { margin-top: 6px; }
.mini-bubble strong { font-family: var(--font-display); font-size: 1rem; white-space: nowrap; }
.mini-bubble--brand { background: var(--paper-2); }
.mini-bubble--done { background: var(--moss-soft); color: #1f4d37; }
.mini-steps { list-style: none; padding: 0; margin: 10px 0 0; display: grid; gap: 7px; font-size: .8125rem; }
.mini-steps li { display: flex; gap: 8px; align-items: center; }
.mini-steps i { width: 14px; height: 14px; border-radius: 50%; border: 1.5px solid var(--line-strong); flex: none; }
.mini-steps .ok i { background: var(--moss); border-color: var(--moss); }
.mini-steps .now i { background: var(--brick); border-color: var(--brick); box-shadow: 0 0 0 3px var(--brick-soft); }
.mini-steps .ok { color: var(--ink-2); }
.mini-steps li:not(.ok):not(.now) { color: var(--muted); }
@media (max-width: 1199px) {
	.stage { min-height: 0; display: grid; gap: 12px; }
	.stage__label { position: static; }
	.stage__card { position: static; width: 100%; }
	.stage__room { display: none; }
}
@media (min-width: 640px) and (max-width: 1199px) {
	.stage { grid-template-columns: 1fr 1fr; }
	.stage__label { grid-column: 1 / -1; }
}

/* İlkeler bandı */
.principles { display: grid; grid-template-columns: 1fr; border-top: 1px solid var(--line); }
.principle { padding: var(--s-5) 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 44px 1fr; gap: 12px; }
.principle__n { font-family: var(--font-display); font-weight: 700; color: var(--brick); font-size: .95rem; padding-top: 2px; }
.principle h3 { margin: 0 0 4px; font-size: 1.0625rem; }
.principle p { margin: 0; color: var(--ink-2); font-size: .9375rem; }
@media (min-width: 768px) { .principles { grid-template-columns: repeat(2, 1fr); column-gap: var(--s-6); } }
@media (min-width: 1100px) {
	.principles { grid-template-columns: repeat(4, 1fr); border-top: 0; border-left: 1px solid var(--line); }
	.principle { grid-template-columns: 1fr; border-bottom: 0; border-right: 1px solid var(--line); padding: 0 var(--s-5); }
	.principle:first-child { border-left: 0; }
}

/* Nasıl çalışır */
.flow { display: grid; gap: var(--s-6); }
@media (min-width: 900px) { .flow { grid-template-columns: repeat(2, 1fr); gap: var(--s-7); } }
.flow__col h3 { font-size: 1.5rem; display: flex; align-items: center; gap: 10px; margin-bottom: var(--s-5); }
.steps { list-style: none; margin: 0; padding: 0; counter-reset: s; }
.steps li { counter-increment: s; position: relative; display: grid; grid-template-columns: 48px 1fr; gap: 14px; padding: 16px 0; border-top: 1px solid var(--line); }
.steps li::before { content: counter(s, decimal-leading-zero); font-family: var(--font-display); font-weight: 700; font-size: 1.35rem; color: var(--line-strong); letter-spacing: -.02em; line-height: 1.2; }
.steps li strong { display: block; font-size: 1.0625rem; margin-bottom: 2px; }
.steps li span { color: var(--ink-2); font-size: .9375rem; }
.section--ink .steps li { border-color: var(--night-line); }
.section--ink .steps li::before { color: #7c6f5e; }
.section--ink .steps li span { color: #c9bfb0; }

/* Kategoriler */
.cats { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
@media (min-width: 640px) { .cats { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .cats { grid-template-columns: repeat(4, 1fr); } }
.cat { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; min-height: 124px; padding: var(--s-4); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); text-decoration: none; transition: background .15s; }
.cat:hover { background: var(--card); color: var(--ink); }
.cat__name { font-family: var(--font-display); font-weight: 700; font-size: clamp(1.1rem, 2vw, 1.45rem); letter-spacing: -.02em; line-height: 1.1; }
.cat__meta { display: flex; justify-content: space-between; align-items: center; font-size: .8125rem; color: var(--muted); }
.cat .icon { width: 18px; height: 18px; transition: transform .15s; }
.cat:hover .icon { transform: translate(3px, -3px); color: var(--brick); }

/* Özellik blokları (markalar / influencerlar) */
.feature { display: grid; gap: var(--s-6); align-items: center; }
@media (min-width: 1024px) { .feature { grid-template-columns: 1fr 1fr; gap: var(--s-8); } .feature--flip .feature__visual { order: -1; } }
.feature h2 { max-width: 16ch; }
.ticks { list-style: none; padding: 0; margin: var(--s-5) 0 var(--s-6); display: grid; gap: 0; }
.ticks li { display: grid; grid-template-columns: 24px 1fr; gap: 12px; padding: 12px 0; border-top: 1px solid var(--line); }
.ticks li:last-child { border-bottom: 1px solid var(--line); }
.ticks .icon { color: var(--brick); margin-top: 2px; }
.ticks strong { display: block; }
.ticks span { color: var(--ink-2); font-size: .9375rem; }
.section--ink .ticks li { border-color: var(--night-line); }
.section--ink .ticks span { color: #c9bfb0; }
.section--ink .ticks .icon { color: #e98b63; }

.mock { background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; color: var(--ink); box-shadow: 0 24px 60px -32px rgba(0,0,0,.45); }
.mock__bar { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--line); background: var(--paper); font-size: .8125rem; color: var(--muted); }
.mock__row { display: grid; grid-template-columns: 1.4fr .8fr .8fr .9fr; gap: 10px; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--line); font-size: .875rem; }
.mock__row:last-child { border-bottom: 0; }
.mock__row--head { font-size: .7rem; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); font-weight: 600; padding-top: 10px; padding-bottom: 10px; }
.mock__who { display: flex; align-items: center; gap: 8px; min-width: 0; }
.mock__who span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mock__ph { width: 28px; height: 28px; border-radius: 50%; background: var(--paper-3); flex: none; }
.mock__note { padding: 10px 16px; font-size: .75rem; color: var(--muted); background: var(--paper); border-top: 1px solid var(--line); }

.kit-mini { padding: 20px; display: grid; gap: 16px; }
.kit-mini__head { display: flex; gap: 12px; align-items: center; }
.kit-mini__stats { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-radius: var(--r); }
.kit-mini__stats div { padding: 10px 12px; }
.kit-mini__stats div + div { border-left: 1px solid var(--line); }
.bar-ph { height: 10px; border-radius: 5px; background: var(--paper-3); }

/* Güven */
.trust { display: grid; gap: 0; border-top: 1px solid var(--line); }
@media (min-width: 768px) { .trust { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .trust { grid-template-columns: repeat(3, 1fr); } }
.trust__item { padding: var(--s-5) var(--s-5) var(--s-5) 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 40px 1fr; gap: 14px; }
.trust__item .icon { width: 26px; height: 26px; color: var(--brick); }
.trust__item h3 { font-size: 1.0625rem; margin: 0 0 4px; }
.trust__item p { margin: 0; color: var(--ink-2); font-size: .9375rem; }

/* İstatistikler */
.stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; border-top: 1px solid var(--night-line); }
@media (min-width: 900px) { .stats { grid-template-columns: repeat(4, 1fr); } }
.stat { padding: var(--s-5) var(--s-4) var(--s-5) 0; border-bottom: 1px solid var(--night-line); }
.stat__n { font-family: var(--font-display); font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 700; letter-spacing: -.04em; line-height: 1; color: #fff; }
.stat__l { color: #c9bfb0; font-size: .9375rem; margin-top: 6px; }

/* SSS */
.faq { border-top: 1px solid var(--line); }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 0; cursor: pointer; font-family: var(--font-display); font-weight: 600; font-size: clamp(1.05rem, 2vw, 1.25rem); letter-spacing: -.01em; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary .icon { transition: transform .2s; color: var(--muted); }
.faq details[open] summary .icon { transform: rotate(45deg); color: var(--brick); }
.faq .faq__a { padding: 0 0 22px; color: var(--ink-2); max-width: 70ch; }
.faq .faq__a p:last-child { margin: 0; }

/* Son çağrı */
.final-cta { padding: var(--s-8) 0; background: var(--brick); color: #fff; }
.final-cta h2 { color: #fff; font-size: clamp(2rem, 5vw, 3.75rem); letter-spacing: -.04em; line-height: 1; max-width: 18ch; margin-bottom: var(--s-6); }
.final-cta .btn { --b-bg: #fff; --b-fg: var(--ink); --b-bd: #fff; }
.final-cta .btn:hover { --b-bg: var(--ink); --b-fg: #fff; --b-bd: var(--ink); color: #fff; }
.final-cta .btn--line { --b-bg: transparent; --b-fg: #fff; --b-bd: rgba(255,255,255,.6); }

.early { display: grid; gap: var(--s-4); padding: var(--s-6); border: 1px solid var(--night-line); border-radius: var(--r-lg); }
@media (min-width: 900px) { .early { grid-template-columns: 1fr auto; align-items: center; } }
.early p { margin: 0; color: #c9bfb0; }

/* ==========================================================================
   Keşif sayfaları
   ========================================================================== */

.discover { display: grid; gap: var(--s-6); padding: var(--s-6) 0 var(--s-8); }
@media (min-width: 1024px) { .discover { grid-template-columns: 280px minmax(0, 1fr); gap: var(--s-7); } }
.filters { display: none; }
@media (min-width: 1024px) { .filters { display: block; position: sticky; top: calc(var(--header-h) + 16px); max-height: calc(100vh - var(--header-h) - 32px); overflow-y: auto; padding-right: 6px; } }
.filter-group { padding: var(--s-4) 0; border-bottom: 1px solid var(--line); }
.filter-group:first-child { padding-top: 0; }
.filter-group h3, .filter-group legend { font-size: .8125rem; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); font-family: var(--font-body); font-weight: 700; margin: 0 0 10px; }
.filter-group .checks { gap: 8px; }
.filter-group .check { font-size: .9375rem; }
.results-bar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; margin-bottom: var(--s-4); }
.results-bar__count { font-weight: 600; }
.results-bar .select { width: auto; min-height: 40px; font-size: .9375rem; }
.filter-toggle { display: inline-flex; }
@media (min-width: 1024px) { .filter-toggle { display: none; } }
.searchbar { display: flex; gap: 8px; }
.searchbar .input { flex: 1; }
.active-filters { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: var(--s-4); }
.active-filters a { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px; background: var(--paper-2); font-size: .8125rem; text-decoration: none; }
.active-filters a .icon { width: 14px; height: 14px; }
.match-reasons { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: .8125rem; color: var(--moss); }
.match-reasons li { display: flex; gap: 6px; }
.match-reasons .icon { width: 14px; height: 14px; margin-top: 3px; }

/* ==========================================================================
   Influencer profili (medya kiti)
   ========================================================================== */

.kit-cover { position: relative; height: clamp(160px, 26vw, 320px); background: var(--night); overflow: hidden; }
.kit-cover img { width: 100%; height: 100%; object-fit: cover; }
.kit-cover--empty { background: var(--night) repeating-linear-gradient(135deg, transparent 0 22px, rgba(255,255,255,.035) 22px 23px); }
.kit-head { position: relative; display: grid; gap: var(--s-4); padding-bottom: var(--s-6); border-bottom: 1px solid var(--line); }
.kit-head__avatar { margin-top: calc(var(--size) * -.5); --size: 112px; box-shadow: 0 0 0 5px var(--paper); }
@media (min-width: 768px) { .kit-head { grid-template-columns: auto 1fr auto; align-items: end; column-gap: var(--s-5); } .kit-head__avatar { --size: 148px; } }
.kit-head h1 { margin: 0; font-size: clamp(1.9rem, 4vw, 3rem); letter-spacing: -.035em; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.kit-head__meta { color: var(--muted); display: flex; gap: 14px; flex-wrap: wrap; font-size: .9375rem; margin-top: 6px; }
.kit-head__meta span { display: inline-flex; gap: 5px; align-items: center; }
.kit-head__meta .icon { width: 16px; height: 16px; }
.kit-head__actions { display: flex; gap: 8px; flex-wrap: wrap; }
.kit-numbers { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--card); overflow: hidden; }
@media (min-width: 768px) { .kit-numbers { grid-template-columns: repeat(4, 1fr); } }
.kit-number { padding: var(--s-4) var(--s-5); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.kit-number__v { font-family: var(--font-display); font-size: clamp(1.5rem, 3vw, 2.1rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.1; }
.kit-number__l { font-size: .8125rem; color: var(--muted); }
.plat-table { width: 100%; border-collapse: collapse; }
.plat-table th, .plat-table td { padding: 14px 10px; border-bottom: 1px solid var(--line); text-align: right; font-size: .9375rem; }
.plat-table th:first-child, .plat-table td:first-child { text-align: left; padding-left: 0; }
.plat-table th { font-size: .72rem; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); font-weight: 600; }
.plat-table td strong { font-size: 1.0625rem; }
.source-note { display: flex; gap: 8px; font-size: .8125rem; color: var(--muted); margin-top: 10px; }
.source-note .icon { width: 16px; height: 16px; margin-top: 2px; }
@media (max-width: 639px) {
	.plat-table thead { display: none; }
	.plat-table tr { display: grid; grid-template-columns: repeat(2, 1fr); padding: 12px 0; border-bottom: 1px solid var(--line); }
	.plat-table td { border: 0; padding: 4px 0; text-align: left; }
	.plat-table td:first-child { grid-column: 1 / -1; padding-bottom: 8px; }
	.plat-table td[data-label]::before { content: attr(data-label); display: block; font-size: .72rem; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; }
}
.score { display: grid; gap: 12px; }
.score__big { display: flex; align-items: baseline; gap: 4px; }
.score__big strong { font-family: var(--font-display); font-size: 3rem; font-weight: 800; letter-spacing: -.05em; line-height: 1; }
.score__parts { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; font-size: .875rem; }
.score__parts li { display: grid; gap: 4px; }
.score__parts .between { gap: 8px; }
.portfolio { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s-3); }
@media (min-width: 900px) { .portfolio { grid-template-columns: repeat(3, 1fr); } }
.pitem { position: relative; display: grid; gap: 8px; }
.pitem__media { aspect-ratio: 4 / 5; background: var(--paper-3); border-radius: var(--r); overflow: hidden; display: grid; place-items: center; color: var(--muted); }
.pitem__media img { width: 100%; height: 100%; object-fit: cover; }
.pitem h3 { font-size: .9375rem; margin: 0; line-height: 1.3; }
.pitem a { text-decoration: none; }
.review { padding: var(--s-5) 0; border-top: 1px solid var(--line); display: grid; gap: 8px; }
.stars { display: inline-flex; gap: 1px; color: var(--brick); }
.stars .icon { width: 16px; height: 16px; }
.stars .off { color: var(--line-strong); }
.kv { display: grid; grid-template-columns: auto 1fr; gap: 10px 16px; margin: 0; font-size: .9375rem; }
.kv dt { color: var(--muted); }
.kv dd { margin: 0; font-weight: 600; text-align: right; }

/* Kampanya detay */
.campaign-hero { padding: var(--s-6) 0; border-bottom: 1px solid var(--line); }
.campaign-hero h1 { font-size: clamp(2rem, 4.4vw, 3.4rem); letter-spacing: -.04em; line-height: 1.02; margin: var(--s-4) 0; max-width: 22ch; }
.facts-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; }
@media (min-width: 768px) { .facts-grid { grid-template-columns: repeat(4, 1fr); } }
.facts-grid > div { background: var(--card); padding: 14px 16px; }
.brief { display: grid; gap: 0; border-top: 1px solid var(--line); }
.brief section { display: grid; gap: 6px; padding: var(--s-4) 0; border-bottom: 1px solid var(--line); }
@media (min-width: 768px) { .brief section { grid-template-columns: 240px 1fr; gap: var(--s-5); } }
.brief h3 { font-size: 1rem; margin: 0; }
.brief p, .brief ul { margin: 0; color: var(--ink-2); }
.apply-box { display: grid; gap: var(--s-4); }
.mobile-cta { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; padding: 10px var(--gutter) calc(10px + env(safe-area-inset-bottom)); background: rgba(251, 248, 243, .97); border-top: 1px solid var(--line); display: flex; gap: 10px; align-items: center; }
.mobile-cta .btn { flex: 1; }
@media (min-width: 1024px) { .mobile-cta { display: none; } }
.has-mobile-cta { padding-bottom: 76px; }
@media (min-width: 1024px) { .has-mobile-cta { padding-bottom: 0; } }

/* Sihirbaz (kampanya oluştur) */
.wizard-steps { list-style: none; margin: 0 0 var(--s-5); padding: 0; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.wizard-steps::-webkit-scrollbar { display: none; }
.wizard-steps li { flex: 1 0 auto; }
.wizard-steps button { width: 100%; display: flex; gap: 8px; align-items: center; padding: 10px 12px; border: 0; border-top: 3px solid var(--line); background: none; text-align: left; font-size: .875rem; font-weight: 600; color: var(--muted); cursor: pointer; white-space: nowrap; }
.wizard-steps button span { font-family: var(--font-display); }
.wizard-steps [aria-current="step"] { border-color: var(--ink); color: var(--ink); }
.wizard-steps .is-done { border-color: var(--brick); color: var(--ink-2); }
.js .wizard-panel:not(.is-active) { display: none; }
.wizard-nav { display: flex; justify-content: space-between; gap: 10px; margin-top: var(--s-5); padding-top: var(--s-5); border-top: 1px solid var(--line); }
.no-js .wizard-nav, .no-js .wizard-steps { display: none; }

/* ==========================================================================
   Mesajlaşma
   ========================================================================== */

.inbox { display: grid; min-height: calc(100vh - var(--header-h)); }
@media (min-width: 900px) { .inbox { grid-template-columns: 340px minmax(0, 1fr); border-left: 1px solid var(--line); border-right: 1px solid var(--line); height: calc(100vh - var(--header-h)); } }
.inbox__list { border-right: 1px solid var(--line); overflow-y: auto; background: var(--card); }
.inbox__list-head { padding: var(--s-4); border-bottom: 1px solid var(--line); position: sticky; top: 0; background: var(--card); z-index: 1; }
.inbox__list-head h1 { font-size: 1.5rem; margin: 0; }
.thread-link { display: flex; gap: 12px; padding: 14px var(--s-4); border-bottom: 1px solid var(--line); text-decoration: none; position: relative; }
.thread-link:hover { background: var(--paper); color: var(--ink); }
.thread-link[aria-current="page"] { background: var(--paper-2); box-shadow: inset 3px 0 0 var(--brick); }
.thread-link__main { flex: 1; min-width: 0; }
.thread-link__top { display: flex; justify-content: space-between; gap: 8px; }
.thread-link__name { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.thread-link__time { font-size: .75rem; color: var(--muted); flex: none; }
.thread-link__preview { font-size: .875rem; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.thread-link--unread .thread-link__preview { color: var(--ink); font-weight: 600; }
.thread-link__ctx { font-size: .75rem; color: var(--brick-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat { display: flex; flex-direction: column; min-height: 0; background: var(--paper); height: calc(100vh - var(--header-h)); }
@media (max-width: 899px) { .inbox--thread .inbox__list { display: none; } .inbox--list .chat { display: none; } }
.chat__head { display: flex; align-items: center; gap: 12px; padding: 10px var(--s-4); border-bottom: 1px solid var(--line); background: var(--card); }
.chat__head h1 { font-size: 1.0625rem; margin: 0; line-height: 1.2; display: flex; align-items: center; gap: 6px; }
.chat__ctx { font-size: .8125rem; color: var(--muted); }
.chat__ctx a { color: var(--brick-ink); }
.chat__back { display: inline-grid; }
@media (min-width: 900px) { .chat__back { display: none; } }
.chat__list { flex: 1; overflow-y: auto; padding: var(--s-4); display: flex; flex-direction: column; gap: 4px; overscroll-behavior: contain; }
.chat__day { align-self: center; font-size: .75rem; color: var(--muted); padding: 10px 0 6px; font-weight: 600; }
.bubble { max-width: min(78%, 560px); align-self: flex-start; padding: 9px 12px 6px; border-radius: 14px 14px 14px 4px; background: var(--card); border: 1px solid var(--line); word-wrap: break-word; overflow-wrap: anywhere; }
.bubble--mine { align-self: flex-end; background: var(--ink); color: var(--paper); border-color: var(--ink); border-radius: 14px 14px 4px 14px; }
.bubble p { margin: 0; white-space: pre-wrap; }
.bubble__meta { display: flex; justify-content: flex-end; gap: 4px; align-items: center; font-size: .6875rem; opacity: .7; margin-top: 2px; }
.bubble__meta .icon { width: 14px; height: 14px; }
.bubble__file { display: flex; align-items: center; gap: 8px; margin-top: 4px; padding: 8px; border-radius: var(--r); background: rgba(127,127,127,.12); text-decoration: none; font-size: .875rem; color: inherit; }
.bubble__img { margin-top: 4px; border-radius: 8px; max-height: 260px; object-fit: cover; }
.bubble__ref { display: block; margin-bottom: 6px; padding: 6px 8px; border-left: 3px solid var(--brick); background: rgba(127,127,127,.1); font-size: .8125rem; text-decoration: none; color: inherit; }
.bubble--mine a { color: inherit; }
.chat__form { border-top: 1px solid var(--line); background: var(--card); padding: 10px var(--s-4) calc(10px + env(safe-area-inset-bottom)); }
.chat__form form { display: flex; gap: 8px; align-items: flex-end; }
.chat__form textarea { flex: 1; min-height: 44px; max-height: 160px; resize: none; padding: 11px 12px; border-radius: 22px; }
.chat__form .btn { border-radius: 50%; width: 44px; padding: 0; }
.chat__file { position: relative; }
.chat__file input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.chat__file-name { font-size: .75rem; color: var(--muted); padding: 4px 4px 0 52px; }
.chat__empty { margin: auto; text-align: center; color: var(--muted); max-width: 36ch; }

/* ==========================================================================
   İş Odası
   ========================================================================== */

.room-head { padding: var(--s-5) 0; border-bottom: 1px solid var(--line); background: var(--card); }
.room-head h1 { font-size: clamp(1.6rem, 3.4vw, 2.4rem); letter-spacing: -.03em; margin: 6px 0 10px; }
.parties { display: flex; flex-wrap: wrap; gap: var(--s-4); align-items: center; font-size: .9375rem; }
.party { display: flex; align-items: center; gap: 8px; }
.party small { display: block; color: var(--muted); font-size: .75rem; line-height: 1.1; }
.stepper { list-style: none; margin: var(--s-5) 0 0; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; }
.stepper li { font-size: .72rem; font-weight: 600; color: var(--muted); padding-top: 10px; border-top: 3px solid var(--line); line-height: 1.25; }
.stepper li.is-done { border-color: var(--moss); color: var(--ink-2); }
.stepper li.is-current { border-color: var(--brick); color: var(--ink); }
@media (max-width: 639px) { .stepper li span { display: none; } .stepper li.is-current span { display: inline; } .stepper { grid-template-columns: repeat(6, 1fr); } }
.next-step { display: grid; gap: var(--s-3); padding: var(--s-5); border-radius: var(--r-lg); background: var(--night); color: var(--night-text); }
.next-step h2 { color: #fff; font-size: 1.25rem; margin: 0; }
.next-step p { margin: 0; color: #c9bfb0; }
.next-step .form { gap: var(--s-4); }
.next-step .field__label { color: #fff; }
.next-step .field__hint { color: #b5aa99; }
.next-step .input, .next-step .textarea, .next-step .select { background: var(--night-2); border-color: var(--night-line); color: #fff; }
.next-step .file-drop { background: var(--night-2); border-color: var(--night-line); color: #c9bfb0; }
.next-step .btn:not(.btn--accent):not(.btn--ok) { --b-bg: transparent; --b-fg: #fff; --b-bd: var(--night-line); }
.version { border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--card); overflow: hidden; }
.version + .version { margin-top: var(--s-3); }
.version__head { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--line); background: var(--paper); flex-wrap: wrap; }
.version__body { padding: 16px; display: grid; gap: 12px; }
.version--old { opacity: .82; }
.files { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.files a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--line); border-radius: var(--r); text-decoration: none; background: var(--card); font-size: .9375rem; }
.files a:hover { border-color: var(--ink); }
.files .size { margin-left: auto; font-size: .8125rem; color: var(--muted); }
.thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px; }
.thumbs a { display: block; aspect-ratio: 1; border-radius: var(--r); overflow: hidden; background: var(--paper-3); }
.thumbs img, .thumbs video { width: 100%; height: 100%; object-fit: cover; }
.rating-input { display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 2px; }
.rating-input input { position: absolute; opacity: 0; }
.rating-input label { cursor: pointer; color: var(--line-strong); padding: 2px; }
.rating-input label .icon { width: 26px; height: 26px; fill: currentColor; stroke: none; }
.rating-input input:checked ~ label, .rating-input label:hover, .rating-input label:hover ~ label { color: var(--brick); }
.rating-input input:focus-visible + label { box-shadow: var(--focus); border-radius: var(--r-sm); }

/* ==========================================================================
   Kimlik sayfaları
   ========================================================================== */

.auth { display: grid; min-height: calc(100vh - var(--header-h)); background: var(--paper); }
@media (min-width: 1024px) { .auth { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); } }
.auth--single { grid-template-columns: minmax(0, 1fr) !important; }
.auth__main { display: flex; justify-content: center; align-items: flex-start; padding: var(--s-6) var(--gutter) var(--s-8); }
@media (min-width: 640px) { .auth__main { align-items: center; padding: var(--s-8) var(--gutter); } }
.auth__box { width: 100%; max-width: 400px; }
.auth__box--wide { max-width: 480px; }
.auth__head { margin-bottom: var(--s-5); }
.auth__head h1, .auth__box > h1 { font-size: clamp(1.75rem, 5vw, 2.25rem); letter-spacing: -.035em; line-height: 1.1; margin: 0 0 8px; }
.auth__head p { margin: 0; color: var(--muted); font-size: .9375rem; line-height: 1.55; }
.auth__form { gap: 18px; }
.auth .field { gap: 7px; }
.auth .field__label { font-size: .875rem; font-weight: 600; color: var(--ink-2); }
.auth legend.field__label { font-family: var(--font-body); margin-bottom: 8px; }
.auth .field__hint { font-size: .78rem; }
.auth .input { min-height: 50px; border-radius: 12px; }
.auth .btn--lg { min-height: 52px; border-radius: 12px; font-size: 1rem; margin-top: 4px; }
.auth__fields { display: grid; gap: 18px; }
.auth__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.auth__row .check { font-size: .875rem; color: var(--ink-2); align-items: center; }
.auth__row .check input { margin-top: 0; }
.auth__link { font-size: .875rem; font-weight: 600; color: var(--ink); text-underline-offset: 3px; }
.auth__switch { margin: var(--s-5) 0 0; text-align: center; font-size: .9375rem; color: var(--muted); }
.auth__switch a { color: var(--ink); font-weight: 600; }
.auth__consents { display: grid; gap: 10px; padding-top: 4px; }
.auth__consents .check { font-size: .8125rem; color: var(--ink-2); line-height: 1.5; }
.auth__note { display: flex; gap: 8px; align-items: flex-start; margin: -4px 0 0; padding: 10px 12px; border-radius: 10px; background: var(--moss-soft); color: #1f4d37; font-size: .8125rem; line-height: 1.45; }
.auth__note .icon { flex: none; margin-top: 1px; }
.auth__note--muted { background: var(--paper-2); color: var(--ink-2); }
.auth__note[hidden] { display: none; }

.segment { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.segment__option { position: relative; display: grid; align-content: start; gap: 2px; padding: 14px; border: 1px solid #ddd2c2; border-radius: 12px; background: #fff; cursor: pointer; transition: border-color .15s, box-shadow .15s, background-color .15s; }
.segment__option input { position: absolute; opacity: 0; pointer-events: none; }
.segment__option:hover { border-color: #c5b7a2; }
.segment__option:has(input:checked) { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.segment__option:has(input:focus-visible) { box-shadow: inset 0 0 0 1px var(--ink), 0 0 0 4px rgba(23, 19, 14, .08); }
.segment__icon { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; background: var(--paper-2); color: var(--ink-2); margin-bottom: 8px; transition: background-color .15s, color .15s; }
.segment__icon .icon { width: 17px; height: 17px; }
.segment__option:has(input:checked) .segment__icon { background: var(--ink); color: #fff; }
.segment__title { font-weight: 700; font-size: .9375rem; color: var(--ink); }
.segment__text { font-size: .75rem; line-height: 1.4; color: var(--muted); }
.field--error .segment__option { border-color: var(--red); }

.auth__aside { display: none; }
@media (min-width: 1024px) {
	.auth__aside { display: flex; padding: 16px 16px 16px 0; }
	.auth__aside-inner { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; gap: var(--s-5); padding: var(--s-8) var(--s-7); border-radius: 24px; background: radial-gradient(120% 90% at 100% 0%, #f1ddd0 0%, rgba(241, 221, 208, 0) 55%), var(--paper-2); border: 1px solid var(--line); }
}
.auth__quote { margin: 0; max-width: 16ch; font-family: var(--font-display); font-weight: 700; font-size: clamp(2rem, 3vw, 2.75rem); line-height: 1.05; letter-spacing: -.04em; color: var(--ink); }
.auth__points { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.auth__points li { display: flex; gap: 10px; align-items: center; font-size: .9375rem; color: var(--ink-2); }
.auth__points .icon { flex: none; width: 18px; height: 18px; padding: 3px; border-radius: 50%; background: var(--ink); color: #fff; }
.pw-wrap { position: relative; }
.pw-wrap .input { padding-right: 50px; }
.pw-toggle { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 9px; color: var(--muted); }
.pw-toggle:hover { color: var(--ink); background: var(--paper-2); }
.pw-toggle .icon { width: 19px; height: 19px; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* ==========================================================================
   Alt bilgi
   ========================================================================== */

.site-footer { background: var(--night); color: #c9bfb0; padding: var(--s-8) 0 var(--s-5); margin-top: 0; }
.site-footer a { color: #e7ddcd; text-decoration: none; }
.site-footer a:hover { color: #fff; text-decoration: underline; }
.footer-top { display: grid; gap: var(--s-6); padding-bottom: var(--s-7); border-bottom: 1px solid var(--night-line); }
@media (min-width: 900px) { .footer-top { grid-template-columns: 1.3fr repeat(4, 1fr); } }
.footer-brand .logo { color: #fff; font-size: 1.6rem; }
.footer-brand p { margin: var(--s-4) 0 0; max-width: 34ch; font-size: .9375rem; }
.footer-col__h { font-family: var(--font-body); font-size: .75rem; text-transform: uppercase; letter-spacing: .12em; color: #8f8474; margin: 0 0 var(--s-4); }
.footer-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-size: .9375rem; }
.footer-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s-6); }
@media (min-width: 900px) { .footer-cols { display: contents; } }
.footer-bottom { display: flex; flex-wrap: wrap; gap: var(--s-4); justify-content: space-between; align-items: center; padding-top: var(--s-5); font-size: .875rem; }
.footer-legal { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.socials { display: flex; gap: 6px; }
.socials a { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--night-line); border-radius: 50%; }
.socials a:hover { border-color: #fff; text-decoration: none; }
.socials .icon { width: 17px; height: 17px; }

/* Bildirim bandı (e-posta doğrulama, yasal inceleme) */
.notice-bar { background: var(--amber-soft); border-bottom: 1px solid #e8d49c; color: #5c3f00; font-size: .875rem; }
.notice-bar .container { display: flex; gap: 10px; align-items: center; justify-content: space-between; padding-top: 8px; padding-bottom: 8px; flex-wrap: wrap; }
.notice-bar form { margin: 0; }
.notice-bar .linklike { font-weight: 600; }

/* Blog */
.post-card { display: grid; gap: 10px; padding-top: var(--s-5); border-top: 1px solid var(--line); }
.post-card h2 { font-size: 1.5rem; margin: 0; }
.post-card h2 a { text-decoration: none; }
.post-card__img { aspect-ratio: 16 / 9; border-radius: var(--r); overflow: hidden; background: var(--paper-3); }
.post-card__img img { width: 100%; height: 100%; object-fit: cover; }

@media print {
	.site-header, .site-footer, .mobile-cta, .notice-bar { display: none; }
	body { background: #fff; }
}

/* Filtreler: mobilde alt çekmece, masaüstünde yapışkan kenar sütunu (tek form) */
@media (min-width: 1024px) {
	.drawer--filters, .drawer--filters[hidden] { display: block !important; position: sticky; top: calc(var(--header-h) + 16px); inset: auto; z-index: auto; max-height: calc(100vh - var(--header-h) - 32px); overflow-y: auto; padding-right: 6px; }
	.drawer--filters .drawer__scrim, .drawer--filters [data-drawer-close] { display: none; }
	.drawer--filters .drawer__panel { position: static; width: auto; max-height: none; animation: none; background: transparent; border-radius: 0; overflow: visible; }
	.drawer--filters .drawer__head { position: static; padding: 0 0 12px; background: transparent; border: 0; }
	.drawer--filters .drawer__body { padding: 0; }
	.drawer--filters .drawer__foot { position: static; padding: 16px 0 0; background: transparent; border: 0; }
}
.range-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.range-row .input { min-height: 40px; font-size: .9375rem; }
.filter-group .select { min-height: 40px; font-size: .9375rem; }
.matches { margin-bottom: var(--s-7); padding-bottom: var(--s-6); border-bottom: 1px solid var(--line); }
.matches h2 { font-size: 1.375rem; margin-bottom: 4px; }
.cat-intro { display: grid; gap: var(--s-4); }

/* ==========================================================================
   Sosyal bağlantı, yapay zekâ, eşleşme ve karşılaştırma
   ========================================================================== */

.social-connect { border-color: var(--line-strong); }
.social-connect .ticks li { border-color: var(--line); }

.ai-panel { position: relative; margin-bottom: var(--s-6); padding: var(--s-5); border: 1px solid var(--ink); border-radius: var(--r-lg); background: var(--card); }
.ai-panel h2 { font-size: 1.35rem; margin: 0 0 6px; max-width: 32ch; }
@media (min-width: 768px) { .ai-panel { padding: var(--s-6); } }
.ai-assist { margin-bottom: var(--s-5); padding: var(--s-4); border: 1px dashed var(--line-strong); border-radius: var(--r-lg); background: var(--paper); }
.ai-result { margin-top: var(--s-4); display: grid; gap: var(--s-3); }
.ai-result__label { display: inline-flex; gap: 6px; align-items: center; font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--brick-ink); }
.ai-suggestion { display: grid; gap: 6px; padding: 12px; border: 1px solid var(--line); border-radius: var(--r); background: var(--card); }
.ai-suggestion .textarea { min-height: 90px; font-size: .9375rem; }
.ai-suggestion__head { display: flex; justify-content: space-between; gap: 8px; align-items: center; flex-wrap: wrap; }
.ai-idea { padding: 10px 12px; border-left: 3px solid var(--brick); background: var(--card); border-radius: 0 var(--r) var(--r) 0; }
.ai-idea strong { display: block; }
.ai-comment { margin: 0; padding: 10px 12px; background: var(--paper-2); border-radius: var(--r); color: var(--ink-2); }
.ai-comment::before { content: "Yapay zekâ yorumu · "; font-weight: 700; color: var(--brick-ink); font-size: .75rem; }

.match-box { border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--card); padding: 10px 14px; }
.match-box summary { cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 8px; list-style: none; }
.match-box summary::-webkit-details-marker { display: none; }
.match-box[open] summary { margin-bottom: 8px; }
.match-criteria { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 6px; font-size: .875rem; }
.match-criteria li { display: grid; gap: 2px; padding-left: 16px; position: relative; }
.match-criteria li::before { content: ""; position: absolute; left: 0; top: 7px; width: 8px; height: 8px; border-radius: 50%; background: var(--line-strong); }
.match-criteria .is-match::before { background: var(--moss); }
.match-criteria .is-partial::before { background: var(--amber); }
.match-criteria .is-miss::before { background: var(--red); }
.match-criteria .is-nodata { color: var(--muted); }

.compare-check { position: absolute; left: 10px; top: 10px; z-index: 2; display: inline-flex; gap: 6px; align-items: center; padding: 5px 10px; border-radius: 999px; background: rgba(255, 253, 249, .94); font-size: .8125rem; font-weight: 600; cursor: pointer; }
.compare-check input { width: 16px; height: 16px; accent-color: var(--ink); margin: 0; }
.compare-bar { position: sticky; bottom: 12px; z-index: 30; display: flex; gap: 10px; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: var(--s-6) auto 0; max-width: 760px; padding: 10px 12px 10px 18px; border-radius: var(--r-lg); background: var(--night); color: var(--night-text); box-shadow: var(--shadow-pop); }
.compare-bar .btn--primary { --b-bg: #fff; --b-fg: var(--ink); --b-bd: #fff; }
.compare-bar .btn--ghost { --b-fg: #fff; }
.js .compare-bar[data-empty="1"] { display: none; }
.has-mobile-cta .compare-bar { bottom: 84px; }
.compare-table-wrap { overflow-x: auto; }
.compare-table { min-width: 720px; }
.compare-table thead th { background: var(--card); vertical-align: bottom; }
.compare-table tbody th { width: 200px; font-weight: 600; color: var(--ink-2); background: var(--paper); font-size: .875rem; text-transform: none; letter-spacing: 0; }
.compare-table td { vertical-align: top; }
.compare-group th { background: var(--paper-2) !important; font-family: var(--font-display); font-size: 1rem !important; color: var(--ink) !important; }
.compare-group th .icon { vertical-align: -4px; }

.subcat-group[hidden] { display: none; }
[data-loading-text][aria-busy="true"] { font-size: 0; }
[data-loading-text][aria-busy="true"]::before { content: attr(data-loading-text); font-size: .95rem; }

/* Üyelik, fiyatlandırma ve paywall ------------------------------------------ */
.hero--compact { padding: var(--s-6) 0 var(--s-5); }
.pricing-head { max-width: 720px; }
.pricing-head h1 { font-size: clamp(2.4rem, 6vw, 4.2rem); line-height: 1; letter-spacing: -.045em; margin: 0 0 var(--s-4); }
.plans { display: grid; gap: var(--s-5); }
@media (min-width: 860px) { .plans { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; } }
.plan { display: flex; flex-direction: column; padding: var(--s-6) var(--s-5); background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); }
.plan--pro { border-color: var(--ink); box-shadow: var(--shadow-pop); }
.plan__kicker { margin: 0; font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.plan__name { font-size: 1.6rem; margin: 6px 0 var(--s-3); }
.plan__price { display: flex; align-items: baseline; gap: 8px; margin: 0 0 6px; }
.plan__amount { font-family: var(--font-display); font-size: clamp(2.4rem, 5vw, 3.2rem); font-weight: 800; letter-spacing: -.04em; line-height: 1; }
.plan__per { color: var(--muted); }
.plan__note { color: var(--ink-2); font-size: .9375rem; margin: 0; }
.plan .ticks { margin: var(--s-5) 0; flex: 1; align-content: start; }
.rule-strip { display: grid; grid-template-columns: 1fr; margin-top: var(--s-6); border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--card); overflow: hidden; }
.rule-strip > div { display: flex; justify-content: space-between; gap: 12px; padding: 14px 18px; border-top: 1px solid var(--line); }
.rule-strip > div:first-child { border-top: 0; }
.rule-strip span { color: var(--muted); font-size: .8125rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; }
.rule-strip strong { font-family: var(--font-display); }
@media (min-width: 700px) { .rule-strip { grid-template-columns: repeat(3, 1fr); } .rule-strip > div { border-top: 0; border-left: 1px solid var(--line); flex-direction: column; } .rule-strip > div:first-child { border-left: 0; } }

.paywall { display: flex; gap: var(--s-4); align-items: flex-start; padding: var(--s-5); border: 1px solid var(--line-strong); border-radius: var(--r-lg); background: var(--card); }
.paywall__icon { flex: none; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: var(--brick-soft); color: var(--brick-ink); }
.paywall__title { font-family: var(--font-display); font-weight: 700; font-size: 1.125rem; line-height: 1.3; margin: 0 0 6px; }
.paywall__text { color: var(--ink-2); font-size: .9375rem; margin: 0 0 var(--s-4); max-width: 60ch; }
.paywall--compact { padding: var(--s-4); align-items: center; }
.paywall--compact .paywall__title { font-size: 1rem; margin-bottom: 8px; }
.paywall--compact .paywall__icon { width: 34px; height: 34px; }

.membership { display: grid; gap: var(--s-5); padding: var(--s-5); border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--card); }
@media (min-width: 860px) { .membership { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); padding: var(--s-6); } }
.membership__title { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 var(--s-4); }
.membership__facts { max-width: 440px; margin-bottom: var(--s-4); }
.membership__msg { color: var(--ink-2); max-width: 56ch; }
.membership__side { padding-top: var(--s-4); border-top: 1px solid var(--line); }
@media (min-width: 860px) { .membership__side { padding: 0 0 0 var(--s-5); border-top: 0; border-left: 1px solid var(--line); } }
.ticks--compact { margin: var(--s-3) 0; }
.ticks--compact li { padding: 7px 0; }

.usage__title { font-size: 1.125rem; margin: 0 0 var(--s-3); }
.usage__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin: 0; background: var(--line); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; }
@media (min-width: 768px) { .usage__grid { grid-template-columns: repeat(3, 1fr); } }
.usage__grid > div { background: var(--card); padding: 14px 16px; }
.usage__grid dt { font-size: .8125rem; color: var(--muted); }
.usage__grid dd { margin: 2px 0 0; font-family: var(--font-display); font-size: 1.6rem; font-weight: 700; letter-spacing: -.02em; }

.checkout { display: grid; gap: var(--s-5); }
.checkout__summary, .checkout__step { padding: var(--s-5); border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--card); }

.document { padding: var(--s-6) var(--s-5); background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); }
.document__head { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--s-4); padding-bottom: var(--s-4); margin-bottom: var(--s-5); border-bottom: 1px solid var(--line); }
.document__kv { margin-bottom: var(--s-5); }
.document__total { font-family: var(--font-display); font-size: 1.25rem; }
.kv--left dd { text-align: left; font-weight: 500; }
.prewrap { white-space: pre-wrap; }
@media print {
	.site-header, .site-footer, .no-print, .flash-stack, .notice-bar, .skip-link, .breadcrumbs { display: none !important; }
	body { background: #fff; }
	.document { border: 0; padding: 0; }
}

/* İş birliği aşamaları ------------------------------------------------------ */
.flow { list-style: none; margin: 0; padding: 0; display: flex; overflow-x: auto; scrollbar-width: none; }
.flow::-webkit-scrollbar { display: none; }
.flow__step { position: relative; flex: 1 0 96px; display: grid; justify-items: center; align-content: start; gap: 6px; text-align: center; font-size: .75rem; line-height: 1.3; color: var(--muted); padding: 0 4px; }
.flow__step::before { content: ""; position: absolute; top: 10px; left: -50%; right: 50%; height: 2px; background: var(--line); }
.flow__step:first-child::before { display: none; }
.flow__dot { position: relative; z-index: 1; width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--line-strong); background: var(--paper); display: grid; place-items: center; }
.flow__dot .icon { width: 12px; height: 12px; }
.flow__step--done { color: var(--ink-2); }
.flow__step--done::before, .flow__step--current::before { background: var(--moss); }
.flow__step--done .flow__dot { background: var(--moss); border-color: var(--moss); color: #fff; }
.flow__step--current { color: var(--ink); font-weight: 700; }
.flow__step--current .flow__dot { border-color: var(--brick); box-shadow: 0 0 0 4px var(--brick-soft); }

.trust-note { display: flex; gap: 8px; align-items: flex-start; margin: 0; font-size: .8125rem; color: var(--muted); max-width: 70ch; }
.trust-note .icon { flex: none; margin-top: 2px; color: var(--moss); }

/* Marka ana sayfası --------------------------------------------------------- */
.brand-home { padding: var(--s-7) 0 var(--s-6); border-bottom: 1px solid var(--line); background: linear-gradient(180deg, var(--paper) 0%, var(--paper-2) 100%); }
@media (min-width: 1024px) { .brand-home { padding: var(--s-9) 0 var(--s-7); } }
.brand-home__hello { margin: 0 0 var(--s-3); color: var(--muted); font-weight: 600; }
.brand-home__title { font-size: clamp(2rem, 5vw, 3.6rem); line-height: 1.02; letter-spacing: -.045em; margin: 0 0 var(--s-4); max-width: 20ch; }
.brand-home__lede { color: var(--ink-2); font-size: clamp(1rem, 1.5vw, 1.125rem); max-width: 60ch; margin: 0 0 var(--s-6); }
.quick-brief { position: relative; background: var(--card); border: 1px solid var(--line-strong); border-radius: 16px; box-shadow: var(--shadow-pop); padding: 14px 14px 10px 18px; transition: border-color .15s, box-shadow .15s; }
.quick-brief:focus-within { border-color: var(--ink); box-shadow: var(--shadow-pop), var(--focus); }
.quick-brief textarea { display: block; width: 100%; min-height: 56px; max-height: 240px; resize: none; border: 0; background: transparent; font-size: clamp(1rem, 1.6vw, 1.1875rem); line-height: 1.5; padding: 4px 0; }
.quick-brief textarea:focus { outline: 0; box-shadow: none; }
.quick-brief__bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 8px; }
.quick-brief__hint { font-size: .75rem; color: var(--muted); }
@media (max-width: 639px) { .quick-brief__hint { display: none; } .quick-brief__bar { justify-content: flex-end; } }
.quick-brief .alert { margin: 0 0 10px; }
.quick-actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; margin-top: var(--s-5); }
.quick-action { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--r-lg); background: rgba(255, 253, 249, .7); text-decoration: none; transition: border-color .15s, background .15s; }
.quick-action:hover { border-color: var(--ink); background: var(--card); color: var(--ink); }
.quick-action__icon { flex: none; width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; background: var(--paper-2); }
.quick-action__icon .icon { width: 16px; height: 16px; }
.quick-action__label { display: block; font-weight: 600; font-size: .9375rem; line-height: 1.3; }
.quick-action__hint { display: block; font-size: .75rem; color: var(--muted); line-height: 1.35; margin-top: 2px; }
.onboard { padding: var(--s-5); border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--card); }
.onboard__title { font-size: 1.125rem; margin: 0; }
.onboard__count { color: var(--muted); font-weight: 600; margin-left: 6px; }
.onboard .progress { margin: var(--s-3) 0 var(--s-2); }
.panel--link { display: flex; align-items: center; gap: 8px; text-decoration: none; }
.panel--link:hover { border-color: var(--ink); color: var(--ink); }
.list-rows { list-style: none; margin: 0; padding: 0; border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--card); }
.list-rows li + li { border-top: 1px solid var(--line); }
.list-rows a { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 16px; text-decoration: none; }
.list-rows a:hover { background: var(--paper); }
.plan-line { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 0; font-size: .875rem; color: var(--ink-2); }
.plan-line .icon { color: var(--moss); }

/* Brief hazır özeti ------------------------------------------------------- */
.brief-ready { padding: var(--s-5); border: 1px solid var(--ink); border-radius: var(--r-lg); background: var(--card); box-shadow: var(--shadow-pop); margin-bottom: var(--s-6); }
.brief-ready__head { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--s-4); flex-wrap: wrap; margin-bottom: var(--s-4); }
.brief-ready__head h2 { margin: 0; font-size: clamp(1.4rem, 3vw, 1.9rem); }
.brief-ready__grid { display: grid; gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; }
@media (min-width: 720px) { .brief-ready__grid { grid-template-columns: repeat(2, 1fr); } }
.brief-ready__item { background: var(--card); padding: 12px 14px; }
.brief-ready__item--wide { grid-column: 1 / -1; }
.brief-ready__label { display: block; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; color: var(--muted); margin-bottom: 4px; }
.brief-ready__value { margin: 0; white-space: pre-wrap; font-size: .9375rem; }
.brief-ready__value--empty { color: var(--muted); font-style: italic; }

/* Sohbet: sistem mesajı, teklif çubuğu, inceleme ----------------------------- */
.chat__system { align-self: center; max-width: 90%; margin: 8px 0; padding: 6px 12px; border-radius: 999px; background: var(--paper-2); border: 1px solid var(--line); font-size: .8125rem; color: var(--ink-2); text-align: center; }
.chat__system a { color: var(--brick-ink); font-weight: 600; }
.chat__offer { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 8px var(--s-4); border-bottom: 1px solid var(--line); background: var(--card); font-size: .875rem; }
.chat__offer-main { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; min-width: 0; }
.chat__offer form { display: inline; }
.bubble--held { opacity: .8; border-style: dashed; }
.bubble__status { display: block; font-size: .6875rem; margin-top: 2px; }
.chat__form .alert { margin: 0 0 8px; }
.chat__form .paywall { margin-bottom: 8px; }

/* Kayıtlı aramalar, geçmiş ------------------------------------------------ */
.saved-search { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--card); }
.saved-search + .saved-search { margin-top: 10px; }
.save-search { margin-top: var(--s-4); padding: var(--s-4); border: 1px dashed var(--line-strong); border-radius: var(--r-lg); }
.collab-stats { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: .875rem; color: var(--ink-2); margin: 0; }
.collab-stats strong { font-family: var(--font-display); }
.history-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin: 0 0 var(--s-5); background: var(--line); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; }
@media (min-width: 768px) { .history-stats { grid-template-columns: repeat(4, 1fr); } }
.history-stats > div { background: var(--card); padding: 14px 16px; }
.history-stats dt { font-size: .8125rem; color: var(--muted); }
.history-stats dd { margin: 0; font-family: var(--font-display); font-size: 1.6rem; font-weight: 700; }

.hide-sm { display: none; }
@media (min-width: 640px) { .hide-sm { display: inline; } }
.mb-2 { margin-bottom: var(--s-2) !important; } .mb-4 { margin-bottom: var(--s-4); }

/* Mobil taşma düzeltmeleri ------------------------------------------------ */
@media (max-width: 1199px) { .hero__grid { grid-template-columns: minmax(0, 1fr); } }
.hero__grid > * { min-width: 0; }
.site-header__bar { min-width: 0; }
@media (max-width: 479px) {
	.site-header__bar { gap: 10px; }
	.logo { font-size: 1.15rem; }
	.header-actions { gap: 2px; }
	.header-actions .icon-btn { width: 38px; height: 38px; }
	.header-actions .icon-btn .icon { width: 20px; height: 20px; }
	.header-actions .btn--primary { min-height: 38px; padding: 8px 12px; font-size: .875rem; border-radius: 9px; margin: 0 4px; }
	.hero { padding: var(--s-6) 0 var(--s-7); }
	.hero h1 { font-size: clamp(2.2rem, 10.5vw, 2.6rem); }
	.hero__search { padding-left: 12px; }
	.hero__search select { max-width: 104px; }
}
html.js [data-show-when]:not([data-ready]) { display: none; }@media (max-width: 359px) { .hide-xs { display: none; } .logo { font-size: 1.05rem; } .site-header__bar { gap: 6px; } }

/* Telefon alanı (+90 sabit) ------------------------------------------------ */
.phone { display: flex; align-items: stretch; }
.phone__cc { display: inline-flex; align-items: center; padding: 0 14px; border: 1px solid #ddd2c2; border-right: 0; border-radius: 10px 0 0 10px; background: var(--paper-2); color: var(--ink-2); font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: .01em; }
.phone__input { border-radius: 0 10px 10px 0 !important; letter-spacing: .04em; font-variant-numeric: tabular-nums; }
.auth .phone__cc { border-radius: 12px 0 0 12px; }
.auth .phone__input { border-radius: 0 12px 12px 0 !important; }
.phone:focus-within .phone__cc { border-color: var(--ink); }
.field--error .phone__cc { border-color: var(--red); }
.notice-bar--approval { background: var(--amber-soft); color: #5a3d00; }

/* ==========================================================================
   Kampanya stüdyosu
   ========================================================================== */
.studio { background: var(--paper); padding-bottom: var(--s-8); }
.studio-head { padding: var(--s-5) 0 var(--s-5); border-bottom: 1px solid var(--line); background: linear-gradient(180deg, var(--paper) 0%, var(--paper-2) 100%); }
@media (min-width: 900px) { .studio-head { padding: var(--s-6) 0; } }
.studio-head__row { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--s-5); }
.studio-head__title { font-size: clamp(1.9rem, 4.2vw, 3rem); letter-spacing: -.04em; line-height: 1.02; margin: 10px 0 8px; }
.studio-head__lede { margin: 0; color: var(--ink-2); max-width: 62ch; font-size: .9375rem; }
.studio-meter { flex: none; display: flex; align-items: center; gap: 10px; padding: 8px 14px 8px 8px; border: 1px solid var(--line); border-radius: 999px; background: var(--card); }
.studio-meter__ring { width: 44px; height: 44px; transform: rotate(-90deg); }
.studio-meter__track, .studio-meter__bar { fill: none; stroke-width: 3.5; }
.studio-meter__track { stroke: var(--paper-3); }
.studio-meter__bar { stroke: var(--brick); stroke-linecap: round; transition: stroke-dasharray .4s ease; }
.studio-meter.is-complete .studio-meter__bar { stroke: var(--moss); }
.studio-meter strong { display: block; font-family: var(--font-display); font-size: 1.15rem; line-height: 1; }
.studio-meter span { font-size: .72rem; color: var(--muted); text-transform: uppercase; letter-spacing: .08em; font-weight: 600; }
@media (max-width: 639px) { .studio-meter { padding: 4px; } .studio-meter > div { display: none; } .studio-meter__ring { width: 40px; height: 40px; } }

.studio__layout { display: grid; gap: var(--s-6); padding-top: var(--s-5); }
@media (min-width: 1100px) { .studio__layout { grid-template-columns: minmax(0, 1fr) 320px; align-items: start; padding-top: var(--s-6); } }
.studio__main { min-width: 0; }
.studio__aside { display: grid; gap: var(--s-4); }
@media (min-width: 1100px) { .studio__aside { position: sticky; top: calc(var(--header-h) + 20px); } }
@media (max-width: 1099px) { .studio__aside { order: 2; } .studio-preview { display: none; } }

/* Hızlı başlangıç */
.studio-start { margin-bottom: var(--s-5); padding: var(--s-5); border-radius: 18px; background: radial-gradient(120% 120% at 100% 0%, #f3dfd2 0%, rgba(243, 223, 210, 0) 55%), var(--card); border: 1px solid var(--line); }
.studio-start__head { display: flex; gap: 12px; align-items: flex-start; margin-bottom: var(--s-4); }
.studio-start__head h2 { font-size: 1.25rem; margin: 0 0 4px; letter-spacing: -.02em; }
.studio-start__head p { margin: 0; color: var(--ink-2); font-size: .875rem; }
.studio-start__icon, .studio-tip__icon { flex: none; width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; background: var(--ink); color: #fff; }
.studio-start__icon .icon, .studio-tip__icon .icon { width: 18px; height: 18px; }
.quick-brief--studio { box-shadow: none; border-radius: 14px; }
.quick-brief--studio textarea { font-size: 1rem; min-height: 48px; }
.studio-start__examples { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.chip--sm { min-height: 30px; padding: 4px 10px; font-size: .78rem; }
.studio-start__or { display: flex; align-items: center; gap: 12px; margin: var(--s-4) 0 0; color: var(--muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 600; }
.studio-start__or::before, .studio-start__or::after { content: ""; flex: 1; height: 1px; background: var(--line); }
@media (max-width: 639px) { .studio-start__examples { display: none; } }

.studio-notice { display: flex; gap: 12px; align-items: flex-start; margin-bottom: var(--s-4); padding: 12px 14px; border-radius: 12px; background: var(--card); border: 1px solid var(--line); }
.studio-notice--muted { background: var(--paper-2); border-color: transparent; }
.studio-notice__icon { flex: none; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; background: var(--paper-2); color: var(--ink-2); }
.studio-notice__icon .icon { width: 15px; height: 15px; }

/* Adımlar */
.studio-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; margin-bottom: var(--s-4); position: sticky; top: var(--header-h); z-index: 5; padding: 8px 0; background: var(--paper); overflow: visible; }
.studio-steps li { min-width: 0; }
.studio-steps button { width: 100%; display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--line); border-top: 1px solid var(--line); border-radius: 12px; background: var(--card); color: var(--muted); text-align: left; cursor: pointer; transition: border-color .15s, background-color .15s, color .15s; }
.studio-steps button:hover { border-color: #c5b7a2; color: var(--ink); }
.studio-steps__n { flex: none; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--paper-2); font-family: var(--font-display); font-weight: 700; font-size: .8125rem; color: var(--ink-2); transition: background-color .15s, color .15s; }
.studio-steps__text { display: grid; min-width: 0; line-height: 1.2; }
.studio-steps__text strong { font-size: .875rem; color: inherit; }
.studio-steps__text small { font-size: .72rem; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.studio-steps [aria-current="step"] { border-color: var(--ink); color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); background: #fff; }
.studio-steps [aria-current="step"] .studio-steps__n { background: var(--ink); color: #fff; }
.studio-steps .is-done { border-color: var(--line); color: var(--ink-2); }
.studio-steps .is-done .studio-steps__n { background: var(--moss); color: #fff; }
@media (max-width: 899px) {
	.studio-steps button { flex-direction: column; justify-content: center; gap: 4px; padding: 8px 4px; text-align: center; }
	.studio-steps__text small { display: none; }
	.studio-steps__text strong { font-size: .72rem; }
}

/* Kartlar */
.studio-form { display: block; }
.studio-card { display: grid; gap: 20px; padding: var(--s-5); border: 1px solid var(--line); border-radius: 18px; background: var(--card); box-shadow: 0 1px 0 rgba(23, 19, 14, .02), 0 12px 32px -24px rgba(23, 19, 14, .25); }
@media (min-width: 768px) { .studio-card { padding: var(--s-6); } }
.studio-card__head h2 { font-size: clamp(1.3rem, 2.4vw, 1.6rem); margin: 0 0 4px; letter-spacing: -.025em; }
.studio-card__head p { margin: 0; color: var(--muted); font-size: .9rem; }
.js .studio-card.wizard-panel.is-active { animation: studio-in .25s ease-out; }
@keyframes studio-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.studio .field__label { font-size: .875rem; }
.studio legend.field__label { font-family: var(--font-body); font-weight: 600; margin-bottom: 8px; }
.field--xl .input { min-height: 56px; font-size: 1.125rem; font-weight: 600; letter-spacing: -.01em; }
.studio-counter { margin-top: -14px; text-align: right; }
.studio-group { display: grid; gap: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
.studio-group__title { display: flex; align-items: center; gap: 8px; margin: 0; font-size: .75rem; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; color: var(--muted); }
.studio-more { border: 1px solid var(--line); border-radius: 12px; padding: 0 14px; background: var(--paper); }
.studio-more > summary { list-style: none; display: flex; align-items: center; gap: 8px; padding: 12px 0; cursor: pointer; font-weight: 600; font-size: .875rem; }
.studio-more > summary::-webkit-details-marker { display: none; }
.studio-more > summary .opt { font-weight: 400; color: var(--muted); }
.studio-more[open] { padding-bottom: 14px; }
.studio-more[open] > summary { margin-bottom: 6px; }
.studio-more > *:not(summary) + * { margin-top: 14px; }

/* Seçim kartları */
.tiles { display: grid; gap: 8px; }
.tiles--goals { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
.tiles--platforms { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
.tiles--3 { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
.tile { position: relative; display: grid; align-content: start; gap: 4px; padding: 12px; border: 1px solid #ddd2c2; border-radius: 12px; background: #fff; cursor: pointer; transition: border-color .15s, box-shadow .15s, transform .1s; }
.tile--row { grid-template-columns: auto 1fr; align-items: center; gap: 10px; }
.tile input { position: absolute; opacity: 0; pointer-events: none; }
.tile:hover { border-color: #c5b7a2; }
.tile:active { transform: scale(.99); }
.tile:has(input:checked) { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.tile:has(input:focus-visible) { box-shadow: inset 0 0 0 1px var(--ink), 0 0 0 4px rgba(23, 19, 14, .08); }
.tile__icon { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; background: var(--paper-2); color: var(--ink-2); transition: background-color .15s, color .15s; }
.tile__icon .icon { width: 16px; height: 16px; }
.tile:has(input:checked) .tile__icon { background: var(--ink); color: #fff; }
.tile__label { font-weight: 600; font-size: .875rem; line-height: 1.3; color: var(--ink); }
.tile__text { font-size: .75rem; color: var(--muted); line-height: 1.35; }
.tile--row .tile__label { font-size: .9rem; }
.chips--pick { gap: 6px; }
.chips--pick .chip { min-height: 34px; padding: 5px 12px; background: #fff; border-color: #ddd2c2; }

/* Sayı artır/azalt */
.stepper { display: flex; align-items: stretch; max-width: 180px; }
.stepper__btn { flex: none; width: 46px; border: 1px solid #ddd2c2; background: var(--paper-2); color: var(--ink); font-size: 1.25rem; line-height: 1; cursor: pointer; transition: background-color .15s; }
.stepper__btn:first-child { border-radius: 10px 0 0 10px; border-right: 0; }
.stepper__btn:last-child { border-radius: 0 10px 10px 0; border-left: 0; }
.stepper__btn:hover { background: var(--paper-3); }
.stepper__input { border-radius: 0 !important; text-align: center; font-weight: 700; -moz-appearance: textfield; }
.stepper__input::-webkit-outer-spin-button, .stepper__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.quick-dates { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.budget-total { margin: 10px 0 0; padding: 10px 12px; border-radius: 10px; background: var(--paper-2); font-size: .8125rem; color: var(--ink-2); }

/* Gezinme */
.studio-nav { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: var(--s-4); padding: 12px 0 0; border-top: 0; }
.studio-nav__step { font-size: .8125rem; color: var(--muted); font-weight: 600; }
@media (max-width: 899px) {
	.studio-nav { position: sticky; bottom: 0; z-index: 6; margin: var(--s-4) calc(var(--gutter) * -1) 0; padding: 10px var(--gutter) calc(10px + env(safe-area-inset-bottom)); background: rgba(251, 248, 243, .96); backdrop-filter: blur(8px); border-top: 1px solid var(--line); }
}
.studio-submit { margin-top: var(--s-5); padding: var(--s-5); border-radius: 18px; background: var(--card); border: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.studio-submit .trust-note { flex-basis: 100%; }

/* Önizleme ve hazırlık */
.studio-preview__kicker, .studio-check__title { display: flex; align-items: center; gap: 6px; margin: 0 0 8px; font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; color: var(--muted); }
.ccard--preview { pointer-events: none; box-shadow: 0 18px 40px -28px rgba(23, 19, 14, .45); }
.ccard--preview .ccard__title { font-family: var(--font-display); font-weight: 700; overflow-wrap: anywhere; }
.ccard--preview .is-empty { color: #b0a698; }
.ccard--preview .badge.is-empty { color: var(--muted); }
.studio-check { padding: var(--s-4); border: 1px solid var(--line); border-radius: 16px; background: var(--card); }
.studio-check__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.studio-check__list li { display: flex; align-items: center; gap: 10px; font-size: .875rem; color: var(--muted); transition: color .2s; }
.studio-check__list .tick { flex: none; width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid var(--line-strong); display: grid; place-items: center; color: transparent; transition: background-color .2s, border-color .2s, color .2s; }
.studio-check__list .tick .icon { width: 12px; height: 12px; }
.studio-check__list li.is-done { color: var(--ink); }
.studio-check__list li.is-done .tick { background: var(--moss); border-color: var(--moss); color: #fff; }
.studio-tip { display: flex; gap: 10px; align-items: flex-start; padding: var(--s-4); border-radius: 16px; background: var(--paper-2); color: var(--ink-2); }
.studio-tip__icon { width: 30px; height: 30px; border-radius: 9px; }

/* ✦ AI düğmesi ve öneri paneli */
.field { position: relative; }
.field__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; }
.ai-chip { display: inline-flex; align-items: center; gap: 5px; flex: none; height: 26px; padding: 0 10px 0 8px; border: 0; border-radius: 999px; background: linear-gradient(135deg, #1f1a14 0%, #4a2c1c 100%); color: #fff; font-size: .72rem; font-weight: 700; letter-spacing: .04em; cursor: pointer; box-shadow: 0 4px 12px -6px rgba(179, 64, 27, .7); transition: transform .12s, box-shadow .15s; }
.ai-chip .icon { width: 13px; height: 13px; color: #f3b58f; }
.ai-chip:hover { transform: translateY(-1px); box-shadow: 0 8px 18px -8px rgba(179, 64, 27, .8); }
.ai-chip[aria-busy="true"] .icon { animation: ai-spin 1s linear infinite; }
.ai-chip[aria-expanded="true"] { background: var(--brick); }
html:not(.js) .ai-chip { display: none; }
@keyframes ai-spin { to { transform: rotate(360deg); } }
.ai-pop { position: relative; z-index: 8; margin-top: 8px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 24px 48px -24px rgba(23, 19, 14, .35); animation: studio-in .18s ease-out; overflow: hidden; }
.ai-pop__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 8px 8px 14px; border-bottom: 1px solid var(--line); background: var(--paper); }
.ai-pop__source { display: inline-flex; align-items: center; gap: 6px; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--brick-ink); }
.ai-pop__source::before { content: "✦"; }
.ai-pop__tools { display: flex; gap: 4px; }
.ai-pop__tool { height: 28px; padding: 0 10px; border: 0; border-radius: 8px; background: transparent; color: var(--ink-2); font-size: .8125rem; font-weight: 600; cursor: pointer; }
.ai-pop__tool:hover { background: var(--paper-2); color: var(--ink); }
.ai-pop__tool--x { font-size: 1.2rem; padding: 0 8px; }
.ai-pop__body { display: grid; gap: 8px; padding: 10px; max-height: 360px; overflow-y: auto; }
.ai-pop__item { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; transition: border-color .15s, background-color .15s; }
.ai-pop__item:hover { border-color: #c5b7a2; background: var(--paper); }
.ai-pop__item--long { flex-direction: column; align-items: stretch; }
.ai-pop__text { margin: 0; font-size: .9rem; line-height: 1.5; white-space: pre-wrap; color: var(--ink); }
.ai-pop__actions { display: flex; gap: 6px; flex: none; }
.ai-pop__item--long .ai-pop__actions { justify-content: flex-end; }
.ai-pop__loading { display: grid; gap: 8px; padding: 6px; }
.ai-pop__shimmer { height: 14px; border-radius: 6px; background: linear-gradient(90deg, var(--paper-2) 0%, #fff 50%, var(--paper-2) 100%); background-size: 200% 100%; animation: ai-shimmer 1.1s linear infinite; }
.ai-pop__shimmer--short { width: 60%; }
@keyframes ai-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
.field.is-filled .input, .field.is-filled .textarea { animation: ai-filled 1.2s ease-out; }
@keyframes ai-filled { 0% { box-shadow: 0 0 0 4px rgba(179, 64, 27, .25); border-color: var(--brick); } 100% { box-shadow: 0 1px 1px rgba(23, 19, 14, .03); } }
@media (prefers-reduced-motion: reduce) { .ai-pop, .studio-card.wizard-panel.is-active { animation: none; } }
.tiles--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 639px) { .tiles--3 .tile { justify-items: center; text-align: center; padding: 12px 6px; } .tiles--3 .tile__text { display: none; } .tiles--3 .tile__label { font-size: .8125rem; } }

/* Ana sayfa başlığı: el çizimi alt çizgi ----------------------------------- */
.hero h1 { max-width: 15ch; font-size: clamp(2.3rem, 5.4vw, 4.4rem); line-height: 1.03; }
.hero__mark { position: relative; display: inline-block; white-space: nowrap; color: var(--brick); }
.hero__underline { position: absolute; left: -3%; bottom: -.16em; width: 106%; height: .34em; overflow: visible; pointer-events: none; }
.hero__underline path { fill: none; stroke: #f0b08a; stroke-width: 6; stroke-linecap: round; vector-effect: non-scaling-stroke; stroke-dasharray: 1; stroke-dashoffset: 1; animation: hero-draw .8s .35s cubic-bezier(.65, 0, .35, 1) forwards; }
.hero__underline .hero__underline-2 { stroke-width: 4; opacity: .75; animation-delay: .75s; }
@keyframes hero-draw { to { stroke-dashoffset: 0; } }
@media (max-width: 479px) { .hero h1 { font-size: clamp(2rem, 9.6vw, 2.5rem); } .hero__underline path { stroke-width: 4; } .hero__underline .hero__underline-2 { stroke-width: 3; } }
@media (prefers-reduced-motion: reduce) { .hero__underline path { animation: none; stroke-dashoffset: 0; } }

/* ==========================================================================
   Başlık v2 — yüzen kapsül
   ========================================================================== */
:root { --header-h: 72px; }
@media (min-width: 768px) { :root { --header-h: 80px; } }
.site-header { position: sticky; top: 0; z-index: 50; padding: 10px 0; background: transparent; border-bottom: 0; backdrop-filter: none; pointer-events: none; transition: padding .25s ease; }
.site-header > .container { pointer-events: none; }
.site-header__bar { pointer-events: auto; height: 52px; gap: 12px; padding: 0 6px 0 16px; border-radius: 18px; background: rgba(255, 253, 249, .72); border: 1px solid rgba(203, 189, 168, .45); box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 8px 24px -18px rgba(23, 19, 14, .25); -webkit-backdrop-filter: saturate(1.6) blur(18px); backdrop-filter: saturate(1.6) blur(18px); transition: background-color .25s ease, box-shadow .25s ease, border-color .25s ease; }
@media (min-width: 768px) { .site-header__bar { height: 60px; padding: 0 8px 0 20px; border-radius: 20px; } }
.site-header.is-scrolled { padding: 8px 0; }
.site-header.is-scrolled .site-header__bar { background: rgba(255, 253, 249, .9); border-color: rgba(203, 189, 168, .6); box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 16px 40px -20px rgba(23, 19, 14, .35); }
.site-header .logo { font-size: 1.22rem; }

/* Menü: hap grubu */
@media (min-width: 1100px) { .main-nav { margin: 0 auto; } }
.main-nav ul { gap: 2px; padding: 4px; border-radius: 999px; background: rgba(235, 226, 212, .55); }
.main-nav a, .main-nav__trigger { display: inline-flex; align-items: center; gap: 4px; height: 36px; padding: 0 14px; border: 0; border-radius: 999px; background: transparent; font: 500 .9rem/1 var(--font-body); color: var(--ink-2); text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color .15s, color .15s, box-shadow .15s; }
.main-nav a:hover, .main-nav__trigger:hover { background: rgba(255, 255, 255, .7); color: var(--ink); }
.main-nav a[aria-current="page"], .main-nav__trigger.is-active { background: #fff; color: var(--ink); font-weight: 600; box-shadow: 0 1px 2px rgba(23, 19, 14, .08), 0 4px 10px -6px rgba(23, 19, 14, .18); border-radius: 999px; }
.main-nav__trigger .icon { width: 15px; height: 15px; color: var(--muted); transition: transform .2s; }
.main-nav__trigger[aria-expanded="true"] { background: #fff; color: var(--ink); }
.main-nav__trigger[aria-expanded="true"] .icon { transform: rotate(180deg); }
.main-nav__group { position: relative; }
.menu--nav { left: 50%; right: auto; translate: -50% 0; top: calc(100% + 12px); min-width: 330px; padding: 8px; border-radius: 16px; animation: studio-in .16s ease-out; }
.menu--nav a { align-items: flex-start; gap: 12px; padding: 10px; border-radius: 12px; height: auto; white-space: normal; }
.menu--nav a[aria-current="page"] { background: var(--paper-2); box-shadow: none; }
.menu--nav__icon { flex: none; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--paper-2); }
.menu--nav a:hover .menu--nav__icon { background: #fff; }
.menu--nav__icon .icon { width: 17px; height: 17px; color: var(--ink-2); }
.menu--nav strong { display: block; font-size: .9rem; color: var(--ink); line-height: 1.3; }
.menu--nav small { display: block; margin-top: 2px; font-size: .78rem; color: var(--muted); line-height: 1.35; }

/* Eylemler */
.header-actions { gap: 4px; }
.site-header .icon-btn { width: 40px; height: 40px; border-radius: 999px; }
.site-header .icon-btn .icon { width: 20px; height: 20px; }
.site-header .icon-btn:hover { background: rgba(235, 226, 212, .7); }
.site-header .count { top: 3px; right: 2px; border-color: #fffdf9; }
.site-header .btn { min-height: 40px; padding: 8px 16px; border-radius: 999px; font-size: .9rem; }
.site-header .btn--ghost:hover { background: rgba(235, 226, 212, .7); }
.btn--join { gap: 6px; box-shadow: 0 6px 16px -8px rgba(23, 19, 14, .6); }
.btn--join .icon { width: 15px; height: 15px; transition: transform .15s; }
.btn--join:hover .icon { transform: translateX(2px); }
.site-header .avatar-btn { border-color: rgba(203, 189, 168, .6); background: rgba(255, 255, 255, .7); }
.site-header .menu { top: calc(100% + 12px); border-radius: 16px; }
@media (max-width: 479px) {
	.site-header { padding: 8px 0; }
	.site-header > .container { padding: 0 10px; }
	.site-header__bar { padding: 0 4px 0 12px; gap: 6px; }
	.site-header .btn { min-height: 36px; padding: 6px 12px; font-size: .84rem; }
	.site-header .icon-btn { width: 36px; height: 36px; }
	.btn--join .icon { display: none; }
}
/* Başlığın altındaki içerik kapsülün arkasından akar; sayfa başı boşluğu korunur */
.notice-bar + .site-header, .site-header { margin-bottom: 0; }
.feature > * { min-width: 0; }

/* Giriş/kayıt yan paneli: video / görsel + overlay ------------------------ */
.auth__aside-inner { position: relative; overflow: hidden; isolation: isolate; }
.auth__aside-content { position: relative; z-index: 2; display: grid; gap: var(--s-5); }
.auth__media { position: absolute; inset: 0; z-index: 0; }
.auth__video, .auth__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.auth__overlay { position: absolute; inset: 0; z-index: 1; transition: opacity .3s; }
.auth__aside-inner--media { background: #1a1611; border-color: transparent; }
.auth__aside-inner--light .auth__quote { color: #fff; text-shadow: 0 2px 24px rgba(0, 0, 0, .25); }
.auth__aside-inner--light .auth__points li { color: rgba(255, 255, 255, .9); }
.auth__aside-inner--light .auth__points .icon { background: #fff; color: var(--ink); }
.auth__aside-inner--dark { background: var(--paper-2); }
@media (max-width: 359px) { .site-header--member .header-actions [data-search-open] { display: none; } .site-header .icon-btn { width: 34px; height: 34px; } .site-header .avatar { --size: 30px !important; } .site-header__bar { padding-left: 10px; } }

/* Profil kurulum sihirbazı (/profilim/kurulum) ---------------------------- */
.setup { max-width: 720px; margin: 0 auto; }
.setup-head { display: grid; gap: var(--s-3); margin-bottom: var(--s-5); }
.setup-head .progress { margin: 0; }
.setup-rail { list-style: none; margin: 0 0 var(--s-5); padding: 0; display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.setup-rail::-webkit-scrollbar { display: none; }
.setup-rail li { flex: 1 0 auto; }
.setup-rail a { display: flex; gap: 7px; align-items: center; padding: 9px 10px; border-top: 3px solid var(--line); font-size: .8125rem; font-weight: 600; color: var(--muted); text-decoration: none; white-space: nowrap; }
.setup-rail a:hover { color: var(--ink); }
.setup-rail__n { display: grid; place-items: center; width: 20px; height: 20px; flex: none; border-radius: 50%; border: 1.5px solid currentColor; font-size: .6875rem; font-family: var(--font-display); }
.setup-rail .is-done { border-top-color: var(--brick); color: var(--ink-2); }
.setup-rail .is-done .setup-rail__n { background: var(--moss); border-color: var(--moss); color: #fff; }
.setup-rail .is-done .setup-rail__n .icon { width: 12px; height: 12px; }
.setup-rail [aria-current="step"] { border-top-color: var(--ink); color: var(--ink); }
.setup-card { background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); padding: var(--s-6); }
.setup-title { font-size: clamp(1.5rem, 3.4vw, 2rem); line-height: 1.12; letter-spacing: -.02em; margin: 0 0 var(--s-3); }
.setup-card .lede { font-size: 1rem; }
.setup-photo { display: grid; gap: var(--s-5); align-items: center; justify-items: center; text-align: center; margin-bottom: var(--s-4); }
.setup-photo > form { width: 100%; text-align: left; }
.setup-photo .avatar { overflow: hidden; }
.setup-photo .avatar img { width: 100%; height: 100%; object-fit: cover; }
.setup-photo .avatar .icon { width: 44px; height: 44px; color: var(--muted); }
.setup-nav { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: var(--s-5); padding-top: var(--s-5); border-top: 1px solid var(--line); }
@media (min-width: 640px) {
	.setup-photo { grid-template-columns: auto 1fr; justify-items: start; text-align: left; }
}