{"html":"<!DOCTYPE html><html lang=\"uk\" class=\" js\" style=\"--hh:78px; --nh:0px; --tb:0px;\"><head>\n\n<script>document.documentElement.className+=' js'</script>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Tvaryny</title>\n\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\">\n\n<meta name=\"description\" content=\"Усе про домашніх тварин: догляд, здоров’я, поведінка котів і собак.\">\n\n  \n  <link rel=\"canonical\" href=\"https://tvaryny.com/uk\">\n      <link rel=\"alternate\" hreflang=\"uk\" href=\"https://tvaryny.com/uk\">\n      <link rel=\"alternate\" hreflang=\"ru\" href=\"https://tvaryny.com/ru\">\n      <link rel=\"alternate\" hreflang=\"pl\" href=\"https://tvaryny.com/pl\">\n      <link rel=\"alternate\" hreflang=\"ro\" href=\"https://tvaryny.com/ro\">\n      <link rel=\"alternate\" hreflang=\"de\" href=\"https://tvaryny.com/de\">\n      <link rel=\"alternate\" hreflang=\"fr\" href=\"https://tvaryny.com/fr\">\n    <link rel=\"alternate\" hreflang=\"x-default\" href=\"https://tvaryny.com/uk\">\n\n  <meta property=\"og:type\" content=\"website\">\n  <meta property=\"og:site_name\" content=\"Tvaryny\">\n  <meta property=\"og:locale\" content=\"uk_UA\">\n  <meta property=\"og:title\" content=\"Tvaryny\">\n  <meta property=\"og:description\" content=\"Усе про домашніх тварин: догляд, здоров’я, поведінка котів і собак.\">\n  <meta property=\"og:url\" content=\"https://tvaryny.com/uk\">\n    \n    <meta name=\"twitter:card\" content=\"summary\">\n  <meta name=\"twitter:title\" content=\"Tvaryny\">\n  <meta name=\"twitter:description\" content=\"Усе про домашніх тварин: догляд, здоров’я, поведінка котів і собак.\">\n  \n    <script type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://tvaryny.com/#org\",\"name\":\"Tvaryny\",\"url\":\"https://tvaryny.com/\"},{\"@type\":\"WebSite\",\"@id\":\"https://tvaryny.com/#site\",\"name\":\"Tvaryny\",\"url\":\"https://tvaryny.com/\",\"publisher\":{\"@id\":\"https://tvaryny.com/#org\"},\"inLanguage\":\"uk\"},{\"@type\":\"WebPage\",\"@id\":\"https://tvaryny.com/uk#page\",\"url\":\"https://tvaryny.com/uk\",\"name\":\"Tvaryny\",\"description\":\"Усе про домашніх тварин: догляд, здоров’я, поведінка котів і собак.\",\"isPartOf\":{\"@id\":\"https://tvaryny.com/#site\"},\"inLanguage\":\"uk\"},{\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Tvaryny\",\"item\":\"https://tvaryny.com/uk\"}]}]}</script>\n\n<link rel=\"icon\" href=\"https://cdn.tvaryny.com/wp-content/uploads/2025/04/favicon_tvaryny-1-150x150.png\" sizes=\"32x32\">\n<link rel=\"icon\" href=\"https://cdn.tvaryny.com/wp-content/uploads/2025/04/favicon_tvaryny-1-300x300.png\" sizes=\"192x192\">\n<link rel=\"apple-touch-icon\" href=\"https://cdn.tvaryny.com/wp-content/uploads/2025/04/favicon_tvaryny-1-300x300.png\">\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin=\"\">\n\n<link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&amp;family=Golos+Text:wght@400;600;700&amp;display=swap\">\n<style>\n/* ── Система з макета. Значення взяті з артбордів, не підібрані на око. ── */\n:root{\n  --ink:#12111F; --muted:#6B6880; --rule:#ECEAF4; --line:#DCDAE8;\n  --text:#3B3950; --text2:#4A4860;\n  --dog:#4A62E8; --dog-d:#3F53CE; --dog-n:#5566CE; --dog-bg:#F8F9FE; --dog-rule:#D8DDF2;\n  --cat:#D0257F; --cat-d:#C01F72; --cat-b:#FC54B4; --cat-n:#8A3E6A; --cat-bg:#FFF8FC; --cat-rule:#EFDCE8;\n  --dark:#12111F; --dark-mut:#8E8BA8; --dark-rule:#2A2840;\n  --wrap:1180px;\n}\n*{box-sizing:border-box}\n/* Якорі змісту мусять зупинятись ПІД липкими шарами, інакше перехід ховає\n   сам заголовок, на який вів лінк, — зміст працює й виглядає зламаним. */\nhtml{scroll-behavior:smooth}\nh2[id]{scroll-margin-top:calc(var(--hh,62px) + var(--nh,0px) + var(--tb,0px) + 16px)}\nbody{margin:0;font-family:\"Golos Text\",system-ui,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}\nimg{max-width:100%}\na{color:var(--dog);text-decoration:none}\n.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--ink);color:#fff;\n      padding:10px 16px;font-size:14px;font-weight:700}\n.skip:focus{left:0;color:#fff}\na:hover{color:#2F46C4}\n.d{font-family:\"Nunito\",system-ui,sans-serif}\n.eyebrow{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}\n.wrap{max-width:var(--wrap);margin:0 auto;padding:0 40px}\n\n/* акцент світу: колір = навігація (головна ідея макета) */\n.a-dog{--accent:var(--dog);--accent-d:var(--dog-d);--accent-bg:var(--dog-bg);--accent-rule:var(--dog-rule);--accent-n:var(--dog-n)}\n.a-cat{--accent:var(--cat);--accent-d:var(--cat-d);--accent-bg:var(--cat-bg);--accent-rule:var(--cat-rule);--accent-n:var(--cat-n)}\n.a-ink{--accent:var(--ink);--accent-d:var(--ink);--accent-bg:#F7F7FB;--accent-rule:var(--rule);--accent-n:var(--muted)}\n\n/* ── шапка ──\n   Шапка не плавала: на картці породи, де 8–13 тис. символів, читач, який дійшов\n   до тексту, лишався без жодної навігації. Робимо липкою — і ЇЇ, і меню світу\n   під нею, бо поодинці липке меню світу з'їжджало б під шапку. `--hh` виставляє\n   скрипт у підвалі: висота шапки різна на мобільній, де рядок переноситься. */\nheader{position:sticky;top:0;z-index:60;background:#fff}\n.worldbar{position:sticky;top:var(--hh,62px);z-index:55;background:#fff}\n.top{display:flex;align-items:center;justify-content:space-between;gap:20px;\n     padding:18px 40px;border-bottom:1px solid var(--rule);max-width:var(--wrap);margin:0 auto}\n.top .logo svg{display:block;width:169px;height:auto}\n.sw{display:flex;border:1.5px solid var(--line);font-size:14px;font-weight:800}\n.sw a{padding:8px 22px;color:#5B5975}\n.sw a.on{color:#fff}\n.sw a.dog.on{background:var(--dog)}\n.sw a.cat.on{background:var(--cat)}\n.search{display:flex;align-items:center;gap:11px;border:1.5px solid var(--line);\n        padding:9px 16px;width:250px;color:var(--muted);font-size:14px}\n/* Пошук справжній (28.09): поле без власної рамки — рамку дає `.search`. */\n.search input,.sform input{-webkit-appearance:none;appearance:none;border:0;outline:0;background:transparent;\n        font:inherit;color:var(--text);width:100%;min-width:0;padding:0;margin:0}\n.search input::placeholder,.sform input::placeholder{color:var(--muted);opacity:1}\n.search:focus-within,.sform:focus-within{border-color:var(--ink);outline:2px solid var(--accent);outline-offset:2px}\n.search-m{display:none}\n.sform{display:flex;align-items:center;gap:12px;border:2px solid var(--ink);margin-top:18px;\n        padding:7px 7px 7px 18px;max-width:560px}\n.sform input{flex:1;font-size:16px}\n.sform button{background:var(--accent);color:#fff;border:0;padding:10px 20px;font-size:14px;font-weight:800;cursor:pointer}\n.lang{font-size:13px;font-weight:700;color:#5B5975}\n\n/* ── типографіка ── */\nh1{font-family:\"Nunito\",sans-serif;font-size:var(--h1,34px);font-weight:900;letter-spacing:-.035em;line-height:1.1;margin:0;max-width:min(24ch,100%)}\nh2{font-family:\"Nunito\",sans-serif;font-size:26px;font-weight:900;letter-spacing:-.03em;margin:0}\n.lede{font-size:16px;line-height:1.6;color:var(--text);margin-top:10px;max-width:min(62ch,100%)}\n.crumb{font-size:12.5px;color:var(--muted)}\n.sect-h{display:flex;align-items:baseline;justify-content:space-between;\n        border-bottom:3px solid var(--ink);padding-bottom:11px}\n.more{font-size:14px;font-weight:800;color:var(--accent,var(--dog))}\n\n/* ── картки й списки ── */\n.tile{background:#fff;padding:16px 18px;border:1px solid var(--accent-rule);display:block}\n.tile b{font-family:\"Nunito\",sans-serif;font-size:16.5px;font-weight:800;display:block}\n.tile span{font-size:12.5px;color:var(--muted);margin-top:4px;display:block}\n.row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;\n     padding:11px 0;border-bottom:1px solid var(--accent-rule);font-size:14.8px;line-height:1.35}\n.row .tag{font-size:12px;color:var(--muted);white-space:nowrap}\n.chip{font-size:13.5px;border:1px solid var(--accent-rule);padding:6px 12px;color:var(--text);display:inline-block}\n.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}\n.cols2{display:grid;grid-template-columns:1fr 1fr;gap:7px 18px;font-size:14px;color:var(--text)}\n\nfooter{border-top:3px solid var(--ink);margin-top:44px;padding:24px 40px 30px;\n       display:flex;justify-content:space-between;align-items:center;\n       max-width:var(--wrap);margin-left:auto;margin-right:auto}\nfooter svg{display:block;width:140px;height:auto}\nfooter .fnav{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 28px;font-size:13px}\nfooter .fnav a{color:var(--muted)}\n.langs{font-size:12.5px;color:var(--muted);display:flex;gap:8px}\n.langs a{white-space:nowrap} /* «PT-BR» рвався на дефісі в два рядки (оком, 29.09) */\n\n\n/* Картка породи: на десктопі текст і факти ліворуч, фото праворуч;\n   на мобільній — текст, ФОТО, факти (порядок із макета MobileBreed). */\n.breed-top{display:grid;gap:40px;align-items:start;\n           grid-template-columns:1.12fr 1fr;\n           grid-template-areas:\"text gal\" \"facts gal\"}\n.breed-text{grid-area:text}\n.breed-facts{grid-area:facts;margin-top:-20px}\n.breed-gal{grid-area:gal}\n\n\n/* Рядок матеріалу в рубриці. Три колонки — лише на широкому; на вузькому\n   дата йде під заголовок, інакше вона просто зникає за краєм екрана. */\n.post-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;\n          padding:14px 0;border-bottom:1px solid var(--accent-rule);color:var(--ink)}\n.post-row.has-img{grid-template-columns:132px 1fr auto}\n.post-row img{width:132px;height:84px;object-fit:cover;display:block}\n.post-row .ttl{font-size:17.5px;font-weight:800;line-height:1.3}\n.post-row .when{font-size:12.5px;color:var(--muted);white-space:nowrap}\n\n\n/* 🔴 Ширини в `ch` на мобільній ширші за екран: 70ch ≈ 600px при 375px вікна,\n   і текст статті просто вилазив за правий край — головний вміст ставав\n   нечитабельним. Жодна ch-ширина не має права перевищити ширину контейнера. */\narticle,.lede,.wrap p,.wrap h1,.wrap h2{max-width:100%}\narticle{overflow-wrap:break-word}\n\n/* 🔴 Головна причина, чому обмеження ширини не спрацьовувало: елемент сітки\n   за замовчуванням має `min-width:auto` і НЕ стискається менше за свій вміст.\n   Текст статті розпирав колонку зсередини, і жодні max-width не допомагали. */\n.wrap>*,.m-stack>*,.breed-top>*{min-width:0}\n\n/* ⚠️ Наслідок попереднього рядка: пункти меню світу почали стискатись і\n   налазити один на одного. Вони мусять зберігати ширину й прокручуватись. */\n.worldnav{overflow-x:auto;-webkit-overflow-scrolling:touch}\n/* Підказка «за краєм є ще» — ОДНА для обох смуг, що прокручуються: вкладок\n   картки й меню світу. Тінь на краю з'являється рівно тоді, коли за ним щось\n   лишилось, і зникає, коли долистали (`local` малює підкладку разом із\n   вмістом, `scroll` — по рамці, вони взаємно гасяться). Без JS.\n   🔴 25.09, огляд очима на 375px: тінь 13px з прозорістю .16 не було видно\n      зовсім — «Carácte…» обрізалось посеред слова без жодного натяку, а в\n      меню світу («Cats B…») підказки не було взагалі. */\n.tvtabs,.worldnav{background:\n  linear-gradient(to right,#fff 40%,rgba(255,255,255,0)) left/40px 100% no-repeat local,\n  linear-gradient(to left,#fff 40%,rgba(255,255,255,0)) right/40px 100% no-repeat local,\n  radial-gradient(farthest-side at 0 50%,rgba(11,16,32,.34),transparent) left/22px 100% no-repeat,\n  radial-gradient(farthest-side at 100% 50%,rgba(11,16,32,.34),transparent) right/22px 100% no-repeat,\n  #fff}\n.worldnav>a{flex:0 0 auto}\n.wrap{overflow-wrap:break-word}\n\n\n/* Вкладки картки породи. Панелі з `hidden` лишаються в HTML — це подача,\n   не індексація. Без JS видно всі: текст не зникає ні за яких умов.\n   ⚠️ І це стало правдою лише 18.09: доти рядок обіцяв саме це, а панелі\n   приїжджали з HTML уже з `hidden` — без скриптів зникало 7 647 знаків\n   із 4 панелей. Тепер ховає CSS і лише за класу `js`.\n   Липкі під шапкою й меню світу: у найдовшій вкладці 8 тис. символів, і без\n   цього перемикач лишався десь угорі — тобто вкладками не покористуєшся. */\n.tvtabs{display:flex;gap:0;border-bottom:2px solid var(--accent);overflow-x:auto;\n        position:sticky;top:calc(var(--hh,62px) + var(--nh,0px));z-index:50;\n        /* 🔴 Смужка прокручується, і на 375px у неї вміщається ТРИ вкладки з\n           чотирьох — «Здоров'я» просто немає на екрані, і жодного натяку, що\n           вона є. Тінь на краю з'являється рівно тоді, коли за краєм щось\n           лишилось, і зникає, коли долистали. Без JS: `local` малює підкладку\n           разом із вмістом, `scroll` — по рамці, і вони взаємно гасяться. */\n        }\n/* 🔴 Панель ховається ЛИШЕ коли скрипт справді працює. Без нього видно всі —\n   інакше вкладки забирають текст у читача без JS, а саме цього ми й не хочемо.\n   Клас `js` ставиться в <head>, до першого малювання, тож блимання немає. */\n.js .tvpane:not(.on){display:none}\n.tvtabs>.tvtab{flex:0 0 auto;font-family:\"Nunito\",sans-serif;font-size:15px;font-weight:800;\n  padding:11px 20px;border:0;background:none;color:#5B5975;cursor:pointer;white-space:nowrap}\n.tvtab.on{background:var(--accent);color:#fff}\n/* На вузькому екрані відіграємо ширину полями, щоб за краєм лишалась\n   щонайбільше одна вкладка, а не дві. */\n@media (max-width:760px){.tvtabs>.tvtab{padding:11px 13px;font-size:14.5px}}\n\n/* 🔴 Лінки в тексті були СИНІ на рожевій котячій картці: глобальне правило\n   `a{color:var(--dog)}` не знало про акцент світу. Колір лінка йде за світом. */\n.a-cat a{color:var(--cat-d)}\n.a-cat a:hover{color:var(--cat)}\n\n/* 🔴 Зображення в тілі статті йшли без обмеження висоти: кошеня на пів екрана,\n   і читач мусить його прогорнути, щоб дійти до наступного речення. */\n/* 🔴 Посилання в тексті відрізнялось ТІЛЬКИ кольором, а підкреслення знято\n   глобально. Заміряно: контраст лінка проти сусіднього тексту 2.23 у\n   собачому світі й 1.95 у котячому — при порозі 3.0 (WCAG 1.4.1, рівень A).\n   ⚠️ Кольором цього не полагодити: щоб дотягти до 3.0, лінк довелося б\n   зробити майже чорним, і він перестав би читатись як лінк. Тому\n   підкреслення — і лише в ТІЛІ статті, де лінк стоїть усередині речення;\n   навігація й картки лишаються як були. */\narticle a,.tvpane a{text-decoration:underline;text-underline-offset:2px;\n                    text-decoration-thickness:1px;text-decoration-color:currentColor}\n\n/* 🔴 height:auto — інакше висота бралась з атрибута WordPress, а ширину стискав max-width,\n   і на телефоні кадр плющився (1024×384 → −52%; аудит 26.09, вісь 16; перевірено headless Chrome).\n   Місце до завантаження дає явна ширина з `StandRepo::withBox()` (аудит 28.09).\n   object-fit:contain — друга форма сплющення: ширину вписав автор (`style=\"width:491px\"`),\n   а max-height її не зменшує — кадр 654×1024 ставав 339×360. Тепер вписується без спотворення. */\narticle img,.tvpane img{max-height:360px;width:auto;height:auto;max-width:100%;display:block;margin:14px 0;object-fit:contain}\n\n/* 🔴 `<figure>` має ТИПОВЕ поле браузера `1em 40px`, і його ніде не було\n   скинуто. Заміряно в браузері на 375px: тіло статті 339px, а фото й\n   таблиця всередині — 259px. Мінус 80 пікселів, тобто **23,6% ширини**, і\n   так на ≈4 364 сторінках. Бойовий це поле скидає, тобто перемикання\n   зробило б картинки ВУЖЧИМИ, ніж вони є сьогодні.\n   ⚠️ Саме `margin-inline`: вертикальний відступ між абзацами лишається. */\narticle figure,.tvpane figure{margin-inline:0}\n\n/* Рядок рейтингу: номер, фото, назва, значення осей, бал. Доти це були 25 рядків\n   голого тексту з однаковим числом праворуч. */\n.tvrank{display:grid;grid-template-columns:44px 84px 1fr auto;gap:16px;align-items:center;\n        padding:12px 0;border-bottom:1px solid var(--accent-rule);color:var(--ink)}\n.tvrank .n{font-size:22px;font-weight:900;color:var(--accent);letter-spacing:-.03em}\n.tvrank img,.tvrank .noimg{width:84px;height:58px;object-fit:cover;display:block;background:var(--accent-bg)}\n.tvrank .t{font-size:17.5px;font-weight:800;display:block;line-height:1.3}\n.tvrank .sup{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px;font-size:12.5px;color:var(--muted)}\n.tvrank .sup b{color:var(--accent-n);font-weight:700}\n.tvrank .s{font-size:14px;font-weight:800;color:var(--accent-n)}\n@media (max-width:760px){\n  .tvrank{grid-template-columns:32px 64px 1fr auto;gap:10px}\n  .tvrank img,.tvrank .noimg{width:64px;height:46px}\n  .tvrank .t{font-size:15.5px}\n}\n\n/* Шкала розміру — п'ять сегментів, свій підсвічений. Візуал із бойового. */\n.tvsize{display:flex;gap:4px}\n.tvsize>span{flex:1;text-align:center;font-size:11px;padding:7px 2px;border-radius:6px;\n  background:var(--accent-bg);color:var(--muted);white-space:nowrap}\n.tvsize>span.on{background:var(--accent);color:#fff;font-weight:800}\n.tvradar text{font-family:\"Golos Text\",system-ui,sans-serif}\n\n/* Згорнуті блоки — таблиці характеристик і FAQ. ⛔ Вміст лишається в HTML:\n   це подача, не індексація, як і вкладки. */\n.tvfold{margin:14px 0}\n.tvfold>summary{list-style:none;font-size:15px;color:var(--accent-d);cursor:pointer;\n  padding:10px 14px;background:var(--accent-bg);display:flex;align-items:center;gap:8px}\n.tvfold>summary::-webkit-details-marker{display:none}\n.tvfold>summary::before{content:\"+\";font-weight:800;font-size:16px}\n.tvfold[open]>summary::before{content:\"–\"}\n.tvfold table{margin-top:10px}\n/* 🔴 Таблиці в тілі статей. Доти на них було ЛИШЕ правило вище: ні ширини,\n   ні рамок, ні прокрутки. Таблиця хвороб виходила 451px у контейнері 259px —\n   на телефоні читач не бачив половини саме там, де перелічені ризики. */\n.tvtable{overflow-x:auto;-webkit-overflow-scrolling:touch}\n.tvtable:focus-visible{outline:2px solid var(--ink);outline-offset:2px}\n.tvtable table{width:100%;border-collapse:collapse}\n.tvtable td,.tvtable th{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}\n.tvtable th{font-weight:700}\n.tvtable tr:last-child td{border-bottom:0}\n/* ширшу за дві колонки лишаємо в прокрутці, щоб клітинки не злипались */\n.tvtable--wide table{min-width:520px}\n/* 🔴 …але про прокрутку треба СКАЗАТИ. Заміряно 22.09 вичиткою джек-рассела:\n   таблиця хвороб 520px у вікні 375px, і третя колонка — «Профілактика / Дії\n   власника», тобто найкорисніша — видно як стовпчик окремих літер по краю.\n   Жодного натяку, що її можна потягнути. Та сама техніка, що вже стоїть на\n   смузі вкладок: тінь з'являється рівно там, де за краєм ще щось лишилось,\n   і гасне, коли долистали. Без JS. */\n.tvtable--wide{\n  background:\n    linear-gradient(to right,#fff 40%,rgba(255,255,255,0)) left/24px 100% no-repeat local,\n    linear-gradient(to left,#fff 40%,rgba(255,255,255,0)) right/24px 100% no-repeat local,\n    radial-gradient(farthest-side at 0 50%,rgba(11,16,32,.18),transparent) left/12px 100% no-repeat,\n    radial-gradient(farthest-side at 100% 50%,rgba(11,16,32,.18),transparent) right/12px 100% no-repeat,\n    #fff}\n/* Оцінки: вісь веде у свій рейтинг — показуємо, що це лінк, але тихо. */\n.tvrate a:hover{border-bottom-style:solid}\n\n/* 🔴 Відео. Обкладинка + кнопка; сам плеєр YouTube вантажиться лише на клац,\n   тож сторінка не тягне чужий скрипт до того, як читач вирішив дивитись. */\n.tvvid{position:relative;margin:18px 0;aspect-ratio:16/9;background:#000}\n.tvvid-go{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;\n  background:none;cursor:pointer;display:block}\n/* ⚠️ `max-height:360px` із правила для картинок у тілі підрізало обкладинку\n   до 360px у коробці 403px — знизу лишалась чорна смуга. Тут вона не\n   ілюстрація в тексті, а тло кнопки, тож стелю знімаємо явно. */\n.tvvid .tvvid-go img{width:100%;height:100%;max-height:none;max-width:none;\n  object-fit:cover;display:block;margin:0}\n.tvvid-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);\n  width:68px;height:48px;border-radius:12px;background:rgba(0,0,0,.66)}\n.tvvid-play::after{content:\"\";position:absolute;left:27px;top:13px;\n  border:11px solid transparent;border-left:17px solid #fff;border-right:0}\n.tvvid-go:hover .tvvid-play,.tvvid-go:focus-visible .tvvid-play{background:#E11D2E}\n.tvvid-go:focus-visible{outline:3px solid var(--ink);outline-offset:2px}\n.tvvid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\n\n/* 🧪 Пілот «твердження замість балів»: бал і поруч речення про наслідок.\n   Число лишається — воно й є доказом, речення лише перекладає його\n   на мову побуту. */\n.tvclaim{list-style:none;margin:14px 0 2px;padding:0}\n.tvclaim li{display:flex;gap:10px;align-items:baseline;font-size:15px;\n  line-height:1.5;padding:6px 0;border-bottom:1px solid var(--accent-rule)}\n.tvclaim-n{flex:0 0 auto;min-width:30px;font-family:\"Nunito\",system-ui,sans-serif;\n  font-weight:800;font-size:13px;color:var(--accent)}\n\n/* 🔴 «Джерела» — блок із заголовком, як на бойовому, а не рядок дрібним.\n   Від трьох позицій — стовпчиком у дві колонки: 23 посилання суцільною\n   стрічкою в 12,5px не читає ніхто. */\n.tvsrc-box{border-top:1px solid var(--rule);padding-top:14px}\n.tvsrc-line{font-size:13px;line-height:1.55;color:var(--muted);margin:6px 0 0}\n.tvsrc{list-style:none;margin:8px 0 0;padding:0;font-size:13px;line-height:1.5;\n  color:var(--muted);columns:2;column-gap:30px}\n.tvsrc li{break-inside:avoid;padding:3px 0 3px 13px;position:relative}\n.tvsrc li::before{content:\"·\";position:absolute;left:2px;color:var(--accent);font-weight:800}\n.tvsrc-box .tvfold>summary{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;\n  font-weight:800;background:none;color:var(--muted);padding:0}\n.tvsrc-box .tvfold>summary::before{color:var(--accent)}\n.tvsrc-box .tvfold[open]{padding-bottom:4px}\n\n/* 🔴 Розділи всередині вкладки — акордеоном. Картка хаскі на телефоні мала\n   40 екранів поспіль: 22 заголовки h2 в одній відкритій вкладці. Нічого не\n   прибрано, увесь текст лишається в HTML — згорнута лише ПОДАЧА, перший\n   розділ відкритий. */\n.tvsec{border-bottom:1px solid var(--rule)}\n.tvsec>summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;\n  gap:10px;padding:2px 0}\n.tvsec>summary::-webkit-details-marker{display:none}\n.tvsec>summary::before{content:\"+\";font-family:\"Nunito\",system-ui,sans-serif;\n  font-weight:800;font-size:19px;line-height:1.6;color:var(--accent);flex:0 0 auto}\n.tvsec[open]>summary::before{content:\"–\"}\n.tvsec>summary h2{margin:0;padding:8px 0}\n.tvsec>summary:hover h2{color:var(--accent-d)}\n.tvsec-body{padding-bottom:6px}\n\n/* ── мобільна: макети MobileHome/MobileDogs/MobileBreed ── */\n@media (max-width:760px){\n  .wrap,.top,footer{padding-left:18px;padding-right:18px}\n  /* 🔴 Липкі шари коштують екрана. На 375px шапка + меню світу займали 145px —\n     18% вікна НАЗАВЖДИ. Тому на мобільній: шапка в один рядок і липка (там\n     логотип, перемикач світів і мова), а меню світу відпускаємо — воно\n     прокручується, як і решта. Липким лишається те, чим справді користуються\n     під час читання: шапка й вкладки картки. */\n  .top{flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:12px}\n  .top .search{display:none}\n  /* На телефоні поле не влазить у шапку — лупа веде на сторінку пошуку. Вона\n     стає НА МІСЦЕ мітки мови: мітка — лише підпис (мову перемикає підвал), а\n     шапка мусить лишитись в один рядок. Заміряно 28.09 у безголовому Chrome:\n     лупа ПОРУЧ із міткою переносила шапку в два рядки (91 px замість 60) на\n     360–375 px; так — 60 px на 360–414 px в усіх 11 виданнях, як до лупи. */\n  .top .lang{display:none}\n  .top .search-m{display:flex;align-items:center;justify-content:center;width:32px;height:32px;\n                 border:1.5px solid var(--line);color:var(--ink)}\n  .top .logo svg{width:118px}\n  .sw a{padding:7px 13px}\n  .worldbar{position:static}\n  /* 🔴 Було мертве: шаблони ставили font-size ІНЛАЙНОМ (40–46px), і на 375px\n     заголовок лишався 46px у два рядки. Тепер вони задають `--h1`, і це\n     правило нарешті виграє. Десктоп не змінився. */\n  h1{font-size:27px}\n  /* Двоколонкову таблицю на вузькому екрані розкладаємо в блоки «підпис/значення»:\n     прокрутка вбік для двох колонок — гірше, ніж перенос. Ширша лишається\n     в прокрутці (`.tvtable--wide`), бо блоками вона втрачає зв'язок колонок. */\n  /* ⚠️ `th[scope=\"row\"]` — це мітка рядка, тож у блоковому режимі вона\n     поводиться рівно як колишня перша клітинка. Шапку-РЯДОК (`scope=\"col\"`)\n     не чіпаємо: розкласти її в стовпчик слів — зробити гірше. */\n  .tvtable:not(.tvtable--wide) table,\n  .tvtable:not(.tvtable--wide) tbody,\n  .tvtable:not(.tvtable--wide) tr,\n  .tvtable:not(.tvtable--wide) th[scope=\"row\"],\n  .tvtable:not(.tvtable--wide) td{display:block;width:auto}\n  .tvtable:not(.tvtable--wide) tr{padding:8px 0;border-bottom:1px solid var(--line)}\n  .tvtable:not(.tvtable--wide) th[scope=\"row\"],\n  .tvtable:not(.tvtable--wide) td{padding:2px 0;border:0}\n  /* ⚠️ `:not([data-col])` тут обовʼязкове, і це виправлення моєї ж регресії.\n     Правило `td:first-child` (0,3,1) СИЛЬНІШЕ за `td[data-col]` (0,2,1), тож\n     у таблиці з підписами перша колонка лишалась сірою, жирною й 13,5 px —\n     тобто рівно тим «підписом», від якого підписи й мали позбавити. На\n     картці домашнього кота це читалось як «переваги подані тихіше за\n     недоліки». Заміряно в браузері: rgb(107,104,128)/700/13.5 проти\n     rgb(18,17,31)/400/15.5 у сусідній клітинці того самого рядка. */\n  .tvtable:not(.tvtable--wide) th[scope=\"row\"],\n  .tvtable:not(.tvtable--wide) td:first-child:not([data-col]){font-weight:700;color:var(--muted);font-size:13.5px}\n  /* 🔴 ДВА ПАРАЛЕЛЬНІ СПИСКИ, а не «підпис / значення». Таблиця\n     «Рекомендовані продукти | Заборонені продукти» у блоковому режимі\n     зливалась в один потік: «Шоколад, какао» ставав значенням під\n     «Нежирне мʼясо». Читач із телефона бачив отруту в переліку їжі.\n     Такі клітинки несуть `data-col` (див. StandRepo::labelCells) — друкуємо\n     назву колонки перед кожною. 3 125 таблиць по корпусу. */\n  /* ⚠️ Далі вмикач — НАЯВНІСТЬ ПІДПИСІВ, а не кількість колонок. Широка\n     таблиця з `data-col` теж має складатися в блоки: у прокрутці на 375 px\n     колонка «Дії» опинялась за екраном, і читач бачив «Ге… ба…». Заміряно\n     2 746 таких таблиць із шапкою-рядком. */\n  .tvtable td[data-col]{font-weight:400;color:var(--ink);font-size:15.5px}\n  .tvtable td[data-col]::before{\n    content:attr(data-col);display:block;font-weight:700;color:var(--muted);\n    font-size:12px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:1px}\n  /* Між парами потрібен повітряний проміжок, інакше чотири рядки поспіль\n     читаються як суцільний список. */\n  .tvtable tr:has(td[data-col]){padding:10px 0}\n  .tvtable td[data-col]+td[data-col]{margin-top:8px}\n  /* Шапка-рядок стає зайвою: назви колонок тепер стоять перед КОЖНОЮ\n     клітинкою. Лишити її — значить показати заголовок колонок над списком,\n     у якому колонок уже немає. ⚠️ Ховаємо лише там, де підписи справді\n     проставлені, тож зв'язок «назва → значення» не губиться. */\n  .tvtable table:has(td[data-col]) thead{display:none}\n  /* Широку з підписами знімаємо з прокрутки: мінімальна ширина й тінь\n     країв більше не потрібні, бо гортати вбік нема чого. */\n  .tvtable--wide:has(td[data-col]){overflow-x:visible;background:none}\n  .tvtable--wide table:has(td[data-col]){min-width:0}\n  .tvtable--wide table:has(td[data-col]),\n  .tvtable--wide table:has(td[data-col]) tbody,\n  .tvtable--wide table:has(td[data-col]) tr,\n  .tvtable--wide table:has(td[data-col]) td{display:block;width:auto}\n  .tvtable--wide table:has(td[data-col]) tr{padding:10px 0;border-bottom:1px solid var(--line)}\n  .tvtable--wide table:has(td[data-col]) td{padding:2px 0;border:0}\n  /* Дві колонки джерел на 375px дали б по три слова в рядку. */\n  .tvsrc{columns:1}\n  h2{font-size:22px}\n  .grid2,.cols2{grid-template-columns:1fr}\n  .m-stack{grid-template-columns:1fr !important}\n  /* 🔴 Розворот головної: стовпчиком два блоки по 300 px не влазили в\n     задану висоту 430 px, і «Коти» на 170 px накривали наступну секцію —\n     заголовок і 3–4 лінки не клікались (аудит 26.09, вісь 14, 11 головних). */\n  .hero2{height:auto !important}\n  .breed-top{grid-template-columns:1fr;gap:22px;\n             grid-template-areas:\"text\" \"gal\" \"facts\"}\n  .breed-facts{margin-top:0}\n  .post-row,.post-row.has-img{grid-template-columns:96px 1fr;gap:14px}\n  .post-row img{width:96px;height:64px}\n  .post-row .ttl{font-size:15.5px}\n  .post-row .when{grid-column:2;font-size:12px}\n  .post-row:not(.has-img){grid-template-columns:1fr}\n  .post-row:not(.has-img) .when{grid-column:1}\n  footer{flex-direction:column;gap:14px;align-items:flex-start}\n  footer .fnav{margin:0}\n}\n/* 320 px: з лупою шапка переносилась і там, де до неї влазила в рядок (en, it,\n   pl, ro, us). Лого трохи менше — і ці видання знову в один рядок. */\n@media (max-width:340px){.top .logo svg{width:96px}}\n</style>\n\n\n\n<script async=\"\" src=\"https://www.googletagmanager.com/gtag/js?id=GT-MQD9X9T\"></script>\n<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','GT-MQD9X9T');</script>\n</head>\n<body class=\"a-ink\">\n\n\n<a class=\"skip\" href=\"#main\">Перейти до змісту</a>\n\n<header>\n  <div class=\"top\">\n    <a class=\"logo\" href=\"/uk\" aria-label=\"Tvaryny\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 492.9 120.0\" role=\"img\" aria-label=\"Tvaryny\"><title>Tvaryny</title><defs><mask id=\"ma\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"100\" height=\"100\"><rect x=\"0\" y=\"0\" width=\"100\" height=\"100\" fill=\"#fff\"></rect><g fill=\"#000\"><path d=\"M31.5 60.5l-3.6-7.6 7.7 2.3z\"></path><path d=\"M45.5 60.5l3.6-7.6-7.7 2.3z\"></path><circle cx=\"38.5\" cy=\"70\" r=\"9.6\"></circle><ellipse cx=\"54.4\" cy=\"68\" rx=\"3.5\" ry=\"6.2\" transform=\"rotate(-16 54.4 68)\"></ellipse><ellipse cx=\"69.6\" cy=\"68\" rx=\"3.5\" ry=\"6.2\" transform=\"rotate(16 69.6 68)\"></ellipse><circle cx=\"62\" cy=\"70\" r=\"9.6\"></circle></g></mask></defs><g transform=\"translate(0,25) scale(0.78)\"><g fill=\"#FC54B4\" mask=\"url(#ma)\"><ellipse cx=\"24\" cy=\"21\" rx=\"11.5\" ry=\"14.5\" transform=\"rotate(-14 24 21)\"></ellipse><ellipse cx=\"50\" cy=\"12.5\" rx=\"12\" ry=\"15\"></ellipse><ellipse cx=\"76\" cy=\"21\" rx=\"11.5\" ry=\"14.5\" transform=\"rotate(14 76 21)\"></ellipse><path d=\"M50 40c19.5 0 35 13.8 35 30.4C85 84 74.2 92 60 92c-5.6 0-8-1.6-10-1.6s-4.4 1.6-10 1.6C25.8 92 15 84 15 70.4 15 53.8 30.5 40 50 40z\"></path></g><g fill=\"#FC54B4\"><circle cx=\"35.4\" cy=\"68.4\" r=\"1.5\"></circle><circle cx=\"41.6\" cy=\"68.4\" r=\"1.5\"></circle><path d=\"M38.5 71.4l-1.7 1.4h3.4z\"></path><path d=\"M38.5 73.6c0 2-1.7 2.7-2.9 2M38.5 73.6c0 2 1.7 2.7 2.9 2\" stroke=\"#FC54B4\" stroke-width=\"1\" fill=\"none\" stroke-linecap=\"round\"></path><circle cx=\"58.9\" cy=\"68.2\" r=\"1.5\"></circle><circle cx=\"65.1\" cy=\"68.2\" r=\"1.5\"></circle><ellipse cx=\"62\" cy=\"72.2\" rx=\"2.6\" ry=\"2.2\"></ellipse><path d=\"M62 74.4v1.8\" stroke=\"#FC54B4\" stroke-width=\"1\" stroke-linecap=\"round\"></path></g></g><g fill=\"#6078FC\" transform=\"translate(104.0,95.0) scale(0.099291,-0.099291)\"><path d=\"M322 -9Q278 -9 254.0 15.5Q230 40 230 84V555H73Q36 555 16.5 574.5Q-3 594 -3 630Q-3 667 16.5 686.0Q36 705 73 705H571Q608 705 627.5 686.0Q647 667 647 630Q647 594 627.5 574.5Q608 555 571 555H414V84Q414 40 391.0 15.5Q368 -9 322 -9Z M914 -9Q879 -9 854.5 8.5Q830 26 814 61L671 388Q659 418 663.0 444.0Q667 470 688.5 485.5Q710 501 748 501Q780 501 799.5 486.5Q819 472 835 430L919 213L1008 431Q1024 472 1044.0 486.5Q1064 501 1099 501Q1129 501 1147.5 485.5Q1166 470 1170.0 444.0Q1174 418 1160 388L1014 60Q999 25 974.5 8.0Q950 -9 914 -9Z M1409 -11Q1352 -11 1308.5 10.0Q1265 31 1240.5 67.5Q1216 104 1216 151Q1216 205 1244.0 236.0Q1272 267 1334.0 280.5Q1396 294 1499 294H1537V308Q1537 344 1518.5 359.0Q1500 374 1455 374Q1431 374 1401.0 368.5Q1371 363 1334 349Q1307 339 1288.0 346.0Q1269 353 1258.5 370.0Q1248 387 1248.5 407.0Q1249 427 1261.5 445.0Q1274 463 1300 473Q1348 491 1388.5 497.0Q1429 503 1463 503Q1545 503 1598.5 479.5Q1652 456 1678.5 407.5Q1705 359 1705 283V81Q1705 37 1684.0 14.0Q1663 -9 1623 -9Q1582 -9 1561 14Q1542 34 1539 70Q1533 52 1522 38Q1504 15 1475.0 2.0Q1446 -11 1409 -11ZM1537 210H1499Q1460 210 1434.5 204.5Q1409 199 1397.0 187.5Q1385 176 1385 158Q1385 135 1401.5 120.0Q1418 105 1449 105Q1474 105 1493.5 116.0Q1513 127 1525.0 146.5Q1537 166 1537 192Z M1897 -9Q1853 -9 1829.5 14.0Q1806 37 1806 81V412Q1806 455 1828.5 478.0Q1851 501 1893.0 501.0Q1935 501 1957.0 478.0Q1979 455 1979 412V408Q1993 443 2021 466Q2062 501 2124 503Q2153 504 2167.5 488.5Q2182 473 2183 431Q2183 395 2168.0 374.0Q2153 353 2111 349L2088 347Q2035 342 2011.0 317.5Q1987 293 1987 245V81Q1987 37 1964.0 14.0Q1941 -9 1897 -9Z M2383 -189Q2352 -189 2333.0 -173.0Q2314 -157 2309.5 -131.0Q2305 -105 2318 -76L2369 34L2214 388Q2201 418 2205.5 444.0Q2210 470 2232.0 485.5Q2254 501 2292 501Q2324 501 2343.5 486.5Q2363 472 2379 430L2462 213L2551 431Q2567 472 2587.5 486.5Q2608 501 2643 501Q2673 501 2691.0 485.5Q2709 470 2713.0 444.0Q2717 418 2704 388L2477 -122Q2459 -162 2437.5 -175.5Q2416 -189 2383 -189Z M2869 -9Q2827 -9 2804.0 14.0Q2781 37 2781 81V412Q2781 455 2803.5 478.0Q2826 501 2868.0 501.0Q2910 501 2932 478Q2951 458 2954 424Q2976 458 3012 478Q3056 503 3113 503Q3172 503 3210.0 480.5Q3248 458 3267.0 410.5Q3286 363 3286 291V81Q3286 37 3263.0 14.0Q3240 -9 3197.0 -9.0Q3154 -9 3131.0 14.0Q3108 37 3108 81V284Q3108 329 3092.5 348.0Q3077 367 3047 367Q3007 367 2983.0 341.5Q2959 316 2959 273V81Q2959 -9 2869 -9Z M3530 -189Q3499 -189 3480.0 -173.0Q3461 -157 3456.5 -131.0Q3452 -105 3465 -76L3516 34L3361 388Q3348 418 3352.5 444.0Q3357 470 3379.0 485.5Q3401 501 3439 501Q3471 501 3490.5 486.5Q3510 472 3526 430L3609 213L3698 431Q3714 472 3734.5 486.5Q3755 501 3790 501Q3820 501 3838.0 485.5Q3856 470 3860.0 444.0Q3864 418 3851 388L3624 -122Q3606 -162 3584.5 -175.5Q3563 -189 3530 -189Z\"></path></g></svg>\n</a>\n    <nav class=\"sw d\">\n      \n      <a class=\"dog \" href=\"/uk/dogs\">Собаки</a>\n      <a class=\"cat \" href=\"/uk/cats\">Коти</a>\n    </nav>\n    \n    \n        <form class=\"search\" action=\"/uk\" method=\"get\" role=\"search\">\n      <input type=\"search\" name=\"s\" maxlength=\"100\" aria-label=\"Пошук серед 477 порід\" placeholder=\"Пошук серед 477 порід\">\n    </form>\n    <a class=\"search-m\" href=\"/uk?s=\" aria-label=\"Знайти\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" aria-hidden=\"true\"><circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"></circle><path d=\"M15.5 15.5 21 21\"></path></svg></a>\n    <span class=\"lang d\">UK</span>\n  </div>\n</header>\n\n\n<main id=\"main\">\n\n<div class=\"wrap\" style=\"padding-top:26px;padding-bottom:20px\">\n  \n  <h1 class=\"d\">Собаки і коти: 477 порід, догляд і здоров’я</h1>\n  <div class=\"lede\">Усе про домашніх тварин: догляд, здоров’я, поведінка котів і собак.</div>\n</div>\n\n\n<div class=\"wrap\" style=\"padding:0\">\n  <div style=\"display:grid;grid-template-columns:1fr 1fr;height:430px\" class=\"m-stack hero2\">\n                      <a href=\"/uk/dogs\" style=\"position:relative;overflow:hidden;display:block;background:#16203A;min-height:300px\">\n                  <img src=\"https://cdn.tvaryny.com/wp-content/uploads/2025/06/gallery-139603_3-1536x1020-1-1024x680.jpg\" alt=\"Померанський шпіц\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;object-position:center 38%;display:block\">\n                <div style=\"position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,16,32,0) 42%,rgba(11,16,32,.93) 100%)\"></div>\n        <div style=\"position:absolute;left:38px;right:38px;bottom:32px;color:#fff\">\n          <span class=\"d\" style=\"display:block;font-size:52px;font-weight:900;letter-spacing:-.04em;line-height:1\">Собаки</span>\n          <div style=\"font-size:14.5px;color:#D3DAEA;margin-top:7px\">\n            \n            420 порід · 8 розділів · 19 рейтингів\n          </div>\n          <span class=\"d\" style=\"display:inline-block;margin-top:15px;background:var(--dog);color:#fff;padding:12px 26px;font-size:14.5px;font-weight:800\">\n            Увійти у світ собак\n          </span>\n        </div>\n      </a>\n                      <a href=\"/uk/cats\" style=\"position:relative;overflow:hidden;display:block;background:#0E0D14;min-height:300px\">\n                  <img src=\"https://cdn.tvaryny.com/wp-content/uploads/2015/02/gallery-159702_0-1024x768.jpg\" alt=\"Сіамський кіт\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;object-position:center 38%;display:block\">\n                <div style=\"position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,16,32,0) 42%,rgba(11,16,32,.93) 100%)\"></div>\n        <div style=\"position:absolute;left:38px;right:38px;bottom:32px;color:#fff\">\n          <span class=\"d\" style=\"display:block;font-size:52px;font-weight:900;letter-spacing:-.04em;line-height:1\">Коти</span>\n          <div style=\"font-size:14.5px;color:#D3DAEA;margin-top:7px\">\n            \n            57 порід · 7 розділів · 16 рейтингів\n          </div>\n          <span class=\"d\" style=\"display:inline-block;margin-top:15px;background:var(--cat);color:#fff;padding:12px 26px;font-size:14.5px;font-weight:800\">\n            Увійти у світ котів\n          </span>\n        </div>\n      </a>\n      </div>\n</div>\n\n\n<div style=\"background:var(--ink);color:#fff\">\n  <div class=\"wrap\" style=\"display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center;padding-top:26px;padding-bottom:26px\">\n    <div class=\"d\" style=\"font-size:21px;font-weight:900;letter-spacing:-.025em;line-height:1.25\">Ще не визначились, кіт чи пес?</div>\n    <div style=\"display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end\">\n              <a href=\"/uk/articles/interesting\" style=\"font-size:13.5px;border:1px solid #35334A;padding:8px 14px;color:#D8D6E4\">Цікаве</a>\n              <a href=\"/uk/articles/choosing\" style=\"font-size:13.5px;border:1px solid #35334A;padding:8px 14px;color:#D8D6E4\">Як обрати домашню тварину</a>\n              <a href=\"/uk/articles/seasonal\" style=\"font-size:13.5px;border:1px solid #35334A;padding:8px 14px;color:#D8D6E4\">Сезонні поради (зима, літо)</a>\n              <a href=\"/uk/articles/beginners\" style=\"font-size:13.5px;border:1px solid #35334A;padding:8px 14px;color:#D8D6E4\">Для новачків</a>\n              <a href=\"/uk/articles/laws\" style=\"font-size:13.5px;border:1px solid #35334A;padding:8px 14px;color:#D8D6E4\">Закони та правила щодо тварин</a>\n          </div>\n  </div>\n</div>\n\n\n<div class=\"wrap\" style=\"padding-top:32px\">\n  <div class=\"sect-h\">\n    <h2 class=\"d\">Свіже</h2>\n  </div>\n  <div style=\"display:grid;grid-template-columns:1.45fr 1fr 1fr\" class=\"m-stack\">\n        <div style=\"padding:22px 26px 24px 0;border-right:1px solid var(--rule)\">\n      \n      <img src=\"https://cdn.tvaryny.com/wp-content/uploads/2026/07/znimok-ekrana-2026-07-17-o-12.58.15-768x509.png\" alt=\"Собака-«липучка»: Як подолати надмірну тривожність, якщо пес не відпускає вас ні на крок\" loading=\"lazy\" style=\"width:100%;height:210px;object-fit:cover;display:block\">      <div class=\"eyebrow\" style=\"color:var(--dog-d);margin-top:14px\">Поради собаководам</div>      <a class=\"d\" href=\"/uk/sobaka-lypuchka-yak-podolaty-nadmirnu-tryvozhnist-yakshho-pes-ne-vidpuskaye-vas-ni-na-krok\" style=\"display:block;font-size:25px;font-weight:900;line-height:1.18;letter-spacing:-.025em;margin-top:8px;color:var(--ink)\">Собака-«липучка»: Як подолати надмірну тривожність, якщо пес не відпускає вас ні на крок</a>\n      <div style=\"font-size:12.5px;color:var(--muted);margin-top:10px\">23.07.2026</div>\n    </div>\n          <div style=\"padding:22px 26px 24px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:22px\">\n                  <div>\n            <img src=\"https://cdn.tvaryny.com/wp-content/uploads/2026/07/znimok-ekrana-2026-07-17-o-12.48.39-768x509.png\" alt=\"«Маркетингова пастка» для новачків: 7 дорогих речей, які насправді не потрібні вашому першому улюбленцю\" loading=\"lazy\" style=\"width:100%;height:120px;object-fit:cover;display:block;margin-bottom:11px\">            <div class=\"eyebrow\" style=\"color:var(--dog-d)\">Поради собаководам</div>            <a class=\"d\" href=\"/uk/marketyngova-pastka-dlya-novachkiv-7-dorogyh-rechej-yaki-naspravdi-ne-potribni-vashomu-pershomu-ulyublenczyu\" style=\"display:block;font-size:17px;font-weight:800;line-height:1.3;margin-top:6px;color:var(--ink)\">«Маркетингова пастка» для новачків: 7 дорогих речей, які насправді не потрібні вашому першому улюбленцю</a>\n          </div>\n                  <div>\n                        <div class=\"eyebrow\" style=\"color:var(--dog-d)\">Догляд і здоров’я собак</div>            <a class=\"d\" href=\"/uk/chomu-sobaka-yist-travu-na-progulyanczi-5-prychyn-vid-veterynariv-yaki-ne-mayut-nichogo-spilnogo-z-golodom\" style=\"display:block;font-size:17px;font-weight:800;line-height:1.3;margin-top:6px;color:var(--ink)\">Чому собака їсть траву на прогулянці: 5 причин від ветеринарів, які не мають нічого спільного з голодом</a>\n          </div>\n              </div>\n          <div style=\"padding:22px 26px 24px;;display:flex;flex-direction:column;gap:22px\">\n                  <div>\n            <img src=\"https://cdn.tvaryny.com/wp-content/uploads/2026/07/znimok-ekrana-2026-07-02-o-13.49.09-768x495.png\" alt=\"Невидимі вбивці на підвіконні: 10 кімнатних рослин, які смертельно небезпечні для вашого кота\" loading=\"lazy\" style=\"width:100%;height:120px;object-fit:cover;display:block;margin-bottom:11px\">            <div class=\"eyebrow\" style=\"color:var(--cat)\">Догляд і здоров’я котів</div>            <a class=\"d\" href=\"/uk/nevydymi-vbyvczi-na-pidvikonni-10-kimnatnyh-roslyn-yaki-smertelno-nebezpechni-dlya-vashogo-kota\" style=\"display:block;font-size:17px;font-weight:800;line-height:1.3;margin-top:6px;color:var(--ink)\">Невидимі вбивці на підвіконні: 10 кімнатних рослин, які смертельно небезпечні для вашого кота</a>\n          </div>\n                  <div>\n                        <div class=\"eyebrow\" style=\"color:var(--cat)\">Догляд і здоров’я котів</div>            <a class=\"d\" href=\"/uk/mejn-kun-shho-potribno-znaty-persh-nizh-zavesty-kota-velykoyi-porody\" style=\"display:block;font-size:17px;font-weight:800;line-height:1.3;margin-top:6px;color:var(--ink)\">Мейн-кун: що потрібно знати перш ніж завести кота великої породи?</a>\n          </div>\n              </div>\n      </div>\n</div>\n\n\n<div class=\"wrap\" style=\"padding:0;margin-top:34px;border-top:1px solid var(--rule)\">\n  <div style=\"display:grid;grid-template-columns:1fr 1fr\" class=\"m-stack\">\n                <div class=\"a-dog\" style=\"padding:30px 34px 34px;background:var(--dog-bg);border-right:1px solid var(--rule)\">\n        <h2 class=\"d\">Світ собак</h2>\n\n                <div class=\"eyebrow\" style=\"color:var(--accent-d);margin:18px 0 11px\">Що вас турбує сьогодні</div>\n        <div class=\"grid2\">\n                      <a class=\"tile\" href=\"/uk/dogs/breeds\">\n              <b>Породи собак</b>\n              \n              <span>420 порід</span>\n            </a>\n                      <a class=\"tile\" href=\"/uk/dogs/guides\">\n              <b>Поради собаководам</b>\n              \n              <span>107 матеріалів</span>\n            </a>\n                      <a class=\"tile\" href=\"/uk/dogs/health\">\n              <b>Догляд і здоров’я собак</b>\n              \n              <span>60 матеріалів</span>\n            </a>\n                      <a class=\"tile\" href=\"/uk/dogs/food\">\n              <b>Харчування собак</b>\n              \n              <span>43 матеріали</span>\n            </a>\n                  </div>\n        \n                  <div class=\"eyebrow\" style=\"color:var(--accent-d);margin:22px 0 10px\">Усі розділи</div>\n          <div class=\"cols2\">\n                          <a href=\"/uk/dogs-training\" style=\"color:var(--text)\">Дресирування собак</a>\n                          <a href=\"/uk/dogs/puppies\" style=\"color:var(--text)\">Для цуценят</a>\n                          <a href=\"/uk/dog/behavior\" style=\"color:var(--text)\">Поведінка собак</a>\n                          <a href=\"/uk/dogs/compare\" style=\"color:var(--text)\">Порівняння порід собак</a>\n                      </div>\n        \n                  <div class=\"eyebrow\" style=\"color:var(--accent-d);margin:22px 0 4px\">Рейтинги</div>\n                      <a class=\"row\" href=\"/uk/rating-dogs-apartment\" style=\"color:var(--text)\">\n              <span>Найкращі породи собак для квартири</span><span class=\"tag\" style=\"color:var(--accent-n)\">20 порід</span>\n            </a>\n                      <a class=\"row\" href=\"/uk/rating-dogs-kids\" style=\"color:var(--text)\">\n              <span>Найкращі породи собак для дітей та родини</span><span class=\"tag\" style=\"color:var(--accent-n)\">20 порід</span>\n            </a>\n                      <a class=\"row\" href=\"/uk/rating-dogs-beginners\" style=\"color:var(--text)\">\n              <span>Найкращі породи собак для новачків</span><span class=\"tag\" style=\"color:var(--accent-n)\">20 порід</span>\n            </a>\n                      <a class=\"row\" href=\"/uk/rating-dogs-affectionate\" style=\"color:var(--text)\">\n              <span>Найласкавіші породи собак</span><span class=\"tag\" style=\"color:var(--accent-n)\">20 порід</span>\n            </a>\n                      <a class=\"row\" href=\"/uk/rating-dogs-quiet\" style=\"color:var(--text)\">\n              <span>Найтихіші породи собак</span><span class=\"tag\" style=\"color:var(--accent-n)\">20 порід</span>\n            </a>\n                      <a class=\"row\" href=\"/uk/rating-dogs-hypoallergenic\" style=\"color:var(--text)\">\n              <span>Гіпоалергенні породи собак (мало линяють)</span><span class=\"tag\" style=\"color:var(--accent-n)\">20 порід</span>\n            </a>\n                      <a class=\"row\" href=\"/uk/rating-dogs-active\" style=\"color:var(--text)\">\n              <span>Найактивніші породи собак для спорту</span><span class=\"tag\" style=\"color:var(--accent-n)\">20 порід</span>\n            </a>\n                      <a class=\"row\" href=\"/uk/rating-dogs-smart\" style=\"color:var(--text)\">\n              <span>Найрозумніші породи собак</span><span class=\"tag\" style=\"color:var(--accent-n)\">20 порід</span>\n            </a>\n                  \n                  <div class=\"eyebrow\" style=\"color:var(--accent-d);margin:22px 0 4px\">Свіже про собак</div>\n                      <a class=\"row\" href=\"/uk/sobaka-lypuchka-yak-podolaty-nadmirnu-tryvozhnist-yakshho-pes-ne-vidpuskaye-vas-ni-na-krok\" style=\"color:var(--text)\">\n              <span>Собака-«липучка»: Як подолати надмірну тривожність, якщо пес не відпускає вас ні на крок</span><span class=\"tag\">Поради собаководам</span>\n            </a>\n                      <a class=\"row\" href=\"/uk/marketyngova-pastka-dlya-novachkiv-7-dorogyh-rechej-yaki-naspravdi-ne-potribni-vashomu-pershomu-ulyublenczyu\" style=\"color:var(--text)\">\n              <span>«Маркетингова пастка» для новачків: 7 дорогих речей, які насправді не потрібні вашому першому улюбленцю</span><span class=\"tag\">Поради собаководам</span>\n            </a>\n                      <a class=\"row\" href=\"/uk/chomu-sobaka-yist-travu-na-progulyanczi-5-prychyn-vid-veterynariv-yaki-ne-mayut-nichogo-spilnogo-z-golodom\" style=\"color:var(--text)\">\n              <span>Чому собака їсть траву на прогулянці: 5 причин від ветеринарів, які не мають нічого спільного з голодом</span><span class=\"tag\">Догляд і здоров’я собак</span>\n            </a>\n                      <a class=\"row\" href=\"/uk/sobaka-introvert-5-neochevydnyh-oznak-togo-shho-vash-ulyublenecz-prosto-ne-hoche-spilkuvatysya-z-inshymy-psamy\" style=\"color:var(--text)\">\n              <span>Собака-інтроверт: 5 неочевидних ознак того, що ваш улюбленець просто не хоче спілкуватися з іншими псами</span><span class=\"tag\">Дресирування собак</span>\n            </a>\n                  \n        \n                <div style=\"margin-top:20px;padding-top:14px;border-top:1px solid var(--accent-rule)\">\n          <span class=\"eyebrow\" style=\"color:var(--accent-d)\">Спільне для всіх</span>\n          <div style=\"display:flex;flex-wrap:wrap;gap:7px;margin-top:9px\">\n                          <a class=\"chip\" href=\"/uk/articles/interesting\">Цікаве</a>\n                          <a class=\"chip\" href=\"/uk/articles/choosing\">Як обрати домашню тварину</a>\n                          <a class=\"chip\" href=\"/uk/articles/seasonal\">Сезонні поради (зима, літо)</a>\n                      </div>\n        </div>\n              </div>\n                <div class=\"a-cat\" style=\"padding:30px 34px 34px;background:var(--cat-bg);\">\n        <h2 class=\"d\">Світ котів</h2>\n\n                <div class=\"eyebrow\" style=\"color:var(--accent-d);margin:18px 0 11px\">Що вас турбує сьогодні</div>\n        <div class=\"grid2\">\n                      <a class=\"tile\" href=\"/uk/cats/guides\">\n              <b>Поради котоводам</b>\n              \n              <span>88 матеріалів</span>\n            </a>\n                      <a class=\"tile\" href=\"/uk/cats/health\">\n              <b>Догляд і здоров’я котів</b>\n              \n              <span>75 матеріалів</span>\n            </a>\n                      <a class=\"tile\" href=\"/uk/cats/breeds\">\n              <b>Породи котів</b>\n              \n              <span>57 порід</span>\n            </a>\n                      <a class=\"tile\" href=\"/uk/cats/food\">\n              <b>Харчування котів</b>\n              \n              <span>53 матеріали</span>\n            </a>\n                  </div>\n        \n                  <div class=\"eyebrow\" style=\"color:var(--accent-d);margin:22px 0 10px\">Усі розділи</div>\n          <div class=\"cols2\">\n                          <a href=\"/uk/cats-behavior\" style=\"color:var(--text)\">Поведінка котів</a>\n                          <a href=\"/uk/cats-kittens\" style=\"color:var(--text)\">Для кошенят</a>\n                          <a href=\"/uk/cats/compare\" style=\"color:var(--text)\">Порівняння порід котів</a>\n                      </div>\n        \n                  <div class=\"eyebrow\" style=\"color:var(--accent-d);margin:22px 0 4px\">Рейтинги</div>\n                      <a class=\"row\" href=\"/uk/rating-cats-apartment\" style=\"color:var(--text)\">\n              <span>Найкращі породи котів для квартири</span><span class=\"tag\" style=\"color:var(--accent-n)\">10 порід</span>\n            </a>\n                      <a class=\"row\" href=\"/uk/rating-cats-kids\" style=\"color:var(--text)\">\n              <span>Найкращі породи котів для дітей та родини</span><span class=\"tag\" style=\"color:var(--accent-n)\">10 порід</span>\n            </a>\n                      <a class=\"row\" href=\"/uk/rating-cats-beginners\" style=\"color:var(--text)\">\n              <span>Найкращі породи котів для новачків</span><span class=\"tag\" style=\"color:var(--accent-n)\">10 порід</span>\n            </a>\n                      <a class=\"row\" href=\"/uk/rating-cats-affectionate\" style=\"color:var(--text)\">\n              <span>Найласкавіші породи котів</span><span class=\"tag\" style=\"color:var(--accent-n)\">10 порід</span>\n            </a>\n                      <a class=\"row\" href=\"/uk/rating-cats-quiet\" style=\"color:var(--text)\">\n              <span>Найтихіші породи котів</span><span class=\"tag\" style=\"color:var(--accent-n)\">10 порід</span>\n            </a>\n                      <a class=\"row\" href=\"/uk/rating-cats-hypoallergenic\" style=\"color:var(--text)\">\n              <span>Гіпоалергенні породи котів (мало линяють)</span><span class=\"tag\" style=\"color:var(--accent-n)\">10 порід</span>\n            </a>\n                      <a class=\"row\" href=\"/uk/rating-cats-active\" style=\"color:var(--text)\">\n              <span>Найактивніші породи котів</span><span class=\"tag\" style=\"color:var(--accent-n)\">10 порід</span>\n            </a>\n                      <a class=\"row\" href=\"/uk/rating-cats-smart\" style=\"color:var(--text)\">\n              <span>Найрозумніші породи котів</span><span class=\"tag\" style=\"color:var(--accent-n)\">10 порід</span>\n            </a>\n                  \n                  <div class=\"eyebrow\" style=\"color:var(--accent-d);margin:22px 0 4px\">Свіже про котів</div>\n                      <a class=\"row\" href=\"/uk/nevydymi-vbyvczi-na-pidvikonni-10-kimnatnyh-roslyn-yaki-smertelno-nebezpechni-dlya-vashogo-kota\" style=\"color:var(--text)\">\n              <span>Невидимі вбивці на підвіконні: 10 кімнатних рослин, які смертельно небезпечні для вашого кота</span><span class=\"tag\">Догляд і здоров’я котів</span>\n            </a>\n                      <a class=\"row\" href=\"/uk/mejn-kun-shho-potribno-znaty-persh-nizh-zavesty-kota-velykoyi-porody\" style=\"color:var(--text)\">\n              <span>Мейн-кун: що потрібно знати перш ніж завести кота великої породи?</span><span class=\"tag\">Догляд і здоров’я котів</span>\n            </a>\n                      <a class=\"row\" href=\"/uk/zdorovi-nyrky-ta-kontrol-vagy-speczializovani-suhi-kormy-dlya-kotiv\" style=\"color:var(--text)\">\n              <span>Здорові нирки та контроль ваги: спеціалізовані сухі корми для котів</span><span class=\"tag\">Харчування котів</span>\n            </a>\n                      <a class=\"row\" href=\"/uk/koryst-chy-otruta-top-10-zvychajnyh-produktiv-iz-vashogo-holodylnyka-shho-nepomitno-vbyvayut-pechinku-kota\" style=\"color:var(--text)\">\n              <span>Користь чи отрута? Топ-10 звичайних продуктів із вашого холодильника, що непомітно вбивають печінку кота</span><span class=\"tag\">Харчування котів</span>\n            </a>\n                  \n        \n                <div style=\"margin-top:20px;padding-top:14px;border-top:1px solid var(--accent-rule)\">\n          <span class=\"eyebrow\" style=\"color:var(--accent-d)\">Спільне для всіх</span>\n          <div style=\"display:flex;flex-wrap:wrap;gap:7px;margin-top:9px\">\n                          <a class=\"chip\" href=\"/uk/articles/interesting\">Цікаве</a>\n                          <a class=\"chip\" href=\"/uk/articles/choosing\">Як обрати домашню тварину</a>\n                          <a class=\"chip\" href=\"/uk/articles/seasonal\">Сезонні поради (зима, літо)</a>\n                      </div>\n        </div>\n              </div>\n      </div>\n</div>\n\n\n<div style=\"background:var(--ink);color:#fff;margin-top:0\">\n  <div class=\"wrap\" style=\"padding-top:38px;padding-bottom:38px\">\n    <h2 class=\"d\">Рідкісні породи</h2>\n    <div class=\"eyebrow\" style=\"color:var(--dark-mut);margin:8px 0 20px\">Довгий хвіст довідника: те, що рідко трапляється в рейтингах</div>\n    <div style=\"display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 34px\" class=\"m-stack\">\n              <a href=\"/uk/breed-avstriyskyy-gladkosherstyy-brakk\" style=\"display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--dark-rule);color:#fff\">\n          <span style=\"font-size:15.5px\">Австрійський гладкошерстий бракк</span>\n          <span style=\"font-size:12.5px;color:var(--dark-mut);white-space:nowrap\">Австрія</span>\n        </a>\n              <a href=\"/uk/breed-artuazka-goncha\" style=\"display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--dark-rule);color:#fff\">\n          <span style=\"font-size:15.5px\">Артуазький гончак</span>\n          <span style=\"font-size:12.5px;color:var(--dark-mut);white-space:nowrap\">Франція (Артуа)</span>\n        </a>\n              <a href=\"/uk/breed-velykyy-vandeyskyy-basset-gryfon\" style=\"display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--dark-rule);color:#fff\">\n          <span style=\"font-size:15.5px\">Великий вандейський бассет-грифон</span>\n          <span style=\"font-size:12.5px;color:var(--dark-mut);white-space:nowrap\">Франція</span>\n        </a>\n              <a href=\"/uk/breed-dunker\" style=\"display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--dark-rule);color:#fff\">\n          <span style=\"font-size:15.5px\">Дункер</span>\n          <span style=\"font-size:12.5px;color:var(--dark-mut);white-space:nowrap\">Норвегія</span>\n        </a>\n              <a href=\"/uk/breed-mala-blakytna-gaskonska-goncha\" style=\"display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--dark-rule);color:#fff\">\n          <span style=\"font-size:15.5px\">Малий блакитний гасконський гончак</span>\n          <span style=\"font-size:12.5px;color:var(--dark-mut);white-space:nowrap\">Франція (Гасконь)</span>\n        </a>\n              <a href=\"/uk/breed-nimeckyy-shtyhelhaar\" style=\"display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--dark-rule);color:#fff\">\n          <span style=\"font-size:15.5px\">Німецький штіхельхаар</span>\n          <span style=\"font-size:12.5px;color:var(--dark-mut);white-space:nowrap\">Німеччина</span>\n        </a>\n              <a href=\"/uk/breed-rotveyler\" style=\"display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--dark-rule);color:#fff\">\n          <span style=\"font-size:15.5px\">Ротвейлер</span>\n          <span style=\"font-size:12.5px;color:var(--dark-mut);white-space:nowrap\">Німеччина</span>\n        </a>\n              <a href=\"/uk/breed-tayskyy-rydzhbek\" style=\"display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--dark-rule);color:#fff\">\n          <span style=\"font-size:15.5px\">Тайський риджбек</span>\n          <span style=\"font-size:12.5px;color:var(--dark-mut);white-space:nowrap\">Таїланд</span>\n        </a>\n              <a href=\"/uk/breed-cheskyy-zhorstkosherstyy-lyagavyy\" style=\"display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--dark-rule);color:#fff\">\n          <span style=\"font-size:15.5px\">Чеський жорсткошерстий лягавий</span>\n          <span style=\"font-size:12.5px;color:var(--dark-mut);white-space:nowrap\">Чехія</span>\n        </a>\n          </div>\n  </div>\n</div>\n\n\n<div class=\"wrap\" style=\"padding-top:36px;padding-bottom:8px\">\n  <h2 class=\"d\">На що ми спираємось</h2>\n  <div style=\"font-size:15.5px;line-height:1.6;color:var(--text2);margin-top:12px;max-width:min(72ch,100%)\">Картки порід спираються на стандарти FCI та фелінологічних організацій, дані клубів і ветеринарні джерела — перелік наведено в кінці кожної картки.</div>\n</div>\n</main>\n\n<footer>\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 492.9 120.0\" role=\"img\" aria-label=\"Tvaryny\"><title>Tvaryny</title><defs><mask id=\"maf\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"100\" height=\"100\"><rect x=\"0\" y=\"0\" width=\"100\" height=\"100\" fill=\"#fff\"></rect><g fill=\"#000\"><path d=\"M31.5 60.5l-3.6-7.6 7.7 2.3z\"></path><path d=\"M45.5 60.5l3.6-7.6-7.7 2.3z\"></path><circle cx=\"38.5\" cy=\"70\" r=\"9.6\"></circle><ellipse cx=\"54.4\" cy=\"68\" rx=\"3.5\" ry=\"6.2\" transform=\"rotate(-16 54.4 68)\"></ellipse><ellipse cx=\"69.6\" cy=\"68\" rx=\"3.5\" ry=\"6.2\" transform=\"rotate(16 69.6 68)\"></ellipse><circle cx=\"62\" cy=\"70\" r=\"9.6\"></circle></g></mask></defs><g transform=\"translate(0,25) scale(0.78)\"><g fill=\"#FC54B4\" mask=\"url(#maf)\"><ellipse cx=\"24\" cy=\"21\" rx=\"11.5\" ry=\"14.5\" transform=\"rotate(-14 24 21)\"></ellipse><ellipse cx=\"50\" cy=\"12.5\" rx=\"12\" ry=\"15\"></ellipse><ellipse cx=\"76\" cy=\"21\" rx=\"11.5\" ry=\"14.5\" transform=\"rotate(14 76 21)\"></ellipse><path d=\"M50 40c19.5 0 35 13.8 35 30.4C85 84 74.2 92 60 92c-5.6 0-8-1.6-10-1.6s-4.4 1.6-10 1.6C25.8 92 15 84 15 70.4 15 53.8 30.5 40 50 40z\"></path></g><g fill=\"#FC54B4\"><circle cx=\"35.4\" cy=\"68.4\" r=\"1.5\"></circle><circle cx=\"41.6\" cy=\"68.4\" r=\"1.5\"></circle><path d=\"M38.5 71.4l-1.7 1.4h3.4z\"></path><path d=\"M38.5 73.6c0 2-1.7 2.7-2.9 2M38.5 73.6c0 2 1.7 2.7 2.9 2\" stroke=\"#FC54B4\" stroke-width=\"1\" fill=\"none\" stroke-linecap=\"round\"></path><circle cx=\"58.9\" cy=\"68.2\" r=\"1.5\"></circle><circle cx=\"65.1\" cy=\"68.2\" r=\"1.5\"></circle><ellipse cx=\"62\" cy=\"72.2\" rx=\"2.6\" ry=\"2.2\"></ellipse><path d=\"M62 74.4v1.8\" stroke=\"#FC54B4\" stroke-width=\"1\" stroke-linecap=\"round\"></path></g></g><g fill=\"#6078FC\" transform=\"translate(104.0,95.0) scale(0.099291,-0.099291)\"><path d=\"M322 -9Q278 -9 254.0 15.5Q230 40 230 84V555H73Q36 555 16.5 574.5Q-3 594 -3 630Q-3 667 16.5 686.0Q36 705 73 705H571Q608 705 627.5 686.0Q647 667 647 630Q647 594 627.5 574.5Q608 555 571 555H414V84Q414 40 391.0 15.5Q368 -9 322 -9Z M914 -9Q879 -9 854.5 8.5Q830 26 814 61L671 388Q659 418 663.0 444.0Q667 470 688.5 485.5Q710 501 748 501Q780 501 799.5 486.5Q819 472 835 430L919 213L1008 431Q1024 472 1044.0 486.5Q1064 501 1099 501Q1129 501 1147.5 485.5Q1166 470 1170.0 444.0Q1174 418 1160 388L1014 60Q999 25 974.5 8.0Q950 -9 914 -9Z M1409 -11Q1352 -11 1308.5 10.0Q1265 31 1240.5 67.5Q1216 104 1216 151Q1216 205 1244.0 236.0Q1272 267 1334.0 280.5Q1396 294 1499 294H1537V308Q1537 344 1518.5 359.0Q1500 374 1455 374Q1431 374 1401.0 368.5Q1371 363 1334 349Q1307 339 1288.0 346.0Q1269 353 1258.5 370.0Q1248 387 1248.5 407.0Q1249 427 1261.5 445.0Q1274 463 1300 473Q1348 491 1388.5 497.0Q1429 503 1463 503Q1545 503 1598.5 479.5Q1652 456 1678.5 407.5Q1705 359 1705 283V81Q1705 37 1684.0 14.0Q1663 -9 1623 -9Q1582 -9 1561 14Q1542 34 1539 70Q1533 52 1522 38Q1504 15 1475.0 2.0Q1446 -11 1409 -11ZM1537 210H1499Q1460 210 1434.5 204.5Q1409 199 1397.0 187.5Q1385 176 1385 158Q1385 135 1401.5 120.0Q1418 105 1449 105Q1474 105 1493.5 116.0Q1513 127 1525.0 146.5Q1537 166 1537 192Z M1897 -9Q1853 -9 1829.5 14.0Q1806 37 1806 81V412Q1806 455 1828.5 478.0Q1851 501 1893.0 501.0Q1935 501 1957.0 478.0Q1979 455 1979 412V408Q1993 443 2021 466Q2062 501 2124 503Q2153 504 2167.5 488.5Q2182 473 2183 431Q2183 395 2168.0 374.0Q2153 353 2111 349L2088 347Q2035 342 2011.0 317.5Q1987 293 1987 245V81Q1987 37 1964.0 14.0Q1941 -9 1897 -9Z M2383 -189Q2352 -189 2333.0 -173.0Q2314 -157 2309.5 -131.0Q2305 -105 2318 -76L2369 34L2214 388Q2201 418 2205.5 444.0Q2210 470 2232.0 485.5Q2254 501 2292 501Q2324 501 2343.5 486.5Q2363 472 2379 430L2462 213L2551 431Q2567 472 2587.5 486.5Q2608 501 2643 501Q2673 501 2691.0 485.5Q2709 470 2713.0 444.0Q2717 418 2704 388L2477 -122Q2459 -162 2437.5 -175.5Q2416 -189 2383 -189Z M2869 -9Q2827 -9 2804.0 14.0Q2781 37 2781 81V412Q2781 455 2803.5 478.0Q2826 501 2868.0 501.0Q2910 501 2932 478Q2951 458 2954 424Q2976 458 3012 478Q3056 503 3113 503Q3172 503 3210.0 480.5Q3248 458 3267.0 410.5Q3286 363 3286 291V81Q3286 37 3263.0 14.0Q3240 -9 3197.0 -9.0Q3154 -9 3131.0 14.0Q3108 37 3108 81V284Q3108 329 3092.5 348.0Q3077 367 3047 367Q3007 367 2983.0 341.5Q2959 316 2959 273V81Q2959 -9 2869 -9Z M3530 -189Q3499 -189 3480.0 -173.0Q3461 -157 3456.5 -131.0Q3452 -105 3465 -76L3516 34L3361 388Q3348 418 3352.5 444.0Q3357 470 3379.0 485.5Q3401 501 3439 501Q3471 501 3490.5 486.5Q3510 472 3526 430L3609 213L3698 431Q3714 472 3734.5 486.5Q3755 501 3790 501Q3820 501 3838.0 485.5Q3856 470 3860.0 444.0Q3864 418 3851 388L3624 -122Q3606 -162 3584.5 -175.5Q3563 -189 3530 -189Z\"></path></g></svg>\n  \n        <nav class=\"fnav\">\n              <a href=\"/uk/articles/beginners\">Для новачків</a>\n              <a href=\"/uk/dogs\">Собаки</a>\n              <a href=\"/uk/cats\">Коти</a>\n              <a href=\"/uk/rating-index\">Всі рейтинги порід</a>\n              <a href=\"/uk/articles/choosing\">Як обрати домашню тварину</a>\n              <a href=\"/uk/articles/laws\">Закони та правила щодо тварин</a>\n              <a href=\"/uk/__trashed\">Рекламодавцям</a>\n            \n              <a href=\"/uk/stories/other\">Інше</a>\n          </nav>\n    \n    <span class=\"langs\">\n          <a href=\"/uk\" style=\"color:var(--ink);font-weight:700\">UK</a>\n          <a href=\"/ru\" style=\"color:var(--muted);font-weight:400\">RU</a>\n          <a href=\"/pl\" style=\"color:var(--muted);font-weight:400\">PL</a>\n          <a href=\"/ro\" style=\"color:var(--muted);font-weight:400\">RO</a>\n          <a href=\"/de\" style=\"color:var(--muted);font-weight:400\">DE</a>\n          <a href=\"/fr\" style=\"color:var(--muted);font-weight:400\">FR</a>\n      </span>\n</footer>\n\n\n<script>\n(function () {\n  function h() {\n    var t = document.querySelector('header'), n = document.querySelector('.worldbar'),\n        b = document.querySelector('.tvtabs');\n    var s = document.documentElement.style;\n    /* ⚠️ Меню світу липке лише на широкому екрані, і саме тому висоту рахуємо\n       ЗА ФАКТОМ position, а не за наявністю елемента: інакше на мобільній\n       вкладки прилипали б на 44px нижче, ніж треба, — з діркою під шапкою.\n       Медіазапит цього не полагодить: inline-змінна сильніша за правило. */\n    var nh = n && getComputedStyle(n).position === 'sticky' ? n.offsetHeight : 0;\n    s.setProperty('--hh', (t ? t.offsetHeight : 62) + 'px');\n    s.setProperty('--nh', nh + 'px');\n    s.setProperty('--tb', (b ? b.offsetHeight : 0) + 'px');\n  }\n  h();\n  addEventListener('resize', h);\n  addEventListener('load', h);\n})();\n/* Відео: плеєр YouTube вантажиться ЛИШЕ на клац. Доти на сторінці стоїть\n   обкладинка, і чужого скрипта немає взагалі.\n   🔴 Тут, а не в шаблоні картки (аудит 28.09, осі 07/14/15): обкладинки\n   `tvvid` є й у статтях — 26 сторінок, серед них 4 оплачені розміщення, — і\n   там кнопка «Дивитися відео» нічого не робила. */\ndocument.addEventListener('click', function (e) {\n  var g = e.target.closest('.tvvid-go');\n  if (!g) return;\n  var box = g.closest('.tvvid');\n  var id = box && box.dataset.yt;\n  if (!id) return;\n  var f = document.createElement('iframe');\n  f.src = 'https://www.youtube-nocookie.com/embed/' + encodeURIComponent(id) + '?autoplay=1&rel=0';\n  f.allow = 'accelerometer; autoplay; clipboard-write; encrypted-media; picture-in-picture';\n  f.allowFullscreen = true;\n  f.title = g.getAttribute('aria-label') || '';\n  box.innerHTML = '';\n  box.appendChild(f);\n});\n</script>\n<script type=\"module\" src=\"https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920\" integrity=\"sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==\" data-cf-beacon=\"{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;92514573990c4c7e851245d4b8ecfbca&quot;,&quot;r&quot;:1,&quot;spa&quot;:2}\" crossorigin=\"anonymous\"></script>\n\n\n</body></html>"}