/* Новости: лента статусов, полноэкранный просмотрщик, страницы статей и список */
.tone-green{background:linear-gradient(160deg,#E7F6DC,#C6E9AC)}
.tone-navy{background:linear-gradient(160deg,#E3EAF3,#B9C9DD)}
.tone-orange{background:linear-gradient(160deg,#FFEBDC,#FFC9A3)}
.tone-pink{background:linear-gradient(160deg,#FFE7EF,#FFC2D5)}
.tone-blue{background:linear-gradient(160deg,#E1F3FD,#B4DEF5)}

/* ---- лента статусов */
.nsec{padding-top:30px;padding-bottom:6px}
.nstrip{display:flex;gap:20px;overflow-x:auto;padding:8px 6px 14px;margin:0 -6px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.nstrip::-webkit-scrollbar{display:none}
.ns{flex:none;width:100px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--navy);scroll-snap-align:start;cursor:pointer}
.ns:hover{color:var(--navy)}
.ns-ring{display:block;width:96px;height:96px;padding:3px;border-radius:50%;background:conic-gradient(from 200deg,#74C044,#2FA4E7,#FF7A3D,#74C044);transition:transform .25s,background .3s}
.ns:hover .ns-ring{transform:scale(1.06)}
.ns-av{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;border:3px solid #fff;overflow:hidden}
.ns-av img{width:100%;height:100%;object-fit:cover}
.ns-av.ns-contain img{object-fit:contain;padding:9px}
.ns.seen .ns-ring{background:#D5DDE6}
.ns-t{font-size:13px;line-height:1.25;font-weight:500;width:100px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ns-all .ns-ring{background:var(--line)}
.ns-more{background:var(--green);color:#fff}
@media(max-width:820px){.nsec{padding-top:22px}.nstrip{gap:14px;margin:0 -16px;padding-left:16px;padding-right:16px}.ns{width:84px}.ns-ring{width:80px;height:80px}.ns-t{width:84px;font-size:12px}}

/* ---- просмотрщик */
.nv{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;background:rgba(6,16,28,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}
.nv.on{opacity:1;visibility:visible;transition:opacity .25s}
.nv-stage{position:relative;height:min(92vh,820px);height:min(92dvh,820px);aspect-ratio:9/16;max-width:100vw;border-radius:24px;overflow:hidden;background:#0E2A47;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.55);user-select:none;-webkit-user-select:none;touch-action:pan-y}
.nv-media{position:absolute;inset:0}
.nv-media img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.nv-media.is-contain img{left:8%;top:11%;width:84%;height:46%;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(14,42,71,.28))}
.nv-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,16,28,.55) 0%,rgba(6,16,28,0) 20%,rgba(6,16,28,0) 40%,rgba(6,16,28,.92) 76%)}
.nv-media.is-contain+.nv-shade{background:linear-gradient(180deg,rgba(6,16,28,.18) 0%,rgba(6,16,28,0) 20%,rgba(6,16,28,0) 44%,rgba(14,42,71,.96) 66%)}
.nv-bars{position:absolute;z-index:4;top:12px;left:12px;right:12px;display:flex;gap:4px}
.nv-bar{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.nv-bar i{display:block;height:100%;width:0;background:#fff}
.nv-head{position:absolute;z-index:4;top:24px;left:14px;right:8px;display:flex;align-items:center;gap:10px}
.nv-head img{width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid #fff}
.nv-head b{font-size:14px;line-height:1.1;display:block}
.nv-head small{font-size:12px;opacity:.8}
.nv-head .nv-x{margin-left:auto}
.nv-x,.nv-arrow{width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.2s}
.nv-x:hover,.nv-arrow:hover{background:rgba(255,255,255,.32)}
.nv-zone{position:absolute;z-index:2;top:0;bottom:0;border:0;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.nv-zone.l{left:0;width:34%}.nv-zone.r{right:0;width:66%}
.nv-body{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:0 22px 24px;pointer-events:none}
.nv-body a,.nv-body button{pointer-events:auto}
.nv-tag{display:inline-block;height:26px;line-height:26px;padding:0 12px;margin-bottom:12px;border-radius:13px;background:var(--green);color:#fff;font-size:12.5px;font-weight:600}
.nv-body h3{margin:0 0 10px;font-size:24px;line-height:1.2;color:#fff;letter-spacing:-.01em;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.nv-body p{margin:0 0 18px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.9);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.nv-act{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.nv-full{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 26px;border-radius:25px;background:#fff;color:var(--navy);font-weight:600;font-size:15.5px;transition:.2s}
.nv-full:hover{background:var(--green);color:#fff}
.nv-meta{font-size:13px;color:rgba(255,255,255,.7)}
.nv-arrow{position:absolute;top:50%;margin-top:-21px}
.nv-arrow.p{left:calc(50% - min(92vh,820px)*9/32 - 66px)}
.nv-arrow.n{right:calc(50% - min(92vh,820px)*9/32 - 66px)}
.nv-close-out{position:absolute;top:18px;right:18px}
@media(max-width:560px){.nv-stage{height:100vh;height:100dvh;width:100vw;aspect-ratio:auto;border-radius:0}.nv-arrow,.nv-close-out{display:none}.nv-body{padding-bottom:calc(26px + env(safe-area-inset-bottom))}.nv-body h3{font-size:23px}}
@media(max-width:1100px){.nv-arrow{display:none}}
body.nv-lock{overflow:hidden}
@media(prefers-reduced-motion:reduce){.nv,.ns-ring{transition:none}}

/* ---- список новостей */
.ngrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ngrid-all{margin-bottom:56px}
.ncard{display:flex;flex-direction:column;border-radius:var(--r-lg,20px);background:#fff;border:1px solid var(--line);overflow:hidden;color:var(--navy);transition:.25s}
.ncard:hover{transform:translateY(-4px);box-shadow:var(--sh-2,0 14px 40px rgba(14,42,71,.12));color:var(--navy)}
.ncard[hidden]{display:none}
.nc-media{display:block;aspect-ratio:4/3;overflow:hidden}
.nc-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.nc-media.na-contain img{object-fit:contain;padding:16px}
.ncard:hover .nc-media img{transform:scale(1.04)}
.nc-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 22px}
.nc-meta{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--muted)}
.nc-meta b{color:var(--green-dark);font-weight:600}
.nc-title{font-size:18px;line-height:1.3;font-weight:600}
.nc-lead{font-size:14.5px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1020px){.ngrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.ngrid{grid-template-columns:1fr;gap:16px}}

/* ---- страница статьи */
.na{max-width:880px;padding-top:26px;padding-bottom:30px}
.na-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:14px;color:var(--muted);margin-bottom:14px}
.na-head h1{margin:0 0 14px;font-size:clamp(28px,4vw,42px);line-height:1.15}
.na-lead{font-size:19px;line-height:1.55;color:var(--muted);margin:0 0 26px}
.na-fig{margin:0 0 30px;border-radius:var(--r-xl,28px);overflow:hidden;display:block}
.na-fig img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}
.na-fig.na-contain{padding:22px}
.na-fig.na-contain img{max-height:440px;object-fit:contain}
.na-body{max-width:none}
.na-body h2{margin:34px 0 12px}
.na-body ul,.na-body ol{padding-left:22px;margin:0 0 16px}
.na-body li{margin:6px 0}
.na-src{font-size:14px;color:var(--muted);margin:24px 0 0}
.na-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0 8px;font-size:14px;color:var(--muted)}
.na-share a,.na-share button{display:inline-flex;align-items:center;height:36px;padding:0 15px;border-radius:18px;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:13.5px;cursor:pointer;transition:.2s}
.na-share a:hover,.na-share button:hover{border-color:var(--green);color:var(--green-dark)}
.na-prods{margin-top:46px}
.na-prods .grid-products{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.na-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:46px;padding:28px 32px;border-radius:var(--r-xl,28px);background:linear-gradient(120deg,#E8F4FE,#EAF7DA)}
.na-cta h2{margin:0 0 6px;font-size:22px}
.na-cta p{margin:0;color:var(--muted)}
.na-more{max-width:var(--wrap);margin:20px auto 70px;padding:0 20px}
@media(max-width:620px){.na-cta{padding:22px 20px}.na-lead{font-size:17px}}

/* белый фон товарных фото растворяется в цветной подложке */
.nv-media.is-contain img,.ns-av.ns-contain img,.nc-media.na-contain img,.na-fig.na-contain img{mix-blend-mode:multiply}
.nv-media.is-contain img{filter:none}
.nv-head img{background:var(--green);padding:4px}
.hs-link{background:#fff;color:var(--navy);border:1px solid var(--line)}.hs-link:hover{border-color:var(--green);color:var(--green-dark)}

/* ---- прокрутка ленты статусов: стрелки и подсказка края */
.nstrip-wrap{position:relative}
.nstrip{cursor:grab;scroll-padding:0 16px}
.nstrip.is-drag{cursor:grabbing;scroll-snap-type:none;user-select:none}
.nstrip.is-drag .ns{pointer-events:none}
.ns-arr{position:absolute;top:50px;z-index:3;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);box-shadow:0 8px 20px -8px rgba(14,42,71,.35);cursor:pointer;opacity:0;pointer-events:none;transform:scale(.9);transition:opacity .2s,transform .2s,color .2s,border-color .2s}
.ns-arr:hover{color:var(--green-dark);border-color:var(--green)}
.ns-prev{left:-8px}.ns-prev svg{transform:scaleX(-1)}
.ns-next{right:-8px}
.nstrip-wrap.can-prev .ns-prev,.nstrip-wrap.can-next .ns-next{opacity:1;pointer-events:auto;transform:none}
@media(max-width:820px){.ns-arr{display:none}.nstrip-wrap::before,.nstrip-wrap::after{display:none}}