/* ==========================================================================
   „Полезни статии“: списъкът и темите (филтър, голяма първа карта, мрежа,
   страници, лента за консултация) и статията (заглавна част, корица,
   съдържание, странична колона, споделяне, „Още статии“). Общото - pages.css,
   текстът - .nd-prose в main.css.
   ========================================================================== */

/* --- филтър по теми --- */
.nd-blog__list { padding-top: clamp(30px, 3.6vw, 50px); }
.nd-bchips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 clamp(26px, 3vw, 40px); }
.nd-bchip {
	display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; font-size: .92rem; font-weight: 520; color: var(--ink); text-decoration: none;
	background: #fffdf8; box-shadow: inset 0 0 0 1px var(--line); transition: background-color .3s, color .3s, box-shadow .3s;
}
.nd-bchip small { display: grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; font-size: .74rem; font-weight: 600; color: var(--gold-700); background: rgba(173, 129, 48, .1); }
.nd-bchip:hover { box-shadow: inset 0 0 0 1px var(--line-2); }
.nd-bchip.is-on { color: #fbf6ea; background: var(--jade-800); box-shadow: none; }
.nd-bchip.is-on small { color: var(--jade-950); background: var(--gold-300); }

/* --- картата на статия --- */
.nd-pc2 { position: relative; display: flex; flex-direction: column; min-width: 0; border-radius: 26px; overflow: hidden; background: #fffdf8; box-shadow: inset 0 0 0 1px var(--line), 0 18px 40px -32px rgba(19, 35, 28, .45); transition: transform .5s var(--ease), box-shadow .5s var(--ease); }
.nd-pc2:hover { transform: translateY(-4px); box-shadow: inset 0 0 0 1px rgba(173, 129, 48, .4), 0 28px 54px -32px rgba(19, 35, 28, .5); }
.nd-pc2__media { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--paper-2); }
.nd-pc2__img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease); }
.nd-pc2:hover .nd-pc2__img { transform: scale(1.04); }
.nd-pc2__ph { display: grid; place-items: center; height: 100%; background: radial-gradient(circle at 40% 35%, #fffdf6, #f0e4c8); }
.nd-pc2__ph .nd-pair__yy { --s: 56px; }
.nd-pc2__body { display: flex; flex: 1; flex-direction: column; gap: 10px; padding: 20px 22px 22px; }
.nd-pc2__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 0; font-size: .82rem; color: var(--muted); }
.nd-pc2__cat { padding: 3px 10px; border-radius: 999px; font-weight: 600; color: var(--gold-700); background: rgba(173, 129, 48, .1); }
.nd-pc2__title { margin: 0; font-size: 1.16rem; font-weight: 520; line-height: 1.32; letter-spacing: -.005em; }
.nd-pc2__title a { color: var(--ink); text-decoration: none; }
.nd-pc2__title a::after { content: ""; position: absolute; inset: 0; } /* цялата карта води към статията */
.nd-pc2__ex { margin: 0; font-size: .93rem; line-height: 1.55; color: var(--ink-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.nd-pc2__more { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 6px; font-size: .86rem; font-weight: 600; color: var(--jade-700); }
.nd-pc2__more .nd-i { transition: transform .4s var(--ease); }
.nd-pc2:hover .nd-pc2__more .nd-i { transform: translateX(4px); }

/* голямата първа карта */
.nd-pc2--big { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); margin-bottom: clamp(18px, 2vw, 26px); }
.nd-pc2--big .nd-pc2__media { aspect-ratio: auto; min-height: 340px; }
.nd-pc2--big .nd-pc2__body { justify-content: center; gap: 14px; padding: clamp(26px, 3.4vw, 48px); }
.nd-pc2--big .nd-pc2__title { font-size: clamp(1.5rem, 2.4vw, 2.1rem); font-weight: 400; line-height: 1.2; letter-spacing: -.02em; }
.nd-pc2--big .nd-pc2__ex { font-size: 1rem; -webkit-line-clamp: 4; }

.nd-bgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 1.8vw, 24px); }
.nd-blog__empty { color: var(--muted); }
.nd-blog__empty a { color: var(--jade-700); font-weight: 600; }

/* --- страници --- */
.nd-pages { margin-top: clamp(30px, 4vw, 50px); }
.nd-pages ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.nd-pages a, .nd-pages span { display: grid; place-items: center; min-width: 46px; height: 46px; padding: 0 12px; border-radius: 999px; font-weight: 560; color: var(--ink); text-decoration: none; background: #fffdf8; box-shadow: inset 0 0 0 1px var(--line); }
.nd-pages .current { color: #fbf6ea; background: var(--jade-800); box-shadow: none; }
.nd-pages .prev .nd-i { transform: scaleX(-1); }

/* --- лента за консултация --- */
.nd-bcta { padding: 0 0 clamp(70px, 8vw, 110px); background: var(--paper); }
.nd-bcta__in { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 18px 28px; align-items: center; padding: clamp(24px, 3vw, 36px); border-radius: 28px; color: #e9f0ec; background: linear-gradient(150deg, #13342a, #0b1b15); box-shadow: 0 30px 60px -34px rgba(9, 25, 19, .8); }
.nd-bcta__yy .nd-pair__yy { --s: 58px; animation: ndSpin 30s linear infinite; }
.nd-bcta__t { margin: 0 0 6px; font-size: clamp(1.3rem, 2vw, 1.7rem); font-weight: 400; color: #fbf6ea; }
.nd-bcta p { margin: 0; color: #c3d1c9; }

/* --- статията --- */
.nd-post__title { font-size: clamp(2rem, 3.8vw, 3.3rem); line-height: 1.1; }
.nd-post__head .nd-sh__copy { max-width: 920px; }
.nd-post__head .nd-sh__eyebrow a { color: inherit; text-decoration: none; }
.nd-post__head .nd-sh__eyebrow a:hover { text-decoration: underline; }
.nd-post__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 26px; margin: 0 0 22px; font-size: .9rem; color: var(--muted); }
.nd-post__meta li { display: inline-flex; align-items: center; gap: 8px; }
.nd-post__meta .nd-i { font-size: 1.05rem; color: var(--gold-700); }
.nd-post__author b { display: block; font-size: .95rem; font-weight: 600; color: var(--ink); }
.nd-post__author span:last-child { line-height: 1.3; }
.nd-post__ava { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 50%; font-size: .82rem; font-weight: 600; letter-spacing: .04em; color: var(--jade-950); background: var(--gold-grad) border-box; }
.nd-post__ava--lg { width: 64px; height: 64px; font-size: 1.05rem; }
.nd-post__lead { max-width: 70ch; margin-bottom: 0; font-size: clamp(1.06rem, 1.3vw, 1.2rem); }

.nd-post__grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: clamp(30px, 4.5vw, 80px); align-items: start; padding-block: clamp(34px, 4vw, 56px) clamp(60px, 7vw, 100px); }
.nd-post__cover { margin: 0 0 clamp(26px, 3vw, 40px); overflow: hidden; border-radius: 28px; box-shadow: var(--shadow); background: var(--paper-2); }
.nd-post__cover img { width: 100%; height: auto; max-height: 560px; object-fit: cover; }
.nd-post__body { max-width: 72ch; font-size: 1.08rem; }
.nd-post__body > p:first-child::first-letter { float: left; margin: .08em .12em 0 0; font-size: 3.2em; font-weight: 300; line-height: .82; color: var(--gold-700); }

.nd-toc { max-width: 72ch; margin: 0 0 clamp(26px, 3vw, 36px); padding: 20px 24px; border-radius: 22px; background: #fffdf8; box-shadow: inset 0 0 0 1px var(--line); }
.nd-toc__t { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: .78rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--gold-700); }
.nd-toc ol { display: grid; gap: 6px; margin: 0; padding: 0 0 0 4px; list-style: none; counter-reset: toc; }
.nd-toc li { display: grid; grid-template-columns: 26px minmax(0, 1fr); counter-increment: toc; line-height: 1.45; }
.nd-toc li::before { content: counter(toc) "."; font-weight: 600; color: var(--gold-700); }
.nd-toc a { color: var(--ink-2); text-decoration: none; }
.nd-toc a:hover { color: var(--jade-700); text-decoration: underline; }

.nd-post__note { max-width: 72ch; margin-top: clamp(30px, 3.5vw, 44px); }
.nd-share { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 22px; font-size: .9rem; color: var(--muted); }
.nd-share a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; color: var(--ink); font-weight: 560; text-decoration: none; background: #fffdf8; box-shadow: inset 0 0 0 1px var(--line); transition: box-shadow .3s; }
.nd-share a:hover { box-shadow: inset 0 0 0 1px var(--line-2); }
.nd-share .nd-i { color: var(--gold-700); }

/* странична колона */
.nd-post__aside { position: sticky; top: calc(var(--bar-h) + 24px); display: grid; gap: 16px; }
.nd-post__card { display: grid; justify-items: start; gap: 10px; padding: 24px; border-radius: 26px; color: #e9f0ec; background: linear-gradient(150deg, #13342a, #0b1b15); box-shadow: 0 30px 60px -34px rgba(9, 25, 19, .8); }
.nd-post__card p { margin: 0; font-size: .92rem; line-height: 1.55; color: #c3d1c9; }
.nd-post__card .nd-post__card-t { font-size: 1.1rem; font-weight: 560; color: #fbf6ea; }
.nd-post__card .nd-btn { width: 100%; justify-content: space-between; margin-top: 6px; }
.nd-post__tel { display: inline-flex; align-items: center; gap: 8px; color: var(--gold-300); font-weight: 600; text-decoration: none; }
.nd-post__prods { padding: 18px; border-radius: 24px; background: #fffdf8; box-shadow: inset 0 0 0 1px var(--line); }
.nd-post__prods-t { margin: 0 0 10px; font-size: .78rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--gold-700); }
.nd-mini { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 8px; border-radius: 16px; color: var(--ink); text-decoration: none; transition: background-color .3s; }
.nd-mini + .nd-mini { margin-top: 4px; }
.nd-mini:hover { background: #f6efe2; }
.nd-mini__img { width: 56px; height: 56px; border-radius: 12px; object-fit: cover; background: #f3ead9; }
.nd-mini b { display: block; font-size: .92rem; font-weight: 560; line-height: 1.3; }
.nd-mini small { font-size: .86rem; color: var(--gold-700); font-weight: 600; }
.nd-mini > .nd-i { color: var(--gold-700); }

.nd-post__more-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 30px; margin-bottom: clamp(24px, 3vw, 40px); }
.nd-post__more-head .nd-sv__title { margin: 0; }

/* текстови страници */
.nd-text__sec { padding-top: clamp(30px, 3.6vw, 50px); }
.nd-text__upd { display: flex; align-items: center; gap: 8px; max-width: 72ch; margin: 30px 0 0; padding-top: 18px; border-top: 1px solid var(--line); font-size: .88rem; color: var(--muted); }
.nd-text__upd .nd-i { color: var(--gold-700); }

/* --- отзивчивост --- */
@media (max-width: 1100px) {
	.nd-post__grid { grid-template-columns: minmax(0, 1fr); }
	.nd-post__aside { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
}
@media (max-width: 960px) {
	.nd-bgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.nd-pc2--big { grid-template-columns: minmax(0, 1fr); }
	.nd-pc2--big .nd-pc2__media { aspect-ratio: 16 / 9; min-height: 0; }
}
@media (max-width: 760px) {
	.nd-bgrid { grid-template-columns: minmax(0, 1fr); }
	.nd-bchips { flex-wrap: nowrap; margin-inline: calc(var(--gut) * -1); padding: 2px var(--gut); overflow-x: auto; scrollbar-width: none; }
	.nd-bchips::-webkit-scrollbar { display: none; }
	.nd-bchip { flex: none; }
	.nd-bcta__in { grid-template-columns: minmax(0, 1fr); }
	.nd-bcta .nd-btn { justify-content: space-between; }
	.nd-post__aside { grid-template-columns: minmax(0, 1fr); }
	.nd-post__body { font-size: 1.03rem; }
	.nd-post__body > p:first-child::first-letter { font-size: 2.6em; }
}
@media (prefers-reduced-motion: reduce) {
	.nd-bcta__yy .nd-pair__yy { animation: none; }
}