/* =========================================================================
   CinInvest — design tokens
   ========================================================================= */
:root {
	--c-red-700: #8E0E12;   /* тёмно-красный — кнопки выбора роли */
	--c-red-600: #C6161C;   /* основной красный — CTA */
	--c-red-600-hover: #A50E15;
	--c-red-050: #FBEAEB;

	--c-ink: #1B1B1D;       /* заголовки / основной текст */
	--c-body: #55555A;      /* лейблы / вторичный текст */
	--c-muted: #8C8C90;     /* плейсхолдеры */
	--c-line: #DEDEE1;      /* границы полей */
	--c-line-soft: #ECECEE;
	--c-bg: #FFFFFF;
	--c-bg-muted: #F6F6F7;
	--c-danger: #C6161C;

	--font-display: 'Montserrat', system-ui, sans-serif;
	--font-body: 'Montserrat', system-ui, sans-serif;

	--radius-s: 8px;
	--radius-m: 12px;
	--radius-l: 16px;
	--radius-pill: 999px;

	--container-w: 430px;
}

/* =========================================================================
   Reset & base
   ========================================================================= */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	font-family: var(--font-body);
	color: var(--c-ink);
	background: var(--c-bg);
	-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }
input { font: inherit; color: var(--c-ink); }

:focus-visible {
	outline: 2px solid var(--c-red-600);
	outline-offset: 2px;
}

/* =========================================================================
   Типографика
   ========================================================================= */
.cin-h1, .cin-h2 {
	font-family: var(--font-display);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	line-height: 1.1;
	color: var(--c-ink);
	margin: 0 0 8px;
}
.cin-h1 { font-size: 26px; }
.cin-h2 { font-size: 22px; }
.cin-center { text-align: center; }

.cin-note {
	font-size: 13px;
	color: var(--c-muted);
	line-height: 1.5;
	margin: 20px 0 0;
}

.cin-link {
	color: var(--c-red-600);
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	margin: 4px 0 20px;
}
.cin-link:hover { color: var(--c-red-600-hover); }

.cin-alert {
	background: var(--c-red-050);
	color: var(--c-red-600);
	border: 1px solid var(--c-red-600);
	border-radius: var(--radius-s);
	padding: 10px 14px;
	font-size: 13px;
	margin: 0 0 16px;
}

/* =========================================================================
   Кнопки
   ========================================================================= */
.cin-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: none;
	border-radius: var(--radius-pill);
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 15px;
	padding: 15px 22px;
	transition: background-color .15s ease, color .15s ease, opacity .15s ease;
}
.cin-btn--block { width: 100%; }

.cin-btn--primary {
	background: var(--c-red-600);
	color: #fff;
}
.cin-btn--primary:hover { background: var(--c-red-600-hover); }

.cin-btn--ghost {
	background: var(--c-bg-muted);
	color: var(--c-ink);
}
.cin-btn--ghost:hover { background: var(--c-line-soft); }

.cin-btn--role {
	width: 100%;
	background: var(--c-red-700);
	color: #fff;
	border-radius: var(--radius-m);
	padding: 18px 20px;
	font-size: 16px;
	text-transform: none;
}
.cin-btn--role:hover,
.cin-btn--role.is-active { background: var(--c-red-600); }

/* =========================================================================
   Поля форм
   ========================================================================= */
.cin-form { display: flex; flex-direction: column; }

.cin-field { margin-bottom: 16px; }
.cin-field label {
	display: block;
	font-size: 13px;
	color: var(--c-body);
	margin-bottom: 6px;
}
.cin-field input {
	width: 100%;
	border: 2px solid #E5E5E5;
	border-radius: var(--radius-s);
	padding: 13px 14px;
	background: var(--c-bg);
	font-size: 15px;
}
.cin-field input::placeholder { color: var(--c-muted); }
.cin-field input:focus { border-color: var(--c-red-600); }

.cin-field.is-invalid input { border-color: var(--c-danger); }
.cin-field__error {
	display: block;
	color: var(--c-danger);
	font-size: 12px;
	margin-top: 6px;
}

.cin-input-with-icon { position: relative; }
.cin-input-with-icon input { padding-right: 44px; }
.cin-toggle-pass {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	background: none;
	border: none;
	padding: 6px;
	color: var(--c-muted);
	display: flex;
}
.cin-toggle-pass.is-visible { color: var(--c-red-600); }

.cin-checkbox {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 13px;
	color: var(--c-body);
	line-height: 1.4;
	margin-bottom: 8px;
	cursor: pointer;
}
.cin-checkbox input {
	width: 18px;
	height: 18px;
	margin-top: 1px;
	accent-color: var(--c-red-600);
	flex-shrink: 0;
}
.cin-checkbox.is-invalid { color: var(--c-danger); }

.cin-form-foot {
	text-align: center;
	font-size: 13px;
	color: var(--c-body);
	margin-top: 20px;
}
.cin-form-foot a { color: var(--c-red-600); font-weight: 600; }

.cin-form-head { margin-bottom: 24px; }
.cin-form-head__sub {
	font-size: 13px;
	color: var(--c-body);
	margin: 0;
	line-height: 1.5;
}
.cin-form-head__sub a { color: var(--c-red-600); font-weight: 600; }

.cin-form-actions {
	display: flex;
	gap: 12px;
	margin-top: 8px;
}
.cin-form-actions .cin-btn--ghost { flex: 0 0 auto; }
.cin-form-actions .cin-btn--primary { flex: 1 1 auto; }

/* =========================================================================
   Экраны авторизации (Вход / Регистрация)
   ========================================================================= */
.cin-auth-body {
	background: var(--c-bg-muted);
}
.cin-auth {
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 0;
}
.cin-auth__card {
	width: 100%;
	max-width: var(--container-w);
	min-height: 100vh;
	background: var(--c-bg);
	padding: 24px 20px 60px;
}
@media (min-width: 560px) {
	.cin-auth { align-items: center; padding: 40px 16px; }
	.cin-auth__card {
		min-height: auto;
		border-radius: var(--radius-l);
		box-shadow: 0 20px 60px rgba(0,0,0,.12);
	}
}

.cin-auth__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
}
.cin-logo-icon { color: var(--c-red-600); }
.cin-auth__close {
	color: var(--c-ink);
	display: flex;
	padding: 4px;
}

.cin-role-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 28px;
}

/* Шаги регистрации */
.cin-reg__step[hidden] { display: none; }

/* =========================================================================
   Основной сайт-хедер / футер (для остальных экранов, следующие этапы)
   ========================================================================= */
.cin-site-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	background: #fff;
	box-shadow: 0 0 30px #D4D4D4;
	position: relative;
	z-index: 20;
}
.cin-logo { display: inline-flex; align-items: center; gap: 8px; color: var(--c-ink); }
.cin-logo .cin-logo-icon { color: var(--c-red-600); width: 22px; height: 22px; }
.cin-logo__word { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.01em; font-size: 16px; }
.cin-logo__word--accent { color: var(--c-red-600); }

.cin-site-header__nav { display: flex; align-items: center; gap: 16px; font-size: 14px; }
.cin-burger { background: none; border: none; width: 22px; height: 16px; position: relative; padding: 0; }
.cin-burger span { display: block; height: 2px; background: var(--c-ink); margin: 4px 0; }

.cin-site-footer {
	position: relative;
	background: #333333;
	color: #C9C9CC;
	padding: 32px 20px;
	font-size: 13px;
	overflow: hidden;
}
.cin-site-footer__glow-1,
.cin-site-footer__glow-2 { content: ""; position: absolute; width: 300px; height: 300px; border-radius: 50%; background: #000; filter: blur(80px); pointer-events: none; z-index: 0; }
.cin-site-footer__glow-1 { right: -150px; top: -150px; }
.cin-site-footer__glow-2 { left: -150px; bottom: -150px; }
.cin-site-footer__inner { position: relative; z-index: 1; max-width: var(--container-w); margin: 0 auto; }
.cin-site-footer h3 { color: #fff; font-size: 16px; font-weight: 500; margin: 0 0 10px; }
.cin-site-footer__logo .cin-logo,
.cin-site-footer__logo .cin-logo-icon,
.cin-site-footer__logo .cin-logo__word,
.cin-site-footer__logo .cin-logo__word--accent { color: #fff !important; }

.cin-site-footer__col { margin-top: 24px; }
.cin-site-footer__col ul { list-style: none; padding: 0; margin: 0 0 10px; }
.cin-site-footer__col a,
.cin-site-footer a { display: inline-block; margin: 4px 0; color: #C9C9CC !important; text-decoration: none !important; }
.cin-site-footer__col a:hover { color: #fff !important; }
.cin-site-footer__row { display: flex; gap: 20px; justify-content: space-between; }
.cin-site-footer__col--compact { margin-top: 24px; flex: 1; }
.cin-site-footer__social { display: flex; gap: 10px; margin-top: 10px; }
.cin-social-icon { width: 30px; height: 30px; display: inline-flex; }
.cin-social-icon svg { width: 100%; height: 100%; }
.cin-site-footer__copy { margin-top: 32px; text-align: center; color: #A9A9AE; }

/* =========================================================================
   Утилиты
   ========================================================================= */
.cin-page { padding: 24px 20px; }

/* =========================================================================
   Общие блоки страниц (hero / lead / доп. заголовки)
   ========================================================================= */
.cin-page { padding: 24px 20px 60px; max-width: var(--container-w); margin: 0 auto; }
.cin-hero { padding: 28px 20px 60px; max-width: var(--container-w); margin: 0 auto; }
.cin-hero--account { padding-top: 20px; }
.cin-hero__eyebrow { font-size: 13px; color: var(--c-body); margin: 0 0 10px; }
.cin-lead { font-size: 14px; color: var(--c-body); line-height: 1.6; margin: 0 0 16px; }
.cin-h3 { font-family: var(--font-display); font-weight: 700; font-size: 17px; text-transform: uppercase; letter-spacing: -0.01em; margin: 28px 0 14px; }
.cin-h4 { font-family: var(--font-display); font-weight: 700; font-size: 15px; margin: 18px 0 8px; }
.cin-note { font-size: 12px; color: var(--c-muted); line-height: 1.5; }
.cin-center-block { display: flex; width: fit-content; margin: 24px auto 0; }
.cin-empty { font-size: 14px; color: var(--c-muted); text-align: center; padding: 32px 0; }

/* Требования (квал. инвестор) */
.cin-req-list { display: flex; flex-direction: column; gap: 10px; margin: 20px 0; }
.cin-req-card { background: var(--c-bg-muted); border-radius: var(--radius-m); padding: 14px 16px; font-size: 13px; line-height: 1.6; color: var(--c-body); }

/* Выбор роли/типа (карточки-радио) */
.cin-choice-list { display: flex; flex-direction: column; gap: 10px; margin: 24px 0 16px; }
.cin-choice { display: flex; align-items: center; gap: 10px; padding: 16px; border: 1px solid var(--c-line); border-radius: var(--radius-m); background: #fff; font-size: 15px; font-weight: 600; text-align: left; color: var(--c-ink); }
.cin-choice__flag { width: 4px; height: 22px; border-radius: 2px; background: var(--c-line); flex-shrink: 0; }
.cin-choice.is-active { border-color: var(--c-red-600); color: var(--c-red-600); }
.cin-choice.is-active .cin-choice__flag { background: var(--c-red-600); }
.cin-warning { color: var(--c-red-600); font-size: 13px; font-weight: 600; text-align: center; line-height: 1.5; margin: 16px 0; }

/* =========================================================================
   Загрузка файлов
   ========================================================================= */
.cin-upload { margin-bottom: 18px; }
.cin-upload > label { display: block; font-size: 13px; color: var(--c-body); margin-bottom: 8px; }
.cin-upload__box { background: #F1F1F1; border: 2px dashed #B0B0B0; border-radius: var(--radius-m); padding: 16px; display: flex; flex-direction: column; gap: 10px; align-items: center; text-align: center; cursor: pointer; }
.cin-upload__icon { width: 36px; height: 36px; border-radius: 8px; background: #C6C6C6; }
.cin-upload__hint { font-size: 12px; color: var(--c-muted); line-height: 1.5; }
.cin-upload__btn { font-size: 13px; padding: 10px 16px; }
.cin-upload__box.has-file .cin-upload__hint { color: var(--c-red-600); }

.cin-field-pair { display: flex; gap: 10px; margin-bottom: 16px; }
.cin-field-pair .cin-field { flex: 1; margin-bottom: 0; }
.cin-field-pair--dates { margin-bottom: 20px; }
.cin-field textarea { width: 100%; border: 2px solid #E5E5E5; border-radius: var(--radius-s); padding: 13px 14px; font-size: 15px; font-family: var(--font-body); background: #fff; resize: vertical; }
.cin-field textarea::placeholder { color: var(--c-muted); }
.cin-field select {
	width: 100%;
	border: none;
	border-radius: var(--radius-s);
	padding: 15px;
	font-size: 15px;
	font-family: var(--font-body);
	background: #E5E5E5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 15px center;
	appearance: none;
	-webkit-appearance: none;
	color: #333;
}
.cin-btn--sm { padding: 9px 14px; font-size: 13px; margin-top: 8px; }
.cin-checkbox--period { font-weight: 600; color: var(--c-ink); margin-top: 18px; }

/* =========================================================================
   Карточка баланса
   ========================================================================= */
.cin-balance { background: #fff; border: 1px solid var(--c-line-soft); border-radius: var(--radius-l); padding: 20px; margin: 20px 0 28px; }
.cin-balance__row { display: flex; justify-content: space-between; align-items: baseline; padding: 10px 0; }
.cin-balance__label { font-size: 13px; color: var(--c-body); }
.cin-balance__value { font-size: 16px; font-weight: 700; color: var(--c-ink); }
.cin-balance__free { border: 1px solid var(--c-line); border-radius: var(--radius-m); padding: 14px 16px; margin: 10px 0 18px; display: flex; flex-direction: column; gap: 4px; }
.cin-balance__free .cin-balance__label { color: var(--c-muted); }
.cin-balance__free .cin-balance__value { font-size: 18px; }
.cin-balance__form { margin-top: 10px; }

/* =========================================================================
   Табы кабинета
   ========================================================================= */
.cin-tabs { display: flex; gap: 20px; border-bottom: 1px solid var(--c-line-soft); margin: 0 0 20px; overflow-x: auto; }
.cin-tabs__btn { background: none; border: none; padding: 10px 0; font-size: 14px; font-weight: 600; color: var(--c-muted); white-space: nowrap; border-bottom: 2px solid transparent; }
.cin-tabs__btn.is-active { color: var(--c-red-600); border-color: var(--c-red-600); }
.cin-tab-panel[hidden] { display: none; }

/* =========================================================================
   Профиль
   ========================================================================= */
.cin-profile__title { display: flex; align-items: center; gap: 10px; }
.cin-icon-btn { background: none; border: none; color: var(--c-muted); display: inline-flex; padding: 2px; }
.cin-icon-btn:hover { color: var(--c-red-600); }
.cin-avatar-upload { margin-bottom: 18px; }
.cin-avatar-upload__box { display: flex; align-items: center; justify-content: center; width: 180px; height: 180px; border-radius: 10px; background: #E5E5E5; color: #333; font-size: 14px; text-align: center; overflow: hidden; cursor: pointer; }
.cin-avatar-upload__box img { width: 100%; height: 100%; object-fit: cover; }
.cin-field input:disabled, .cin-field textarea:disabled { background: var(--c-bg-muted); color: var(--c-ink); opacity: 1; }
.cin-field select:disabled { opacity: 1; color: #333; }

.cin-profile__docs { margin-top: 8px; }
.cin-doc-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--c-line-soft); font-size: 13px; }
.cin-doc-row__masked { color: var(--c-muted); flex: 1; }
.cin-doc-row--file { align-items: flex-start; flex-direction: column; gap: 8px; }
.cin-doc-row--file small { color: var(--c-muted); }
.cin-doc-row__actions { display: flex; gap: 14px; }
.cin-link-inline { color: var(--c-red-600); font-weight: 600; }

/* =========================================================================
   История операций
   ========================================================================= */
.cin-op { display: flex; gap: 14px; background: #fff; border: 1px solid var(--c-line-soft); border-radius: var(--radius-m); padding: 16px; margin-bottom: 12px; align-items: flex-start; }
.cin-op__icon { width: 44px; height: 44px; border-radius: var(--radius-s); flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: #fff; }
.cin-op__icon svg { width: 22px; height: 22px; }
.cin-op__icon.is-withdraw { background: linear-gradient(135deg,#F4C21C,#E0930C); }
.cin-op__icon.is-topup    { background: linear-gradient(135deg,#3FC65A,#1F9E3E); }
.cin-op__icon.is-perks    { background: linear-gradient(135deg,#E23B3B,#B5161C); }
.cin-op__icon.is-buy      { background: linear-gradient(135deg,#C6161C,#8E0E12); }
.cin-op__icon.is-sell     { background: linear-gradient(135deg,#3AA0E0,#1E6FB0); }
.cin-op__body { flex: 1; display: flex; flex-direction: column; gap: 4px; }
.cin-op__title { font-weight: 700; font-size: 15px; }
.cin-op__date { font-size: 12px; color: var(--c-muted); }
.cin-op__more { align-self: flex-start; background: none; border: none; padding: 4px 0 0; color: var(--c-muted); font-size: 12px; }
.cin-op__amount { text-align: right; display: flex; flex-direction: column; gap: 4px; }
.cin-op__sum { font-weight: 700; font-size: 15px; }
.cin-op__sum.is-negative { color: var(--c-red-600); }
.cin-op__sum.is-positive { color: #1F9E3E; }
.cin-op__shares { font-size: 12px; color: var(--c-muted); }

/* =========================================================================
   Модальные окна
   ========================================================================= */
.cin-modal { position: fixed; inset: 0; z-index: 100; display: flex; align-items: flex-end; justify-content: center; }
.cin-modal[hidden] { display: none; }
.cin-modal__backdrop { position: absolute; inset: 0; background: rgba(20,20,22,.5); }
.cin-modal__panel { position: relative; width: 100%; max-width: var(--container-w); background: #fff; border-radius: 24px 24px 0 0; padding: 28px 20px 36px; max-height: 88vh; overflow-y: auto; }
@media (min-width: 560px) {
	.cin-modal { align-items: center; }
	.cin-modal__panel { border-radius: var(--radius-l); }
}
.cin-modal__close { position: absolute; top: 20px; right: 20px; background: none; border: none; color: var(--c-ink); padding: 4px; }
.cin-modal__title { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; font-size: 20px; margin: 0 0 16px; padding-right: 30px; }
.cin-modal__project { font-size: 13px; color: var(--c-muted); margin: -10px 0 16px; }
.cin-modal__text { font-size: 14px; color: var(--c-body); line-height: 1.6; margin: 0 0 20px; }
.cin-modal__items { list-style: none; margin: 0 0 18px; padding: 0; background: var(--c-bg-muted); border-radius: var(--radius-m); }
.cin-modal__items li { display: flex; justify-content: space-between; padding: 12px 14px; font-size: 13px; border-bottom: 1px solid #fff; }
.cin-modal__items li:last-child { border-bottom: none; }
.cin-modal__rows { margin: 0; }
.cin-modal__row { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid var(--c-line-soft); font-size: 14px; }
.cin-modal__row dt { color: var(--c-body); font-weight: 400; }
.cin-modal__row dd { margin: 0; font-weight: 700; }

/* =========================================================================
   Кабинет инвестора — инвестиции
   ========================================================================= */
.cin-invest-card { background: #fff; border: 1px solid var(--c-line-soft); border-radius: var(--radius-m); padding: 18px; margin-bottom: 14px; }
.cin-invest-card__head { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.cin-invest-card__avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--c-bg-muted); flex-shrink: 0; }
.cin-invest-card__head strong { display: block; font-size: 14px; }
.cin-invest-card__head small { color: var(--c-muted); font-size: 12px; }
.cin-invest-card__shares { margin-left: auto; text-align: right; font-size: 13px; font-weight: 700; }
.cin-invest-card__amount { display: flex; justify-content: space-between; font-size: 13px; color: var(--c-body); margin-bottom: 10px; }
.cin-invest-card__amount strong { color: var(--c-ink); }
.cin-invest-card__collected { display: flex; justify-content: space-between; font-size: 13px; color: var(--c-body); margin-bottom: 10px; }
.cin-invest-card__collected strong { color: var(--c-ink); }
.cin-invest-card__sell { background: none; border: none; padding: 12px 0 0; font-size: 13px; }

.cin-progress { height: 6px; border-radius: 3px; background: var(--c-line-soft); overflow: hidden; }
.cin-progress__bar { height: 100%; width: var(--progress, 0%); background: var(--c-red-600); border-radius: 3px; }
.cin-progress__meta { display: flex; justify-content: space-between; font-size: 12px; color: var(--c-muted); margin-top: 6px; }

/* Спонсор — взносы */
.cin-perk-card { display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid var(--c-line-soft); border-radius: var(--radius-m); padding: 16px; margin-bottom: 12px; flex-wrap: wrap; }
.cin-perk-card__icon { width: 40px; height: 40px; border-radius: var(--radius-s); background: var(--c-red-700); color: #fff; display: flex; align-items: center; justify-content: center; }
.cin-perk-card__icon svg { width: 20px; height: 20px; }
.cin-perk-card__body { display: flex; flex-direction: column; }
.cin-perk-card__body strong { font-size: 14px; }
.cin-perk-card__body small { color: var(--c-muted); font-size: 12px; }
.cin-perk-card__amount { margin-left: auto; font-weight: 700; }
.cin-perk-card__reward { width: 100%; }

/* Кинематографист — заявки/проекты */
.cin-app-card { display: flex; gap: 14px; background: #fff; border: 1px solid var(--c-line-soft); border-radius: var(--radius-m); padding: 14px; margin-bottom: 14px; }
.cin-app-card__media { width: 76px; height: 76px; border-radius: var(--radius-s); background: linear-gradient(135deg,#2b2b2f,#111113); flex-shrink: 0; }
.cin-app-card__body { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.cin-app-card__desc { font-size: 12px; color: var(--c-muted); line-height: 1.5; margin: 0; }
.cin-app-card__meta { display: flex; justify-content: space-between; font-size: 12px; color: var(--c-body); margin-top: 6px; }
.cin-app-card__meta strong { color: var(--c-ink); font-size: 13px; }
.cin-app-card__foot { display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: var(--c-muted); margin-top: 4px; }
.cin-app-card__reason { align-self: flex-start; background: none; border: none; color: var(--c-red-600); font-size: 12px; font-weight: 700; padding: 0; }

.cin-badge { display: inline-block; font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: var(--radius-pill); width: fit-content; }
.cin-badge.is-draft     { background: #EFEFF1; color: #6A6A6E; }
.cin-badge.is-submitted { background: #FBEAEB; color: var(--c-red-600); }
.cin-badge.is-review    { background: #FFF3D6; color: #9A6B00; }
.cin-badge.is-approved  { background: #E6F6EA; color: #1F9E3E; }
.cin-badge.is-rejected  { background: #FBEAEB; color: var(--c-red-600); }

.cin-btn--add { justify-content: flex-start; gap: 14px; margin-bottom: 18px; }
.cin-btn--add svg { margin-left: auto; }

.cin-btn--add-stacked { flex-direction: column; gap: 10px; background: #E5E5E5; color: #333; padding: 15px; margin-bottom: 20px; }

.cin-mproject-card--app .cin-mproject-card__media { position: relative; }
.cin-app-status-overlay { position: absolute; left: 0; top: 0; background: var(--c-red-600); color: #fff; font-size: 12px; font-weight: 500; padding: 10px 14px; border-radius: 10px 0 10px 0; }
.cin-app-reason-overlay { position: absolute; right: 0; top: 0; display: inline-flex; align-items: center; gap: 8px; background: var(--c-red-600); color: #fff; font-size: 12px; font-weight: 500; padding: 10px 14px; border-radius: 0 10px 0 10px; border: none; }
.cin-app-status-text { font-size: 12px; font-weight: 500; color: var(--c-red-600); margin: 0 0 8px; }

/* =========================================================================
   Верификация (флоу)
   ========================================================================= */
.cin-verify__step[hidden] { display: none; }
.cin-verify__substep[hidden] { display: none; }
.cin-form-actions--center { justify-content: center; }
.cin-check-list { background: var(--c-bg-muted); border-radius: var(--radius-l); padding: 24px 20px; margin-top: 24px; }
.cin-check-list__title { font-size: 13px; color: var(--c-muted); margin: 0 0 14px; }
.cin-check-item { display: flex; align-items: center; gap: 10px; font-size: 14px; padding: 8px 0; color: var(--c-muted); }
.cin-check-item.is-active, .cin-check-item.is-done { color: var(--c-ink); font-weight: 600; }
.cin-check-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--c-line); flex-shrink: 0; }
.cin-check-item.is-active .cin-check-dot { background: var(--c-red-600); }
.cin-check-item.is-done .cin-check-dot { background: #1F9E3E; }
.cin-check-list__timer { text-align: right; font-size: 12px; color: var(--c-muted); margin: 14px 0 0; }

.cin-review { margin: 20px 0; }
.cin-review__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; margin-bottom: 8px; }
.cin-review__label { display: block; font-size: 12px; color: var(--c-muted); }
.cin-review__value { display: block; font-size: 14px; font-weight: 600; margin-top: 2px; }

/* =========================================================================
   Страница проекта — слайдер / калькулятор
   ========================================================================= */
.cin-project { padding: 24px 20px 60px; max-width: var(--container-w); margin: 0 auto; }
.cin-project__view[hidden], .cin-project__overview[hidden] { display: none; }
.cin-slider { display: flex; flex-direction: column; gap: 10px; margin-bottom: 24px; }
.cin-slider__row { display: flex; justify-content: space-between; align-items: flex-start; font-size: 13px; color: var(--c-body); }
.cin-slider__goal { text-align: right; font-weight: 700; color: var(--c-ink); }
.cin-slider__track { position: relative; height: 4px; border-radius: 2px; background: var(--c-line-soft); }
.cin-slider__fill { position: absolute; top: 0; left: 0; height: 100%; background: var(--c-red-600); border-radius: 2px; }
.cin-slider__thumb { position: absolute; top: 50%; width: 14px; height: 14px; border-radius: 50%; background: var(--c-red-600); border: 2px solid #fff; box-shadow: 0 0 0 1px var(--c-red-600); transform: translate(-50%, -50%); }
.cin-project__hint { font-size: 12px; color: var(--c-muted); margin: 8px 0 20px; }
.cin-project__hint strong { color: var(--c-ink); }

.cin-back { background: none; border: none; color: var(--c-ink); padding: 4px; margin-bottom: 16px; }
.cin-project__company { font-size: 13px; color: var(--c-muted); margin: -8px 0 20px; }

.cin-buy-card { background: var(--c-bg-muted); border-radius: var(--radius-l); padding: 20px; margin-bottom: 20px; }
.cin-buy-card__avail { font-weight: 700; font-size: 15px; margin: 0 0 4px; }
.cin-buy-card__min { font-size: 12px; color: var(--c-muted); margin: 0 0 14px; }
.cin-buy-card__balance { display: flex; align-items: center; justify-content: space-between; gap: 15px; background: #E5E5E5; border-radius: var(--radius-m); padding: 15px; margin-top: 14px; font-size: 13px; }
.cin-buy-card__balance-amount { display: block; font-size: 14px; font-weight: 600; color: #333; }
.cin-buy-card__balance-status { display: block; font-size: 12px; color: #333; margin-top: 2px; }
.cin-buy-card__balance.is-ok .cin-buy-card__balance-status { color: #1F9E3E; }
.cin-btn--dark { background: var(--c-ink); color: #fff; padding: 8px 16px; font-size: 13px; }

/* Состояние «недостаточно средств»: розовая обводка полей и приглушённая кнопка итога */
.cin-field--insufficient input { border-color: #CB9999 !important; }
.cin-btn--total.is-insufficient { background: #CB9999 !important; }

.cin-buy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; margin: 20px 0; }
.cin-buy-grid--single { grid-template-columns: 1fr; }
.cin-buy-grid__label { display: block; font-size: 12px; color: var(--c-muted); margin-bottom: 6px; }
.cin-buy-grid__value { display: inline-block; background: var(--c-bg-muted); border-radius: var(--radius-s); padding: 8px 12px; font-weight: 700; font-size: 14px; }
.cin-btn--total { background: linear-gradient(0deg, rgba(198,22,28,.55), rgba(198,22,28,.55)), var(--c-red-600); font-size: 17px; font-weight: 700; margin-bottom: 20px; }

.cin-perks-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.cin-perk-option { display: flex; align-items: center; gap: 12px; border: 1px solid var(--c-line); border-radius: var(--radius-m); padding: 14px; font-size: 13px; }
.cin-perk-option input { width: 18px; height: 18px; accent-color: var(--c-red-600); flex-shrink: 0; }
.cin-perk-option span { flex: 1; }
.cin-perk-option strong { font-size: 13px; }

/* =========================================================================
   Подача заявки
   ========================================================================= */
.cin-apply { padding: 24px 20px 60px; max-width: 640px; margin: 0 auto; }
.cin-apply__intro[hidden], [data-apply-panel][hidden] { display: none; }
.cin-entity-toggle { display: flex; flex-direction: column; gap: 15px; margin: 24px 0; }
.cin-entity-toggle__btn { position: relative; overflow: hidden; padding: 20px 24px; border: none; border-radius: 10px; background: #E5E5E5; font-weight: 500; font-size: 16px; color: #333; text-align: center; }
.cin-entity-toggle__btn span { position: relative; z-index: 1; }
.cin-entity-toggle__btn.is-active { color: var(--c-red-600); }
.cin-entity-toggle__btn.is-active::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 30%;
	height: 100%;
	background: linear-gradient(90deg, #B70000 0.02%, #F93030 99.98%);
	clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%);
	z-index: 0;
}
.cin-apply__head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; justify-content: space-between; margin-bottom: 8px; }
.cin-apply__group[data-entity-only][hidden] { display: none; }
[data-entity-only][hidden] { display: none !important; }

.cin-no-scroll { overflow: hidden; }

/* =========================================================================
   Обычные страницы (page.php) + главная (front-page.php)
   ========================================================================= */
.cin-content { font-size: 15px; line-height: 1.7; color: var(--c-body); }
.cin-content p { margin: 0 0 16px; }
.cin-content a { color: var(--c-red-600); font-weight: 600; }
.cin-content h2, .cin-content h3 { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; margin: 28px 0 12px; }

.cin-hero--home { padding-top: 40px; padding-bottom: 40px; }
.cin-hero--home .cin-h1 { font-size: 30px; }

.cin-home-cta { display: flex; flex-direction: column; gap: 12px; margin-top: 28px; }
.cin-home-cta__card { display: flex; flex-direction: column; gap: 6px; padding: 20px; border-radius: var(--radius-l); background: var(--c-red-600); color: #fff; position: relative; }
.cin-home-cta__card--dark { background: var(--c-ink); }
.cin-home-cta__title { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; font-size: 17px; }
.cin-home-cta__text { font-size: 13px; opacity: .85; line-height: 1.5; max-width: 88%; }
.cin-home-cta__arrow { position: absolute; top: 20px; right: 20px; }

.cin-home-steps, .cin-home-projects { padding-top: 8px; }
.cin-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.cin-steps li { display: flex; align-items: flex-start; gap: 14px; font-size: 14px; color: var(--c-body); line-height: 1.5; }
.cin-steps__num { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--c-red-600); color: #fff; font-weight: 700; font-size: 13px; display: flex; align-items: center; justify-content: center; }

.cin-home-projects .cin-app-card { display: flex; text-decoration: none; color: inherit; }

/* =========================================================================
   ГЛАВНАЯ СТРАНИЦА — по макету M. CININVEST
   Шрифты 'High Speed' / 'Palui SP Demo' из макета — платные/кастомные,
   не входят в Google Fonts. Заменены на var(--font-display) (Montserrat
   800/900) как ближайший по духу вариант; при наличии лицензии на
   оригинальные шрифты — просто прописать их в :root и здесь ничего
   больше менять не придётся.
   ========================================================================= */
.cin-mhero { background: #F6F6F6; padding: 48px 0 56px; }
.cin-mhero__inner { max-width: var(--container-w); margin: 0 auto; padding: 0 20px; display: flex; flex-direction: column; align-items: center; gap: 32px; }

.cin-mpill { background: #fff; box-shadow: 0 0 30px #D4D4D4; border-radius: 10px; padding: 10px 18px; font-size: 14px; font-weight: 500; color: #333; text-align: center; }

.cin-mheadline { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; text-align: center; font-size: 30px; line-height: 1.15; letter-spacing: -0.01em; margin: 0; background: linear-gradient(90deg, #B70000 0.02%, #F93030 99.98%); -webkit-background-clip: text; background-clip: text; color: transparent; }

.cin-msubtitle { font-size: 14px; line-height: 19px; color: #333; text-align: center; max-width: 340px; margin: 0; }

.cin-stat-stack { width: 100%; max-width: 353px; display: flex; flex-direction: column; }
.cin-stat-card { position: relative; border-radius: 16px; overflow: hidden; height: 183px; display: flex; flex-direction: column; align-items: center; padding-top: 54px; gap: 4px; text-align: center; background: radial-gradient(140% 220% at 0% 30%, #EEE2E2 0%, #E5E5E5 100%); margin-top: -65px; }
.cin-stat-stack .cin-stat-card:first-child { margin-top: 0; }
.cin-stat-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,255,255,0) 50%, #fff 100%); pointer-events: none; }
.cin-stat-card__num { position: relative; z-index: 1; font-family: var(--font-display); font-weight: 800; font-size: 22px; color: #333; text-transform: uppercase; }
.cin-stat-card__label { position: relative; z-index: 1; font-size: 14px; color: #333; max-width: 280px; line-height: 1.4; padding: 0 20px; }

.cin-mfeatures { max-width: var(--container-w); margin: 0 auto; padding: 32px 20px 0; display: flex; flex-direction: column; gap: 20px; }
.cin-mfeature-card { background: #fff; box-shadow: 0 2px 15px #D4D4D4; border-radius: 10px; overflow: hidden; }
.cin-mfeature-card__media { height: 147px; background: linear-gradient(160deg, #3a0a0a, #7a0f0f 55%, #1a0303); position: relative; }
.cin-mfeature-card__media.is-chart { background: #1a1a1a; }
.cin-mfeature-card__media.is-chart svg { width: 100%; height: 100%; }
.cin-mfeature-card__body { padding: 16px 15px 20px; display: flex; flex-direction: column; gap: 12px; align-items: flex-end; }
.cin-mfeature-card__title { align-self: flex-start; font-family: var(--font-display); font-weight: 700; font-size: 17px; color: #333; margin: 0; }
.cin-mfeature-card__text { align-self: flex-start; font-size: 14px; line-height: 19px; color: #333; margin: 0; }
.cin-mfeature-card__btn { display: inline-flex; align-items: center; gap: 10px; background: #B70000; color: #fff; border-radius: 10px; padding: 12px 20px; font-size: 14px; font-weight: 500; }

.cin-msection { max-width: var(--container-w); margin: 0 auto; padding: 40px 0 0 20px; }
.cin-msection__title { display: flex; align-items: center; gap: 10px; font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: 18px; color: #333; margin: 0 0 16px; }

.cin-msection--decorated { position: relative; max-width: none; margin: 0; background: #F6F6F6; padding: 30px 0; overflow: hidden; }
.cin-msection--decorated::before,
.cin-msection--decorated::after { content: ""; position: absolute; width: 300px; height: 300px; border-radius: 50%; background: #ECE4E4; filter: blur(50px); pointer-events: none; z-index: 0; }
.cin-msection--decorated::before { left: -150px; top: -150px; }
.cin-msection--decorated::after { right: -150px; bottom: -100px; }
.cin-msection__inner { position: relative; z-index: 1; max-width: var(--container-w); margin: 0 auto; padding-left: 20px; }

.cin-mscroll { display: flex; gap: 15px; overflow-x: auto; padding-bottom: 8px; padding-right: 20px; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
.cin-mscroll::-webkit-scrollbar { display: none; }

.cin-mproject-card { flex: 0 0 300px; scroll-snap-align: start; background: #fff; box-shadow: 0 0 30px #D4D4D4; border-radius: 10px; padding: 15px; display: flex; flex-direction: column; gap: 16px; text-decoration: none; color: inherit; }
.cin-mproject-card__media { position: relative; height: 165px; border-radius: 8px; background: linear-gradient(135deg,#2b2b2f,#111113); overflow: visible; }
.cin-mproject-card__media img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; }
.cin-mproject-card__avatar { position: absolute; right: 22px; bottom: -25px; width: 50px; height: 50px; border-radius: 50%; border: 6px solid #fff; background: #444; }
.cin-mproject-card__approved { font-size: 12px; color: #808080; }
.cin-mproject-card__title { font-family: var(--font-display); font-weight: 700; font-size: 17px; color: #333; margin: 4px 0 0; }
.cin-mproject-card__desc { font-size: 14px; color: #808080; line-height: 1.36; margin: 4px 0 0; }
.cin-mproject-card__meta { display: flex; gap: 12px; }
.cin-mproject-card__meta > div { flex: 1; background: #ECE4E4; border-radius: 10px; padding: 10px; }
.cin-mproject-card__meta div:last-child { background: none; padding-left: 0; }
.cin-mproject-card__meta-label { display: block; font-size: 12px; color: #333; }
.cin-mproject-card__meta-value { display: block; font-size: 14px; color: #333; font-weight: 500; margin-top: 2px; }
.cin-mproject-card__foot { display: flex; justify-content: space-between; font-size: 14px; color: #333; }
.cin-mproject-card__foot span:last-child { color: #808080; }

.cin-mtestimonial { flex: 0 0 260px; scroll-snap-align: start; background: #fff; border-radius: 10px; padding: 15px; display: flex; flex-direction: column; gap: 12px; box-shadow: 0 0 20px #E5E5E5; }
.cin-mtestimonial__head { display: flex; align-items: center; gap: 10px; }
.cin-mtestimonial__avatar { width: 44px; height: 44px; border-radius: 50%; background: #D9D9D9; flex-shrink: 0; }
.cin-mtestimonial__name { font-family: var(--font-display); font-weight: 700; font-size: 15px; color: #333; }
.cin-mtestimonial__role { font-size: 11px; color: #808080; line-height: 1.3; }
.cin-mtestimonial__text { font-size: 13px; line-height: 1.4; color: #333; margin: 0; }

/* =========================================================================
   ЛЕНДИНГ «ДЛЯ КИНЕМАТОГРАФИСТОВ» — по макету М. Для Кинематографистов
   ========================================================================= */
.cin-lp-hero { position: relative; background: #000; overflow: hidden; padding-bottom: 40px; }
.cin-lp-hero__glow { position: absolute; width: 300px; height: 300px; border-radius: 50%; background: rgba(183,0,0,.35); filter: blur(60px); pointer-events: none; }
.cin-lp-hero__glow--1 { left: -80px; top: 420px; }
.cin-lp-hero__glow--2 { right: -80px; top: 220px; }

.cin-lp-hero__photo { position: relative; height: 420px; background: radial-gradient(120% 100% at 50% 0%, #4a0d0d 0%, #1a0303 55%, #000 100%); display: flex; align-items: center; justify-content: center; padding: 0 20px; }
.cin-lp-hero__photo::before { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0,0,0,.55), rgba(0,0,0,.15) 40%, rgba(0,0,0,.55)); }
.cin-lp-hero__photo svg { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .5; }
.cin-lp-hero__title { position: relative; z-index: 1; font-family: var(--font-display); font-weight: 800; text-transform: uppercase; color: #fff; font-size: 30px; line-height: 1.15; text-align: center; margin: 0; }
.cin-lp-hero__cta { display: none; }

.cin-lp-hero__stats { position: relative; z-index: 1; max-width: var(--container-w); margin: 0 auto; padding: 20px 20px 0; display: flex; flex-direction: column; }
.cin-lp-stat { position: relative; overflow: hidden; border-radius: 16px; height: 183px; padding-top: 53px; display: flex; flex-direction: column; align-items: center; text-align: center; background: rgba(186,154,154,.07); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); margin-top: -65px; }
.cin-lp-hero__stats .cin-lp-stat:first-child { margin-top: 0; }
.cin-lp-stat__num { display: block; font-family: var(--font-display); font-weight: 800; font-size: 22px; color: #fff; text-transform: uppercase; }
.cin-lp-stat__label { display: block; font-size: 14px; color: #fff; opacity: .85; margin-top: 4px; line-height: 1.4; padding: 0 20px; }

.cin-lp-path { max-width: var(--container-w); margin: 0 auto; padding: 44px 20px 56px; }
.cin-lp-path__title { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; font-size: 24px; color: #333; margin: 0 0 6px; }
.cin-lp-path__subtitle { font-size: 14px; color: #808080; margin: 0 0 24px; }

.cin-lp-step { position: relative; background: #F6F6F6; border-radius: 10px; padding: 20px; margin-bottom: 15px; overflow: hidden; }
.cin-lp-step::before,
.cin-lp-step::after { content: ""; position: absolute; width: 220px; height: 220px; border-radius: 50%; background: #ECE4E4; filter: blur(50px); pointer-events: none; z-index: 0; }
.cin-lp-step::before { left: -110px; top: -135px; }
.cin-lp-step::after { right: -60px; bottom: -150px; }
.cin-lp-step__badge, .cin-lp-step__head, .cin-lp-step__text { position: relative; z-index: 1; }
.cin-lp-step__badge { display: inline-flex; align-items: center; justify-content: center; min-width: 41px; height: 25px; padding: 0 8px; border-radius: 13px; background: linear-gradient(90deg, #B70000 0.02%, #F93030 99.98%); color: #fff; font-family: var(--font-display); font-weight: 700; font-size: 14px; }
.cin-lp-step__head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.cin-lp-step__title { font-family: var(--font-display); font-weight: 700; font-size: 17px; color: #333; margin: 0; }
.cin-lp-step__text { font-size: 14px; line-height: 1.4; color: #808080; margin: 0 0 10px; }
.cin-lp-step__text:last-child { margin-bottom: 0; }

.cin-lp-cta { display: flex; justify-content: flex-end; }

/* =========================================================================
   ЛЕНДИНГ «ДЛЯ ИНВЕСТОРОВ» — доп. блок карточек ролей
   ========================================================================= */
.cin-lp-hero__photo.is-zigzag { background: #0d0d0d; }
.cin-lp-hero__photo.is-zigzag svg { opacity: 1; }

.cin-lp-roles { position: relative; max-width: none; margin: 0; padding: 44px 0 30px; background: #F6F6F6; overflow: hidden; }
.cin-lp-roles::before,
.cin-lp-roles::after,
.cin-lp-roles__glow-1,
.cin-lp-roles__glow-2 { content: ""; position: absolute; width: 300px; height: 300px; border-radius: 50%; background: #ECE4E4; filter: blur(50px); pointer-events: none; z-index: 0; }
.cin-lp-roles::before { left: -150px; top: -150px; }
.cin-lp-roles::after { right: -100px; top: 30%; }
.cin-lp-roles__glow-1 { left: 0; top: 60%; }
.cin-lp-roles__glow-2 { left: -150px; bottom: -100px; }
.cin-lp-roles__inner { position: relative; z-index: 1; max-width: var(--container-w); margin: 0 auto; padding: 0 20px; }
.cin-lp-roles__title { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; font-size: 24px; line-height: 1.2; color: #333; margin: 0 0 22px; }

.cin-hl-red { color: #B70000; }

.cin-lp-role-card { background: #fff; box-shadow: 0 0 30px #D4D4D4; border-radius: 10px; padding: 18px 15px; margin-bottom: 15px; }
.cin-lp-role-card__title { font-family: var(--font-display); font-weight: 700; font-size: 17px; color: #333; margin: 0 0 8px; line-height: 1.25; }
.cin-lp-role-card__cap { font-size: 14px; color: #333; margin: 0 0 6px; }
.cin-lp-role-card ul { margin: 0 0 14px; padding-left: 18px; }
.cin-lp-role-card ul:last-child { margin-bottom: 0; }
.cin-lp-role-card li { font-size: 14px; color: #333; line-height: 1.5; }
.cin-lp-role-card__docs-title { font-family: var(--font-display); font-weight: 700; font-size: 14px; color: #333; margin: 0 0 8px; }
.cin-lp-role-card__note { font-size: 13px; color: #333; line-height: 1.5; margin: 10px 0 0; }
.cin-lp-role-card__note a { color: #B70000; font-weight: 600; }

/* =========================================================================
   ВИТРИНА ПРОЕКТОВ — архив cin_project
   ========================================================================= */
.cin-showcase-hero { padding: 48px 0 24px; }
.cin-showcase-hero__inner { max-width: var(--container-w); margin: 0 auto; padding: 0 20px; display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center; }
.cin-showcase-hero__title { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; font-size: 26px; line-height: 1.2; color: #333; margin: 0; }
.cin-showcase-hero__subtitle { font-size: 13px; color: #333; margin: 0; }

.cin-showcase-filters { display: flex; align-items: center; gap: 20px; max-width: var(--container-w); margin: 0 auto 24px; padding: 0 20px; }
.cin-showcase-filters a { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: #808080; text-decoration: none; padding: 12px 20px; border-radius: 10px; }
.cin-showcase-filters a.is-active { background: #333; color: #fff; }
.cin-showcase-filters__count { background: #808080; color: #fff; font-size: 12px; border-radius: 10px; padding: 3px 8px; }
.cin-showcase-filters a.is-active .cin-showcase-filters__count { background: rgba(255,255,255,.25); }

.cin-showcase-list { max-width: var(--container-w); margin: 0 auto; padding: 0 20px; display: flex; flex-direction: column; gap: 20px; }
.cin-mproject-card--full { width: 100%; flex: none; }
.cin-mproject-card--full .cin-mproject-card__media { height: 197px; }

.cin-showcase-pagination { display: flex; align-items: center; gap: 15px; max-width: var(--container-w); margin: 32px auto 0; padding: 0 20px; }
.cin-showcase-pagination a, .cin-showcase-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 39px; padding: 0 10px; border-radius: 10px; font-size: 14px; color: #333; text-decoration: none; }
.cin-showcase-pagination .current { background: #333; color: #fff; }
.cin-showcase-pagination .next { min-width: auto; padding: 0; }

/* =========================================================================
   FAQ
   ========================================================================= */
.cin-faq-hero { max-width: var(--container-w); margin: 0 auto; padding: 48px 20px 32px; text-align: center; }
.cin-faq-hero__title { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; font-size: 26px; color: #333; margin: 0 0 16px; }
.cin-faq-hero__lead { font-size: 14px; line-height: 1.4; color: #333; margin: 0; }

.cin-faq { max-width: var(--container-w); margin: 0 auto; padding: 0 20px 48px; }
.cin-faq__category { font-size: 14px; color: #000; margin: 0 0 16px; }
.cin-faq__list { display: flex; flex-direction: column; gap: 15px; margin-bottom: 40px; }

.cin-faq-item { background: #fff; box-shadow: 0 0 30px #D4D4D4; border-radius: 10px; overflow: hidden; }
.cin-faq-item summary { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; padding: 15px; font-family: var(--font-body); font-weight: 700; font-size: 15px; color: #333; cursor: pointer; list-style: none; }
.cin-faq-item summary::-webkit-details-marker { display: none; }
.cin-faq-item summary .cin-faq-item__arrow { flex-shrink: 0; transition: transform .2s ease; margin-top: 2px; }
.cin-faq-item[open] summary .cin-faq-item__arrow { transform: rotate(135deg); }
.cin-faq-item__answer { padding: 0 15px 18px; font-size: 14px; line-height: 1.6; color: #808080; margin: 0; }

.cin-faq-cta { text-align: center; }
.cin-faq-cta__title { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; font-size: 22px; color: #333; margin: 0 0 10px; }
.cin-faq-cta__text { font-size: 14px; line-height: 1.4; color: #808080; margin: 0 0 20px; }
.cin-faq-cta__text a { color: #808080; text-decoration: underline; }
.cin-faq-cta__btn { display: inline-flex; background: #333; color: #fff; }

/* =========================================================================
   ДОКУМЕНТЫ
   ========================================================================= */
.cin-docs-hero { max-width: var(--container-w); margin: 0 auto; padding: 48px 20px 24px; }
.cin-docs-hero__title { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; font-size: 28px; color: #333; margin: 0; }

.cin-docs { max-width: var(--container-w); margin: 0 auto; padding: 0 20px 48px; }
.cin-docs__group { margin-bottom: 30px; }
.cin-docs__category { font-size: 14px; color: #808080; margin: 0 0 10px; }
.cin-docs__list { display: flex; flex-direction: column; gap: 15px; }

.cin-doc-card { display: flex; align-items: center; gap: 15px; background: #fff; box-shadow: 0 0 30px #D4D4D4; border-radius: 10px; padding: 15px; }
.cin-doc-card__body { flex: 1; min-width: 0; }
.cin-doc-card__title { font-family: var(--font-body); font-weight: 700; font-size: 15px; color: #333; margin: 0 0 4px; line-height: 1.3; }
.cin-doc-card__meta { font-size: 12px; color: #808080; margin: 0; }
.cin-doc-card__links { display: flex; align-items: center; gap: 15px; flex-shrink: 0; }
.cin-doc-card__changes { font-size: 12px; color: #808080; white-space: nowrap; }
.cin-doc-card__view { font-size: 12px; font-weight: 500; color: #B70000; white-space: nowrap; }

/* =========================================================================
   СТРАНИЦА ПРОЕКТА — расширенный обзор (фото-хиро, виджет сбора, вкладки)
   ========================================================================= */
.cin-project-hero { position: relative; height: 292px; background: linear-gradient(180deg, rgba(0,0,0,0) 44%, rgba(0,0,0,.6) 100%), radial-gradient(120% 100% at 50% 0%, #3a0d0d 0%, #150404 60%, #000 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 0 20px 20px; margin: 0 -20px; }
.cin-project-hero__back { position: absolute; top: 21px; left: 20px; color: #fff; background: none; border: none; padding: 0; }
.cin-project-hero__rounds { display: flex; flex-direction: column; gap: 8px; margin: 0 0 12px; }
.cin-project-hero__badge { display: inline-flex; align-items: center; background: rgba(229,229,229,.4); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 0 10px 10px 0; padding: 8px 18px 8px 0; font-family: var(--font-body); font-weight: 700; font-size: 15px; color: #333; width: fit-content; }
.cin-project-hero__badge.is-current { background: #fff; }
.cin-project-hero__title { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; color: #fff; font-size: 22px; margin: 0 0 6px; }
.cin-project-hero__desc { font-size: 13px; line-height: 1.4; color: #fff; margin: 0; opacity: .9; }

.cin-fund-card { background: rgba(20,20,22,.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 10px; padding: 20px; margin: -1px -20px 0; }
.cin-fund-card__progress { background: #fff; border-radius: 10px; padding: 15px; display: flex; align-items: center; gap: 15px; margin-bottom: 15px; }
.cin-fund-card__progress-main { flex: 1; }
.cin-fund-card__progress-label { font-size: 12px; color: #808080; margin: 0 0 6px; }
.cin-fund-card__progress-bar { position: relative; height: 4px; border-radius: 3px; background: #E5E5E5; }
.cin-fund-card__progress-fill { position: absolute; top: 0; left: 0; height: 100%; border-radius: 3px 0 0 3px; background: linear-gradient(90deg, #B70000 0.02%, #F93030 99.98%); width: var(--progress, 0%); }
.cin-fund-card__progress-thumb { position: absolute; top: 50%; width: 4px; height: 13px; border-radius: 6px; background: #F93030; transform: translate(-50%, -50%); left: var(--progress, 0%); }
.cin-fund-card__goal { background: #ECE4E4; border-radius: 10px; padding: 10px; flex-shrink: 0; }
.cin-fund-card__goal-label { display: block; font-size: 12px; color: #333; }
.cin-fund-card__goal-value { display: block; font-size: 14px; color: #B70000; font-weight: 500; }

.cin-fund-card__specs { display: flex; gap: 20px; margin-bottom: 20px; }
.cin-fund-card__spec-value { display: block; font-size: 16px; color: #fff; font-weight: 500; }
.cin-fund-card__spec-label { display: block; font-size: 12px; color: #fff; opacity: .8; margin-top: 3px; }

.cin-fund-card__action { background: #fff; border-radius: 10px; padding: 15px; margin-bottom: 15px; }
.cin-fund-card__action:last-child { margin-bottom: 0; }
.cin-fund-card__action .cin-btn { width: 100%; margin-bottom: 15px; }
.cin-fund-card__action-meta { display: flex; align-items: flex-end; gap: 20px; }
.cin-fund-card__action-count { font-size: 12px; color: #808080; text-align: center; white-space: nowrap; }
.cin-fund-card__action-text { font-size: 12px; color: #808080; line-height: 1.4; }

/* Вкладки проекта — переиспользуем .cin-tabs, добавляем горизонтальный скролл */
.cin-project-tabs { margin: 30px -20px 0; padding: 0 20px; overflow-x: auto; }
.cin-project-tabs .cin-tabs { border-bottom: none; flex-wrap: nowrap; white-space: nowrap; }
.cin-project-tabs .cin-tabs__btn { flex-shrink: 0; padding-bottom: 8px; border-bottom: 2px solid transparent; }

.cin-project-about__title { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; font-size: 20px; color: #333; margin: 24px 0 20px; }
.cin-project-field { margin-bottom: 20px; }
.cin-project-field__label { font-family: var(--font-body); font-weight: 700; font-size: 15px; color: #333; margin: 0 0 8px; }
.cin-project-field__text { font-size: 14px; line-height: 1.5; color: #333; margin: 0 0 12px; }
.cin-project-field__text:last-child { margin-bottom: 0; }
.cin-project-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.cin-project-tag { display: inline-flex; align-items: center; padding: 10px 15px; background: #808080; color: #fff; border-radius: 10px; font-size: 12px; }

.cin-project-empty { font-size: 14px; color: #808080; padding: 20px 0; }
.cin-project-team { display: flex; flex-direction: column; gap: 14px; }
.cin-project-team__row { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; border-bottom: 1px solid var(--c-line-soft); padding-bottom: 12px; }
.cin-project-team__role { color: #808080; }
.cin-project-team__name { color: #333; font-weight: 600; text-align: right; }

/* =========================================================================
   Страница проекта — вкладка «Команда» (видеообращение + карточки участников)
   ========================================================================= */
.cin-project-video-box { background: #E5E5E5; border-radius: 10px; height: 198px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #333; margin-bottom: 24px; overflow: hidden; }
.cin-project-video-box iframe { width: 100%; height: 100%; border: 0; }

.cin-team-card { display: flex; flex-direction: column; gap: 10px; background: #fff; box-shadow: 0 0 20px #E5E5E5; border-radius: 10px; padding: 15px; margin-bottom: 15px; }
.cin-team-card__head { display: flex; align-items: center; gap: 10px; }
.cin-team-card__avatar { width: 50px; height: 50px; border-radius: 50%; background: #D9D9D9; flex-shrink: 0; background-size: cover; background-position: center; }
.cin-team-card__name { font-family: var(--font-display); font-weight: 700; font-size: 16px; color: #333; display: block; }
.cin-team-card__role { font-size: 12px; color: #808080; display: block; }
.cin-team-card__field-label { font-size: 12px; color: #808080; margin: 0; }
.cin-team-card__bio { font-size: 14px; color: #333; line-height: 1.4; margin: 2px 0 0; }
.cin-team-card__link { font-size: 14px; color: #333; margin: 2px 0 0; word-break: break-all; }

/* =========================================================================
   Страница проекта — вкладка «Творческие материалы» (карточки файлов)
   ========================================================================= */
.cin-file-card { display: flex; align-items: center; gap: 15px; background: #fff; box-shadow: 0 0 30px #D4D4D4; border-radius: 10px; padding: 15px 15px 15px 0; margin-bottom: 15px; }
.cin-file-card__icon { width: 59px; height: 40px; border-radius: 10px 0 0 10px; background: linear-gradient(90deg, #ECE4E4 0%, #DDD2D2 100%); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.cin-file-card__icon svg { width: 20px; height: 20px; color: #808080; }
.cin-file-card__body { flex: 1; min-width: 0; }
.cin-file-card__title { font-family: var(--font-body); font-weight: 700; font-size: 15px; color: #333; margin: 0 0 4px; }
.cin-file-card__meta { font-size: 12px; color: #808080; margin: 0; }
.cin-file-card__btn { flex-shrink: 0; background: #E5E5E5; color: #333; border-radius: 10px; padding: 10px 15px; font-size: 12px; font-weight: 500; white-space: nowrap; }

/* =========================================================================
   Страница проекта — вкладка «Вознаграждения»
   ========================================================================= */
.cin-reward-card { background: #fff; box-shadow: 0 0 30px #D4D4D4; border-radius: 10px; padding: 15px 0; margin-bottom: 20px; }
.cin-reward-card__head { display: flex; align-items: flex-start; gap: 7px; padding: 0 15px 20px 0; margin: 0 20px; border-bottom: 1px solid var(--c-line-soft); }
.cin-reward-card__head .cin-lp-step__badge { flex-shrink: 0; }
.cin-reward-card__title { font-family: var(--font-body); font-weight: 700; font-size: 17px; color: #333; margin: 0 0 5px; }
.cin-reward-card__subtitle { font-size: 14px; color: #808080; margin: 0; line-height: 1.4; }
.cin-reward-card__body { padding: 20px 20px 0; display: flex; flex-direction: column; gap: 20px; }

.cin-amount-input { width: 100%; border: 2px solid #E5E5E5; border-radius: 10px; padding: 13px 15px; font-size: 14px; color: #333; }
.cin-amount-input::placeholder { color: #808080; }
.cin-quick-amounts { display: flex; flex-wrap: wrap; gap: 5px; }
.cin-quick-amounts button { background: #E5E5E5; color: #333; border: none; border-radius: 10px; padding: 10px 15px; font-size: 12px; font-weight: 500; }
.cin-quick-amounts button.is-active { background: #B70000; color: #fff; }

.cin-reward-check-list { display: flex; flex-direction: column; gap: 16px; }
.cin-reward-check { display: flex; align-items: flex-start; gap: 8px; font-size: 14px; color: #333; cursor: pointer; }
.cin-reward-check input { width: 17px; height: 17px; margin-top: 2px; accent-color: #B70000; flex-shrink: 0; }
.cin-reward-check__label { flex: 1; line-height: 1.35; }
.cin-reward-check__price { color: #B70000; flex-shrink: 0; white-space: nowrap; }

/* =========================================================================
   ДЕСКТОП — главная страница (front-page.php) от 1024px.
   Пока адаптирована только главная; остальные страницы ждут отдельных
   десктоп-макетов и намеренно продолжают использовать мобильную раскладку.
   ========================================================================= */
@media (min-width: 1024px) {

	/* --- Хиро --- */
	.cin-mhero { padding: 100px 0 0; }
	.cin-mhero__inner { max-width: 1430px; gap: 50px; }
	.cin-mpill { padding: 15px 30px; font-size: 16px; }
	.cin-mheadline { font-size: 48px; max-width: 1200px; line-height: 1.05; }
	.cin-msubtitle { max-width: 720px; font-size: 16px; line-height: 21px; }

	/* Карточки статистики — в ряд, скошен верхний край (выше справа),
	   низ уходит за границу секции и растворяется в белом (::after-градиент) */
	.cin-stat-stack { flex-direction: row; max-width: 1430px; width: 100%; gap: 20px; align-items: stretch; margin-top: 100px; }
	.cin-stat-card { flex: 1; margin-top: 0 !important; height: 325px; padding: 90px 30px 0; justify-content: flex-start; clip-path: polygon(0 60px, 100% 0, 100% 100%, 0 100%); }
	.cin-stat-card__num { font-size: 45px; }
	.cin-stat-card__label { font-size: 16px; max-width: 339px; }

	/* --- Кинематографисты / Инвесторы --- */
	.cin-mfeatures { max-width: 1430px; flex-direction: row; gap: 15px; padding-top: 56px; align-items: stretch; }
	.cin-mfeature-card { flex: 1; display: flex; flex-direction: column; }
	/* Низ фото скошен (левый край ниже правого), как в макете */
	.cin-mfeature-card__media { height: 235px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 45px), 0 100%); }
	.cin-mfeature-card__body { flex: 1; padding: 20px; gap: 10px; }
	.cin-mfeature-card__title { font-size: 23px; }
	.cin-mfeature-card__text { font-size: 16px; line-height: 21px; }
	.cin-mfeature-card__btn { margin-top: auto; padding: 15px 30px; gap: 20px; font-size: 16px; }

	/* Секции (заголовки, отступы) --- */
	.cin-msection__inner { max-width: 1430px; padding: 0 40px; }
	.cin-msection__title { font-size: 32px; margin-bottom: 10px; }

	/* «Проекты» — на десктопе это вписанная скруглённая карточка с полями по бокам,
	   а не полоса на всю ширину экрана, как на мобильном. */
	.cin-msection--decorated { max-width: 1720px; margin: 0 auto; padding: 56px 0; border-radius: 15px; }
	.cin-msection--decorated::before,
	.cin-msection--decorated::after { width: 600px; height: 600px; filter: blur(120px); }

	/* Проекты — сетка 3 колонки вместо горизонтального скролла */
	.cin-msection--decorated .cin-mscroll { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; overflow: visible; padding: 0; }
	.cin-msection--decorated .cin-mproject-card { flex: none; width: auto; }
	.cin-msection__viewall { display: flex; margin: 32px 0 0 auto; width: fit-content; }

	/* Внутренние размеры карточки проекта крупнее на десктопе */
	.cin-mproject-card { padding: 20px; }
	.cin-mproject-card__media { height: 260px; background: none; }
	/* Низ обложки скошен (левый край ниже правого). Клипуем не сам .__media,
	   иначе обрезало бы аватар-кружок и бейджи статуса заявки, а только
	   изображение и подложку-градиент под ним. */
	.cin-mproject-card__media::before {
		content: ""; position: absolute; inset: 0; border-radius: 10px;
		background: linear-gradient(135deg, #2b2b2f, #111113);
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), 0 100%);
	}
	.cin-mproject-card__media img {
		position: relative; border-radius: 10px;
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), 0 100%);
	}
	.cin-mproject-card__avatar { width: 70px; height: 70px; border-width: 7px; right: 25px; bottom: -5px; }
	.cin-mproject-card__title { font-size: 23px; }
	.cin-mproject-card__desc { font-size: 16px; }
	.cin-mproject-card__meta > div { padding: 15px; }
	.cin-mproject-card__meta-value { font-size: 16px; }
	.cin-mproject-card__foot { font-size: 16px; }

	/* Отзывы — сетка вместо скролла на широких экранах */
	.cin-mscroll:not(.cin-msection--decorated .cin-mscroll) { overflow: visible; flex-wrap: wrap; }
	.cin-mtestimonial { flex: 1 1 calc(25% - 12px); padding: 20px; gap: 15px; }
	.cin-mtestimonial__avatar { width: 56px; height: 56px; }
	.cin-mtestimonial__name { font-size: 19px; }
	.cin-mtestimonial__text { font-size: 16px; }
}

/* =========================================================================
   ДЕСКТОП — лендинги «Для кинематографистов» / «Для инвесторов» от 1024px.
   Общие классы (.cin-lp-*), поэтому правки применяются к обеим страницам сразу.
   ========================================================================= */
@media (min-width: 1024px) {

	/* --- Хиро с фото --- */
	.cin-lp-hero { padding-bottom: 0; }
	.cin-lp-hero__photo { height: clamp(700px, 90vh, 1030px); align-items: flex-start; padding: clamp(120px, 20vh, 330px) 40px 0; }
	.cin-lp-hero__title { font-size: 56px; max-width: 1100px; }

	/* Карточки статистики прижаты к низу фото и обрезаются его краем (у .cin-lp-hero
	   уже стоит overflow:hidden), скошен верхний край — выше справа */
	.cin-lp-hero__stats { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; flex-direction: row; max-width: 1510px; margin: 0 auto; padding: 0 40px; gap: 20px; }
	.cin-lp-stat { flex: 1; height: 325px; padding: 90px 30px 0; margin-top: 0 !important; justify-content: flex-start; border-radius: 0; clip-path: polygon(0 60px, 100% 0, 100% 100%, 0 100%); }
	.cin-lp-stat__num { font-size: 45px; }
	.cin-lp-stat__label { font-size: 16px; max-width: 339px; }

	/* --- Путь проекта --- */
	.cin-lp-path { max-width: 1430px; padding: 56px 40px 72px; }
	.cin-lp-path__title { font-size: 32px; }
	.cin-lp-path__subtitle { font-size: 16px; }

	/* Шаг: бейдж + заголовок первой строкой (бейдж прижат к самому левому краю
	   карточки), описание — ниже, с отступом 30px. Раньше тут ошибочно была
	   раскладка в 2 колонки, в макете блоки идут друг под другом. */
	.cin-lp-step { display: block; padding: 30px 0; margin-bottom: 20px; }
	.cin-lp-step__head { margin-bottom: 10px; gap: 10px; }
	.cin-lp-step__title { font-size: 23px; }
	.cin-lp-step__badge {
		min-width: 70px; height: 38px; font-size: 23px; border-radius: 0;
		padding: 0 12px 0 0;
		clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
	}
	.cin-lp-step__text { padding: 0 30px; font-size: 16px; }

	/* CTA-кнопка внизу пути (Подать проект / Стать инвестором) — справа */
	.cin-lp-path .cin-btn--block { width: fit-content; margin: 10px 0 0 auto; display: flex; }

	/* --- «Кто может стать соавтором» — карточки ролей в 3 колонки --- */
	.cin-lp-roles__title { font-size: 32px; margin-bottom: 30px; }
	.cin-lp-roles__inner { max-width: 1430px; padding: 0 40px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; align-items: start; }
	.cin-lp-roles__title { grid-column: 1 / -1; }
	.cin-lp-role-card { margin-bottom: 0; padding: 30px; height: 100%; }
	.cin-lp-role-card__title { font-size: 23px; }
	.cin-lp-role-card__cap,
	.cin-lp-role-card li { font-size: 16px; }
	.cin-lp-role-card__docs-title { font-size: 19px; }

	/* --- Хиро инвестора: кнопка поверх фото, карточки статистики скрыты
	   (только для страницы «Для инвесторов» — у кинематографиста они остаются) --- */
	.page-template-template-for-investors-php .cin-lp-hero__stats { display: none; }
	.page-template-template-for-investors-php .cin-lp-hero__cta {
		display: inline-flex;
		position: absolute;
		right: 40px;
		bottom: 40px;
		z-index: 2;
	}
	.page-template-template-for-investors-php .cin-lp-hero { padding-bottom: 0; }
}

/* =========================================================================
   ДЕСКТОП — витрина проектов (archive-cin_project.php) от 1024px.
   ========================================================================= */
@media (min-width: 1024px) {

	.cin-showcase-hero { padding: 64px 0 40px; }
	.cin-showcase-hero__inner { max-width: 1430px; padding: 0 40px; }
	.cin-showcase-hero__title { font-size: 40px; }
	.cin-showcase-hero__subtitle { font-size: 16px; }

	/* Полоса фильтров на всю ширину с лёгкой заливкой, вкладки — по центру */
	.cin-showcase-filters { max-width: none; background: #F6F6F6; justify-content: center; padding: 24px 20px; margin-bottom: 40px; }

	/* Сетка 3 колонки вместо одной колонки карточек.
	   Внутренние размеры карточки (фото/аватар/шрифты) заданы централизованно
	   на .cin-mproject-card — здесь их дублировать не нужно. */
	.cin-showcase-list { max-width: 1430px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }

	.cin-showcase-pagination { max-width: 1430px; justify-content: center; margin-top: 40px; }
}

/* =========================================================================
   ДЕСКТОП — страница «Документы» (template-documents.php) от 1024px.
   ========================================================================= */
@media (min-width: 1024px) {
	.cin-docs-hero { max-width: 1430px; padding: 64px 40px 40px; text-align: center; }
	.cin-docs-hero__title { font-size: 40px; }

	.cin-docs { max-width: 1430px; }
	.cin-docs__category { font-size: 16px; }
	.cin-doc-card { padding: 30px; gap: 30px; }
	.cin-doc-card__title { font-size: 23px; }
	.cin-doc-card__meta { font-size: 14px; margin-top: 4px; }
	.cin-doc-card__changes,
	.cin-doc-card__view { font-size: 16px; }
}

/* =========================================================================
   ДЕСКТОП — страница проекта (single-cin_project.php) от 1024px.
   Двухколоночная раскладка: контент слева, карточка сбора справа
   (перекрывает нижний край фото), вкладки в одну строку без скролла.
   ========================================================================= */
@media (min-width: 1024px) {

	.cin-project { max-width: 1430px; margin: 0 auto; padding: 0 40px; }

	.cin-project__overview {
		display: grid;
		grid-template-columns: 1fr 500px;
		column-gap: 60px;
		align-items: start;
	}

	.cin-project-hero { grid-column: 1 / -1; margin: 0 -40px; width: calc(100% + 80px); height: 620px; border-radius: 0; }
	.cin-project-hero__title { font-size: 40px; }
	.cin-project-hero__desc { font-size: 16px; max-width: 700px; }
	.cin-project-hero__back { top: 40px; left: 40px; }
	.cin-project-hero__rounds { gap: 20px; margin-bottom: 20px; }
	.cin-project-hero__badge { font-size: 23px; padding: 12px 30px 12px 0; }

	/* Карточка сбора — плавающая справа, приподнята над нижним краем фото */
	.cin-fund-card { grid-column: 2; grid-row: 1; align-self: end; margin: 0 0 -160px; background: rgba(229,229,229,.6); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); z-index: 5; position: relative; }

	.cin-project-tabs { grid-column: 1; margin: 40px 0 0; padding: 0; overflow: visible; }
	.cin-project-tabs .cin-tabs { flex-wrap: nowrap; }
	.cin-project-tabs .cin-tabs__btn { font-size: 16px; }

	.cin-tab-panel { grid-column: 1; }
	.cin-project-about__title { font-size: 32px; }
	.cin-project-field__label { font-size: 19px; }
	.cin-project-field__text { font-size: 16px; }
	.cin-project-tag { font-size: 16px; padding: 10px 30px; }

	/* Отзывы на странице проекта — одна колонка шириной с текстовый контент,
	   а не сетка в 3-4 колонки, как на главной (там общий класс .cin-msection). */
	.single-cin_project .cin-msection__inner { max-width: none; padding: 0; margin: 40px 0 0; }
	.single-cin_project .cin-mscroll { flex-direction: column; overflow: visible; }
	.single-cin_project .cin-mtestimonial { flex: none; width: 100%; max-width: 880px; }

	/* --- Вкладка «Команда» --- */
	.cin-project-video-box { height: 303px; font-size: 16px; margin-bottom: 30px; }
	.cin-team-card { padding: 20px; gap: 15px; margin-bottom: 20px; }
	.cin-team-card__avatar { width: 56px; height: 56px; }
	.cin-team-card__name { font-size: 19px; }
	.cin-team-card__role { font-size: 16px; }
	.cin-team-card__field-label { font-size: 12px; }
	.cin-team-card__bio,
	.cin-team-card__link { font-size: 16px; }

	/* --- Карточки файлов (Творческие материалы + Документы) --- */
	.cin-file-card { padding: 30px 30px 30px 0; gap: 20px; margin-bottom: 20px; }
	.cin-file-card__icon { width: 73px; height: 49px; }
	.cin-file-card__icon svg { width: 26px; height: 26px; }
	.cin-file-card__title { font-size: 19px; }
	.cin-file-card__meta { font-size: 16px; }
	.cin-file-card__btn { padding: 15px 30px; font-size: 16px; }

	/* --- Вкладка «Вознаграждения» --- */
	.cin-reward-card { padding: 30px 0; }
	.cin-reward-card__head { padding: 0 30px 20px; margin: 0 30px; gap: 10px; }
	.cin-reward-card__head .cin-lp-step__badge { min-width: 70px; height: 38px; font-size: 23px; border-radius: 10px; }
	.cin-reward-card__title { font-size: 19px; }
	.cin-reward-card__subtitle { font-size: 16px; }
	.cin-reward-card__body { padding: 0 30px; gap: 20px; }

	.cin-amount-input { border-width: 3px; padding: 15px; font-size: 16px; }
	.cin-quick-amounts button { padding: 10px 20px; height: 36px; }
	.cin-reward-check-list { gap: 20px; }
	.cin-reward-check { font-size: 16px; gap: 10px; }
	.cin-reward-check input { width: 24px; height: 24px; border-radius: 6px; }
	.cin-reward-check__price { font-size: 16px; }
}

/* =========================================================================
   ДЕСКТОП — личный кабинет (инвестор/спонсор/кинематографист) от 1024px.
   Общие компоненты (.cin-hero--account, .cin-balance, .cin-tabs, .cin-profile,
   .cin-op, .cin-perk-card), поэтому правки применяются во всех трёх кабинетах.
   ========================================================================= */
@media (min-width: 1024px) {

	/* --- Хиро кабинета --- */
	.cin-hero--account { max-width: 900px; text-align: center; padding: 64px 20px 0; }
	.cin-hero--account .cin-h2 { font-size: 35px; line-height: 1.15; }
	.cin-hero--account .cin-lead:first-of-type { font-size: 25px; color: #333; margin-bottom: 8px; }
	.cin-hero--account .cin-lead { font-size: 16px; max-width: 630px; margin-left: auto; margin-right: auto; }
	.cin-hero--account .cin-btn--ghost { margin: 8px auto 0; }

	/* Карточка баланса — строка из значений + строка из 2 кнопок (50/50) */
	.cin-balance { display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 40px; row-gap: 20px; max-width: 690px; margin: 40px auto 0; padding: 30px; border: none; box-shadow: 0 0 30px #D4D4D4; }
	.cin-balance__row { display: flex; flex-direction: column; align-items: flex-start; padding: 0; flex: 0 0 auto; }
	.cin-balance__label { font-size: 16px; }
	.cin-balance__value { font-size: 16px; }
	.cin-balance__free { border: 3px solid #ECE4E4; margin: 0 0 0 auto; flex: 0 0 auto; }
	.cin-balance__form { flex: 1 1 calc(50% - 10px); margin-top: 0; }

	/* --- Вкладки по центру --- */
	.cin-tabs { justify-content: center; gap: 40px; max-width: 1430px; margin: 0 auto 40px; }
	.cin-tabs__btn { font-size: 16px; padding-bottom: 12px; }

	/* --- Профиль: аватар слева фиксированной колонкой + поля в 2 столбца --- */
	.cin-profile { max-width: 1430px; margin: 0 auto; }
	.cin-profile__title { font-size: 23px; }
	.cin-profile > form { display: grid; grid-template-columns: 180px 1fr 1fr; column-gap: 20px; row-gap: 20px; align-items: start; }
	.cin-avatar-upload { grid-column: 1; grid-row: 1 / span 2; margin-bottom: 0; }
	/* По умолчанию поле занимает всю ширину (кроме двух узких колонок аватара);
	   только помеченные --half (ФИО/Телефон/Email/Пароль) встают парами рядом с аватаром. */
	.cin-profile .cin-field { grid-column: 1 / -1; }
	.cin-profile .cin-field--half { grid-column: span 1; }
	.cin-profile .cin-profile__docs { grid-column: 1 / -1; }
	.cin-profile .cin-field label { font-size: 16px; margin-bottom: 10px; }
	.cin-profile .cin-field input { border-width: 3px; padding: 15px; font-size: 16px; }
	.cin-profile .cin-field textarea { border-width: 3px; padding: 20px; font-size: 16px; height: 61px; resize: none; }
	.cin-profile .cin-field select { padding: 15px; font-size: 16px; height: 51px; }
	.cin-profile .cin-btn--sm { padding: 15px 30px; font-size: 16px; margin-top: 10px; }

	/* --- Карточки взносов / истории операций --- */
	.cin-perk-card,
	.cin-op { max-width: 1430px; margin: 0 auto 20px; padding: 20px 30px 20px 0; gap: 20px; }
	.cin-perk-card__icon,
	.cin-op__icon { width: 73px; height: 49px; border-radius: 10px; }
	.cin-perk-card__icon svg,
	.cin-op__icon svg { width: 26px; height: 26px; }
	.cin-perk-card__body strong,
	.cin-op__title { font-size: 19px; }
	.cin-perk-card__body small,
	.cin-op__date,
	.cin-op__more,
	.cin-op__shares { font-size: 16px; }
	.cin-perk-card__amount,
	.cin-op__sum { font-size: 16px; }
	.cin-perk-card__reward { width: auto; padding: 15px 30px; font-size: 16px; }

	/* --- Вкладка «Мои инвестиции» — одна строка вместо стопки блоков --- */
	.cin-invest-card { display: flex; align-items: center; gap: 40px; max-width: 1430px; margin: 0 auto 20px; padding: 20px 30px 20px 0; border: none; box-shadow: 0 0 30px #D4D4D4; }
	.cin-invest-card__head { flex: 0 0 auto; margin-bottom: 0; gap: 20px; }
	.cin-invest-card__avatar { width: 73px; height: 49px; border-radius: 10px; }
	.cin-invest-card__head strong { font-size: 19px; }
	.cin-invest-card__head small { font-size: 16px; }
	.cin-invest-card__amount { flex: 0 0 auto; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 5px; width: 177px; background: #ECE4E4; border-radius: 10px; padding: 15px; margin-bottom: 0; font-size: 12px; }
	.cin-invest-card__amount strong { font-size: 16px; }
	.cin-invest-card__progress-wrap { flex: 1; min-width: 0; }
	.cin-progress__meta { font-size: 12px; }
	.cin-invest-card__shares { flex: 0 0 auto; text-align: left; font-size: 16px; color: #B70000; margin-left: 0; }
	.cin-invest-card__sell { flex: 0 0 auto; padding: 0; font-size: 16px; }

	/* --- Вкладка «Статистика» кинематографиста --- */
	.cin-invest-card--stats { gap: 40px; padding: 20px 20px 20px 0; }
	.cin-invest-card--stats .cin-invest-card__collected { flex: 0 0 auto; flex-direction: column; align-items: flex-start; gap: 5px; width: 99px; margin-bottom: 0; font-size: 12px; color: #808080; }
	.cin-invest-card--stats .cin-invest-card__collected strong { font-size: 16px; color: #808080; }

	/* --- Строки документов профиля (Паспорт/ИНН/Счета/Договоры) --- */
	.cin-doc-row { padding: 30px; background: #E5E5E5; border-radius: 10px; border: none; font-size: 16px; }
	.cin-doc-row + .cin-doc-row { margin-top: 20px; }
	.cin-doc-row--file { flex-direction: row; align-items: center; justify-content: space-between; }
	.cin-doc-row__actions { gap: 30px; }

	/* --- Модалка «Продажа долей» / «Причина отклонения» --- */
	.cin-modal { align-items: center; }
	.cin-modal__panel { max-width: 588px; padding: 30px; }
	.cin-modal__title { font-size: 32px; text-align: center; padding-right: 0; }
	.cin-modal__text { font-size: 16px; text-align: center; }
	.cin-modal__panel .cin-btn--block { width: fit-content; margin: 0 auto; }

	/* --- «Мои заявки» / «Мои проекты» кинематографиста — сетка 3 колонки,
	   раньше карточки --full были принудительно на всю ширину (мобильный вариант). --- */
	.cin-tab-panel[data-tab-panel="applications"]:not([hidden]),
	.cin-tab-panel[data-tab-panel="projects"]:not([hidden]) {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
		max-width: 1430px;
		margin: 0 auto;
	}
	/* Внутренние размеры карточки уже заданы централизованно на .cin-mproject-card;
	   тут остаётся только сброс ширины (в мобильной версии --full принудительно 100%). */
	.cin-mproject-card--full { width: auto; }

	/* Плитка «Подать заявку» — тех же размеров, что и карточки проекта рядом с ней */
	.cin-btn--add-stacked {
		flex-direction: column;
		justify-content: center;
		gap: 20px;
		height: 525px;
		margin-bottom: 0;
		font-size: 25px;
	}
	.cin-btn--add-stacked svg { width: 50px; height: 50px; }
}

/* =========================================================================
   ДЕСКТОП — подвал сайта. Макета под десктопный футер не было — здесь только
   безопасное расширение обёртки (была 430px, как на мобильном), без
   перестройки внутренней раскладки, чтобы не гадать без референса.
   ========================================================================= */
@media (min-width: 1024px) {
	.cin-site-footer__inner { max-width: 1430px; padding: 0 40px; }
}