/* Рубрика «Животные»: дашборд, фильтры, статистика (2026-10-17) */
.an{--an-a:#19baff;--an-b:#ffb020;--an-r:22px;margin:6px 0 34px;display:grid;gap:18px}
.an-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(16px,3vw,34px);align-items:center;padding:clamp(20px,3vw,34px);border-radius:28px;border:1px solid var(--line);background:radial-gradient(ellipse at 100% 0,#ffb02026,transparent 55%),radial-gradient(ellipse at 0 100%,#19baff22,transparent 55%),var(--surface)}
.an-eyebrow{display:inline-block;font:600 11px/1 var(--font-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--an-a)}
.an-hero h2{font:800 clamp(24px,3.2vw,38px)/1.12 var(--font-display,inherit);letter-spacing:-.02em;margin:10px 0 10px}
.an-hero p{color:var(--muted);line-height:1.6;max-width:56ch;margin:0}
.an-kpis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.an-kpis li{padding:16px 18px;border-radius:18px;background:color-mix(in srgb,var(--ink) 5%,transparent);border:1px solid var(--line);display:grid;gap:4px;transition:transform .2s,border-color .2s}
.an-kpis li:hover{transform:translateY(-3px);border-color:var(--an-a)}
.an-kpis b{font:800 clamp(26px,3.2vw,38px)/1 var(--font-display,inherit);letter-spacing:-.03em;background:linear-gradient(135deg,var(--an-a),var(--an-b));-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.an-kpis span{font-size:13px;color:var(--muted)}
.an-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,232px),1fr));gap:12px}
.an-tile{appearance:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;text-align:left;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.an-tile i{font-style:normal;font-size:20px}
.an-tile b{font:700 13.5px/1.25 var(--font-display,inherit);min-width:0;overflow-wrap:normal;word-break:normal;hyphens:none}
.an-tile em{flex:none;white-space:nowrap}
.an-tile em{font:600 12px/1 var(--font-mono,monospace);font-style:normal;color:var(--muted);padding:4px 8px;border-radius:99px;background:color-mix(in srgb,var(--ink) 8%,transparent)}
.an-tile:hover{transform:translateY(-3px);border-color:var(--an-a)}
.an-tile.is-on{border-color:var(--an-a);background:linear-gradient(135deg,#19baff22,#ffb02014);box-shadow:0 10px 26px -14px var(--an-a)}
.an-tile.is-on em{background:var(--an-a);color:#04121f}
.an-bar{display:grid;gap:12px;padding:16px;border-radius:20px;border:1px solid var(--line);background:var(--surface)}
.an-search{display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--ink) 4%,transparent)}
.an-search svg{width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round}
.an-search input{flex:1;min-width:0;height:46px;border:0;background:transparent;color:var(--ink);font:inherit;outline:0}
.an-search:focus-within{border-color:var(--an-a);box-shadow:0 0 0 3px #19baff33}
.an-chips{display:flex;flex-wrap:wrap;gap:8px}
.an-chip{white-space:nowrap;appearance:none;cursor:pointer;padding:9px 14px;border-radius:99px;border:1px solid var(--line);background:transparent;color:var(--ink);font:600 13.5px/1 var(--font-display,inherit);display:inline-flex;gap:6px;align-items:center;transition:background .2s,border-color .2s,transform .2s}
.an-chip em{font-style:normal;font:600 11px/1 var(--font-mono,monospace);color:var(--muted)}
.an-chip:hover{border-color:var(--an-a);transform:translateY(-2px)}
.an-chip.is-on{background:var(--an-a);border-color:var(--an-a);color:#04121f}
.an-chip.is-on em{color:#04121fb0}
.an-selects{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.an-selects label{display:grid;gap:5px;font-size:12px;color:var(--muted)}
.an-selects select{height:42px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;min-width:150px}
.an-check{display:flex!important;grid-auto-flow:column;align-items:center;gap:8px!important;height:42px;color:var(--ink)!important;font-size:14px!important;cursor:pointer}
.an-reset,.an-empty button{appearance:none;cursor:pointer;height:42px;padding:0 16px;border-radius:12px;border:1px dashed var(--an-b);background:transparent;color:var(--an-b);font:600 13.5px/1 var(--font-display,inherit)}
.an-empty button{height:auto;padding:2px 8px;border-style:solid}
.an-dash{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.an-card{padding:18px 20px;border-radius:22px;border:1px solid var(--line);background:var(--surface);min-width:0}
.an-card h3{font:800 15px/1.2 var(--font-display,inherit);margin:0 0 14px;display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.an-card h3 small{font:500 11.5px/1 var(--font-display,inherit);color:var(--muted)}
.an-card--bars{grid-column:span 4}.an-card--donut{grid-column:span 4}.an-card--top{grid-column:span 4}.an-card--months{grid-column:span 7}.an-card--heat{grid-column:span 5}
.an-hbars{display:grid;gap:8px}
.an-hbar{appearance:none;cursor:pointer;display:grid;grid-template-columns:minmax(110px,1.1fr) 1.6fr auto;gap:10px;align-items:center;padding:6px 8px;border-radius:10px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:13px;text-align:left;transition:background .2s}
.an-hbar:hover,.an-hbar.is-on{background:color-mix(in srgb,var(--an-a) 14%,transparent)}
.an-hbar__t{display:block;height:8px;border-radius:99px;background:color-mix(in srgb,var(--ink) 9%,transparent);overflow:hidden}
.an-hbar__t i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--an-a),var(--an-b));transition:width .6s cubic-bezier(.2,.8,.2,1)}
.an-hbar b{font:700 12.5px/1 var(--font-mono,monospace);min-width:24px;text-align:right}
.an-donutwrap{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.an-donut{position:relative;width:132px;height:132px;border-radius:50%;flex:none;transition:background .5s}
.an-donut::after{content:"";position:absolute;inset:24px;border-radius:50%;background:var(--surface)}
.an-donut span{position:absolute;inset:0;z-index:1;display:grid;place-items:center;font:800 24px/1 var(--font-display,inherit)}
.an-legend{list-style:none;margin:0;padding:0;display:grid;gap:4px;flex:1;min-width:130px}
.an-legend button{appearance:none;cursor:pointer;width:100%;display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;padding:5px 8px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:13px;text-align:left}
.an-legend button:hover,.an-legend button.is-on{background:color-mix(in srgb,var(--an-a) 14%,transparent)}
.an-legend i{width:10px;height:10px;border-radius:50%}
.an-legend b{font:700 12px/1 var(--font-mono,monospace);color:var(--muted)}
.an-months{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;align-items:end;height:170px}
.an-mcol{appearance:none;cursor:pointer;display:grid;grid-template-rows:16px 1fr 16px;gap:4px;height:100%;padding:0;border:0;background:transparent;color:var(--muted);font:inherit}
.an-mcol b{font:700 11px/1 var(--font-mono,monospace);text-align:center;color:var(--ink)}
.an-mcol i{display:block;align-self:end;width:100%;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--an-a),#19baff55);transition:height .6s cubic-bezier(.2,.8,.2,1),filter .2s}
.an-mcol span{font-size:11px;text-align:center}
.an-mcol:hover i{filter:brightness(1.25)}.an-mcol.is-on i{background:linear-gradient(180deg,var(--an-b),#ffb02055)}
.an-heat{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}
.an-heat__w{display:grid;grid-template-rows:repeat(7,1fr);gap:4px}
.an-heat__c{appearance:none;cursor:pointer;aspect-ratio:1;border:0;border-radius:5px;padding:0;background:color-mix(in srgb,var(--ink) 8%,transparent);transition:transform .15s}
.an-heat__c:hover:not(:disabled){transform:scale(1.25)}
.an-heat__c[data-l="1"]{background:#19baff40}.an-heat__c[data-l="2"]{background:#19baff80}.an-heat__c[data-l="3"]{background:#19bafff0;opacity:.9}.an-heat__c[data-l="4"]{background:var(--an-b)}
.an-heat__c.is-on{outline:2px solid var(--ink);outline-offset:1px}.an-heat__c.is-future{opacity:0;pointer-events:none}
.an-heat__scale{display:flex;gap:4px;align-items:center;justify-content:flex-end;margin-top:10px;font-size:11px;color:var(--muted)}
.an-heat__scale i{width:12px;height:12px;border-radius:3px;background:#19baff40}.an-heat__scale i:nth-of-type(2){background:#19baff80}.an-heat__scale i:nth-of-type(3){background:#19bafff0}.an-heat__scale i:nth-of-type(4){background:var(--an-b)}
.an-top{margin:0;padding:0;list-style:none;display:grid;gap:10px;counter-reset:t}
.an-top li{counter-increment:t;display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:start;font-size:13.5px;line-height:1.35}
.an-top li::before{content:counter(t);display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,var(--an-a),var(--an-b));color:#04121f;font:800 12px/1 var(--font-display,inherit)}
.an-top a{color:var(--ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.an-top a:hover{color:var(--an-a)}
.an-top span{font:600 12px/1.6 var(--font-mono,monospace);color:var(--muted)}
.an-none{color:var(--muted);font-size:13px;margin:0}
.an-count{margin:6px 0 0;font:600 14px/1 var(--font-display,inherit);color:var(--muted)}
.an-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:12px}
.an-item{display:flex;flex-direction:column;border-radius:20px;border:1px solid var(--line);background:var(--surface);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.an-item:hover{transform:translateY(-5px);border-color:var(--an-a);box-shadow:0 18px 40px -22px var(--an-a)}
.an-item__img{position:relative;display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#19baff22,#ffb02022);overflow:hidden}
.an-item__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.an-item:hover .an-item__img img{transform:scale(1.06)}
.an-item__img.is-ph{display:grid;place-items:center;font-size:54px}
.an-item__b{position:absolute;left:10px;right:10px;bottom:10px;display:flex;flex-wrap:wrap;gap:6px}
.an-badge{padding:5px 9px;border-radius:99px;background:#07101ccc;backdrop-filter:blur(6px);color:#fff;font:600 11.5px/1 var(--font-display,inherit)}
.an-badge--lost{background:#d6455dcc}.an-badge--found{background:#0f8f6dcc}.an-badge--adopt{background:#d98a0acc}.an-badge--stray{background:#8a4ad9cc}
.an-item__body{padding:14px 16px 16px;display:grid;gap:8px}
.an-item__m{display:flex;justify-content:space-between;font:500 12px/1 var(--font-mono,monospace);color:var(--muted)}
.an-item h3{margin:0;font:700 15.5px/1.35 var(--font-display,inherit);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.an-item h3 a{color:var(--ink);text-decoration:none}
.an-more{appearance:none;cursor:pointer;display:block;margin:22px auto 0;padding:14px 26px;border-radius:99px;border:1px solid var(--an-a);background:transparent;color:var(--an-a);font:700 14.5px/1 var(--font-display,inherit);transition:background .2s,color .2s}
.an-more:hover{background:var(--an-a);color:#04121f}
.an-empty{text-align:center;color:var(--muted);padding:34px 10px}
.an-seo{margin:6px 0 30px;padding:clamp(20px,3vw,32px);border-radius:24px;border:1px solid var(--line);background:var(--surface)}
.an-seo h2{font:800 clamp(22px,2.6vw,30px)/1.15 var(--font-display,inherit);margin:0 0 12px}
.an-seo>p{color:var(--muted);line-height:1.65;max-width:78ch}
.an-faq{display:grid;gap:10px;margin:16px 0}
.an-faq details{border:1px solid var(--line);border-radius:14px;padding:4px 16px;transition:border-color .2s}
.an-faq details[open]{border-color:var(--an-a)}
.an-faq summary{cursor:pointer;padding:12px 0;font-weight:700;list-style:none}
.an-faq summary::-webkit-details-marker{display:none}
.an-faq summary::after{content:"+";float:right;color:var(--an-a);font-size:20px;line-height:1}
.an-faq details[open] summary::after{content:"−"}
.an-faq p{margin:0 0 14px;color:var(--muted);line-height:1.65}
.an-links{font-size:14px;color:var(--muted)}
/* Когда работает интерактив — серверную ленту прячем (она остаётся в HTML для поисковиков и без JS) */
html.an-on body.feed-cat-zhivotnye #feedGrid,html.an-on body.feed-cat-zhivotnye #loadMore,html.an-on body.feed-cat-zhivotnye .feedbar,html.an-on body.feed-cat-zhivotnye .pager{display:none}
@media (max-width:1000px){.an-hero{grid-template-columns:1fr}.an-card--bars,.an-card--donut,.an-card--top,.an-card--months,.an-card--heat{grid-column:span 12}}
@media (max-width:600px){.an-grid{grid-template-columns:1fr}.an-selects select{min-width:0;flex:1}.an-selects label{flex:1}.an-months{gap:3px}.an-tiles{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){.an *{transition:none!important}}