/* ════════════════════════════════════════════════════════════
   ПОКОЛЕНИЕ · v2 — страница «Займы под залог»
   Доп. стили поверх pokolenie.styles.css (токены/шапка/футер/
   кнопки/типографика/accordion/reveal наследуются оттуда).
   ════════════════════════════════════════════════════════════ */

/* активный пункт меню «Займы» */
.header-nav a.is-active { opacity: 1; color: var(--c-champagne); }
.header-nav a.is-active::after { transform: scaleX(1); }
.mobile-menu nav a.is-active { color: var(--c-champagne); }

/* левый заголовок секции (eyebrow → h2 → лид) */
.sec-head--left {
  text-align: left; align-items: flex-start;
  margin: 0 0 clamp(48px, 6vw, 80px); max-width: 760px;
}
.sec-head--left .eyebrow { justify-content: flex-start; }
.sec-head--left .eyebrow::after { display: none; }
.sec-head--left .eyebrow::before { display: inline-block; }
.sec-head--left .lede { margin-top: 8px; }
.light .sec-head--left .lede { color: var(--ink-65); }
.dark  .sec-head--left .lede { color: var(--milk-70); }

/* hero: микро-факты строкой (separator 1px) */
.hero__facts {
  margin-top: 64px; padding-top: 28px;
  border-top: 1px solid var(--hair-champ);
  display: flex; flex-wrap: wrap; gap: 14px 0; align-items: center;
}
.hero__facts .f {
  display: inline-flex; align-items: center;
  font-family: var(--font-mono);
  font-size: 13px; font-weight: 500;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--c-champagne);
  padding: 0 26px;
}
.hero__facts .f:first-child { padding-left: 0; }
.hero__facts .f:not(:last-child) { border-right: 1px solid var(--hair-light); }
@media (max-width: 768px) {
  .hero__facts { gap: 10px 0; margin-top: 44px; }
  .hero__facts .f { padding: 0 16px; font-size: 11px; }
}

/* fix: иконки мессенджеров через <use> наследуют заливку */
.msg-ic { fill: currentColor; }

/* ════════ BLOCK 2 · Предмет залога — фотокарточки (light) ════════ */
.pledge-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.pcard { display: flex; flex-direction: column; gap: 18px; color: inherit; }
.pcard__img {
  position: relative; aspect-ratio: 4 / 5; overflow: hidden;
  background: var(--c-graphite); border: 1px solid var(--hair-dark);
  transition: border-color 0.4s var(--ease);
}
.pcard__img::before { content: ""; position: absolute; inset: 0; transition: transform 0.7s var(--ease); }
.pcard:hover .pcard__img { border-color: var(--c-champagne); }
.pcard:hover .pcard__img::before { transform: scale(1.06); }
.pcard--1 .pcard__img::before {
	background: 
	  radial-gradient(ellipse at 56% 40%, rgba(200,179,138,0.30), transparent 52%),
	  linear-gradient(152deg, rgba(36,38,43, 0.5) 0%, rgba(19,18,23, 0.5) 100%),
	  url(/wp-content/uploads/2026/06/1780833545779-019ea1f2-96d9-7f5c-947d-5f831d044c8b.png) center / cover no-repeat; 
}
.pcard--2 .pcard__img::before {
	background: 
	  radial-gradient(ellipse at 50% 42%, rgba(200,179,138,0.34), transparent 50%),
	  radial-gradient(ellipse at 80% 84%, rgba(244,241,234,0.10), transparent 56%),
	  linear-gradient(150deg, rgba(42,36,27, 0.5) 0%, rgba(21,17,12, 0.5) 100%),
	  url(/wp-content/uploads/2026/06/1780852055420-019ea30d-9716-7e06-be57-8ac9773d35b0.jpeg) center / cover no-repeat;
}
.pcard--3 .pcard__img::before {
	background: 
	  radial-gradient(ellipse at 52% 40%, rgba(208,184,128,0.40), transparent 52%),
	  linear-gradient(150deg, rgba(44,36,22, 0.5) 0%, rgba(22,17,10, 0.5) 100%),
	  url(/wp-content/uploads/2026/06/1780852225531-019ea310-18d2-7296-ae66-f6b19cda417b.jpeg) center / cover no-repeat;
}
.pcard--4 .pcard__img::before {
	background: 
	  radial-gradient(ellipse at 50% 40%, rgba(214,214,210,0.26), transparent 52%),
	  radial-gradient(ellipse at 78% 82%, rgba(185,189,197,0.18), transparent 58%),
	  linear-gradient(152deg, rgba(37,39,42, 0.5) 0%, rgba(19,20,24, 0.5) 100%),
	  url(/wp-content/uploads/2026/06/1780852402249-019ea313-06a2-7c1c-973a-20a8a00266bc.png) center / cover no-repeat;
}
.pcard--5 .pcard__img::before {
	background: 
	  radial-gradient(ellipse at 56% 38%, rgba(200,179,138,0.22), transparent 56%),
	  radial-gradient(ellipse at 24% 86%, rgba(94,102,88,0.22), transparent 58%),
	  linear-gradient(150deg, rgba(35,34,32, 0.5) 0%, rgba(19,18,20, 0.5) 100%),
	  url(/wp-content/uploads/2026/06/1780852587906-019ea315-ca1c-7ba2-b2e7-3485cf0b92c8.png) bottom / cover no-repeat;
}
.pcard--6 .pcard__img::before {
	background: 
	  radial-gradient(ellipse at 60% 34%, rgba(200,179,138,0.20), transparent 56%),
	  radial-gradient(ellipse at 30% 88%, rgba(120,128,140,0.20), transparent 58%),
	  linear-gradient(150deg, rgba(32,35,42, 0.5) 0%, rgba(18,19,24, 0.5) 100%),
	  url(/wp-content/uploads/2026/06/1780852354476-019ea311-fd5b-7ef4-a756-8f58a6953146.png) center / cover no-repeat;
}
.pcard__cat {
  position: absolute; top: 16px; left: 16px; z-index: 2;
  font-family: var(--font-mono); font-size: 10px; font-weight: 500;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--c-champagne);
}
.pcard__shot {
  position: absolute; bottom: 14px; left: 16px; right: 16px; z-index: 2;
  font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.05em; text-transform: uppercase;
  color: var(--milk-55);
}
.pcard__body { display: flex; flex-direction: column; gap: 12px; }
.pcard h3 { font-size: 17px; font-weight: 500; line-height: 1.35; letter-spacing: -0.005em; margin: 0; transition: color 0.3s; }
.pcard:hover h3 { color: var(--c-bronze); }
.pcard .tlink { font-size: 12px; letter-spacing: 0.12em; }
.pcard:hover .tlink { gap: 16px; }
@media (max-width: 1024px) { .pledge-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px)  { .pledge-grid { grid-template-columns: 1fr; } .pcard__img { aspect-ratio: 16 / 10; } }

/* ════════ BLOCK 3 · Условия + 0% (dark) ════════ */
.cond-grid { display: grid; grid-template-columns: 7fr 5fr; gap: 80px; align-items: center; }
.cond-copy .eyebrow { margin-bottom: 24px; }
.cond-copy h2 { color: var(--c-milk); }
.cond-copy p { margin: 28px 0 0; font-size: 18px; line-height: 1.72; color: var(--milk-85); max-width: 560px; }
.cond-list { margin: 30px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 14px; }
.cond-list li {
  position: relative; padding-left: 28px;
  font-size: 16px; line-height: 1.6; color: var(--milk-70);
}
.cond-list li::before {
  content: ""; position: absolute; left: 0; top: 11px;
  width: 9px; height: 9px; border: 1px solid var(--c-champagne); transform: rotate(45deg);
}

.zero-card {
  position: relative; background: var(--c-graphite-alt);
  border: 1px solid var(--c-champagne);
  padding: 52px 48px 44px;
  display: flex; flex-direction: column;
}
.zero-card__corner { position: absolute; width: 20px; height: 20px; border: 1px solid var(--c-champagne); }
.zero-card__corner.tl { top: -1px; left: -1px; border-right: 0; border-bottom: 0; }
.zero-card__corner.br { bottom: -1px; right: -1px; border-left: 0; border-top: 0; }
.zero-card__num {
  font-family: var(--font-mono); font-weight: 300;
  font-size: clamp(76px, 9vw, 96px); line-height: 0.9;
  color: var(--c-champagne); letter-spacing: -0.02em;
}
.zero-card__cap { margin: 18px 0 0; font-size: 16px; line-height: 1.5; color: var(--c-milk); max-width: 320px; }
.zero-card__terms {
  margin: 28px 0 0; padding-top: 26px; border-top: 1px solid var(--hair-champ);
  font-size: 14px; line-height: 1.7; color: var(--milk-70);
}
.zero-card__terms .mono { color: var(--c-champagne); font-size: 13px; }
.zero-card .btn { margin-top: 32px; }
@media (max-width: 1024px) { .cond-grid { grid-template-columns: 1fr; gap: 56px; } }
@media (max-width: 560px) { .zero-card { padding: 40px 28px 34px; } }

/* ════════ BLOCK 4 · Преимущества 7 (light) ════════ */
.adv7 {
  display: grid; grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--hair-dark);
  border-left: 1px solid var(--hair-dark);
}
.adv7 > * {
  border-right: 1px solid var(--hair-dark);
  border-bottom: 1px solid var(--hair-dark);
  padding: 40px;
  display: flex; flex-direction: column; gap: 18px;
  min-height: 248px;
}
.adv7 .a7 { transition: background 0.4s var(--ease); }
.adv7 .a7:hover { background: var(--c-sand); }
.a7__icon { width: 40px; height: 40px; color: var(--c-champagne); flex-shrink: 0; }
.a7 h3 { font-size: 18px; font-weight: 500; margin: 0; letter-spacing: -0.005em; }
.a7 p { margin: 0; font-size: 15px; line-height: 1.62; color: var(--ink-80); }
.a7 .mono { color: var(--c-bronze); font-weight: 500; }
/* тёмная CTA-ячейка вместо 8-й карточки */
.adv7 .a7--cta {
  background: var(--c-graphite); color: var(--c-milk);
  justify-content: space-between; gap: 28px;
}
.a7--cta p { color: var(--milk-70); font-size: 15px; }
.a7--cta .a7__big {
  font-family: var(--font-base); font-weight: 300;
  font-size: 26px; line-height: 1.2; letter-spacing: -0.01em; color: var(--c-milk);
}
.a7--cta .tlink { color: var(--c-champagne); }
.a7--cta .tlink:hover { color: #d8c4a0; }
@media (max-width: 1024px) { .adv7 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .adv7 { grid-template-columns: 1fr; } .adv7 > * { min-height: 0; padding: 34px 28px; } }

/* ════════ BLOCK 5 · Процесс 4 шага (dark) ════════ */
.proc4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; position: relative; padding-top: 8px; }
.proc4::before {
  content: ""; position: absolute; top: 56px; left: 12.5%; right: 12.5%;
  height: 1px; background: var(--hair-champ); z-index: 0;
}
.proc4 .pdot {
  position: absolute; top: 52px; width: 8px; height: 8px;
  background: var(--c-graphite); border: 1px solid var(--c-champagne);
  transform: rotate(45deg); z-index: 1;
}
.proc4 .pdot.d1 { left: 12.5%; } .proc4 .pdot.d2 { left: 37.5%; }
.proc4 .pdot.d3 { left: 62.5%; } .proc4 .pdot.d4 { left: 87.5%; }
.p4 { position: relative; z-index: 2; }
.p4__num {
  font-family: var(--font-mono); font-weight: 300;
  font-size: 88px; line-height: 1; color: rgba(200,179,138,0.6);
  display: block; margin-bottom: 30px;
}
.p4 h3 { font-size: 20px; font-weight: 500; color: var(--c-milk); margin: 0 0 12px; letter-spacing: -0.005em; }
.p4 p { margin: 0; max-width: 260px; font-size: 15px; line-height: 1.66; color: var(--milk-70); }
@media (max-width: 1024px) {
  .proc4 { grid-template-columns: 1fr 1fr; gap: 48px 40px; }
  .proc4::before { display: none; } .proc4 .pdot { display: none; }
  .p4__num { font-size: 64px; margin-bottom: 16px; }
}
@media (max-width: 560px) { .proc4 { grid-template-columns: 1fr; gap: 40px; } }

/* ════════ BLOCK 6 · FAQ 12 (light) — подгруппы ════════ */
.faq-group {
  font-family: var(--font-mono);
  font-size: 12px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--c-bronze);
  margin: 44px 0 4px;
  display: flex; align-items: center; gap: 14px;
}
.faq-group:first-child { margin-top: 0; }
.faq-group::after { content: ""; flex: 1; height: 1px; background: var(--hair-dark); }
.faq-list .faq-group + .faq-item { border-top: 1px solid var(--hair-dark); }

/* ════════ BLOCK 7 · Льготы (dark accent panel) ════════ */
.lgota {
  background: var(--c-graphite-alt);
  border: 1px solid var(--hair-champ);
  padding: clamp(40px, 5vw, 72px);
  position: relative;
}
.lgota__corner { position: absolute; width: 22px; height: 22px; border: 1px solid var(--c-champagne); }
.lgota__corner.tl { top: -1px; left: -1px; border-right: 0; border-bottom: 0; }
.lgota__corner.br { bottom: -1px; right: -1px; border-left: 0; border-top: 0; }
.lgota__head { max-width: 720px; }
.lgota__head .eyebrow { margin-bottom: 22px; }
.lgota__head h3 { font-size: clamp(24px, 3vw, 30px); font-weight: 500; color: var(--c-milk); margin: 0; letter-spacing: -0.01em; }
.lgota__cols {
  margin-top: 48px; padding-top: 40px; border-top: 1px solid var(--hair-light);
  display: grid; grid-template-columns: 1fr 1fr; gap: 56px;
}
.lgota__col .label {
  font-family: var(--font-mono); font-size: 12px; font-weight: 500;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--c-champagne);
  display: block; margin-bottom: 16px;
}
.lgota__col p { margin: 0; font-size: 16px; line-height: 1.72; color: var(--milk-85); }
.lgota__col .mono { color: var(--c-champagne); }
@media (max-width: 768px) { .lgota__cols { grid-template-columns: 1fr; gap: 36px; } }

/* ════════ BLOCK 8 · Блог (light) ════════ */
.blog-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; flex-wrap: wrap; margin-bottom: clamp(40px, 5vw, 64px); }
.blog-head .titles { display: flex; flex-direction: column; gap: 22px; }
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.blog-card { display: flex; flex-direction: column; gap: 22px; }
.blog-card__img {
  position: relative; aspect-ratio: 3 / 2; overflow: hidden;
  background: var(--c-graphite); border: 1px solid var(--hair-dark);
}
.blog-card__img::before {
  content: ""; position: absolute; inset: 0; transition: transform 0.7s var(--ease);
  background:
    radial-gradient(ellipse at 64% 34%, rgba(200,179,138,0.24), transparent 56%),
    radial-gradient(ellipse at 20% 88%, rgba(94,102,88,0.20), transparent 58%),
    repeating-linear-gradient(118deg, rgba(244,241,234,0.018) 0 2px, transparent 2px 10px),
    linear-gradient(150deg, #2a2620 0%, #14120f 100%);
}
.blog-card:hover .blog-card__img::before { transform: scale(1.06); }
.blog-card__cat {
  position: absolute; top: 16px; left: 16px; z-index: 2;
  font-family: var(--font-mono); font-size: 10px; font-weight: 500;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--c-champagne);
}
.blog-card__shot {
  position: absolute; bottom: 14px; left: 16px; z-index: 2;
  font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.05em; text-transform: uppercase;
  color: var(--milk-55);
}
.blog-card__body { display: flex; flex-direction: column; gap: 14px; }
.blog-card h3 { font-size: 18px; font-weight: 500; line-height: 1.4; letter-spacing: -0.01em; margin: 0; transition: color 0.3s; }
.blog-card:hover h3 { color: var(--c-bronze); }
.blog-card__date { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.04em; color: var(--ink-45); }
@media (max-width: 900px) { .blog-grid { grid-template-columns: 1fr 1fr; } .blog-grid .blog-card:nth-child(3) { display: none; } }
@media (max-width: 560px) { .blog-grid { grid-template-columns: 1fr; } .blog-grid .blog-card:nth-child(3) { display: flex; } }

/* ════════ BLOCK 9 · CTA финал (dark) ════════ */
.final { text-align: center; }
.final .eyebrow { justify-content: center; }
.final .eyebrow::before { display: none; }
.final h2 { color: var(--c-milk); margin: 22px auto 0; max-width: 760px; }
.final__msg { margin: 48px auto 0; display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.final__msg .btn { padding: 18px 32px; }
.final__msg .btn svg { width: 21px; height: 21px; }
.btn--graphite { background: var(--c-graphite-alt); color: var(--c-milk); border-color: var(--hair-light); }
.btn--graphite:hover { background: #2a2a30; border-color: var(--c-milk); transform: translateY(-2px); }
.final__contact {
  margin: 44px auto 0; padding-top: 30px; max-width: 860px;
  border-top: 1px solid var(--hair-champ);
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: 12px 26px;
  font-size: 15px; color: var(--milk-85);
}
.final__contact .sep { width: 4px; height: 4px; border-radius: 50%; background: var(--c-champagne); flex-shrink: 0; }
.final__contact .mono { font-family: var(--font-mono); }
.final__contact a:hover { color: var(--c-champagne); }
.final__route { margin-top: 30px; display: inline-flex; }
@media (max-width: 600px) {
  .final__msg { flex-direction: column; align-items: stretch; }
  .final__msg .btn { width: 100%; justify-content: center; }
  .final__contact .sep { display: none; }
  .final__contact { flex-direction: column; gap: 10px; }
}