/* ==========================================================================
   Q Clima — blog ("Съвети"): index, archives, single post, search list cards.
   ========================================================================== */

.qc-section--tight-top { padding-top: 32px; }
@media (min-width: 1100px) { .qc-section--tight-top { padding-top: 48px; } }

.qc-blog-chips { display: flex; gap: 8px; margin: 0 calc(var(--qc-pad) * -1) 24px; padding: 0 var(--qc-pad) 4px; overflow-x: auto; scrollbar-width: none; }
.qc-blog-chips::-webkit-scrollbar { display: none; }
.qc-blog-chips .qc-chip { flex: none; height: 40px; }
.qc-blog-empty { padding: 32px; border-radius: var(--qc-r-lg); background: var(--qc-ice); text-align: center; color: var(--qc-text-2); }

/* Cards -------------------------------------------------------------------- */
.qc-posts { display: grid; gap: var(--qc-gutter); }
@media (min-width: 640px) { .qc-posts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .qc-posts { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.qc-post { position: relative; display: flex; flex-direction: column; min-width: 0; background: #fff; border: 1px solid var(--qc-line); border-radius: var(--qc-r-lg); box-shadow: var(--qc-shadow-1); overflow: hidden; transition: box-shadow .2s, border-color .2s; }
.qc-post:hover { box-shadow: var(--qc-shadow-2); border-color: rgba(2, 132, 199, .45); }
.qc-post__media { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--qc-subtle); }
.qc-post__img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.qc-post:hover .qc-post__img { transform: scale(1.03); }
.qc-post__ph { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: radial-gradient(80% 90% at 85% 10%, #1B6AA6 0%, var(--qc-navy) 50%, var(--qc-navy-deep) 100%); color: rgba(125, 211, 252, .55); }
.qc-post__body { display: flex; flex-direction: column; flex: 1; padding: 18px 20px 20px; }
.qc-post__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin: 0 0 8px; font-size: 13px; color: var(--qc-muted); }
.qc-post__meta > * + *::before { content: '·'; margin-right: 12px; color: var(--qc-line-strong); }
.qc-post__cat { font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: 12px; color: var(--qc-sky); }
.qc-post__title { margin: 0 0 8px; font: 600 21px/1.25 var(--qc-font-head); letter-spacing: .005em; }
.qc-post__title a { color: var(--qc-navy); }
.qc-post__title a::after { content: ''; position: absolute; inset: 0; }
.qc-post__title a:hover { color: var(--qc-sky); }
.qc-post__excerpt { margin: 0 0 14px; color: var(--qc-text-2); font-size: 15px; }
.qc-post__more { margin-top: auto; font-size: 14px; }
.qc-post--featured { margin-bottom: var(--qc-gutter); }
@media (min-width: 900px) {
	.qc-post--featured { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
	.qc-post--featured .qc-post__media { aspect-ratio: auto; min-height: 340px; }
	.qc-post--featured .qc-post__body { justify-content: center; padding: 40px 44px; }
	.qc-post--featured .qc-post__title { font-size: clamp(28px, 2.6vw, 36px); line-height: 1.15; }
	.qc-post--featured .qc-post__excerpt { font-size: 16px; }
}

/* Single ------------------------------------------------------------------- */
.qc-article__col { max-width: calc(72ch + var(--qc-pad) * 2); }
.qc-article__head { padding: 28px 0 28px; background: linear-gradient(180deg, var(--qc-ice) 0%, #fff 100%); }
.qc-article__title { margin: 0 0 16px; font-size: clamp(30px, 4.4vw, 48px); line-height: 1.1; font-weight: 700; text-transform: uppercase; }
.qc-article__meta { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 0; font-size: 14px; color: var(--qc-muted); }
.qc-article__meta span { display: inline-flex; align-items: center; gap: 6px; }
.qc-article__meta .qc-i { color: var(--qc-sky); }
.qc-article__figure { max-width: 1064px; margin: 0 auto 8px; }
.qc-article__img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--qc-r-xl); }
.qc-article__figure figcaption { margin-top: 8px; font-size: 13px; color: var(--qc-muted); text-align: center; }
.qc-article__body { padding: 24px 0 8px; font-size: 17px; }
.qc-article__body > p:first-child { font-size: 19px; color: var(--qc-text); }
.qc-article__tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 0; list-style: none; }
.qc-article__back { margin: 24px 0 var(--qc-section); }

.qc-postcta { display: grid; gap: 16px; margin: 32px 0 0; padding: 24px; border-radius: var(--qc-r-lg); background: var(--qc-sky-soft); border: 1px solid rgba(2, 132, 199, .2); }
.qc-postcta__ic { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: var(--qc-r-md); background: #fff; color: var(--qc-sky); }
.qc-postcta__title { margin: 0 0 4px; font: 600 22px/1.2 var(--qc-font-head); color: var(--qc-navy); }
.qc-postcta__text p:last-child { margin: 0; color: var(--qc-text-2); }
.qc-postcta__actions { display: flex; flex-wrap: wrap; gap: 8px; }
@media (min-width: 700px) { .qc-postcta { grid-template-columns: auto minmax(0, 1fr); align-items: center; } .qc-postcta__actions { grid-column: 2; } }
@media (max-width: 479px) { .qc-postcta__actions .qc-btn { flex: 1 1 100%; } }
.qc-blog-ctawrap { padding-bottom: var(--qc-section); }
.qc-blog-ctawrap .qc-postcta { margin-top: 0; }
@media (min-width: 1000px) { .qc-blog-ctawrap .qc-postcta { grid-template-columns: auto minmax(0, 1fr) auto; } .qc-blog-ctawrap .qc-postcta__actions { grid-column: auto; } }
