/* BLOGV2 09.10.2026: медиа в статьях блога (читатель): картинки с оценками, размытые картинки, спойлеры,
   слайдер, просмотр картинок, видео, платная часть, выноски, «Картинки недели».
   Разметку собирает la_blog_media.php, поведение в la_blog_media.js. Ночная тема: html[data-theme="dark"]
   (кука mode=night) и старый body.night-mode. Телефон от 360 px без прокрутки вбок. */

/* ---------- токены ---------- */
.la-bm,.la-lb,.la-bm-toast,.la-bmw,.la-bm-stat{
  --bm-brand:#c64d53;--bm-brand-2:#a52729;--bm-accent:#e0894d;--bm-brand-ink:#b4434a;
  --bm-ink:#2a2420;--bm-ink-2:#46403b;--bm-mute:#766c66;--bm-line:#ebe5df;--bm-chip:#f5f0eb;--bm-soft:#faf6f1;--bm-card:#fff;
  --bm-dot:42,36,32;--bm-shade:rgba(20,14,12,.58);--bm-amber-ink:#a85a1e;
}
html[data-theme="dark"] .la-bm,html[data-theme="dark"] .la-lb,html[data-theme="dark"] .la-bm-toast,html[data-theme="dark"] .la-bmw,html[data-theme="dark"] .la-bm-stat,
body.night-mode .la-bm,body.night-mode .la-lb,body.night-mode .la-bm-toast,body.night-mode .la-bmw,body.night-mode .la-bm-stat{
  --bm-brand-ink:#f0898e;--bm-ink:#ece8e5;--bm-ink-2:#cfc8c3;--bm-mute:#9d958f;--bm-line:#2a3040;--bm-chip:#252a38;--bm-soft:#222735;--bm-card:#1b1e27;
  --bm-dot:236,232,229;--bm-amber-ink:#f0b483;
}

.la-bm{overflow-wrap:break-word}
.la-bm .la-ico{flex:none;display:inline-block;vertical-align:middle}
.la-bm iframe,.la-bm video{max-width:100%}

/* ---------- картинки: не шире колонки, не выше 70% экрана, по центру, со скруглением ---------- */
.la-bm .la-im{position:relative;display:inline-block;max-width:100%;vertical-align:middle;line-height:0;border-radius:12px;overflow:hidden}
.la-bm .la-im>img{display:block;max-width:100%;height:auto;max-height:70vh;object-fit:contain;margin:0;border-radius:inherit;box-shadow:none;cursor:zoom-in}
.la-bm .la-im-solo{display:block;width:-moz-fit-content;width:fit-content;margin:16px auto}
/* BLOGV2: обертка с размерами картинки (la-im-sz): ширину min(100%, своя ширина, 70vh по пропорции) ставит
   la_blog_media.php (или la_blog_media.js, если размеров в разметке нет), картинка заполняет обертку целиком.
   Рамка совпадает с картинкой: нет пустых полей по бокам, кнопки оценки и скругление на самой картинке. */
.la-bm .la-im>img:not([width]){width:auto}
.la-bm .la-im.la-im-sz>img{width:100%}
.la-bm a .la-im>img{cursor:pointer}
.la-bm .la-im-fl{float:left;max-width:min(50%,360px);margin:4px 18px 10px 0}
.la-bm .la-im-fr{float:right;max-width:min(50%,360px);margin:4px 0 10px 18px}
@media (max-width:560px){.la-bm .la-im-fl,.la-bm .la-im-fr{float:none;display:block;width:-moz-fit-content;width:fit-content;max-width:100%;margin:14px auto}}
.la-bm .la-im-hl,.la-bm .la-gal-s.la-im-hl{animation:laBmHl 1.8s ease}
@keyframes laBmHl{0%,60%{box-shadow:0 0 0 4px rgba(198,77,83,.75)}100%{box-shadow:0 0 0 0 rgba(198,77,83,0)}}

/* ---------- оценки картинки: сердце и палец вниз в углу ---------- */
.la-ir{position:absolute;right:8px;bottom:8px;z-index:3;display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--bm-shade,rgba(20,14,12,.58));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);line-height:1;transition:opacity .2s}
.la-ir-b{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:34px;height:32px;padding:0 10px;margin:0;border:0;border-radius:999px;background:transparent;color:#fff;font:600 13px/1 inherit;font-family:inherit;cursor:pointer;transition:background-color .15s,color .15s;-webkit-tap-highlight-color:transparent}
.la-ir-b b{font-weight:700;font-variant-numeric:tabular-nums;font-size:13px}
.la-ir-b b:empty{display:none}
.la-ir-b:hover{background:rgba(255,255,255,.16)}
.la-ir-b:focus-visible{outline:2px solid #fff;outline-offset:1px}
.la-ir-l.on{color:#ff9aa0}
.la-ir-d.on{color:#ffc796}
.la-ir-b.on svg{fill:currentColor}
.la-ir-b.pop svg{animation:laIrPop .38s ease}
@keyframes laIrPop{0%{transform:scale(1)}40%{transform:scale(1.4)}100%{transform:scale(1)}}
.la-bm .la-im.is-small .la-ir{display:none}
.la-ir.is-busy{opacity:.75}

/* ---------- размытая картинка ---------- */
.la-bm .la-im-blur>img,.la-bm .la-gal-s.la-im-blur .la-gal-im{filter:blur(24px) saturate(1.15);transform:scale(1.1);transition:filter .5s ease,transform .5s ease}
.la-bm .la-im-blur.is-open>img,.la-bm .la-gal-s.la-im-blur.is-open .la-gal-im{filter:none;transform:none}
.la-bm .la-im-blur:not(.is-open)>img{cursor:pointer}
.la-bm .la-im-blur:not(.is-open) .la-ir{display:none}
.la-bm .la-im-blur.la-im-solo{min-width:200px;min-height:120px;background:var(--bm-chip)}
.la-bm .la-im-blur.la-im-sz{min-width:150px;min-height:0} /* BLOGV2: размер известен, картинка заполняет обертку */
.la-blur-btn{position:absolute;left:50%;top:50%;z-index:4;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 18px;margin:0;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:rgba(20,14,12,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:600 14px/1 inherit;font-family:inherit;white-space:nowrap;cursor:pointer;line-height:1;transition:background-color .15s}
.la-blur-btn:hover{background:rgba(20,14,12,.68)}
.la-blur-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.la-im-blur.is-open .la-blur-btn{display:none}

/* ---------- спойлер в строке: точки «шума» поверх размытых букв ---------- */
.la-bm .la-sp-i{position:relative;border-radius:6px;padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-color .35s ease}
.la-bm .la-sp-i:not(.is-open){cursor:pointer;background-color:var(--bm-chip);background-image:radial-gradient(rgba(var(--bm-dot),.45) .7px,transparent 1.15px);background-size:5px 5px;animation:laSpDrift 7s linear infinite;-webkit-user-select:none;user-select:none}
.la-bm .la-sp-i:not(.is-open):hover{background-color:rgba(198,77,83,.13)}
.la-bm .la-sp-i:not(.is-open) .la-sp-t,.la-bm .la-sp-i:not(.is-open) .la-sp-t *{color:transparent!important;text-shadow:0 0 .42em rgba(var(--bm-dot),.8)}
/* BLOGV2: в ночной теме правило цвета для la-c-dk (ниже) сильнее, поэтому закрытый спойлер прячет текст и здесь */
html[data-theme="dark"] .la-bm .la-sp-i:not(.is-open) .la-sp-t *,body.night-mode .la-bm .la-sp-i:not(.is-open) .la-sp-t *{color:transparent!important}
.la-bm .la-sp-i:not(.is-open) .la-sp-t img{filter:blur(12px)}
.la-bm .la-sp-i:focus-visible{outline:2px solid var(--bm-brand);outline-offset:2px}
@keyframes laSpDrift{from{background-position:0 0}to{background-position:40px 20px}}

/* ---------- спойлер блоком ---------- */
.la-bm .la-sp-b{position:relative;margin:18px 0;border:1px solid var(--bm-line);border-radius:14px;background:var(--bm-soft);overflow:hidden}
.la-bm .la-sp-b:not(.is-open){min-height:112px}
.la-bm .la-sp-body{padding:14px 18px;transition:filter .5s ease,opacity .5s ease}
.la-bm .la-sp-body>:last-child{margin-bottom:0!important}
.la-bm .la-sp-body:focus{outline:none}
.la-bm .la-sp-b:not(.is-open) .la-sp-body{max-height:190px;overflow:hidden;filter:blur(9px);opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent);mask-image:linear-gradient(180deg,#000 45%,transparent)}
.la-bm .la-sp-b.is-open{background:transparent;border-style:dashed}
.la-sp-btn{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;margin:0;padding:12px;border:0;border-radius:inherit;background:radial-gradient(ellipse at center,rgba(var(--bm-dot),.06),transparent 70%);color:var(--bm-ink);font-family:inherit;cursor:pointer}
.la-sp-pill{display:inline-flex;align-items:center;gap:8px;max-width:100%;height:40px;padding:0 18px;border-radius:999px;background:var(--bm-brand);color:#fff;font-size:15px;font-weight:700;line-height:1;box-shadow:0 6px 18px rgba(198,77,83,.28);transition:background-color .15s,transform .15s}
.la-sp-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.la-sp-btn small{font-size:12.5px;color:var(--bm-mute);font-weight:500}
.la-sp-btn:hover .la-sp-pill{background:var(--bm-brand-2)}
.la-sp-btn:focus-visible{outline:none}
.la-sp-btn:focus-visible .la-sp-pill{outline:2px solid var(--bm-brand);outline-offset:3px}
.la-sp-b.is-open>.la-sp-btn{display:none}

/* ---------- буквы слетаются на место (раскрытие спойлера) ---------- */
.la-bm .la-w{display:inline-block;white-space:nowrap}
.la-bm .la-ch{display:inline-block}
.la-bm .is-anim .la-ch{opacity:0;filter:blur(4px);transform:translate3d(var(--dx,0),var(--dy,0),0) rotate(var(--r,0deg)) scale(1.25)}
.la-bm .is-anim.is-go .la-ch{opacity:1;filter:blur(0);transform:none;transition:transform .62s cubic-bezier(.2,.85,.25,1) var(--d,0ms),opacity .42s ease var(--d,0ms),filter .5s ease var(--d,0ms)}

/* ---------- слайдер ---------- */
.la-bm .la-gal{position:relative;margin:18px 0;outline:none}
.la-bm .la-gal-vp{position:relative;width:100%;max-height:70vh;border-radius:14px;overflow:hidden;background:#17120f}
@supports not (aspect-ratio:1/1){.la-bm .la-gal-vp{height:0;padding-top:75%}}
.la-bm .la-gal-track{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.la-bm .la-gal-track::-webkit-scrollbar{display:none}
.la-bm .la-gal-s{position:relative;flex:0 0 100%;width:100%;height:100%;margin:0;scroll-snap-align:center;scroll-snap-stop:always;overflow:hidden}
.la-bm .la-gal-s .la-gal-bg{position:absolute;left:-10%;top:-10%;width:120%;height:120%;max-width:none;max-height:none;object-fit:cover;filter:blur(22px) brightness(.55) saturate(1.15);border-radius:0;box-shadow:none;pointer-events:none}
.la-bm .la-gal-s .la-gal-im{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border-radius:0;box-shadow:none;cursor:zoom-in}
.la-bm .la-gal-s.la-im-blur:not(.is-open) .la-gal-im{cursor:pointer}
.la-bm .la-gal-nav{position:absolute;top:50%;z-index:4;display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin:-21px 0 0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.88);color:#2a2420;box-shadow:0 4px 14px rgba(0,0,0,.22);cursor:pointer;opacity:0;transition:opacity .2s,background-color .15s}
.la-bm .la-gal-prev{left:10px}.la-bm .la-gal-next{right:10px}
.la-bm .la-gal:hover .la-gal-nav,.la-bm .la-gal:focus-within .la-gal-nav{opacity:1}
.la-bm .la-gal-nav:hover{background:#fff}
.la-bm .la-gal-nav:focus-visible{opacity:1;outline:2px solid var(--bm-brand);outline-offset:2px}
.la-bm .la-gal-nav[disabled]{opacity:0!important;pointer-events:none}
@media (hover:none){.la-bm .la-gal-nav{display:none}}
.la-bm .la-gal-cnt{position:absolute;top:10px;right:10px;z-index:4;padding:5px 10px;border-radius:999px;background:var(--bm-shade);color:#fff;font-size:12.5px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none}
.la-bm .la-gal-cnt b{font-weight:800}
.la-bm .la-gal-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:2px;margin:8px 0 0}
.la-bm .la-gal-dot{position:relative;width:22px;height:22px;margin:0;padding:0;border:0;background:transparent;cursor:pointer}
.la-bm .la-gal-dot::before{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:999px;background:rgba(var(--bm-dot),.4);transition:width .2s,margin .2s,background-color .2s} /* BLOGV2: точки видны в обеих темах */
.la-bm .la-gal-dot.on::before{width:18px;margin-left:-9px;background:var(--bm-brand)}
.la-bm .la-gal-dot:focus-visible{outline:2px solid var(--bm-brand);outline-offset:-2px;border-radius:6px}
.la-bm .la-gal:focus-visible .la-gal-vp{box-shadow:0 0 0 3px rgba(198,77,83,.45)}

/* ---------- просмотр картинок на весь экран ---------- */
html.la-lb-open,html.la-lb-open body{overflow:hidden!important}
.la-lb{position:fixed;inset:0;z-index:100000;display:none;background:rgba(12,9,8,.95);color:#fff;-webkit-tap-highlight-color:transparent}
.la-lb.on{display:block;animation:laLbIn .18s ease}
@keyframes laLbIn{from{opacity:0}to{opacity:1}}
.la-lb-track{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;outline:none}
.la-lb-track::-webkit-scrollbar{display:none}
.la-lb-s{flex:0 0 100%;width:100%;height:100%;box-sizing:border-box;margin:0;padding:58px 12px 76px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;scroll-snap-stop:always}
.la-lb-s img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:6px;-webkit-user-select:none;user-select:none}
.la-lb-x,.la-lb-nav{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;transition:background-color .15s}
.la-lb-x{top:12px;right:12px;width:44px;height:44px}
.la-lb-nav{top:50%;width:48px;height:48px;margin-top:-24px}
.la-lb-prev{left:14px}.la-lb-next{right:14px}
.la-lb-x:hover,.la-lb-nav:hover{background:rgba(255,255,255,.24)}
.la-lb-x:focus-visible,.la-lb-nav:focus-visible{outline:2px solid #fff;outline-offset:2px}
.la-lb-nav[disabled]{opacity:.25;pointer-events:none}
@media (hover:none){.la-lb-nav{display:none}}
.la-lb-bar{position:absolute;left:0;right:0;bottom:16px;z-index:2;display:flex;align-items:center;justify-content:center;gap:12px;pointer-events:none}
.la-lb-bar>*{pointer-events:auto}
.la-lb-cnt{padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.12);font-size:14px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
.la-lb .la-ir{position:static}
.la-lb-cnt:empty{display:none}

/* ---------- видео ---------- */
.la-bm .la-video{margin:18px 0}
.la-bm .la-video-box{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
@supports not (aspect-ratio:1/1){.la-bm .la-video-box{height:0;padding-top:56.25%}}
.la-bm .la-video-box iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0}
.la-bm .la-video-src{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;color:var(--bm-mute);text-decoration:none}
.la-bm .la-video-src:hover{color:var(--bm-brand-ink);text-decoration:none}
.la-bm .la-video-card{display:flex;align-items:center;gap:14px;margin:18px 0;padding:14px 16px;border:1px solid var(--bm-line);border-radius:14px;background:var(--bm-card);color:var(--bm-ink);text-decoration:none;transition:border-color .15s}
.la-bm .la-video-card:hover{border-color:var(--bm-brand);color:var(--bm-ink);text-decoration:none}
.la-bm .la-vc-ic{flex:none;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:rgba(198,77,83,.1);color:var(--bm-brand-ink)}
.la-bm .la-vc-tx{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.la-bm .la-vc-tx b{font-size:15px;line-height:1.3}
.la-bm .la-vc-tx small{font-size:12.5px;color:var(--bm-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.la-bm .la-vc-go{flex:none;color:var(--bm-mute)}

/* ---------- свое видео ---------- */
.la-bm .la-vid-box{margin:18px 0}
.la-bm .la-vid-box video{display:block;width:100%;max-height:70vh;border-radius:14px;background:#000}
.la-bm .la-vid-note{display:flex;align-items:flex-start;gap:7px;margin-top:8px;font-size:12.5px;line-height:1.45;color:var(--bm-mute)}
.la-bm .la-vid-note .la-ico{margin-top:1px}
.la-bm .la-vid-gone{display:flex;align-items:center;gap:12px;margin:18px 0;padding:18px;border:1px dashed var(--bm-line);border-radius:14px;background:var(--bm-soft);color:var(--bm-mute);font-size:14.5px;line-height:1.45}
.la-bm .la-vid-gone b{color:var(--bm-ink)}

/* ---------- платная часть ---------- */
.la-bm .la-paid-lock{margin:22px 0;padding:26px 20px;box-sizing:border-box;text-align:center;border:1px solid rgba(224,137,77,.45);border-radius:18px;background:linear-gradient(135deg,rgba(224,137,77,.13),rgba(198,77,83,.07));color:var(--bm-ink);line-height:1.5}
.la-bm .la-paid-ic{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:rgba(224,137,77,.2);color:var(--bm-amber-ink)}
.la-bm .la-paid-t{margin:12px 0 6px;font-size:19px;font-weight:800;line-height:1.3}
.la-bm .la-paid-p{max-width:440px;margin:0 auto 16px;font-size:14.5px;line-height:1.55;color:var(--bm-ink-2)}
.la-bm .la-paid-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;max-width:100%;box-sizing:border-box;padding:0 22px;border-radius:12px;background:linear-gradient(135deg,var(--bm-brand),var(--bm-accent));color:#fff!important;font-weight:700;font-size:15px;text-decoration:none!important;box-shadow:0 8px 20px rgba(198,77,83,.28);transition:filter .15s}
.la-bm .la-paid-btn:hover{filter:brightness(1.06)}
.la-bm .la-paid-btn:focus-visible{outline:2px solid var(--bm-brand);outline-offset:3px}
.la-bm .la-paid-in{display:block;margin-top:12px;font-size:13.5px;color:var(--bm-brand-ink)}
.la-bm .la-paid-lock-s{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600}
.la-bm .la-paid-lock-s .la-paid-ic{width:32px;height:32px}
.la-bm .la-paid-open{position:relative;margin:20px 0;padding:14px 16px 6px;border:1px solid rgba(224,137,77,.45);border-radius:14px;background:rgba(224,137,77,.06)}
.la-bm .la-paid-tag{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:4px 11px;border-radius:999px;background:rgba(224,137,77,.17);color:var(--bm-amber-ink);font-size:12px;font-weight:700;line-height:1.3}

/* ---------- выноски ---------- */
.la-bm .la-note{position:relative;margin:18px 0;padding:13px 16px 13px 48px;border-left:4px solid var(--n-c,#8a7d74);border-radius:12px;background:var(--n-bg,rgba(138,125,116,.1));color:var(--bm-ink);line-height:1.6}
.la-bm .la-note::before{content:"";position:absolute;left:16px;top:15px;width:20px;height:20px;background:var(--n-c,#8a7d74);-webkit-mask:var(--n-ic) center/contain no-repeat;mask:var(--n-ic) center/contain no-repeat}
.la-bm .la-note>:last-child{margin-bottom:0!important}
.la-bm .la-note[data-kind="tip"]{--n-c:#cf7438;--n-bg:rgba(224,137,77,.11);--n-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 0 0-3.6 10.8c.6.5 1 1.2 1.1 2V16h5v-.2c.1-.8.5-1.5 1.1-2A6 6 0 0 0 12 3z'/%3E%3C/svg%3E")}
.la-bm .la-note[data-kind="warn"]{--n-c:#c64d53;--n-bg:rgba(198,77,83,.09);--n-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2 20h20z'/%3E%3Cpath d='M12 10v4M12 17h.01'/%3E%3C/svg%3E")}
.la-bm .la-note[data-kind="info"]{--n-c:#8a7d74;--n-bg:rgba(138,125,116,.1);--n-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E")}
html[data-theme="dark"] .la-bm .la-note[data-kind="info"],body.night-mode .la-bm .la-note[data-kind="info"]{--n-c:#b3a69c;--n-bg:rgba(179,166,156,.1)}
html[data-theme="dark"] .la-bm .la-note[data-kind="tip"],body.night-mode .la-bm .la-note[data-kind="tip"]{--n-c:#eb9a62}
html[data-theme="dark"] .la-bm .la-note[data-kind="warn"],body.night-mode .la-bm .la-note[data-kind="warn"]{--n-c:#f0898e}

/* ---------- таблицы, линия, код: ничего не распирает страницу ---------- */
/* BLOGV2: таблица остается таблицей (width:100% из редактора работает, рамки до краев), прокрутку вбок на телефоне
   дает обертка .la-tbl, ее ставит la_blog_media.php */
.la-bm .la-tbl{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0}
.la-bm table{border-collapse:collapse;margin:16px 0}
.la-bm .la-tbl>table{margin:0}
.la-bm td,.la-bm th{border:1px solid rgba(var(--bm-dot),.22);padding:7px 10px;vertical-align:top}
.la-bm th{background:var(--bm-soft);font-weight:700}
.la-bm hr{border:0;height:1px;background:var(--bm-line);margin:26px 0}
.la-bm pre{max-width:100%;overflow-x:auto}

/* ---------- автору: оценки картинок ---------- */
.la-bm-stat{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:0 0 16px;padding:11px 14px;border:1px solid var(--bm-line);border-radius:12px;background:var(--bm-soft);color:var(--bm-ink)}
.la-bm-stat-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:rgba(198,77,83,.1);color:var(--bm-brand-ink)}
.la-bm-stat-tx{display:flex;flex-direction:column;flex:1 1 180px;min-width:0;font-size:13px;line-height:1.45;color:var(--bm-mute)}
.la-bm-stat-tx b{font-size:14px;color:var(--bm-ink)}
.la-bm-stat-top{display:flex;gap:8px}
.la-bm-stat-top a{position:relative;display:block;width:48px;height:48px;border-radius:9px;overflow:hidden;background:var(--bm-chip)}
.la-bm-stat-top img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.la-bm-stat-top span{position:absolute;left:3px;bottom:3px;display:inline-flex;align-items:center;gap:2px;padding:1px 5px;border-radius:999px;background:rgba(20,14,12,.66);color:#fff;font-size:10.5px;font-weight:700;line-height:1.4}
.la-bm-stat-top span svg{fill:#ff9aa0;stroke:#ff9aa0}

/* ---------- «Картинки недели» и счетчик на карточках ---------- */
.la-bmw .la-bmw-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.la-bmw-i{position:relative;display:block;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:var(--bm-chip)}
@supports not (aspect-ratio:1/1){.la-bmw-i{height:0;padding-top:100%}}
.la-bmw-i img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block;margin:0;border-radius:0;transition:transform .35s ease}
.la-bmw-i:hover img,.la-bmw-i:focus-visible img{transform:scale(1.06)}
.la-bmw-i:focus-visible{outline:2px solid var(--bm-brand);outline-offset:2px}
.la-bmw-n{position:absolute;left:4px;bottom:4px;display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:999px;background:rgba(20,14,12,.64);color:#fff;font-size:11px;font-weight:700;line-height:1.35;font-variant-numeric:tabular-nums}
.la-bmw-n svg{fill:#ff9aa0;stroke:#ff9aa0}
.la-bmw-h{margin:8px 0 0;font-size:12px;line-height:1.4;color:var(--bm-mute)}
.la-bmw h3 .la-ico{color:var(--bm-brand-ink)}
.la-bmw-strip{margin:0 0 18px;padding:14px 16px;border:1px solid var(--bm-line);border-radius:14px;background:var(--bm-card);color:var(--bm-ink)}
.la-bmw-hd{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;margin:0 0 10px;font-size:15px}
.la-bmw-hd .la-ico{color:var(--bm-brand-ink)}
.la-bmw-hd span{font-size:13px;color:var(--bm-mute)}
.la-bmw-strip .la-bmw-g{grid-template-columns:repeat(8,minmax(0,1fr))}
@media (max-width:760px){.la-bmw-strip .la-bmw-g{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:92px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px;scrollbar-width:thin}.la-bmw-strip .la-bmw-i{scroll-snap-align:start}}
.la-iml{display:inline-flex;align-items:center;gap:4px;color:#b4434a;font-weight:600}
.la-iml svg{fill:currentColor}
html[data-theme="dark"] .la-iml,body.night-mode .la-iml{color:#f0898e}
.wow_main_blogs_info .la-iml{margin:0 0 8px;font-size:13px}

/* ---------- подсказка внизу экрана ---------- */
.la-bm-toast{position:fixed;left:50%;bottom:24px;z-index:100001;display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);box-sizing:border-box;padding:11px 16px;border-radius:14px;background:#2a2420;color:#fff;font-size:14px;font-weight:500;line-height:1.35;box-shadow:0 12px 30px rgba(0,0,0,.28);opacity:0;transform:translate(-50%,16px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.la-bm-toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.la-bm-toast a{flex:none;color:#ffb4b7;font-weight:700;text-decoration:underline;white-space:nowrap}
html[data-theme="dark"] .la-bm-toast,body.night-mode .la-bm-toast{background:#3a3436}
@media (max-width:768px){.la-bm-toast{bottom:86px}}

/* ---------- ночная тема: цвет текста и выделение из расширенной панели ---------- */
/* BLOGV2: метки ставит la_blog_media.php по style автора. Темный текст светлеет в том же оттенке (--la-dk),
   серый и почти черный берут цвет текста статьи (inherit), светлое выделение темнеет в том же оттенке (--la-hl,
   белый фон вставки с чужих сайтов пропадает). Закрытый строчный спойлер сильнее этих правил и прячет текст. */
html[data-theme="dark"] .la-bm .la-c-dk,body.night-mode .la-bm .la-c-dk{color:inherit!important}
html[data-theme="dark"] .la-bm .la-c-dk[style*="--la-dk"],body.night-mode .la-bm .la-c-dk[style*="--la-dk"]{color:var(--la-dk)!important}
html[data-theme="dark"] .la-bm .la-c-hl,body.night-mode .la-bm .la-c-hl{background-color:var(--la-hl,rgba(224,137,77,.16))!important}

/* ---------- ночная тема: точечные правки ---------- */
html[data-theme="dark"] .la-bm .la-gal-nav,body.night-mode .la-bm .la-gal-nav{background:rgba(40,36,44,.9);color:#ece8e5}
html[data-theme="dark"] .la-bm .la-gal-nav:hover,body.night-mode .la-bm .la-gal-nav:hover{background:#3a3440}
html[data-theme="dark"] .la-bm .la-paid-lock,body.night-mode .la-bm .la-paid-lock{background:linear-gradient(135deg,rgba(224,137,77,.12),rgba(198,77,83,.1))}
html[data-theme="dark"] .la-bm .la-sp-pill,body.night-mode .la-bm .la-sp-pill{box-shadow:0 6px 18px rgba(0,0,0,.35)}

/* ---------- меньше движения ---------- */
@media (prefers-reduced-motion:reduce){
  .la-bm .la-sp-i:not(.is-open){animation:none}
  .la-bm .is-anim .la-ch,.la-bm .is-anim.is-go .la-ch{opacity:1;filter:none;transform:none;transition:none}
  .la-bm .la-im-blur>img,.la-bm .la-gal-s.la-im-blur .la-gal-im,.la-bm .la-sp-body,.la-bm .la-sp-i{transition:none}
  .la-ir-b.pop svg,.la-bm .la-im-hl,.la-bm .la-gal-s.la-im-hl{animation:none}
  .la-bm .la-im-hl,.la-bm .la-gal-s.la-im-hl{box-shadow:0 0 0 3px rgba(198,77,83,.7)}
  .la-lb.on{animation:none}
  .la-bmw-i img,.la-bm-toast,.la-bm .la-gal-dot::before{transition:none}
}