/* Start:/local/templates/dd2026/assets/css/blog.css?17939830348332*/
/* «Живая лента» (/blog/) — поверх inner.css */
.blog-wrap{max-width:760px;margin:clamp(24px,5vh,56px) 0 clamp(60px,10vh,120px);display:grid;gap:14px}
.blog-show-title{max-width:980px;overflow-wrap:anywhere}
.blog-back{justify-self:start;margin-top:8px}
.blog-guest{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.blog-guest p{max-width:440px;font-size:14px}

/* форма поста */
.composer{display:grid;gap:12px}
.cmp-hd{display:flex;gap:12px;align-items:flex-start}
.cmp-hd .fld{flex:1}
.cmp-hd textarea{min-height:96px}
.cmp-ft{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.cmp-ft .btn{margin-left:auto}
.cmp-add{cursor:pointer;user-select:none}
.cmp-note{font-size:14px;color:var(--dim);line-height:1.5}
.cmp-count.over{color:#ff6b6b}
.up-prev{display:flex;flex-wrap:wrap;gap:8px}
.up-prev:empty{display:none}
.up-prev figure{position:relative;width:84px;height:84px;border-radius:10px;overflow:hidden;background:#111;margin:0}
.up-prev img{width:100%;height:100%;object-fit:cover}
.up-prev button{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.7);color:var(--fg);font-size:14px;line-height:24px;text-align:center}

/* карточка поста */
.post{display:grid;gap:14px;padding:clamp(16px,2.4vw,24px)}
.post.gone{display:none}
.post-hd{display:flex;align-items:center;gap:12px;min-width:0}
.post-who{flex:1;min-width:0;display:grid;gap:4px}
.post-name{font-weight:700;font-size:15px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post-name:hover,.cmt-name:hover{color:var(--acc)}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.post-meta .badge{padding:0 10px;font-size:14px}
.post-time{color:var(--dim);font-size:14px}
.post-time:hover{color:var(--fg)}
.post-more{position:relative}
.post-more-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--faint);color:var(--fg);font-size:18px;line-height:1}
.post-more-btn:hover{border-color:var(--fg)}
.post-pop{position:absolute;right:0;top:44px;z-index:6;min-width:210px;display:grid;padding:6px;border-radius:14px;border:1px solid var(--faint);background:#0d0d0d;box-shadow:0 18px 40px rgba(0,0,0,.6)}
.post-pop[hidden]{display:none}
.post-pop a,.post-pop button{display:block;text-align:left;padding:11px 12px;border-radius:9px;font-size:14px;color:var(--fg)}
.post-pop a:hover,.post-pop button:hover{background:rgba(236,230,218,.08)}
.post-title{font-family:var(--disp);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1.1;font-size:clamp(16px,2vw,20px);margin-bottom:6px}
.post-text{font-size:15px;line-height:1.6;color:rgba(236,230,218,.88);overflow-wrap:anywhere}

/* фото */
.post-photos{display:grid;gap:6px;border-radius:12px;overflow:hidden}
.post-photos a{position:relative;display:block;background:#111;overflow:hidden}
.post-photos img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--out)}
.post-photos a:hover img{transform:scale(1.04)}
.post-photos.n1 a{aspect-ratio:4/3;max-height:560px}
.post-photos.n2{grid-template-columns:1fr 1fr}
.post-photos.n2 a{aspect-ratio:3/4}
.post-photos.n3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:4/3}
.post-photos.n3 a:first-child{grid-row:span 2}
.cmt-photos{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.cmt-photos a{width:96px;height:96px;border-radius:9px;overflow:hidden;background:#111}
.cmt-photos img{width:100%;height:100%;object-fit:cover}

/* счётчики */
.post-ft{display:flex;align-items:center;gap:8px}
.pill{position:relative;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--faint);color:var(--fg);font-family:var(--mono);font-size:14px;transition:border-color .3s,background .3s,color .3s}
.pill:hover{border-color:var(--fg)}
.pill svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.pill.on{border-color:var(--acc);color:var(--acc)}
.pill.like.on svg{fill:var(--acc)}
.pill[data-act=share]{margin-left:auto}
.pill b,.cl b{font-weight:400}
.like-dust{position:fixed;width:5px;height:5px;border-radius:50%;pointer-events:none;z-index:80}

/* комментарии */
.cmts{display:grid;gap:12px;padding-top:14px;border-top:1px solid var(--faint)}
.cmts[hidden]{display:none}
.cmt-list{display:grid;gap:14px}
.cmt-list:empty{display:none}
.cmt-empty{color:var(--dim);font-size:14px}
.cmt{display:flex;gap:10px;align-items:flex-start;scroll-margin-top:110px;border-radius:12px;transition:background 1s}
.cmt.is-reply{margin-left:clamp(22px,5vw,44px)}
.cmt.flash{background:rgba(252,76,1,.14)}
.cmt.gone{display:none}
.cmt-b{flex:1;min-width:0}
.cmt-hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.cmt-name{font-weight:700;font-size:14px}
.cmt-to{font-size:14px;color:var(--dim)}
.cmt-hd time{font-size:14px;color:var(--dim)}
.cmt-t{font-size:14px;line-height:1.55;color:rgba(236,230,218,.86);margin-top:2px;overflow-wrap:anywhere}
.cmt-t img{display:inline-block;width:20px;height:20px;vertical-align:text-bottom}
.cmt-act{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px;font-size:14px;color:var(--dim)}
.cmt-act button,.cmt-act a{color:inherit;display:inline-flex;align-items:center;gap:5px}
.cmt-act button:hover,.cmt-act a:hover{color:var(--fg)}
.cl svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}
.cl.on{color:var(--acc)} .cl.on svg{fill:var(--acc)}
.c-login{display:inline-block;color:var(--acc);font-size:14px;padding:6px 0}

.c-form{display:grid;gap:8px}
.c-reply{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--dim)}
.c-reply[hidden]{display:none}
.c-reply b{color:var(--fg);font-weight:400}
.c-reply button{color:var(--dim);font-size:14px}
.c-row{display:flex;align-items:flex-end;gap:8px}
.c-row textarea{flex:1;min-height:42px;max-height:180px;resize:none;font:500 14px var(--body);color:var(--fg);background:rgba(12,12,12,.72);border:1px solid rgba(236,230,218,.18);border-radius:21px;padding:11px 16px;outline:none;transition:border-color .3s}
.c-row textarea:focus{border-color:var(--acc)}
.c-row textarea.err{border-color:#ff3b3b}
.c-ico{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--faint);color:var(--fg);cursor:pointer}
.c-ico:hover{border-color:var(--fg)}
.c-ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.c-send{background:var(--acc);border-color:var(--acc);color:#0a0a0a}
.c-send:hover{border-color:var(--acc)}
.c-form.busy,.composer.busy{opacity:.55;pointer-events:none}
.c-row .ava{align-self:flex-end;margin-bottom:4px}

/* скрытые посты */
.post-stub{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-radius:14px;border:1px dashed var(--faint);font-size:14px;color:var(--dim)}
.post-stub button{color:var(--fg);border-bottom:1px solid var(--acc)}

/* подгрузка */
.feed{display:grid;gap:14px}
.feed-more{display:grid;justify-items:center;gap:12px;padding:16px 0}
.feed-more [hidden]{display:none}
.feed-sentinel{height:1px;width:100%}
.feed-end{color:var(--dim);font-size:14px;text-align:center}
.feed-more.loading .btn{opacity:.5;pointer-events:none}

/* жалоба (модалка) */
.rep{display:grid;gap:14px;min-width:min(420px,82vw)}
.rep h3{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:22px;letter-spacing:-.02em}
.rep-list{display:grid;gap:6px}
.rep-list label{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid rgba(236,230,218,.18);cursor:pointer;font-size:14px}
.rep-list input{accent-color:var(--acc)}
.rep-list label:has(input:checked){border-color:var(--acc)}
.rep textarea{width:100%;min-height:80px;font:500 14px var(--body);color:var(--fg);background:rgba(12,12,12,.72);border:1px solid rgba(236,230,218,.18);border-radius:12px;padding:12px 14px;outline:none;resize:vertical}

@media (min-width:700px){
  .post-text{font-size:16px}
}

@media (max-width:899px){ .c-row textarea, .rep textarea{font-size:16px} }   /* 16 px — Safari не увеличивает страницу при вводе */

/* End */
/* /local/templates/dd2026/assets/css/blog.css?17939830348332 */