/* vesta-blog-nav-v1.0: поиск, читайте также, выбор темы и статьи */
.blog-crow{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 20px;position:relative;min-height:44px}
.blog-crow .blog-breadcrumbs{margin:0;min-width:0;flex:1 1 auto}
.blog-search{flex:0 0 auto;position:relative}
.blog-search[hidden],.blog-search-res[hidden],.bp-menu[hidden]{display:none!important}
.blog-search-btn{box-sizing:border-box;display:none;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--text);cursor:pointer;align-items:center;justify-content:center}
.blog-search-pill{position:relative;display:block;width:250px;margin:0;transition:width .15s}
.blog-search-pill:focus-within{width:340px}
.blog-search-pill>svg{position:absolute;left:14px;top:12px;color:#64748b;pointer-events:none}
.blog-search-pill input{width:100%;min-height:42px;padding:9px 16px 9px 40px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text);font:inherit;font-size:16px;box-sizing:border-box}
.blog-search-pill input:focus-visible{outline:3px solid #bfdbfe;border-color:var(--accent)}
.blog-search-x{box-sizing:border-box;display:none;position:absolute;right:5px;top:5px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#f1f5f9;color:#475569;font-size:20px;line-height:1;cursor:pointer}
.blog-search-res{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:420px;max-width:calc(100vw - 32px);max-height:min(60vh,380px);overflow:auto;padding:6px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px rgba(15,23,42,.16);text-align:left}
.blog-search-res a{display:block;padding:10px 12px;border-radius:10px;color:var(--text);text-decoration:none}
.blog-search-res a:hover,.blog-search-res a:focus-visible{background:#f1f5f9;outline:none}
.blog-search-res b{display:block;font-size:15px;line-height:1.35}
.bs-meta{display:block;margin-top:2px;font-size:12px;color:var(--muted)}
.bs-note{padding:7px 12px;font-size:12px;color:var(--muted)}
.blog-search-res mark{background:#fef08a;color:inherit;border-radius:3px;padding:0 1px}
.blog-also{margin:36px 0 10px}
.blog-also h2,.blog-picker h2{font-size:22px;margin:0 0 14px;text-align:left}
.blog-also-wrap{position:relative}
.blog-also-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.blog-tile{display:block;box-sizing:border-box;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--text);text-decoration:none;text-align:left;min-width:0}
.blog-tile:hover,.blog-tile:focus-visible{border-color:var(--accent)}
.blog-tile-kicker{display:block;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--accent)}
.blog-tile-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;font-weight:600;line-height:1.35}
.blog-swipe,.blog-also-dots{display:none}
.blog-picker{margin:30px 0}
.blog-dir details{padding:14px 18px;background:#f1f5f9;border:1px solid var(--line);border-radius:14px}
.blog-dir summary{cursor:pointer;font-weight:700;text-align:left}
.blog-dir h3{font-size:15px;margin:14px 0 4px;text-align:left}
.blog-dir ul{margin:0;padding-left:20px}.blog-dir li{margin:6px 0;text-align:left}
.blog-dir .directory-all{display:inline-block;margin-top:10px}
.blog-picker.is-js .blog-dir{display:none}
.blog-pick{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;align-items:start}
.bp-pp{position:relative;min-width:0}
.bp-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:54px;padding:8px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.bp-btn:after{content:"";flex:none;width:8px;height:8px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.bp-btn[aria-expanded="true"]{border-color:var(--accent);background:var(--soft)}
.bp-btn[aria-expanded="true"]:after{transform:rotate(-135deg) translateY(-2px)}
.bp-btn:focus-visible,.bp-item:focus-visible{outline:3px solid #bfdbfe;outline-offset:1px}
.bp-txt{min-width:0;display:block}.bp-lab{display:block;font-size:12px;color:var(--muted);line-height:1.2}
.bp-val{display:block;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-menu{box-sizing:border-box;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:25;max-height:324px;overflow-y:auto;overscroll-behavior:contain;padding:6px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 34px rgba(15,23,42,.18)}
.bp-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;text-align:left;text-decoration:none;cursor:pointer;box-sizing:border-box}
.bp-item:hover{background:#f1f5f9}.bp-item[aria-current="true"]{background:var(--soft);color:var(--accent-d)}
.bp-item span:first-child{font-weight:600;line-height:1.3}.bp-item small{flex:none;color:var(--muted);font-size:12px}
.bp-empty{padding:12px;color:var(--muted);font-size:14px}
@keyframes bnudge{0%,100%{transform:translateX(-4px)}50%{transform:translateX(4px)}}
@media(max-width:900px){
.blog-also-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;scrollbar-width:none}
.blog-also-track::-webkit-scrollbar{display:none}
.blog-tile{flex:0 0 100%;scroll-snap-align:start;padding:16px}
.blog-swipe{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;padding:5px 12px 5px 10px;border-radius:999px;background:rgba(15,23,42,.85);color:#fff;font-size:12px;pointer-events:none;transition:opacity .3s}
.blog-swipe svg{animation:bnudge 1.4s ease-in-out infinite}.blog-swipe.gone{opacity:0}
.blog-also-dots{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px}
.blog-also-dots i{width:7px;height:7px;border-radius:50%;background:#cbd5e1}.blog-also-dots i.on{width:18px;border-radius:6px;background:var(--accent)}
.blog-also-dots em{margin-left:8px;font-style:normal;font-size:12px;color:var(--muted)}
}
@media(max-width:640px){
.blog-search-btn{display:flex}.blog-search-pill{display:none;width:100%}
.blog-crow.is-search .blog-breadcrumbs,.blog-crow.is-search .blog-search-btn{display:none}
.blog-crow.is-search .blog-search{flex:1 1 auto}
.blog-crow.is-search .blog-search-pill{display:block}.blog-crow.is-search .blog-search-pill:focus-within{width:100%}
.blog-crow.is-search .blog-search-pill input{padding-right:46px}.blog-crow.is-search .blog-search-x{display:block}
.blog-search-res{left:0;right:0;width:auto;max-width:none}
.blog-pick{grid-template-columns:1fr;gap:10px}
}
@media(prefers-reduced-motion:reduce){.blog-swipe svg{animation:none}.blog-search-pill{transition:none}}