PageSourceSearch

https://chytomo.com/

html chytomo.com collected 2026-10-02 04:20:38 UTC 161,659 bytes, 2,238 lines download raw bytes

1<!DOCTYPE html>
2<html lang="uk">
3    <head>
4                <meta charset="utf-8">
5        <meta http-equiv="X-UA-Compatible" content="IE=edge">
6        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
7        <meta name="p:domain_verify" content="a9fe1669f92747c7c050c4979cca570f"/>
8        <link rel="icon" href="https://chytomo.com/wp-content/themes/blankslate-child/images/favicon.ico" type="image/vnd.microsoft.icon">
9        <!--<link rel="stylesheet" href="https://chytomo.com/wp-content/themes/blankslate-child/styles/datepicker.css" type="text/css">-->
10        
11        
12        
13                        
14        <!-- Google Tag Manager -->
15<script>
vendor: 363 bytes, lines 15-19
15(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
16            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
17        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
18        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
19    })(window,document,'script','dataLayer','
19GTM-MFVVWL6
vendor: 3 bytes, line 19
19');
19</script>
19
20<!-- End Google Tag Manager -->        		
21		<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
22<link rel="alternate" href="https://chytomo.com/" hreflang="uk" />
23<link rel="alternate" href="https://chytomo.com/en/" hreflang="en" />
24
25	<!-- This site is optimized with the Yoast SEO plugin v28.2 - https://yoast.com/product/yoast-seo-wordpress/ -->
26	<link media="all" href="https://chytomo.com/wp-content/cache/autoptimize/css/autoptimize_1dd38d91659b784861548f4d5764733d.css" rel="stylesheet"><title>Читомо | Культура читання і мистецтво книговидання | Усе про книги | Читомо - портал про культуру читання і мистецтво книговидання</title>
27	<link rel="canonical" href="https://chytomo.com/" />
28	<link rel="next" href="https://chytomo.com/page/2/" />
29	<meta property="og:locale" content="uk_UA" />
30	<meta property="og:locale:alternate" content="" />
31	<meta property="og:type" content="website" />
32	<meta property="og:title" content="Читомо | Культура читання і мистецтво книговидання | Усе про книги | Читомо - портал про культуру читання і мистецтво книговидання" />
33	<meta property="og:url" content="https://chytomo.com/" />
34	<meta name="twitter:card" content="summary_large_image" />
35	
35<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"CollectionPage","@id":"https:\/\/chytomo.com\/","url":"https:\/\/chytomo.com\/","name":"Читомо | Культура читання і мистецтво книговидання | Усе про книги | Читомо - портал про культуру читання і мистецтво книговидання","isPartOf":{"@id":"https:\/\/chytomo.com\/#website"},"breadcrumb":{"@id":"https:\/\/chytomo.com\/#breadcrumb"},"inLanguage":"uk"},{"@type":"BreadcrumbList","@id":"https:\/\/chytomo.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/chytomo.com\/#website","url":"https:\/\/chytomo.com\/","name":"Читомо | Культура читання і мистецтво книговидання | Усе про книги","description":"Читомо - портал про культуру читання і мистецтво книговидання","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/chytomo.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"uk"}]}</script>
35
36	<!-- / Yoast SEO plugin. -->
37
38
39<link rel='dns-prefetch' href='//cdn.jsdelivr.net' />
40<link rel="alternate" type="application/rss+xml" title="Читомо |  Культура читання і мистецтво книговидання | Усе про книги &raquo; стрічка" href="https://chytomo.com/feed/" />
41<link rel="alternate" type="application/rss+xml" title="Читомо |  Культура читання і мистецтво книговидання | Усе про книги &raquo; Канал коментарів" href="https://chytomo.com/comments/feed/" />
42<style id="wp-img-auto-sizes-contain-inline-css">
43img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
44/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
45</style>
46<style id="wp-emoji-styles-inline-css">
47
48	img.wp-smiley, img.emoji {
49		display: inline !important;
50		border: none !important;
51		box-shadow: none !important;
52		height: 1em !important;
53		width: 1em !important;
54		margin: 0 0.07em !important;
55		vertical-align: -0.1em !important;
56		background: none !important;
57		padding: 0 !important;
58	}
59/*# sourceURL=wp-emoji-styles-inline-css */
60</style>
61<style id="wp-block-library-inline-css">
62:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
62--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
63
64/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
65</style>
66<style id="classic-theme-styles-inline-css">
67/*! This file is auto-generated */
68.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
69/*# sourceURL=/wp-includes/css/classic-themes.min.css */
70</style>
71
72<style id="global-styles-inline-css">
73:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
73--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
73.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
74/*# sourceURL=global-styles-inline-css */
75</style>
76
77
78
79
80
81
82
83<link rel='stylesheet' id='slick-css' href='//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css?ver=7.0.3' media='all' />
84
85<script id="jquery-core-js" src="https://chytomo.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 85
85
86<script id="jquery-migrate-js" src="https://chytomo.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 86
86
87<script id="oinw_vars-js" src="https://chytomo.com/wp-content/plugins/open-in-new-window-plugin/open_in_new_window_yes.js"></script>
vendor: 1 bytes, line 87
87
88<script id="oinw_methods-js" src="https://chytomo.com/wp-content/plugins/open-in-new-window-plugin/open_in_new_window.js"></script>
vendor: 1 bytes, line 88
88
89<script id="ppress-flatpickr-js" src="https://chytomo.com/wp-content/plugins/wp-user-avatar/assets/flatpickr/flatpickr.min.js?ver=4.17.0"></script>
vendor: 1 bytes, line 89
89
90<script id="ppress-select2-js" src="https://chytomo.com/wp-content/plugins/wp-user-avatar/assets/select2/select2.min.js?ver=4.17.0"></script>
vendor: 1 bytes, line 90
90
91<script id="like_post-js-extra">
92var ajax_var = {"url":"https://chytomo.com/wp-admin/admin-ajax.php","nonce":"c74e70df40"};
93//# sourceURL=like_post-js-extra
94</script>
vendor: 1 bytes, line 94
94
95<script id="like_post-js" src="https://chytomo.com/wp-content/themes/blankslate-child/scripts/post-like.js?ver=7.0.3"></script>
vendor: 1 bytes, line 95
95
96<script id="true_loadmore-js" src="https://chytomo.com/wp-content/themes/blankslate-child/scripts/loadmore.js?ver=1790902725"></script>
vendor: 1 bytes, line 96
96
97<script id="afp_script-js-extra">
98var afp_vars = {"afp_nonce":"d7c8b91d17","afp_ajax_url":"https://chytomo.com/wp-admin/admin-ajax.php"};
99//# sourceURL=afp_script-js-extra
100</script>
vendor: 1 bytes, line 100
100
101<script id="afp_script-js" src="https://chytomo.com/wp-content/themes/blankslate-child/scripts/page-ajax-filter.js?ver=2"></script>
101
102        <style>
103            #menu-language{
104                position: relative;
105                margin: 15px -10px 0 25px;
106                display: flex;
107                float: right;
108            }
109            #menu-language a{
110                color: #000;
111                font-size: 17px;
112                font-family: "museo light", Arial, serif;
113                line-height: 22px;
114                transition: all .3s;
115            }
116            #menu-language li:first-child{
117                margin-right: 10px;
118            }
119            #menu-language a:hover{
120                color: #4f81ff;
121            }
122            #menu-language .current-lang a:hover{
123                color: #000;
124            }
125            #menu-language .current-lang a,
126            #menu-language a:hover{
127                font-family: 'museo bold';
128            }
129            #menu-language .sub-menu{
130                position: absolute;
131                opacity: 0;
132            }
133            #menu-language:hover .sub-menu{
134                opacity: 1;
135            }
136            #menu-language-1{
137                display: none!important;
138            }
139            @media only screen and (max-width: 767px){
140                #menu-language-1{
141                    display: flex!important;
142                    float: right;
143                    margin-left: 15px;
144                }
145                #menu-language{
146                    display: none;
147                }
148                #menu-language-1 li a{
149                    padding: 5px 0!important;
150                    margin-left: 10px;
151                }
152                #menu-language-1 .current-lang a,
153                #menu-language-1 a:hover{
154                    font-family: 'museo bold'!important;
155                }
156            }
157            @media only screen and (max-width: 480px){
158
159            }
160        </style>
161		<meta name="google-site-verification" content="qODjDjwJhaDsgo0AKyXR_Tqkekn12d_9BqIhePDcVXk" />
162
163
164        <!-- Meta Pixel Code -->
165        
165<script>
vendor: 531 bytes, lines 165-174
165
166            !function(f,b,e,v,n,t,s)
167            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
168                n.callMethod.apply(n,arguments):n.queue.push(arguments)};
169                if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
170                n.queue=[];t=b.createElement(e);t.async=!0;
171                t.src=v;s=b.getElementsByTagName(e)[0];
172                s.parentNode.insertBefore(t,s)}(window, document,'script',
173                'https://connect.facebook.net/en_US/fbevents.js');
174            fbq('init', '
1742170403160479729
vendor: 50 bytes, lines 174-176
174');
175            fbq('track', 'PageView');
176        
176</script>
176
177        <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2170403160479729&ev=PageView&noscript=1"/></noscript>
178        <!-- End Meta Pixel Code -->
179
180
181    </head>
182    <body class="home blog wp-theme-blankslate-child">
183                <!-- Google Tag Manager (noscript) -->
vendor: 77 bytes, lines 183-184
183
184        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
184GTM-MFVVWL6
vendor: 119 bytes, lines 184-186
184"
185                          height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
186        
186<!-- End Google Tag Manager (noscript) -->		                <div class="wrapper">
187                        <!--            <a class="chytomo-award-2025 --><!--" href="--><!--"></a>-->
188                        <!-- header -->
189            <header id="header">
190                <!-- top -->
191                <nav class="top">
192                    <div class="container">
193                        <!-- logo -->
194                        <div class="logo valign">
195                            <a href="https://chytomo.com/">
196                                                                        <div class="image image--black"></div>
197                                    							</a>
198                            <span class="slogan slogan__header">Культура читання<br> і мистецтво книговидання</span>
199						</div>
200
201	                    <ul id="menu-language"><li id="menu-item-86071-uk" class="lang-item lang-item-4688 lang-item-uk current-lang lang-item-first menu-item menu-item-type-custom menu-item-object-custom current_page_item menu-item-home menu-item-86071-uk"><a href="https://chytomo.com/" lang="uk" hreflang="uk">UA</a></li>
202<li id="menu-item-86071-en" class="lang-item lang-item-9241 lang-item-en menu-item menu-item-type-custom menu-item-object-custom menu-item-86071-en"><a href="https://chytomo.com/en/" lang="en" hreflang="en">EN</a></li>
203</ul>
204                        <!-- button -->
205                        <div class="donate-header__button button button__header valign">
206    <a href="/club-chytomo/" class="donate-header" title="Підтримати проєкт">
207        <svg version="1.0" id="Шар_1"
208             xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300.5 300.5"
209             style="enable-background:new 0 0 300.5 300.5;" xml:space="preserve" class="uah-icon">
210                                    <style type="text/css">.st0{fill:none;}</style>
211            <switch>
212                <g>
213                    <g>
214                        <path class="st0" d="M150.3,17C76.8,17,17,76.8,17,150.3c0,73.5,59.8,133.3,133.3,133.3s133.3-59.8,133.3-133.3
215				C283.5,76.8,223.7,17,150.3,17z M221.6,177.9H119.8c-2.2,2-4,4.2-5.4,6.6c-1.4,2.6-2.1,5.9-2.1,9.9c0,4.3,0.9,7.9,2.6,10.8
216				c1.7,2.9,4.2,5.2,7.4,7c3.4,1.8,7.5,3.1,12.3,3.9c4.9,0.8,10.5,1.2,16.6,1.2c12.9,0,22.2-2.1,27.8-6.3c5.3-4,8-9.3,8.1-16.4l0-3
217				h21.2l0,3c-0.1,14.5-5,25.2-14.6,31.9c-9.4,6.6-23.5,9.9-41.8,9.9c-20.6,0-36.1-3.5-46-10.3c-10.2-7-15.4-17.7-15.4-31.9
218				c0-6.1,1.2-11.7,3.6-16.5H78.9v-17.3h142.7V177.9z M221.6,139.2H78.9v-17.3h98.8c1.9-1.9,3.4-4,4.4-6.2c1.1-2.4,1.7-5.6,1.7-9.5
219				c0-8.6-3-14.3-9.1-17.5c-6.6-3.4-15.9-5.1-27.5-5.1c-11.9,0-20.5,2.1-25.8,6.1c-5,3.8-7.5,9.4-7.6,16.5l0,3H92.4l0-3
220				C92.6,91,97.5,80,107.2,73.5c9.5-6.3,22.8-9.5,39.4-9.5c20.7,0,35.8,3.7,44.9,11c9.3,7.4,14,17.9,14,31.1
221				c0,5.9-1.1,11.2-3.3,15.7h19.3V139.2z"/>
222                        <path d="M150.3,0C67.4,0,0,67.4,0,150.3c0,82.8,67.4,150.3,150.3,150.3s150.3-67.4,150.3-150.3C300.5,67.4,233.1,0,150.3,0z
223				 M150.3,283.5C76.8,283.5,17,223.7,17,150.3C17,76.8,76.8,17,150.3,17s133.3,59.8,133.3,133.3
224				C283.5,223.7,223.7,283.5,150.3,283.5z"/>
225                        <path d="M205.6,106.2c0-13.2-4.7-23.7-14-31.1c-9.1-7.3-24.2-11-44.9-11c-16.7,0-30,3.2-39.4,9.5C97.5,80,92.6,91,92.5,106.1l0,3
226				h21.2l0-3c0.1-7.1,2.7-12.7,7.6-16.5c5.3-4.1,14-6.1,25.8-6.1c11.7,0,21,1.7,27.5,5.1c6.1,3.2,9.1,8.9,9.1,17.5
227				c0,3.9-0.6,7.1-1.7,9.5c-1,2.2-2.5,4.3-4.4,6.2H78.9v17.3h142.7v-17.3h-19.3C204.5,117.3,205.6,112.1,205.6,106.2z"/>
228                        <path d="M78.9,177.9H94c-2.4,4.8-3.6,10.3-3.6,16.5c0,14.1,5.2,24.8,15.4,31.9c9.9,6.8,25.4,10.3,46,10.3
229				c18.3,0,32.4-3.3,41.8-9.9c9.6-6.7,14.5-17.5,14.6-31.9l0-3h-21.2l0,3c-0.1,7.1-2.8,12.4-8.1,16.4c-5.6,4.2-15,6.3-27.8,6.3
230				c-6.1,0-11.7-0.4-16.6-1.2c-4.8-0.8-8.9-2.1-12.3-3.9c-3.2-1.7-5.7-4.1-7.4-7c-1.7-2.9-2.6-6.5-2.6-10.8c0-4,0.7-7.3,2.1-9.9
231				c1.3-2.4,3.2-4.6,5.4-6.6h101.8v-17.3H78.9V177.9z"/>
232                    </g>
233                    <g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g>
234                </g>
235            </switch>
236                                </svg>
237        <span class="support">Підтримати проєкт</span>
238    </a>
239    <!--
240    <div class="donate-header__popup">
241        <div class="donate-header__title">
242            <svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300.5 300.5"
243                 style="enable-background:new 0 0 300.5 300.5;" xml:space="preserve" class="uah-icon">
244                                    <style type="text/css">.st0{fill:none;}</style>
245                <switch>
246                    <g>
247                        <g>
248                            <path class="st0" d="M150.3,17C76.8,17,17,76.8,17,150.3c0,73.5,59.8,133.3,133.3,133.3s133.3-59.8,133.3-133.3
249				C283.5,76.8,223.7,17,150.3,17z M221.6,177.9H119.8c-2.2,2-4,4.2-5.4,6.6c-1.4,2.6-2.1,5.9-2.1,9.9c0,4.3,0.9,7.9,2.6,10.8
250				c1.7,2.9,4.2,5.2,7.4,7c3.4,1.8,7.5,3.1,12.3,3.9c4.9,0.8,10.5,1.2,16.6,1.2c12.9,0,22.2-2.1,27.8-6.3c5.3-4,8-9.3,8.1-16.4l0-3
251				h21.2l0,3c-0.1,14.5-5,25.2-14.6,31.9c-9.4,6.6-23.5,9.9-41.8,9.9c-20.6,0-36.1-3.5-46-10.3c-10.2-7-15.4-17.7-15.4-31.9
252				c0-6.1,1.2-11.7,3.6-16.5H78.9v-17.3h142.7V177.9z M221.6,139.2H78.9v-17.3h98.8c1.9-1.9,3.4-4,4.4-6.2c1.1-2.4,1.7-5.6,1.7-9.5
253				c0-8.6-3-14.3-9.1-17.5c-6.6-3.4-15.9-5.1-27.5-5.1c-11.9,0-20.5,2.1-25.8,6.1c-5,3.8-7.5,9.4-7.6,16.5l0,3H92.4l0-3
254				C92.6,91,97.5,80,107.2,73.5c9.5-6.3,22.8-9.5,39.4-9.5c20.7,0,35.8,3.7,44.9,11c9.3,7.4,14,17.9,14,31.1
255				c0,5.9-1.1,11.2-3.3,15.7h19.3V139.2z"/>
256                            <path d="M150.3,0C67.4,0,0,67.4,0,150.3c0,82.8,67.4,150.3,150.3,150.3s150.3-67.4,150.3-150.3C300.5,67.4,233.1,0,150.3,0z
257				 M150.3,283.5C76.8,283.5,17,223.7,17,150.3C17,76.8,76.8,17,150.3,17s133.3,59.8,133.3,133.3
258				C283.5,223.7,223.7,283.5,150.3,283.5z"/>
259                            <path d="M205.6,106.2c0-13.2-4.7-23.7-14-31.1c-9.1-7.3-24.2-11-44.9-11c-16.7,0-30,3.2-39.4,9.5C97.5,80,92.6,91,92.5,106.1l0,3
260				h21.2l0-3c0.1-7.1,2.7-12.7,7.6-16.5c5.3-4.1,14-6.1,25.8-6.1c11.7,0,21,1.7,27.5,5.1c6.1,3.2,9.1,8.9,9.1,17.5
261				c0,3.9-0.6,7.1-1.7,9.5c-1,2.2-2.5,4.3-4.4,6.2H78.9v17.3h142.7v-17.3h-19.3C204.5,117.3,205.6,112.1,205.6,106.2z"/>
262                            <path d="M78.9,177.9H94c-2.4,4.8-3.6,10.3-3.6,16.5c0,14.1,5.2,24.8,15.4,31.9c9.9,6.8,25.4,10.3,46,10.3
263				c18.3,0,32.4-3.3,41.8-9.9c9.6-6.7,14.5-17.5,14.6-31.9l0-3h-21.2l0,3c-0.1,7.1-2.8,12.4-8.1,16.4c-5.6,4.2-15,6.3-27.8,6.3
264				c-6.1,0-11.7-0.4-16.6-1.2c-4.8-0.8-8.9-2.1-12.3-3.9c-3.2-1.7-5.7-4.1-7.4-7c-1.7-2.9-2.6-6.5-2.6-10.8c0-4,0.7-7.3,2.1-9.9
265				c1.3-2.4,3.2-4.6,5.4-6.6h101.8v-17.3H78.9V177.9z"/>
266                        </g>
267                        <g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g>
268                    </g>
269                </switch>
270                                </svg>
271	        Підтримати проєкт «Читомо»        </div>
272
273
274        <div class="">
275            <p class="donate-header__description"><strong>«Читомо»</strong> — це професійне медіа про книжки і книговидання в Україні та світі. Ми залишаємось незалежними лише завдяки коштам наших донаторів. Допоможіть нам розвиватися і ставати ще кращими!</p>
276            <p class="donate-header__subtitle donate-header__margin">Підтримати проєкт</p>
277            <form id="liqpayform" method="POST" action="https://www.liqpay.ua/api/checkout"  accept-charset="utf-8" class="donate-choose">
278                <input type="hidden" name="data" value="" />
279                <input type="hidden" name="signature" value="" />
280                <input type="hidden" name="name" value="" />
281                <input type="hidden" name="email" value="" />
282                <div class="choose_period">
283                    <ul>
284                        <li class="">
285                            <input id="subscribe" type="radio" class="input-radio" name="period" value="subscribe" checked="checked">
286                            <label for="subscribe" class="payment-period-label">щомісяця</label>
287                        </li>
288                        <li class="">
289                            <input id="pay" type="radio" class="input-radio" name="period" value="pay">
290                            <label for="pay" class="payment-period-label">одноразово</label>
291                        </li>
292                    </ul>
293                </div>
294                <div class="choose_amount">
295                    <ul>
296                        <li class="">
297                            <input id="amount-30" type="radio" class="input-radio" name="amount" value="150" checked="checked">
298                            <label for="amount-30" class="payment-amount-label"><strong>150</strong> ₴</label>
299                        </li>
300                        <li class="">
301                            <input id="amount-50" type="radio" class="input-radio" name="amount" value="350">
302                            <label for="amount-50" class="payment-amount-label"><strong>350</strong> ₴</label>
303                        </li>
304                        <li class="amount-other">
305                            <input id="amount-other" type="radio" class="input-radio amount-other" name="amount" value="other">
306                            <label for="amount-other" class="payment-amount-label">інша сума</label>
307                            <input id="amountother" type="text" class="input-text amountother" name="amountother" value="">
308                        </li>
309                    </ul>
310                </div>
311                <div class="no-flex"><a class="liqpay-donate info-donate-open" href="">Підтримати</a></div>
312                <div class="donate-page-link"><a href="https://chytomo.com/pidtrymaty-chytomo/" class="" title="">детальніше про підтримку</a></div>
313            </form>
314                    </div>
315
316
317    </div>
318    -->
319</div>
320                        <!-- social -->
321                        <div class="social social__header valign x-h">
322                                                        <a href="https://www.facebook.com/chytomo" target="_blank"></a>
323                                                                                    <a href="https://twitter.com/chytomo" target="_blank"></a>
324                            <a href="https://t.me/chytomo" target="_blank"></a>
325                                                        <a href="https://www.instagram.com/chytomo_books/" target="_blank" class="social__instagram">
326                                <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z" fill="#c9c9c9" fill-rule="nonzero"/></svg>
327                            </a>
328                                                        <a href="https://chytomo.com/feed/" target="_blank"></a>
329                                                    </div>
330					</div>
331				</nav>
332			</header>
333            
334            <!-- menu -->
335            <nav id="menu" class="menu">
336                <div class="container">
337	                <ul id="menu-language-1"><li class="lang-item lang-item-4688 lang-item-uk current-lang lang-item-first menu-item menu-item-type-custom menu-item-object-custom current_page_item menu-item-home menu-item-86071-uk"><a href="https://chytomo.com/" lang="uk" hreflang="uk">UA</a></li>
338<li class="lang-item lang-item-9241 lang-item-en menu-item menu-item-type-custom menu-item-object-custom menu-item-86071-en"><a href="https://chytomo.com/en/" lang="en" hreflang="en">EN</a></li>
339</ul>                    <!-- elements -->
340                    <!-- burger -->
341                    <div class="burger">
342					<a href="#">
343					<div class="image"></div>
344					</a>
345                    </div>
346                    <!-- search -->
347                    <div class="search">
348					<a href="#" class="search-btn">
349					<div class="image"></div>
350					</a>
351                    </div>
352                                        <!-- calendar -->
353                    <div class="calendar">
354                        <a href="/kalendar/">
355                            <div class="image"></div>
356                        </a>
357                    </div>
358                    <!-- donate -->
359                    
360                    <a class="donate-menu-link modal-popup-open" href="#click-donate" title="Підтримати">
361                        <span>Підтримати</span>
362                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22" height="22" viewBox="0 0 30 30">
363                            <image width="30" height="30" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAQAAACQ9RH5AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfkDAgBCh3Zbti+AAAEFUlEQVRYw83ZzWucVRQG8N9MRxdNoEmhNrYJqYhOCRRrF4ILsfhFSVwUq0Q0kejWdCV0UfUfqLjQhUvpBy5EaoMgiItSMEbRJlOoCRmoEPyAQP1I6gyidXJdzJuPxs6dN5NpxyeLMO997nnee997zz3n3IyNoMNBB+TldWnXhrKSeUVFUy5Y2JC1VOhx3EUVIfJXcdFxPekMZlJwDjnm4Apz1oyiOSUltGu3R16fvUl7cMEJn212pP0mk/GUnDJoR03mDoNOKSXsSf2Ni/YaS8wUDGlL1afNkELSa0xvI7IjyonoQKoPsoqMgUS8bGRjoludFASLRm1paLa2GLUoCE7amrbTdhOCYFx3Q6LL6DYuCCZsT0efFgQn5DYlCzknBMF0/SFsNy2oOLpp0WUcVRFMx0e91YSg4sWmycKLKoKJ2LeuLqnmjXZ11NVlVgMjybe9Fah+65GbNfUqC8brLKldXnXalHklFQt+MOW0Y/bXEc4ZF5Rv5lLGBIvR1Xe/MUs1j4hJT0aluy0KxtY/7hcEo5GOj6/44aprmTNtzh83iL8ZlR4VhPU+fFJQiHip7sQPBV8ZtntNy06HnfF30vpSRHiLgmBy7aNDgmAg0umdxPDrNfz2fa4Igl+iDnJAEBxafXBeUIgeBT8Jgg8jjAeSV3suwskoCM4v/+yxJBiKdNiWGH1YDN8IgrejnCHBkh6yGJZRdi5C70r+X4oanQW7opxzyjKGq8LP4KxyhH5Fp06d/owa/QfqHKNlZxNFHSqCQZvH14LgrTqsQUFFB4cFIRJLpcWDiXN5og5vhyA4nHMAs67WJO5LFYPc6bQMvver/ai4XIN51ay9DuTkMRMx+YVtGxj3vabAoo6anBl75bPyKDY0uY2iiHxOF+YitEcaCvcqkbY5dOW0oxShXdZslNCe1VZHuPkooS17WyXXIKuM9tuq2Y5yTklbVHjAHQ0Yv+7TqHApZ95OeyImPtjQPl5GbB/vwXy2uqsanrZGkEcxp4i+CK1XBmMexTVPp9xeIdLWh2K6Q2JfEgg834TxJodEumPxNUHws2ZsvuRYzFpQoE7hoBqGf2epCcL9KFjI4mMciZYaql+sns/OJEHuQxFOmyOJojTB3vFkquMl
363if3JStgd4awEe1XUC28PJibjK+GMIPgtshLWhbf1A/psEq4veqymyTeSl3sv8mr/CejrpzBPrVT1PvGsu25ou9vLvk1aFyJp301SmDRJ27C/bkjaZlwyacbva55eqzkj1Eja0qSpfc66HqlkfuSeSO8aaWraxLzTC971uSuuKlmy4Edfet8r66Z/PSKJectKEbSs+NLCclPLCmy0rKRYHXVLiqi0rGxcRUsK5VW06Gqgilt2GfK/vf5ZRksuvFbRxCu+fwGUDCesibIZEAAAAABJRU5ErkJggg=="/>
364                        </svg>
365                    </a>
366
367
368                    <!-- list -->
369					<div class="menu-header_menu-container"><ul id="menu-header_menu" class="header_menu"><li id="menu-item-13" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13"><a href="https://chytomo.com/novy-ny/">Новини</a></li>
370<li id="menu-item-14" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14"><a href="https://chytomo.com/chy-taty/">Читати</a></li>
371<li id="menu-item-127" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-127"><a href="https://chytomo.com/dy-vy-ty-sya/">Дивитися</a></li>
372<li id="menu-item-185" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-185"><a href="https://chytomo.com/znajomy-ty-sya/">Знайомитися</a></li>
373<li id="menu-item-282" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-282"><a href="https://chytomo.com/vchy-ty-sya/">Вчитися</a></li>
374<li id="menu-item-299" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-299"><a href="https://chytomo.com/trendy/">Тренди</a></li>
375<li id="menu-item-409" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-409"><a href="https://chytomo.com/spetsproekty/">Спецпроекти</a></li>
376<li id="menu-item-135421" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-135421"><a href="https://chytomo.com/vitry-na/vitryna-2023/">Вітрина</a></li>
377<li id="menu-item-11848" class="desktop-hide menu-item menu-item-type-post_type menu-item-object-page menu-item-11848"><a href="https://chytomo.com/pro-nas/">Про нас</a></li>
378<li id="menu-item-11849" class="desktop-hide menu-item menu-item-type-post_type menu-item-object-page menu-item-11849"><a href="https://chytomo.com/kalendar/">Події</a></li>
379</ul></div>				</div>
380			</nav>					
381<!-- article -->
382<article id="article">
383		<!-- search -->
384	<div id="search">
385		<form role="search" method="get" id="searchform" action="https://chytomo.com/" >
386			<label class="screen-reader-text" for="s">Пошук: </label>
387			<input class="form__content--input" type='text' value="Я хочу знайти..."
388			onblur='if (this.value == "")
389			this.value = "Я хочу знайти..."'
390			onfocus='if (this.value == "Я хочу знайти...")
391			this.value = ""' name="s" id="s" >		
392            <button type="submit" id="searchsubmit" class="btn btn--white" value="submit">Шукати</button>
393            <a class="close-button" href="/">Close</a>
394		</form>
395		
396		
397		<p>* ESC - закрити вікно пошуку</p>
398	</div>    	<div class="container  block__main--container">
399		<div class="block block__main block--large">
400			<div class="row">
401				<div class="wide wide--l x-12 s-12 m-9">
402					<div class="block__main--hero-posts">
403														<a class="item" href="https://chytomo.com/ia-sanitar-tsoho-suspilstva-zinchenka-zasudyly-do-dovichnoho-uv-iaznennia-za-vbyvstvo-iryny-farion/">
404									<!-- gradient -->
405									<div class="grad grad__under grad--black"></div>
406									<!-- info -->
407									<div class="info info__large valign">
408										<div class="name name--light">
409											                                            <div class="label label--white">Новини</div>
410											                                            <p class="caption">«Я — санітар цього суспільства» — Зінченка засудили до довічного ув’язнення за вбивство Ірини Фаріон</p>
411										</div>
412									</div>
413									<img width="1040" height="585" src="https://chytomo.com/wp-content/uploads/2026/10/7f580a7de90ea114.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" fetchpriority="high" srcset="https://chytomo.com/wp-content/uploads/2026/10/7f580a7de90ea114.jpg 1040w, https://chytomo.com/wp-content/uploads/2026/10/7f580a7de90ea114-300x169.jpg 300w, https://chytomo.com/wp-content/uploads/2026/10/7f580a7de90ea114-1024x576.jpg 1024w, https://chytomo.com/wp-content/uploads/2026/10/7f580a7de90ea114-768x432.jpg 768w" sizes="(max-width: 1040px) 100v
413w, 1040px" />								</a>
414																<a class="item" href="https://chytomo.com/bookchef-vtratyv-ponad-900-tysiach-prymirnykiv-iaki-knyzhky-prydbaty-shchob-pidtrymaty-vydavnytstvo/">
415									<!-- gradient -->
416									<div class="grad grad__under grad--black"></div>
417									<!-- info -->
418									<div class="info info__large valign">
419										<div class="name name--light">
420											                                            <div class="label label--white">Добірки</div>
421											                                            <p class="caption">BookChef втратив понад 900 тисяч примірників — які книжки придбати, щоб підтримати видавництво</p>
422										</div>
423									</div>
424									<img width="1920" height="735" src="https://chytomo.com/wp-content/uploads/2026/10/Baner-Chytaiemo-shchob-Vystoiaty-z-lohotypom-BOOKCHEF.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://chytomo.com/wp-content/uploads/2026/10/Baner-Chytaiemo-shchob-Vystoiaty-z-lohotypom-BOOKCHEF.png 1920w, https://chytomo.com/wp-content/uploads/2026/10/Baner-Chytaiemo-shchob-Vystoiaty-z-lohotypom-BOOKCHEF-300x115.png 300w, https://chytomo.com/wp-content/uploads/2026/10/Baner-Chytaiemo-shchob-Vystoiaty-z-lohotypom-BOOKCHEF-1024x392.png 1024w, https://chytomo.com/wp-content/uploads/2026/10/Baner-Chytaiemo-shchob-Vystoiaty-z-lohotypom-BOOKCHEF-768x294.png 768w, https://chytomo.com/wp-content/uploads/2026/10/Baner-Chytaiemo-shchob-Vystoiaty-z-lohotypom-BOOKCHEF-1536x588.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" />								</a>
425																<a class="item" href="https://chytomo.com/pereklad-iak-praktyka-majbutnoho-7-tez-perekladatskoho-klastera-v-mezhakh-lviv-bookforum/">
426									<!-- gradient -->
427									<div class="grad grad__under grad--black"></div>
428									<!-- info -->
429									<div class="info info__large valign">
430										<div class="name name--light">
431											                                            <div class="label label--white">Тренди</div>
432											                                            <p class="caption">Переклад як практика майбутнього — 7 тез перекладацького кластера в межах BookForum</p>
433										</div>
434									</div>
435									<img width="2048" height="1366" src="https://chytomo.com/wp-content/uploads/2026/09/799910654_1864567361670637_6575319632004376725_n.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://chytomo.com/wp-content/uploads/2026/09/799910654_1864567361670637_6575319632004376725_n.jpg 2048w, https://chytomo.com/wp-content/uploads/2026/09/799910654_1864567361670637_6575319632004376725_n-300x200.jpg 300w, https://chytomo.com/wp-content/uploads/2026/09/799910654_1864567361670637_6575319632004376725_n-1024x683.jpg 1024w, https://chytomo.com/wp-content/uploads/2026/09/799910654_1864567361670637_6575319632004376725_n-768x512.jpg 768w, https://chytomo.com/wp-content/uploads/2026/09/799910654_1864567361670637_6575319632004376725_n-1536x1025.jpg 1536w, https://chytomo.com/wp-content/uploads/2026/09/799910654_1864567361670637_6575319632004376725_n-272x182.jpg 272w" sizes="(max-width: 2048px) 100vw, 2048px" />								</a>
436														  						
437											</div>
438				</div>	
439				<!-- banner -->
440<!--				<div class="banner x-12 s-12 xm-h m-3" >-->
441<!--					<div class="banner-slider">-->
442                <div class="poster-block x-12 s-12 xm-h m-3" >
443                    <div class="poster-slider">
444						                        											</div>
445				</div>
446				
447			</div>
448		</div>
449        	</div>
450 	<div class="container">
451		<!-- news -->
452		<div class="news row">
453						<div class="s-2 xs-6">
454                <a href="https://chytomo.com/ia-sanitar-tsoho-suspilstva-zinchenka-zasudyly-do-dovichnoho-uv-iaznennia-za-vbyvstvo-iryny-farion/"  title="1 Жовтня - «Я — санітар цього суспільства» — Зінченка засудили до довічного ув’язнення за вбивство Ірини Фаріон">
455                    <p>1 Жовтня</p>
456                                        <p>«Я — санітар цього суспільства» — Зінченка засудили до довічного ув’язнення за вбивство Ірини Фаріон</p>
457                </a>
458			</div>
459									<div class="s-2 xs-6">
460                <a href="https://chytomo.com/zhurnalisttsi-j-vijskovij-lani-chornohorskij-proponuiut-prysvoity-zvannia-heroia-ukrainy/"  title="1 Жовтня - Журналістці й військовій Лані Чорногорській пропонують присвоїти звання Героя України">
461                    <p>1 Жовтня</p>
462                                        <p>Журналістці й військовій Лані Чорногорській пропонують присвоїти звання Героя України</p>
463                </a>
464			</div>
465									<div class="s-2 xs-6">
466                <a href="https://chytomo.com/poshkodzhenyj-dronom
466-staryj-arsenal-zakonservuiut-za-hroshi-pryvatnoi-kompanii/"  title="1 Жовтня - Пошкоджений дроном Старий арсенал законсервують за гроші приватної компанії">
467                    <p>1 Жовтня</p>
468                                        <p>Пошкоджений дроном Старий арсенал законсервують за гроші приватної компанії</p>
469                </a>
470			</div>
471									<div class="s-2 xs-6">
472                <a href="https://chytomo.com/oholosyly-biblioteku-roku-2026/"  title="1 Жовтня - Оголосили Бібліотеку року-2026">
473                    <p>1 Жовтня</p>
474                                        <p>Оголосили Бібліотеку року-2026</p>
475                </a>
476			</div>
477									<div class="s-2 xs-6">
478                <a href="https://chytomo.com/korejske-fentezi-toj-ptakh-shcho-p-ie-slozy-otrymalo-frantsuzku-premiiu-cultissime/"  title="30 Вересня - Корейське фентезі «Той птах, що п’є сльози» отримало французьку премію Cultissime">
479                    <p>30 Вересня</p>
480                                        <p>Корейське фентезі «Той птах, що п’є сльози» отримало французьку премію Cultissime</p>
481                </a>
482			</div>
483									<div class="s-2 xs-6">
484                <a href="https://chytomo.com/u-korotkomu-spysku-digital-publishing-award-shi-pereklad-avdioknyzhky-j-servisy-pro-dysleksiiu/"  title="30 Вересня - У короткому списку премії за видавничі інновації — ШІ-переклад, авдіокнижки й сервіси про дислексію">
485                    <p>30 Вересня</p>
486                                        <p>У короткому списку премії за видавничі інновації — ШІ-переклад, авдіокнижки й сервіси про дислексію</p>
487                </a>
488			</div>
489								</div>
490	</div>
491    
492	<div class="container">
493		<!-- heading -->
494		<div class="heading">
495			<!-- line -->
496			<div class="line line--blue"></div>
497			<div class="row">
498				<div class="s-4">
499					<h1 class="title title__padding title--black">Читати</h1>
500				</div>
501				<!-- filter
502					<div class="filter filter--blue valign s-8">
503					<div>
504					<span onclick="show_recenzii_read()" id="show_recenzii_read">Рецензції</span>
505					<span onclick="show_dobirki_read()" id="show_dobirki_read">Добірки</span>
506					<span onclick="show_urivki_read()" id="show_urivki_read">Уривки</span>
507					<span onclick="show_all_read()" id="show_all_read" class="active">Усі</span>
508					</div>
509				</div>-->
510			</div>
511		</div>
512		
513		<!-- block -->
514		<div class="block block--small">
515			
516						<div class="row">
517								<!-- narrow block -->
518				<div class="narrow narrow__large x-12 s-6">
519					<a href="https://chytomo.com/bookchef-vtratyv-ponad-900-tysiach-prymirnykiv-iaki-knyzhky-prydbaty-shchob-pidtrymaty-vydavnytstvo/" title="BookChef втратив понад 900 тисяч примірників — які книжки придбати, щоб підтримати видавництво">
520						<!-- gradient -->
521						<div class="grad grad__valign grad--clear"></div>
522						<!-- information -->
523						<div class="info info__large info__large--option valign">
524							<div class="name name--light">
525								<p class="liner liner--black">BookChef</p>
526								<p class="caption">BookChef втратив понад 900 тисяч примірників — які книжки придбати, щоб підтримати видавництво</p>
527								<span>01.10.2026 - <span>Олеся Бойко </span></span>
528							</div>
529						</div>
530						<img width="1920" height="735" src="https://chytomo.com/wp-content/uploads/2026/10/Baner-Chytaiemo-shchob-Vystoiaty-z-lohotypom-BOOKCHEF.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://chytomo.com/wp-content/uploads/2026/10/Baner-Chytaiemo-shchob-Vystoiaty-z-lohotypom-BOOKCHEF.png 1920w, https://chytomo.com/wp-content/uploads/2026/10/Baner-Chytaiemo-shchob-Vystoiaty-z-lohotypom-BOOKCHEF-300x115.png 300w, https://chytomo.com/wp-content/uploads/2026/10/Baner-Chytaiemo-shchob-Vystoiaty-z-lohotypom-BOOKCHEF-1024x392.png 1024w, https://chytomo.com/wp-content/uploads/2026/10/Baner-Chytaiemo-shchob-Vystoiaty-z-lohotypom-BOOKCHEF-768x294.png 768w, https://chytomo.com/wp-content/uploads/2026/10/Baner-Chytaiemo-shchob-Vystoiaty-z-lohotypom-BOOKCHEF-1536x588.png 1536w" sizes="auto, (max-width: 1920px) 100v
530w, 1920px" />					</a>
531				</div>
532								<div class="x-12 s-6">
533					<div class="row">
534												<!-- narrow block -->
535						<div class="narrow narrow__small x-12 s-6">
536							<a href="https://chytomo.com/vikhola-vtratyla-chastynu-nakladiv-cherez-udar-rf-iak-pidtrymaty-vydavnytstvo/" title="«Віхола» втратила частину накладів через удар рф. Як підтримати видавництво?">
537								<!-- gradient -->
538								<div class="grad grad__valign grad--clear"></div>
539								<img width="1700" height="650" src="https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_osnovy-1.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_osnovy-1.jpg 1700w, https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_osnovy-1-300x115.jpg 300w, https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_osnovy-1-1024x392.jpg 1024w, https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_osnovy-1-768x294.jpg 768w, https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_osnovy-1-1536x587.jpg 1536w" sizes="auto, (max-width: 1700px) 100vw, 1700px" />							</a>
540							<a href="https://chytomo.com/vikhola-vtratyla-chastynu-nakladiv-cherez-udar-rf-iak-pidtrymaty-vydavnytstvo/" title="«Віхола» втратила частину накладів через удар рф. Як підтримати видавництво?">
541								<!-- information -->
542								<div class="info info__small info__small--option valign">
543									<div class="name name--light">
544										<p class="liner liner--blue">Віхола</p>
545										<p class="caption caption--black">«Віхола» втратила частину накладів через удар рф. Як підтримати видавництво?</p>
546										<span>29.09.2026 - <span>Олеся Бойко </span></span>
547									</div>
548								</div>
549							</a>
550						</div>
551												<!-- narrow block -->
552						<div class="narrow narrow__small x-12 s-6">
553							<a href="https://chytomo.com/iaki-knyzhky-kupyty-shchob-pidtrymaty-nebo-booklab-readberry-i-hlimmer/" title="Nebo BookLab, Readberry і Гліммер втратили тисячі книжок, але дещо ще можна купити">
554								<!-- gradient -->
555								<div class="grad grad__valign grad--clear"></div>
556								<img width="1700" height="650" src="https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_readberry_nebo_glimmer.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_readberry_nebo_glimmer.jpg 1700w, https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_readberry_nebo_glimmer-300x115.jpg 300w, https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_readberry_nebo_glimmer-1024x392.jpg 1024w, https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_readberry_nebo_glimmer-768x294.jpg 768w, https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_readberry_nebo_glimmer-1536x587.jpg 1536w" sizes="auto, (max-width: 1700px) 100vw, 1700px" />							</a>
557							<a href="https://chytomo.com/iaki-knyzhky-kupyty-shchob-pidtrymaty-nebo-booklab-readberry-i-hlimmer/" title="Nebo BookLab, Readberry і Гліммер втратили тисячі книжок, але дещо ще можна купити">
558								<!-- information -->
559								<div class="info info__small info__small--option valign">
560									<div class="name name--light">
561										<p class="liner liner--blue">Nebo BookLab Publishing</p>
562										<p class="caption caption--black">Nebo BookLab, Readberry і Гліммер втратили тисячі книжок, але дещо ще можна купити</p>
563										<span>24.09.2026 - <span>Олеся Бойко</span></span>
564									</div>
565								</div>
566							</a>
567						</div>
568											</div>
569				</div>
570			</div>
571			 
572			<div class="row">
573				<div class="x-12 s-6">
574					<div class="row">
575												<!-- narrow block -->
576						<div class="narrow narrow__small x-12 s-6">
577							<a href="https://chytomo.com/zvilnennia-represovanoi-chuttzhvosti-j-kvirnist-u-romanakh-forstera/" title="Звільнення репресованої чутливості й квірність у романах Форстера">
578								<!-- gradient -->
579								<div class="grad grad__valign grad--clear"></div>
580								<img width="1920" height="805" src="https://chytomo.com/wp-content/uploads/2026/09/766810617_1620219546774965_4043495492649259431_n.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://chytomo.com/wp-content/uploads/2026/09/766810617_1620219546774965_4043495492649259431_n.jpg 1920w, https://chytomo.com/wp-content/uploads/2026/09/766810617_1620219546774965_4043495492649259431_n-300x126.jpg 300w, https://chytomo.com/wp-content/uploads/2026/09/766810617_1620219546774965_4043495492649259431_n-1024x429.jpg 1024w, https://chytomo.com/wp-content/uploads/2026/09/766810617_1620219546774965_4043495492649259431_n-768x322.jpg 768w, https://chytomo.com/wp-content/uploads/2026/09/766810617_1620219546774965_4043495492649259431_n-1536x644.jpg 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" />							</a>
581							<a href="https://chytomo.com/zvilnennia-represovanoi-chuttzhvosti-j-kvirnist-u-romanakh-forstera/" title="Звільнення репресованої чутливості й квірність у романах Форстера">
582								<!-- information -->
583								<div class="info info__small info__small--option valign">
584									<div class="name name--light">
585										<p class="liner liner--blue">Едвард Морґан Форстер</p>
586										<p class="caption caption--black">Звільнення репресованої чутливості й квірність у романах Форстера</p>
587										<span>23.09.2026 - <span>Тетяна Петренко</span></span>
588									</div>
589								</div>
590							</a>
591						</div>
592						
593												<!-- narrow block -->
594						<div class="narrow narrow__small x-12 s-6">
595							<a href="https://chytomo.com/vysoka-polytsia-vid-nishevykh-vydavtsiv-chytaiemo-i-pidtrymuiemo-creative-women-publishing-stretovych-i-vavylonska-biblioteka/" title="Висока полиця від нішевих видавців — читаємо і підтримуємо Creative Women Publishing, Stretovych і «Вавилонська бібліотека»">
596								<!-- gradient -->
597								<div class="grad grad__valign grad--clear"></div>
598								<img width="1700" height="650" src="https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_stretovych_kriejtiv_vavylonska.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_stretovych_kriejtiv_vavylonska.jpg 1700w, https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_stretovych_kriejtiv_vavylonska-300x115.jpg 300w, https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_stretovych_kriejtiv_vavylonska-1024x392.jpg 1024w, https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_stretovych_kriejtiv_vavylonska-768x294.jpg 768w, https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_stretovych_kriejtiv_vavylonska-1536x587.jpg 1536w" sizes="auto, (max-width: 1700px) 100vw, 1700px" />							</a>
599							<a href="https://chytomo.com/vysoka-polytsia-vid-nishevykh-vydavtsiv-chytaiemo-i-pidtrymuiemo-creative-women-publishing-stretovych-i-vavylonska-biblioteka/" title="Висока полиця від нішевих видавців — читаємо і підтримуємо Creative Women Publishing, Stretovych і «Вавилонська бібліотека»">
600								<!-- information -->
601								<div class="info info__small info__small--option valign">
602									<div class="name name--light">
603										<p class="liner liner--blue">Creative Women Publishing</p>
604										<p class="caption caption--black">Висока полиця від нішевих видавців — читаємо і підтримуємо Creative Women Publishing, Stretovych і «Вавилонська бібліотека»</p>
605										<span>22.09.2026 - <span>Олеся Бойко</span></span>
606									</div>
607								</div>
608							</a>
609						</div>
610											</div>
611				</div>
612								<!-- narrow block -->
613				<div class="narrow narrow__large x-12 s-6">
614					<a href="https://chytomo.com/dvichi-zbytkiv-na-miljony-cherez-rosiian-iak-pidtrymaty-vydavnytstvo-vivat/" title="Двічі збитків на мільйони через росіян — як підтримати видавництво Vivat">
615						
616						<!-- gradient -->
617						<div class="grad grad__valign grad--clear"></div>
618						
619						<!-- information -->
620						<div class="info info__large info__large--option valign">
621							<div class="name name--light">
622								<p class="liner liner--black">Vivat</p>
623								<p class="caption">Двічі збитків на мільйони через росіян — як підтримати видавництво Vivat</p>
624								<span>17.09.2026 - <span>Олеся Бойко</span></span>
625							</div>
626						</div>
627						<img width="1700" height="650" src="https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_vivat.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_vivat.jpg 1700w, https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_vivat-300x115.jpg 300w, https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_vivat-1024x392.jpg 1024w, https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_vivat-768x294.jpg 768w, https://chytomo.com/wp-content/uploads/2026/09/chytaiemo_shchob_vystoiaty_vivat-1536x587.jpg 1536w" sizes="auto, (max-width: 1700px) 100vw, 1700px" />						
628					</a>
629				</div>  
630				                      
631			</div>
632			 
633						<!-- button -->
634            			<a href="/chy-taty/"><button class="btn btn--black">Читати ще</button></a>
635		</div>
636	</div>
637    		<div class="container">
638		<!-- heading -->
639		<div class="heading">
640			
641			<!-- line -->
642			<div class="line line--orange"></div>
643			<div class="row">
644				<div class="s-4">
645					
646					<!-- title -->
647					<h1 class="title title__padding title--black">Дивитися</h1>
648				</div>
649				
650				<!-- filter 
651					<div class="filter filter--orange valign s-8">
652					<div>
653					<span>Ілюстрація</span>
654					<span>Дизайн</span>
655					<span class="active">Усі</span>
656					</div>
657				</div>-->
658			</div>
659		</div>
660		
661		<!-- block -->
662		<div class="block block--normal">
663						<div class="row">
664								<!-- narrow block -->
665				<div class="narrow  x-12 xs-6 s-6">
666					<a href="https://chytomo.com/iaki-ukrainski-knyzhky-uvijshly-do-katalohu-dytiachoi-literatury-bili-kruky-2026/" title="Які українські книжки увійшли до каталогу дитячої літератури «Білі круки-2026»">
667						
668						<!-- gradient -->
669						<div class="grad grad__valign grad--black"></div>
670						
671						<!-- information -->
672						<div class="info info__small">
673							<div class="name name--light">
674								<p class="liner liner--orange">Білі круки</p>
675								<p class="caption">Які українські книжки увійшли до каталогу дитячої літератури «Білі круки-2026»</p>
676								<span>24.09.2026 - <span></span></span>
677							</div>
678						</div>
679						<img width="2090" height="797" src="https://chytomo.com/wp-content/uploads/2026/09/07_wdr4yemrul-e1790254527554.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://chytomo.com/wp-content/uploads/2026/09/07_wdr4yemrul-e1790254527554.jpg 2090w, https://chytomo.com/wp-content/uploads/2026/09/07_wdr4yemrul-e1790254527554-300x114.jpg 300w, https://chytomo.com/wp-content/uploads/2026/09/07_wdr4yemrul-e1790254527554-1024x390.jpg 1024w, https://chytomo.com/wp-content/uploads/2026/09/07_wdr4yemrul-e1790254527554-768x293.jpg 768w, https://chytomo.com/wp-content/uploads/2026/09/07_wdr4yemrul-e1790254527554-1536x586.jpg 1536w, https://chytomo.com/wp-content/uploads/2026/09/07_wdr4yemrul-e1790254527554-2048x781.jpg 2048w" sizes="auto, (max-width: 2090px) 100v
679w, 2090px" />					</a>
680				</div>
681								<!-- narrow block -->
682				<div class="narrow x-12 xs-6 s-6">
683					<a href="https://chytomo.com/iakoho-odisseia-my-zasluzhyly-homer-hollivud-i-kristofer-nolan/" title="Якого Одіссея ми заслужили — Гомер, Голлівуд і Крістофер Нолан">
684						
685						<!-- gradient -->
686						<div class="grad grad__valign grad--orange"></div>
687						
688						<!-- information -->
689						<div class="info info__small">
690							<div class="name name--light">
691								<p class="liner liner--orange">Гомер</p>
692								<p class="caption">Якого Одіссея ми заслужили — Гомер, Голлівуд і Крістофер Нолан</p>
693								<span>26.08.2026 - <span>Михайло Назаренко</span></span>
694							</div>
695						</div>
696						<img width="1700" height="650" src="https://chytomo.com/wp-content/uploads/2026/08/odisseia-chytomo1.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://chytomo.com/wp-content/uploads/2026/08/odisseia-chytomo1.jpg 1700w, https://chytomo.com/wp-content/uploads/2026/08/odisseia-chytomo1-300x115.jpg 300w, https://chytomo.com/wp-content/uploads/2026/08/odisseia-chytomo1-1024x392.jpg 1024w, https://chytomo.com/wp-content/uploads/2026/08/odisseia-chytomo1-768x294.jpg 768w, https://chytomo.com/wp-content/uploads/2026/08/odisseia-chytomo1-1536x587.jpg 1536w" sizes="auto, (max-width: 1700px) 100vw, 1700px" />					</a>
697				</div>
698							</div>
699						<!-- button -->
700            			<a href="/dy-vy-ty-sya/"><button class="btn btn--black">Дивитися ще</button></a>
701		</div>
702	</div>
703    	<!-- black -->
704		        <!-- black -->
705        <a href="/club-chytomo/" class="black support">
706        <div class="container">
707            <div class="row">
708                <div class="s-8 xs-12">
709                    <!-- label -->
710                    <div class="label label--yellow">Підтримати</div>
711                    <!-- title -->
712                    <p class="title title--white">Приєднуйтеся <br> до Клубу Читомо</p>
713                </div>
714                <div class="s-4">
715                    <img class="chytomo-reader" src="https://chytomo.com/wp-content/themes/blankslate-child/images/banner/patreon-banner.png" alt="Приєднуйтеся до Клубу Читомо">
716                </div>
717            </div>
718        </div>
719    </a>
720	    <div class="container">
721		
722		<!-- heading -->
723		<div class="heading">
724			
725			<!-- line -->
726			<div class="line line--gold"></div>
727			<div class="row">
728				<div class="s-4">
729					<!-- title -->
730					<h1 class="title title__padding title--black">Знайомитися</h1>
731				</div>
732				
733				<!-- filter 
734					<div class="filter filter--gold valign s-8">
735					<div>
736					<span>Місця</span>
737					<span>Люди</span>
738					<span>Події</span>
739					<span class="active">Усі</span>
740					</div>
741				</div>-->
742			</div>
743		</div>
744
745		<!-- block -->
746		<div class="block block--medium">
747			<div class="row">
748
749								      
750				<!-- narrow block -->
751				<div class="narrow narrow__small--acquainted s-4 stest">
752					<a href="https://chytomo.com/ia-bachu-vas-tsikavyt-teatr-illarion-pavliuk-i-maksym-holenko-pro-bestseler-na-stseni/" title="Я бачу, вас цікавить театр – Ілларіон Павлюк і Максим Голенко про бестселер на сцені">
753						<!-- gradient -->
754						<div class="grad grad__valign grad--clear"></div>
755						<img width="1878" height="1034" src="https://chytomo.com/wp-content/uploads/2026/09/DSC_19914-e1789992931968.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://chytomo.com/wp-content/uploads/2026/09/DSC_19914-e1789992931968.jpg 1878w, https://chytomo.com/wp-content/uploads/2026/09/DSC_19914-e1789992931968-300x165.jpg 300w, https://chytomo.com/wp-content/uploads/2026/09/DSC_19914-e1789992931968-1024x564.jpg 1024w, https://chytomo.com/wp-content/uploads/2026/09/DSC_19914-e1789992931968
755-768x423.jpg 768w, https://chytomo.com/wp-content/uploads/2026/09/DSC_19914-e1789992931968-1536x846.jpg 1536w" sizes="auto, (max-width: 1878px) 100vw, 1878px" />					</a>
756					<a href="https://chytomo.com/ia-bachu-vas-tsikavyt-teatr-illarion-pavliuk-i-maksym-holenko-pro-bestseler-na-stseni/" title="Я бачу, вас цікавить театр – Ілларіон Павлюк і Максим Голенко про бестселер на сцені">
757						
758						<!-- information -->
759						<div class="info info__small info__small--option valign">
760							<div class="name name--light">
761								<p class="liner liner--gold">BestsellerFest</p>
762								<p class="caption caption--black">Я бачу, вас цікавить театр – Ілларіон Павлюк і Максим Голенко про бестселер на сцені</p>
763								<span>21.09.2026 - <span>Любов Терехова</span></span>
764							</div>
765						</div>
766					</a>
767				</div>
768												      
769				<!-- narrow block -->
770				<div class="narrow narrow__small--acquainted s-4 stest">
771					<a href="https://chytomo.com/koly-ne-im-vynohradu-to-pyshu-iak-ukrainski-klasyky-izdyly-v-krym-i-pysaly-pro-noho/" title="Коли не їм винограду, то пишу — як українські класики їздили в Крим і писали про нього">
772						<!-- gradient -->
773						<div class="grad grad__valign grad--clear"></div>
774						<img width="1700" height="650" src="https://chytomo.com/wp-content/uploads/2026/09/krym_pysmennyky_lesia-ukrainka_mykhajlo-kotsiubynskyj_chytomo.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://chytomo.com/wp-content/uploads/2026/09/krym_pysmennyky_lesia-ukrainka_mykhajlo-kotsiubynskyj_chytomo.jpg 1700w, https://chytomo.com/wp-content/uploads/2026/09/krym_pysmennyky_lesia-ukrainka_mykhajlo-kotsiubynskyj_chytomo-300x115.jpg 300w, https://chytomo.com/wp-content/uploads/2026/09/krym_pysmennyky_lesia-ukrainka_mykhajlo-kotsiubynskyj_chytomo-1024x392.jpg 1024w, https://chytomo.com/wp-content/uploads/2026/09/krym_pysmennyky_lesia-ukrainka_mykhajlo-kotsiubynskyj_chytomo-768x294.jpg 768w, https://chytomo.com/wp-content/uploads/2026/09/krym_pysmennyky_lesia-ukrainka_mykhajlo-kotsiubynskyj_chytomo-1536x587.jpg 1536w" sizes="auto, (max-width: 1700px) 100vw, 1700px" />					</a>
775					<a href="https://chytomo.com/koly-ne-im-vynohradu-to-pyshu-iak-ukrainski-klasyky-izdyly-v-krym-i-pysaly-pro-noho/" title="Коли не їм винограду, то пишу — як українські класики їздили в Крим і писали про нього">
776						
777						<!-- information -->
778						<div class="info info__small info__small--option valign">
779							<div class="name name--light">
780								<p class="liner liner--gold">Крим</p>
781								<p class="caption caption--black">Коли не їм винограду, то пишу — як українські класики їздили в Крим і писали про нього</p>
782								<span>14.09.2026 - <span>Беяна Веліулаєва</span></span>
783							</div>
784						</div>
785					</a>
786				</div>
787												      
788				<!-- narrow block -->
789				<div class="narrow narrow__small--acquainted s-4 stest">
790					<a href="https://chytomo.com/premiia-stusa-2026/" title="Що треба знати про премію імені Василя Стуса — 5 найважливіших фактів">
791						<!-- gradient -->
792						<div class="grad grad__valign grad--clear"></div>
793						<img width="1700" height="650" src="https://chytomo.com/wp-content/uploads/2026/09/premiia_vasylia_stusa_chilna.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://chytomo.com/wp-content/uploads/2026/09/premiia_vasylia_stusa_chilna.jpg 1700w, https://chytomo.com/wp-content/uploads/2026/09/premiia_vasylia_stusa_chilna-300x115.jpg 300w, https://chytomo.com/wp-content/uploads/2026/09/premiia_vasylia_stusa_chilna-1024x392.jpg 1024w, https://chytomo.com/wp-content/uploads/2026/09/premiia_vasylia_stusa_chilna-768x294.jpg 768w, https://chytomo.com/wp-content/uploads/2026/09/premiia_vasylia_stusa_chilna-1536x587.jpg 1536w" sizes="auto, (max-width: 1700px) 100v
793w, 1700px" />					</a>
794					<a href="https://chytomo.com/premiia-stusa-2026/" title="Що треба знати про премію імені Василя Стуса — 5 найважливіших фактів">
795						
796						<!-- information -->
797						<div class="info info__small info__small--option valign">
798							<div class="name name--light">
799								<p class="liner liner--gold">Премія Стуса</p>
800								<p class="caption caption--black">Що треба знати про премію імені Василя Стуса — 5 найважливіших фактів</p>
801								<span>07.09.2026 - <span>Олег Коцарев</span></span>
802							</div>
803						</div>
804					</a>
805				</div>
806											</div>
807            			<!-- button -->
808			<a href="https://chytomo.com/znajomy-ty-sya/" class="btn-link--acquainted"><button class="btn btn--black">Знайомитися ще</button></a>
809		</div>
810	</div>
811    	<!-- black -->
812	<div class="black black__social">
813		<div class="container">
814			<div class="row">
815				<div class="s-6 x-12">
816					<!-- title -->
817					<p class="title title--white"></p>
818					<!-- social -->
819					<div class="social">
820						<a href="https://www.facebook.com/chytomo" target="_blank" rel="nofollow noopener"></a>
821						<a href="https://twitter.com/chytomo" target="_blank" rel="nofollow noopener"></a>
822                        <a href="https://t.me/chytomo" target="_blank"></a>
823                        <a href="https://www.instagram.com/chytomo_books/" target="_blank" class="social__instagram">
824                            <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z" fill="#f36144" fill-rule="nonzero"/></svg>
825                        </a>
826						<a href="https://chytomo.com/feed/" target="_blank" rel="nofollow noopener"></a>
827					</div>
828				</div>
829				<div class="s-6">
830					<img src="/social-media.png" alt="Будьте з нами ще й тут">
831				</div>
832			</div>
833		</div>
834	</div>	
835	
836	<div class="container">
837		<!-- heading -->
838		<div class="heading">
839			<!-- line -->
840			<div class="line line--green"></div>
841			<div class="row">
842				<div class="s-4">
843					<h1 class="title title__padding title--black">Вчитися</h1>
844				</div>
845				<!-- filter
846					<div class="filter filter--green valign s-8">
847					<div>
848					<span>Можливості</span>
849					<span>Майстер-класи</span>
850					<span>Конспекти лекцій</span>
851					<span>Стандарти</span>
852					<span class="active">Усі</span>
853					</div>
854				</div>-->
855			</div>
856		</div>
857		<!-- block -->
858		<div class="block block--small">
859			<div class="row">
860								      
861				<!-- narrow block -->
862				<div class="narrow narrow__small x-12 s-3">
863					<a href="https://chytomo.com/prosta-matematyka-chomu-lesbijska-literatura-v-ukraini-i-dosi-v-tini-hej-tematyky/" title="«Проста математика»: чому лесбійська література в Україні і досі в тіні гей-тематики">
864						<!-- gradient -->
865						<div class="grad grad__valign grad--clear"></div>
866						<img width="1700" height="650" src="https://chytomo.com/wp-content/uploads/2026/06/prajd_lhbt_chilna.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://chytomo.com/wp-content/uploads/2026/06/prajd_lhbt_chilna.jpg 1700w, https://chytomo.com/wp-content/uploads/2026/06/prajd_lhbt_chilna-300x115.jpg 300w, https://chytomo.com/wp-content/uploads/2026/06/prajd_lhbt_chilna-1024x392.jpg 1024w, https://chytomo.com/wp-content/uploads/2026/06/prajd_lhbt_chilna-768x294.jpg 768w, https://chytomo.com/wp-content/uploads/2026/06/prajd_lhbt_chilna-1536x587.jpg 1536w" sizes="auto, (max-width: 1700px) 100v
866w, 1700px" />					</a>
867					<a href="https://chytomo.com/prosta-matematyka-chomu-lesbijska-literatura-v-ukraini-i-dosi-v-tini-hej-tematyky/" title="«Проста математика»: чому лесбійська література в Україні і досі в тіні гей-тематики">
868						<!-- information -->
869						<div class="info info__small info__small--option valign">
870							<div class="name name--light">
871								<p class="liner liner--green">Видавництво «Видавництво»</p>
872								<p class="caption caption--black">«Проста математика»: чому лесбійська література в Україні і досі в тіні гей-тематики</p>
873								<span>29.06.2026 - <span>Олеся Бойко</span></span>
874							</div>
875						</div>
876					</a>
877				</div>
878												      
879				<!-- narrow block -->
880				<div class="narrow narrow__small x-12 s-3">
881					<a href="https://chytomo.com/iak-poiednuiutsia-dokumentalistyka-j-kazky-rozmova-z-sasheiu-dovzhyk/" title="Як поєднуються документалістика й казки — розмова з Сашею Довжик">
882						<!-- gradient -->
883						<div class="grad grad__valign grad--clear"></div>
884						<img width="1500" height="477" src="https://chytomo.com/wp-content/uploads/2026/04/dovzhyk_sasha_propysy.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://chytomo.com/wp-content/uploads/2026/04/dovzhyk_sasha_propysy.jpg 1500w, https://chytomo.com/wp-content/uploads/2026/04/dovzhyk_sasha_propysy-300x95.jpg 300w, https://chytomo.com/wp-content/uploads/2026/04/dovzhyk_sasha_propysy-1024x326.jpg 1024w, https://chytomo.com/wp-content/uploads/2026/04/dovzhyk_sasha_propysy-768x244.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" />					</a>
885					<a href="https://chytomo.com/iak-poiednuiutsia-dokumentalistyka-j-kazky-rozmova-z-sasheiu-dovzhyk/" title="Як поєднуються документалістика й казки — розмова з Сашею Довжик">
886						<!-- information -->
887						<div class="info info__small info__small--option valign">
888							<div class="name name--light">
889								<p class="liner liner--green">Прописи</p>
890								<p class="caption caption--black">Як поєднуються документалістика й казки — розмова з Сашею Довжик</p>
891								<span>22.04.2026 - <span>Ілля Рудійко</span></span>
892							</div>
893						</div>
894					</a>
895				</div>
896												      
897				<!-- narrow block -->
898				<div class="narrow narrow__small x-12 s-3">
899					<a href="https://chytomo.com/zhyttia-na-mezhi-iermolenko-ta-oharkova-pro-eseistyku-vijnu-ta-mistse-ukrainy-v-ievropi/" title="Життя на межі: Єрмоленко та Огаркова про есеїстику, війну та місце України в Європі">
900						<!-- gradient -->
901						<div class="grad grad__valign grad--clear"></div>
902						<img width="1920" height="1280" src="https://chytomo.com/wp-content/uploads/2026/01/54985654756_4da384c469_k.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://chytomo.com/wp-content/uploads/2026/01/54985654756_4da384c469_k.jpg 1920w, https://chytomo.com/wp-content/uploads/2026/01/54985654756_4da384c469_k-300x200.jpg 300w, https://chytomo.com/wp-content/uploads/2026/01/54985654756_4da384c469_k-1024x683.jpg 1024w, https://chytomo.com/wp-content/uploads/2026/01/54985654756_4da384c469_k-768x512.jpg 768w, https://chytomo.com/wp-content/uploads/2026/01/54985654756_4da384c469_k-1536x1024.jpg 1536w, https://chytomo.com/wp-content/uploads/2026/01/54985654756_4da384c469_k-272x182.jpg 272w" sizes="auto, (max-width: 1920px) 100vw, 1920px" />					</a>
903					<a href="https://chytomo.com/zhyttia-na-mezhi-iermolenko-ta-oharkova-pro-eseistyku-vijnu-ta-mistse-ukrainy-v-ievropi/" title="Життя на межі: Єрмоленко та Огаркова про есеїстику, війну та місце України в Європі">
904						<!-- information -->
905						<div class="info info__small info__small--option valign">
906							<div class="name name--light">
907								<p class="liner liner--green">Дні есеїстики</p>
908								<p class="caption caption--black">Життя на межі: Єрмоленко та Огаркова про есеїстику, війну та місце України в Європі</p>
909								<span>30.01.2026 - <span>Аліна Данилюк</span></span>
910							</div>
911						</div>
912					</a>
913				</div>
914												      
915				<!-- narrow block -->
916				<div class="narrow narrow__small x-12 s-3">
917					<a href="https://chytomo.com/pysmo-iak-emotsijna-pam-iat-avtory-vijskovi-pro-eseistyku-zhanrovi-mezhi-j-fiksatsiiu-momentu/" title="Письмо як емоційна пам’ять: автори-військові про есеїстику, жанрові межі й фіксацію моменту">
918						<!-- gradient -->
919						<div class="grad grad__valign grad--clear"></div>
920						<img width="1920" height="1280" src="https://chytomo.com/wp-content/uploads/2026/01/54985607078_74b0ca0b02_k.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://chytomo.com/wp-content/uploads/2026/01/54985607078_74b0ca0b02_k.jpg 1920w, https://chytomo.com/wp-content/uploads/2026/01/54985607078_74b0ca0b02_k-300x200.jpg 300w, https://chytomo.com/wp-content/uploads/2026/01/54985607078_74b0ca0b02_k-1024x683.jpg 1024w, https://chytomo.com/wp-content/uploads/2026/01/54985607078_74b0ca0b02_k-768x512.jpg 768w, https://chytomo.com/wp-content/uploads/2026/01/54985607078_74b0ca0b02_k-1536x1024.jpg 1536w, https://chytomo.com/wp-content/uploads/2026/01/54985607078_74b0ca0b02_k-272x182.jpg 272w" sizes="auto, (max-width: 1920px) 100v
920w, 1920px" />					</a>
921					<a href="https://chytomo.com/pysmo-iak-emotsijna-pam-iat-avtory-vijskovi-pro-eseistyku-zhanrovi-mezhi-j-fiksatsiiu-momentu/" title="Письмо як емоційна пам’ять: автори-військові про есеїстику, жанрові межі й фіксацію моменту">
922						<!-- information -->
923						<div class="info info__small info__small--option valign">
924							<div class="name name--light">
925								<p class="liner liner--green">автори-військові</p>
926								<p class="caption caption--black">Письмо як емоційна пам’ять: автори-військові про есеїстику, жанрові межі й фіксацію моменту</p>
927								<span>23.01.2026 - <span>Аліна Данилюк</span></span>
928							</div>
929						</div>
930					</a>
931				</div>
932											</div>
933			<!-- button -->
934            			<a href="/vchy-ty-sya/"><button class="btn btn--black">Вчитися ще</button></a>
935		</div>
936		
937	</div>
938    		<div class="container">
939		<!-- heading -->
940		<div class="heading">
941			<!-- line -->
942			<div class="line line--gray"></div>
943			<div class="row">
944				<div class="s-4">
945					<h1 class="title title__padding title--black">Тренди</h1>
946				</div>
947				<!-- filter
948					<div class="filter filter--gray valign s-8">
949					<div>
950					<span>Репортаж</span>
951					<span>Експертиза</span>
952					<span class="active">Усі</span>
953					</div>
954				</div>-->
955			</div>
956		</div>
957		<!-- block -->
958		<div class="block block--medium">
959			<div class="row">
960												<!-- narrow block -->
961				<div class="narrow narrow__small--acquainted xs-12 s-4">
962					<a href="https://chytomo.com/pereklad-iak-praktyka-majbutnoho-7-tez-perekladatskoho-klastera-v-mezhakh-lviv-bookforum/" title="Переклад як практика майбутнього — 7 тез перекладацького кластера в межах BookForum">
963						<!-- gradient -->
964						<div class="grad grad__valign grad--clear"></div>
965						<img width="2048" height="1366" src="https://chytomo.com/wp-content/uploads/2026/09/799910654_1864567361670637_6575319632004376725_n.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://chytomo.com/wp-content/uploads/2026/09/799910654_1864567361670637_6575319632004376725_n.jpg 2048w, https://chytomo.com/wp-content/uploads/2026/09/799910654_1864567361670637_6575319632004376725_n-300x200.jpg 300w, https://chytomo.com/wp-content/uploads/2026/09/799910654_1864567361670637_6575319632004376725_n-1024x683.jpg 1024w, https://chytomo.com/wp-content/uploads/2026/09/799910654_1864567361670637_6575319632004376725_n-768x512.jpg 768w, https://chytomo.com/wp-content/uploads/2026/09/799910654_1864567361670637_6575319632004376725_n-1536x1025.jpg 1536w, https://chytomo.com/wp-content/uploads/2026/09/799910654_1864567361670637_6575319632004376725_n-272x182.jpg 272w" sizes="auto, (max-width: 2048px) 100vw, 2048px" />					</a>
966					<a href="https://chytomo.com/pereklad-iak-praktyka-majbutnoho-7-tez-perekladatskoho-klastera-v-mezhakh-lviv-bookforum/" title="Переклад як практика майбутнього — 7 тез перекладацького кластера в межах BookForum">
967						<!-- information -->
968						<div class="info info__small info__small--option valign">
969							<div class="name name--light">
970								<p class="liner liner--gray">BookForum</p>
971								<p class="caption caption--black">Переклад як практика майбутнього — 7 тез перекладацького кластера в межах BookForum</p>
972								<span>30.09.2026 - <span>Валентина Вусата</span></span>
973							</div>
974						</div>
975					</a>
976				</div>
977												<!-- narrow block -->
978				<div class="narrow narrow__small--acquainted xs-12 s-4">
979					<a href="https://chytomo.com/romentezi-horor-i-knyzhkovi-serii-shcho-sohodni-chytaie-avdytoriia-young-adult/" title="Роментезі, горор і книжкові серії: що сьогодні читає авдиторія Young Adult">
980						<!-- gradient -->
981						<div class="grad grad__valign grad--clear"></div>
982						<img width="2250" height="909" src="https://chytomo.com/wp-content/uploads/2026/09/Dopys-pro-stattiu_post.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://chytomo.com/wp-content/uploads/2026/09/Dopys-pro-stattiu_post.png 2250w, https://chytomo.com/wp-content/uploads/2026/09/Dopys-pro-stattiu_post-300x121.png 300w, https://chytomo.com/wp-content/uploads/2026/09/Dopys-pro-stattiu_post-1024x414.png 1024w, https://chytomo.com/wp-content/uploads/2026/09/Dopys-pro-stattiu_post-768x310.png 768w, https://chytomo.com/wp-content/uploads/2026/09/Dopys-pro-stattiu_post-1536x621.png 1536w, https://chytomo.com/wp-content/uploads/2026/09/Dopys-pro-stattiu_post-2048x827.png 2048w" sizes="auto, (max-width: 2250px) 100v
982w, 2250px" />					</a>
983					<a href="https://chytomo.com/romentezi-horor-i-knyzhkovi-serii-shcho-sohodni-chytaie-avdytoriia-young-adult/" title="Роментезі, горор і книжкові серії: що сьогодні читає авдиторія Young Adult">
984						<!-- information -->
985						<div class="info info__small info__small--option valign">
986							<div class="name name--light">
987								<p class="liner liner--gray">READBERRY</p>
988								<p class="caption caption--black">Роментезі, горор і книжкові серії: що сьогодні читає авдиторія Young Adult</p>
989								<span>28.09.2026 - <span>Інна Білоножко</span></span>
990							</div>
991						</div>
992					</a>
993				</div>
994												<!-- narrow block -->
995				<div class="narrow narrow__small--acquainted xs-12 s-4">
996					<a href="https://chytomo.com/reklama-knyzhok-u-metro-j-na-vulychnykh-banerakh-shcho-tse-daie/" title="Реклама книжок у метро й на вуличних банерах — що це дає?">
997						<!-- gradient -->
998						<div class="grad grad__valign grad--clear"></div>
999						<img width="1182" height="578" src="https://chytomo.com/wp-content/uploads/2026/09/Chytaj_u_metro-e1790335225889.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://chytomo.com/wp-content/uploads/2026/09/Chytaj_u_metro-e1790335225889.jpg 1182w, https://chytomo.com/wp-content/uploads/2026/09/Chytaj_u_metro-e1790335225889-300x147.jpg 300w, https://chytomo.com/wp-content/uploads/2026/09/Chytaj_u_metro-e1790335225889-1024x501.jpg 1024w, https://chytomo.com/wp-content/uploads/2026/09/Chytaj_u_metro-e1790335225889-768x376.jpg 768w" sizes="auto, (max-width: 1182px) 100vw, 1182px" />					</a>
1000					<a href="https://chytomo.com/reklama-knyzhok-u-metro-j-na-vulychnykh-banerakh-shcho-tse-daie/" title="Реклама книжок у метро й на вуличних банерах — що це дає?">
1001						<!-- information -->
1002						<div class="info info__small info__small--option valign">
1003							<div class="name name--light">
1004								<p class="liner liner--gray">метро</p>
1005								<p class="caption caption--black">Реклама книжок у метро й на вуличних банерах — що це дає?</p>
1006								<span>25.09.2026 - <span>Олеся Бойко</span></span>
1007							</div>
1008						</div>
1009					</a>
1010				</div>
1011							</div>
1012			<!-- button -->
1013            			<a href="/trendy/"><button class="btn btn--black">Ще трендів</button></a>
1014		</div>
1015	</div>
1016    	<!-- black -->
1017	<div class="black black__calendar">
1018		<div class="container">
1019			<!-- heading -->
1020			<div id="heading" class="heading">
1021				<!-- line -->
1022				<div class="row">
1023					<div class="s-4">
1024						<!-- title -->
1025						<a href="/kalendar/"><h1 class="title title--white">Календар подій</h1></a>
1026					</div>
1027				</div>
1028			</div>
1029
1030			<!-- block -->
1031			<div class="block">
1032                <div class="row">
1033				                        <!-- narrow block -->
1034                        <div class="xs-6 x-12 s-3">
1035                            <div class="narrow narrow__small narrow__small--calendar " data-name="l" data-item="inside">
1036                                <a href="https://chytomo.com/mon-rozpochalo-vseukrainske-opytuvannia-pro-stan-shkilnykh-bibliotek/" title=" ">
1037                                                                                                            <div class="info info__small--calendar">
1038                                        <div class="name name--gray">
1039                                            <div class="event__bg"  style="background-image: url('https://chytomo.com/wp-content/uploads/2026/09/806223371_1426483189412468_5630354301116065677_n.jpg')"></div>
1040                                            <p class="caption caption--black">
1041                                                МОН розпочало всеукраїнське опитування про стан шкільних бібліотек                                            </p>
1042                                            <!--<p class="liner liner--dark">освітні</p>-->
1043                                        </div>
1044                                        <div class="event__place-desc">
1045                                            <p class="date">
1046                                                <span class="event__time">
1047                                                    2.10                                                    <span></span>
1048                                                </span>
1049                                            </p>
1050                                            <div class="event__place">
1051                                                <p class="liner liner--orange">
1052                                                    <span class="event__city"><span>
1053                                                    <span>                                                     </span>
1054                                                </p>
1055                                            </div>
1056                                        </div>
1057                                    </div>
1058
1059                                                            </a>
1060                            </div>
1061                        </div>
1062                                            <!-- narrow block -->
1063                        <div class="xs-6 x-12 s-3">
1064                            <div class="narrow narrow__small narrow__small--calendar " data-name="lc" data-item="inside">
1065                                <a href="https://chytomo.com/borotba-za-sertsia-ta-mizky-oleksandra-matvijchuk-i-volodymyr-iermolenko-vystupliat-na-blahodijnij-publichnij-dyskusii-v-kyievi/" title=" ">
1066                                                                                                            <div class="info info__small--calendar">
1067                                        <div class="name name--gray">
1068                                            <div class="event__bg"  style="background-image: url('https://chytomo.com/wp-content/uploads/2026/09/818510470_2507977483009304_5183744243164226541_n.jpg')"></div>
1069                                            <p class="caption caption--black">
1070                                                «Боротьба за серця та мізки»: Олександра Матвійчук і Володимир Єрмоленко виступлять на благодійній публічній дискусії в ...                                            </p>
1071                                            <!--<p class="liner liner--dark">освітні</p>-->
1072                                        </div>
1073                                        <div class="event__place-desc">
1074                                            <p class="date">
1075                                                <span class="event__time">
1076                                                    2.10                                                    <span>18:00</span>
1077                                                </span>
1078                                            </p>
1079                                            <div class="event__place">
1080                                                <p class="liner liner--blue">
1081                                                    <span class="event__city">Київ<span>
1082                                                    <span> Хрещатик, 34                                                    </span>
1083                                                </p>
1084                                            </div>
1085                                        </div>
1086                                    </div>
1087
1088                                                            </a>
1089                            </div>
1090                        </div>
1091                                            <!-- narrow block -->
1092                        <div class="xs-6 x-12 s-3">
1093                            <div class="narrow narrow__small narrow__small--calendar " data-name="rc" data-item="inside">
1094                                <a href="https://chytomo.com/35-knyzhok-nezalezhnosti-ukraintsiv-prosiat-obraty-razom/" title=" ">
1095                                                                                                            <div class="info info__small--calendar">
1096                                        <div class="name name--gray">
1097                                            <div class="event__bg"  style="background-image: url('https://chytomo.com/wp-content/uploads/2026/08/775214484_28075504502079730_2481442321897860490_n.jpg')"></div>
1098                                            <p class="caption caption--black">
1099                                                35 книжок незалежності – українців просять обрати разом                                            </p>
1100                                            <!--<p class="liner liner--dark">конкурси</p>-->
1101                                        </div>
1102                                        <div class="event__place-desc">
1103                                            <p class="date">
1104                                                <span class="event__time">
1105                                                    6.10                                                    <span></span>
1106                                                </span>
1107                                            </p>
1108                                            <div class="event__place">
1109                                                <p class="liner liner--orange">
1110                                                    <span class="event__city"><span>
1111                                                    <span>                                                     </span>
1112                                                </p>
1113                                            </div>
1114                                        </div>
1115                                    </div>
1116
1117                                                            </a>
1118                            </div>
1119                        </div>
1120                                            <!-- narrow block -->
1121                        <div class="xs-6 x-12 s-3">
1122                            <div class="narrow narrow__small narrow__small--calendar " data-name="r" data-item="inside">
1123                                <a href="https://chytomo.com/zapustyly-stypendialnu-prohramu-dlia-vijskovykh-iaki-pratsiuvaly-u-kulturi-ta-humanitarystytsi/" title=" ">
1124                                                                                                            <div class="info info__small--calendar">
1125                                        <div class="name name--gray">
1126                                            <div class="event__bg"  style="background-image: url('https://chytomo.com/wp-content/uploads/2026/09/UA-Index_news_Servicemembers_2026__0101.png')"></div>
1127                                            <p class="caption caption--black">
1128                                                Запустили стипендіальну програму для військових, які працювали у культурі та гуманітаристиці                                            </p>
1129                                            <!--<p class="liner liner--dark">освітні</p>-->
1130                                        </div>
1131                                        <div class="event__place-desc">
1132                                            <p class="date">
1133                                                <span class="event__time">
1134                                                    12.10                                                    <span></span>
1135                                                </span>
1136                                            </p>
1137                                            <div class="event__place">
1138                                                <p class="liner liner--orange">
1139                                                    <span class="event__city"><span>
1140                                                    <span>                                                     </span>
1141                                                </p>
1142                                            </div>
1143                                        </div>
1144                                    </div>
1145
1146                                                            </a>
1147                            </div>
1148                        </div>
1149                                    </div>
1150				<!-- button -->
1151				<a href="/kalendar/"><button class="btn btn--white">Ще подій</button></a>
1152			</div>
1153		</div>
1154	</div>
1155<!--	<div id="pl-38"  class="panel-layout container" >-->
1156<!--		<div id="pg-38-0"  class="panel-grid panel-has-style"  data-style="{&quot;class&quot;:&quot;banners&quot;,&quot;background_display&quot;:&quot;tile&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}" >-->
1157<!--			<div class="banners panel-row-style panel-row-style-for-38-0" >-->
1158<!--				<div id="pgc-38-0-0"  class="panel-grid-cell banner-left"  data-weight="0.75" >-->
1159<!--					<div id="panel-38-0-0-0" class="so-panel widget widget_media_image panel-first-child panel-last-child" data-index="0" data-style="{&quot;class&quot;:&quot;banner valign x-12&quot;,&quot;background_image_attachment&quot;:false,&quot;
1159background_display&quot;:&quot;tile&quot;}" >-->
1160<!--						<div class="banner valign x-12 panel-widget-style panel-widget-style-for-38-0-0-0" >-->
1161<!--							<a href="https://www.goethe.de/ins/ua/uk/kul/sup/bc2.html"  class="book-translate">-->
1162<!--							    <img class="image" src="/wp-content/uploads/2021/12/barcamp_banner_960x250-1.jpg" alt="" width="960" height="250"/>-->
1163<!--						    </a>-->
1164<!--					    </div>-->
1165<!--					</div>-->
1166<!--				</div>-->
1167<!--				<div id="pgc-38-0-1"  class="panel-grid-cell banner-right"  data-weight="0.25" style="max-width:25%">-->
1168<!--					<div id="panel-38-0-1-0" class="so-panel widget widget_media_image panel-first-child panel-last-child" data-index="1" data-style="{&quot;class&quot;:&quot;banner valign x-h &quot;,&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;}" >-->
1169<!--						<div class="banner valign x-h  panel-widget-style panel-widget-style-for-38-0-1-0" >-->
1170<!--							--><!---->
1171<!--							--><!--						</div>-->
1172<!--					</div>-->
1173<!--				</div>-->
1174<!--			</div>-->
1175<!--		</div>-->
1176<!---->
1177<!---->
1178<!--	</div>-->
1179<!--    <div id="pl-38-1"  class="panel-layout container" >-->
1180<!--        <div id="pg-38-0"  class="panel-grid panel-has-style"  data-style="{&quot;class&quot;:&quot;banners&quot;,&quot;background_display&quot;:&quot;tile&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}" >-->
1181<!--            <div class="posters-block panel-row-style panel-row-style-for-38-1" >-->
1182<!--                <div id="pgc-38-1-1"  class="panel-grid-cell poster-block-left"  data-weight="0.75" >-->
1183<!--                    <div id="panel-38-1-1-1" class="so-panel widget widget_media_image panel-first-child panel-last-child" data-index="0" data-style="{&quot;class&quot;:&quot;banner valign x-12&quot;,&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;}">-->
1184<!--                        <div class="poster-block valign x-12 panel-widget-style panel-widget-style-for-38-1-1-1" >-->
1185<!--                            <a href="https://www.goethe.de/ins/ua/uk/kul/sup/bc2.html"  class="book-translate">-->
1186<!--                                <img class="image" src="/wp-content/uploads/2021/12/barcamp_banner_960x250-1.jpg" alt="" width="960" height="250"/>-->
1187<!--                            </a>-->
1188<!--                        </div>-->
1189<!--                    </div>-->
1190<!--                </div>-->
1191<!--                <div id="pgc-38-0-1"  class="panel-grid-cell poster-block-right"  data-weight="0.25" style="max-width:25%">-->
1192<!--                    <div id="panel-38-0-1-0" class="so-panel widget widget_media_image panel-first-child panel-last-child" data-index="1" data-style="{&quot;class&quot;:&quot;banner valign x-h &quot;,&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;}" >-->
1193<!--                        <div class="poster-block valign x-h  panel-widget-style panel-widget-style-for-38-0-1-0" >-->
1194<!--				            --><!---->
1195<!--				            --><!--                        </div>-->
1196<!--                    </div>-->
1197<!--                </div>-->
1198<!--            </div>-->
1199<!--        </div>-->
1200<!--    </div>-->
1201
1202</article>
1203
1204<style>
1205
1206    .blackout-hide-old-donate .donate-modal-overlay,
1207    .blackout-hide-old-donate #timeout-donate {
1208        display: none !important;
1209        opacity: 0 !important;
1210        visibility: hidden !important;
1211        pointer-events: none !important;
1212    }
1213
1214
1215    .blackout_popup {
1216        position: fixed;
1217        inset: 0;
1218        z-index: 9999;
1219        font-family: 'Roboto', sans-serif;
1220        opacity: 0;
1221        visibility: hidden;
1222        pointer-events: none;
1223        transition: opacity .6s ease, visibility .6s ease;
1224        overflow: hidden;
1225    }
1226
1227    .blackout_popup.is-visible {
1228        opacity: 1;
1229        visibility: visible;
1230        pointer-events: auto;
1231    }
1232
1233    .blackout_popup .blackout_bg {
1234        position: absolute;
1235        inset: 0;
1236        transition: opacity 1.4s ease;
1237    }
1238
1239    .blackout_popup .blackout_bg_1 {
1240        background: radial-gradient(
1241                75.5% 75.5% at 50% 50%,
1242                rgba(0, 0, 0, 0.95) 2.88%,
1243                rgba(0, 0, 0, 0) 100%
1244        );
1245        opacity: 0;
1246    }
1247
1248    .blackout_popup .blackout_bg_2 {
1249        background: radial-gradient(
1250                75.5% 75.5% at 50% 50%,
1251                rgba(0, 0, 0, 0.95) 27.88%,
1252                rgba(0, 0, 0, 0.8075) 55.29%,
1253                rgba(0, 0, 0, 0.285) 100%
1254        );
1255        opacity: 0;
1256    }
1257
1258    .blackout_popup.stage-1 .blackout_bg_1 {
1259        opacity: 1;
1260    }
1261
1262    .blackout_popup.stage-2 .blackout_bg_1 {
1263        opacity: 0;
1264    }
1265
1266    .blackout_popup.stage-2 .blackout_bg_2 {
1267        opacity: 1;
1268    }
1269
1270    .blackout_popup .container {
1271        height: 100%;
1272        position: relative;
1273        z-index: 2;
1274    }
1275
1276    .blackout_popup .popup_content {
1277        display: flex;
1278        flex-direction: column;
1279        justify-content: center;
1280        align-items: center;
1281        height: 100%;
1282        padding: 40px 20px;
1283        box-sizing: border-box;
1284    }
1285
1286    .blackout_popup .cls {
1287        position: absolute;
1288        right: 0;
1289        top: 75px;
1290        cursor: pointer;
1291        background: transparent;
1292        border: 0;
1293        padding: 0;
1294        opacity: 0;
1295        visibility: hidden;
1296        transform: scale(.95);
1297        transition: opacity .5s ease, transform .5s ease, visibility .5s ease;
1298    }
1299
1300    .blackout_popup .cls.is-visible {
1301        opacity: 1;
1302        visibility: visible;
1303        transform: scale(1);
1304    }
1305
1306    .blackout_popup .icon {
1307        width: 200px;
1308        margin-bottom: 27px;
1309    }
1310
1311    .blackout_popup .icon img {
1312        width: 100%;
1313        display: block;
1314    }
1315
1316    .blackout_popup .popup_content .text {
1317        font-weight: 400;
1318        font-size: 64px;
1319        line-height: 100%;
1320        text-align: center;
1321        color: #fff;
1322        font-family: 'Playfair Display', serif;
1323        max-width: 910px;
1324    }
1325
1326    .blackout_popup .popup_content .text_2 {
1327        margin-bottom: 70px;
1328    }
1329
1330    .blackout_popup .popup_content .text_1{
1331        max-width: 790px;
1332    }
1333
1334    .blackout_popup .popup_content .button {
1335        background: rgba(255, 221, 0, 1);
1336        padding: 25px 21px;
1337        color: rgba(0, 0, 0, 1);
1338        font-weight: 400;
1339        font-size: 40px;
1340        line-height: 100%;
1341        text-align: center;
1342        width: 500px;
1343        max-width: 100%;
1344        box-sizing: border-box;
1345        display: inline-block;
1346        font-family: 'Roboto', sans-serif;
1347        margin-bottom: 60px;
1348        text-decoration: none;
1349    }
1350
1351    .blackout_popup .popup_content .text_3 {
1352        font-weight: 400;
1353        font-size: 20px;
1354        line-height: 120%;
1355        text-align: center;
1356        text-decoration: underline;
1357        color: #fff;
1358        font-family: 'Playfair Display', serif;
1359    }
1360
1361    .blackout-step {
1362        opacity: 0;
1363        visibility: hidden;
1364        transform: translateY(20px);
1365        transition: opacity .7s ease, transform .7s ease, visibility .7s ease;
1366    }
1367
1368    .blackout-step.is-visible {
1369        opacity: 1;
1370        visibility: visible;
1371        transform: translateY(0);
1372    }
1373
1374    .blackout-step.is-hidden {
1375        opacity: 0;
1376        visibility: hidden;
1377        height: 0;
1378        transform: translateY(-10px);
1379    }
1380
1381    body.blackout-popup-open {
1382        overflow: hidden;
1383    }
1384
1385    @media (max-width: 1200px) {
1386        .blackout_popup .popup_content .text {
1387            font-size: 46px;
1388        }
1389
1390        .blackout_popup .popup_content .button {
1391            font-size: 30px;
1392            width: 420px;
1393        }
1394    }
1395
1396    @media (max-width: 767px) {
1397        .blackout_popup .cls {
1398            top: 20px;
1399            right: 15px;
1400        }
1401
1402        .blackout_popup .cls svg {
1403            width: 64px;
1404            height: 64px;
1405        }
1406
1407        .blackout_popup .icon {
1408            width: 120px;
1409            margin-bottom: 20px;
1410        }
1411
1412        .blackout_popup .popup_content .text {
1413            font-size: 28px;
1414            max-width: 100%;
1415        }
1416
1417        .blackout_popup .popup_content .text_2 {
1418            margin-bottom: 35px;
1419        }
1420
1421        .blackout_popup .popup_content .button {
1422            font-size: 22px;
1423            padding: 18px 16px;
1424            margin-bottom: 30px;
1425            width: 100%;
1426        }
1427
1428        .blackout_popup .popup_content .text_3 {
1429            font-size: 16px;
1430            line-height: 140%;
1431        }
1432    }
1433</style>
1434
1435
1436<script>
1437    document.addEventListener('DOMContentLoaded', function () {
1438        const popup = document.getElementById('blackoutPopup');
1439
1440        // якщо blackout popup на сторінці нема — нічого не робимо
1441        if (!popup) {
1442            return;
1443        }
1444
1445        const isEnglish = document.documentElement.lang === 'en';
1446
1447        if (!isEnglish) {
1448            return;
1449        }
1450
1451        const closeBtn = document.getElementById('blackoutClose');
1452        const supportBtn = document.getElementById('blackoutSupportBtn');
1453        const articleLink = document.getElementById('blackoutArticleLink');
1454
1455        const icon = popup.querySelector('.blackout-step-icon');
1456        const text1 = popup.querySelector('.blackout-step-text1');
1457        const text2 = popup.querySelector('.blackout-step-text2');
1458        const button = popup.querySelector('.blackout-step-button');
1459        const link = popup.querySelector('.blackout-step-link');
1460
1461        const STORAGE_KEY = 'blackout_popup_854_until';
1462        const SESSION_START_KEY = 'blackout_popup_854_session_start';
1463        const SESSION_HIDE_OLD_POPUP_KEY = 'blackout_hide_old_donate_popup_session';
1464
1465        const TEN_DAYS_MS = 10 * 24 * 60 * 60 * 1000;
1466        const SHOW_DELAY = 45000; // 45 секунд
1467
1468        let timeoutIds = [];
1469        let popupOpened = false;
1470
1471        function setCooldown() {
1472            const expiresAt = Date.now() + TEN_DAYS_MS;
1473            localStorage.setItem(STORAGE_KEY, String(expiresAt));
1474            sessionStorage.removeItem(SESSION_START_KEY);
1475        }
1476
1477        function hasCooldown() {
1478            const saved = localStorage.getItem(STORAGE_KEY);
1479
1480            if (!saved) {
1481                return false;
1482            }
1483
1484            const expiresAt = parseInt(saved, 10);
1485
1486            if (!expiresAt || Date.now() > expiresAt) {
1487                localStorage.removeItem(STORAGE_KEY);
1488                return false;
1489            }
1490
1491            return true;
1492        }
1493
1494        function clearAllTimers() {
1495            timeoutIds.forEach(id => clearTimeout(id));
1496            timeoutIds = [];
1497        }
1498
1499        function showElement(el) {
1500            if (!el) return;
1501            el.classList.remove('is-hidden');
1502            el.classList.add('is-visible');
1503        }
1504
1505        function hideElement(el) {
1506            if (!el) return;
1507            el.classList.remove('is-visible');
1508            el.classList.add('is-hidden');
1509        }
1510
1511        function resetPopupState() {
1512            hideElement(icon);
1513            hideElement(text1);
1514            hideElement(text2);
1515            hideElement(button);
1516            hideElement(link);
1517            closeBtn.classList.remove('is-visible');
1518            popup.classList.remove('stage-1', 'stage-2');
1519        }
1520
1521        function blockOldDonatePopupForSession() {
1522            sessionStorage.setItem(SESSION_HIDE_OLD_POPUP_KEY, '1');
1523            document.documentElement.classList.add('blackout-hide-old-donate');
1524
1525            document.body.classList.remove('modal-open', 'popup-open', 'donate-open');
1526            document.documentElement.classList.remove('modal-open', 'popup-open', 'donate-open');
1527        }
1528
1529        function restoreOldDonatePopupAbility() {
1530            document.documentElement.classList.remove('blackout-hide-old-donate');
1531            sessionStorage.removeItem(SESSION_HIDE_OLD_POPUP_KEY);
1532        }
1533
1534        function shouldHideOldPopupInSession() {
1535            return sessionStorage.getItem(SESSION_HIDE_OLD_POPUP_KEY) === '1';
1536        }
1537
1538        function openPopup() {
1539            if (popupOpened) {
1540                return;
1541            }
1542
1543            popupOpened = true;
1544
1545            // як тільки blackout з'явився — старий donate timeout popup блокуємо на цю сесію
1546            blockOldDonatePopupForSession();
1547
1548            popup.style.display = 'block';
1549
1550            requestAnimationFrame(() => {
1551                popup.classList.add('is-visible');
1552                popup.classList.add('stage-1');
1553                popup.setAttribute('aria-hidden', 'false');
1554                document.body.classList.add('blackout-popup-open');
1555            });
1556
1557            timeoutIds.push(setTimeout(() => {
1558                popup.classList.remove('stage-1');
1559                popup.classList.add('stage-2');
1560            }, 1200));
1561
1562            timeoutIds.push(setTimeout(() => {
1563                showElement(icon);
1564                showElement(text1);
1565                closeBtn.classList.add('is-visible');
1566            }, 2200));
1567
1568            timeoutIds.push(setTimeout(() => {
1569                hideElement(text1);
1570            }, 4800));
1571
1572            timeoutIds.push(setTimeout(() => {
1573                showElement(text2);
1574            }, 5400));
1575
1576            timeoutIds.push(setTimeout(() => {
1577                showElement(button);
1578                showElement(link);
1579            }, 6500));
1580        }
1581
1582        function closePopup(withCooldown = false) {
1583            clearAllTimers();
1584
1585            if (withCooldown) {
1586                setCooldown();
1587            }
1588
1589            popup.classList.remove('is-visible', 'stage-1', 'stage-2');
1590            popup.setAttribute('aria-hidden', 'true');
1591            document.body.classList.remove('blackout-popup-open');
1592
1593            setTimeout(() => {
1594                popup.style.display = 'none';
1595                resetPopupState();
1596                popupOpened = false;
1597            }, 500);
1598        }
1599
1600        function openDefaultSupportPopup() {
1601            /*
1602             * Якщо треба, встав сюди логіку відкриття вашого стандартного support popup.
1603             * Але для EN версії старий timeout donate popup ми вже блокуємо через клас на html.
1604             */
1605        }
1606
1607        function getSessionStart() {
1608            let startedAt = sessionStorage.getItem(SESSION_START_KEY);
1609
1610            if (!startedAt) {
1611                startedAt = String(Date.now());
1612                sessionStorage.setItem(SESSION_START_KEY, startedAt);
1613            }
1614
1615            return parseInt(startedAt, 10);
1616        }
1617
1618        function startPopupTimerAcrossSite() {
1619            const startedAt = getSessionStart();
1620            const now = Date.now();
1621            const elapsed = now - startedAt;
1622            const remaining = SHOW_DELAY - elapsed;
1623
1624            if (remaining <= 0) {
1625                openPopup();
1626                return;
1627            }
1628
1629            timeoutIds.push(setTimeout(() => {
1630                openPopup();
1631            }, remaining));
1632        }
1633
1634        // якщо є 10-денний cooldown — blackout не показуємо
1635        if (hasCooldown()) {
1636            restoreOldDonatePopupAbility();
1637            openDefaultSupportPopup();
1638            return;
1639        }
1640
1641        // якщо в цій сесії blackout вже був — одразу блокуємо старий donate popup
1642        if (shouldHideOldPopupInSession()) {
1643            document.documentElement.classList.add('blackout-hide-old-donate');
1644        }
1645
1646        startPopupTimerAcrossSite();
1647
1648        closeBtn.addEventListener('click', function () {
1649            closePopup(true);
1650            openDefaultSupportPopup();
1651        });
1652
1653        supportBtn.addEventListener('click', function () {
1654            setCooldown();
1655        });
1656
1657        articleLink.addEventListener('click', function () {
1658            setCooldown();
1659        });
1660
1661        document.addEventListener('keydown', function (e) {
1662            if (e.key === 'Escape' && popup.classList.contains('is-visible')) {
1663                closePopup(true);
1664                openDefaultSupportPopup();
1665            }
1666        });
1667    });
1668
1669    document.addEventListener('DOMContentLoaded', function () {
1670
1671        let donateForm = document.getElementById('liqpayform-click');
1672        if (donateForm) {
1673            donateForm.addEventListener('submit', function (e) {
1674                e.preventDefault();
1675
1676                let formData = new FormData();
1677                formData.append('action', 'liqpay_single_create');
1678
1679                formData.append('type', 'pay');
1680
1681                let amountValue = null;
1682                let customAmount = donateForm.querySelector('[name="amountother"]');
1683                if (customAmount && customAmount.value.trim() !== '') {
1684                    amountValue = customAmount.value.trim();
1685                } else {
1686                    let selectedRadio = donateForm.querySelector('[name="amount"]:checked');
1687                    if (selectedRadio) {
1688                        amountValue = selectedRadio.value;
1689                    }
1690                }
1691                if (amountValue) {
1692                    formData.append('amount', amountValue);
1693                }
1694
1695                let amount = parseFloat(amountValue);
1696                fbq('track', 'InitiateCheckout', {
1697                    value: amount,
1698                    currency: 'UAH'
1699                });
1700
1701            });
1702        }
1703
1704    });
1705
1706
1707   // localStorage.removeItem('blackout_popup_854_until');
1708</script>
1708
1709
1710
1711
1712
1713
1714
1715            <!-- footer -->
1716            <div id="pl-38-1"  class="panel-layout container" >
1717                <div id="pg-38-0"  class="panel-grid panel-has-style"  data-style="{&quot;class&quot;:&quot;banners&quot;,&quot;background_display&quot;:&quot;tile&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}" >
1718                    <div class="posters-block panel-row-style panel-row-style-for-38-1" >
1719                        <div id="pgc-38-1-1"  class="panel-grid-cell poster-block-left"  data-weight="0.75" >
1720                            <div id="panel-38-1-1-1" class="so-panel widget widget_media_image panel-first-child panel-last-child" data-index="0" data-style="{&quot;class&quot;:&quot;banner valign x-12&quot;,&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;}">
1721                                <div class="poster-block valign x-12 panel-widget-style panel-widget-style-for-38-1-1-1" >
1722                                    <a href="https://chytomo.us3.list-manage.com/subscribe?u=71a1e71b0d9ab114995cc3480&id=6e1d48f953"  class="book-translate">
1723                                        <img class="image" src="/wp-content/uploads/2024/08/email_collage_960x250.jpg" alt="" width="960" height="250"/>
1724                                    </a>
1725                                </div>
1726                            </div>
1727                        </div>
1728                        <div id="pgc-38-0-1"  class="panel-grid-cell poster-block-right"  data-weight="0.25" style="max-width:25%">
1729                            <div id="panel-38-0-1-0" class="so-panel widget widget_media_image panel-first-child panel-last-child" data-index="1" data-style="{&quot;class&quot;:&quot;banner valign x-h &quot;,&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;}" >
1730                                <div class="poster-block valign x-h  panel-widget-style panel-widget-style-for-38-0-1-0" >
1731                                </div>
1732                            </div>
1733                        </div>
1734                    </div>
1735                </div>
1736            </div>
1737            <footer id="footer">
1738                <!-- top -->
1739                <nav class="top">
1740                    <div class="container">
1741                        <!-- left block -->
1742                        <div class="left-block">
1743                            <a href="https://chytomo.com/">
1744                                <div class="image image--white"></div>
1745                            </a>
1746                            <span class="slogan slogan__footer">Портал про культуру читання<br>і мистецтво книговидання</span>
1747                        </div>
1748                        <!-- center block -->
1749                        <div class="center-block">
1750                                                        <ul style="color:#fff !important">
1751                                <div class="menu-footer1_menu-container"><ul id="menu-footer1_menu" class="menu"><li id="menu-item-587" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-587"><a href="https://chytomo.com/chy-taty/">Читати</a></li>
1752<li id="menu-item-588" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-588"><a href="https://chytomo.com/dy-vy-ty-sya/">Дивитися</a></li>
1753<li id="menu-item-589" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-589"><a href="https://chytomo.com/znajomy-ty-sya/">Знайомитися</a></li>
1754<li id="menu-item-590" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-590"><a href="https://chytomo.com/vchy-ty-sya/">Вчитися</a></li>
1755</ul></div>                            </ul>
1756                            <ul>
1757                               <div class="menu-footer2_menu-container"><ul id="menu-footer2_menu" class="menu"><li id="menu-item-595" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-595"><a href="https://chytomo.com/novy-ny/">Новини</a></li>
1758<li id="menu-item-593" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-593"><a href="https://chytomo.com/trendy/">Тренди</a></li>
1759<li id="menu-item-592" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-592"><a href="https://chytomo.com/spetsproekty/">Спецпроекти</a></li>
1760<li id="menu-item-31982" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31982"><a href="https://chytomo.com/vitry-na/book-forum-2019/">Вітрина</a></li>
1761<li id="menu-item-594" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-594"><a href="https://chytomo.com/kalendar/">Календар</a></li>
1762</ul></div>                            </ul>
1763                            <ul>
1764                                <li><a href="/pro-nas/">Про нас</a></li>
1765								<li><a href="/authors/">Автори</a></li>
1766                                <li><a href="/pamiatka-avtorovi/">Пам’ятка авторові</a></li>
1767                                <li><a href="/redpolityka/">Редакційна політика</a></li>
1768                                <!--<li><a href="#">Наші проекти</a></li>-->
1769                                <li><a href="/contacts/">Контакти</a></li>
1770                                <li><a href="/partnery/">Партнери</a></li>
1771                                <li><a href="/club-chytomo/">Клуб Читомо</a></li>
1772                                <li><a href="https://chytomo.com/chytomo-2025-9-hrantiv-zapusk-doradchoi-rady-i-majbutnie-spilnoty/">Публічний звіт 2025</a></li>
1773                            </ul>
1774	                                                    <ul class="last-ul">
1775
1776                                <!--<li><a href="#">Партнерство</a></li>
1777                                <li><a href="#">
1777FAQ</a></li>-->
1778                                <li>
1779                                                                        <a target="_blank" href="/club-chytomo/"  title="">DONATE</a>
1780                                                                    </li>
1781                            </ul>
1782                        </div>
1783
1784                        <!-- right block -->
1785                        <div class="right-block">
1786
1787                            <!-- button -->
1788                            <div class="button x-h">
1789                                <a href="/" class="btn btn--blue" title="">Повідомити новину</a>
1790                            </div>
1791
1792                            <!-- social -->
1793                            <div class="social social__footer">
1794                                <a href="https://www.facebook.com/chytomo/" target="_blank"></a>
1795                                <a href="https://twitter.com/chytomo" target="_blank"></a>
1796                                <a href="https://t.me/chytomo" target="_blank" title=""></a>
1797                                <a href="https://www.instagram.com/chytomo_books/" target="_blank" class="social__instagram">
1798                                    <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z" fill="#c9c9c9" fill-rule="nonzero"/></svg>
1799                                </a>
1800                                                                    <a href="https://chytomo.com/feed/" target="_blank"></a>
1801                                                            </div>
1802                        </div>
1803                    </div>
1804                </nav>
1805
1806                <!-- bottom -->
1807                <div class="bottom">
1808                    <div class="container">
1809
1810                        <!-- copyright -->
1811                        <p class="copyright">2010 &ndash; 2026 &copy; Читомо — Культурно-видавничий проект</p>
1812
1813                        <!-- made -->
1814                        <p class="made">designed by Kotseba</p>
1815                    </div>
1816                </div>
1817            </footer>
1818        </div>
1819
1820    <div class="scrollToTop">
1821        <svg width="75" height="75" viewBox="0 0 75 75" fill="none" xmlns="http://www.w3.org/2000/svg">
1822            <circle cx="37.5" cy="37.5" r="35" stroke="black" stroke-width="4" fill="#fff"/>
1823            <path d="M38.9142 19.3358C38.1332 18.5547 36.8668 18.5547 36.0858 19.3358L23.3579 32.0637C22.5768 32.8448 22.5768 34.1111 23.3579 34.8921C24.1389 35.6732 25.4052 35.6732 26.1863 34.8921L37.5 23.5784L48.8137 34.8921C49.5948 35.6732 50.8611 35.6732 51.6421 34.8921C52.4232 34.1111 52.4232 32.8448 51.6421 32.0637L38.9142 19.3358ZM39.5 54.25L39.5 20.75L35.5 20.75L35.5 54.25L39.5 54.25Z" fill="black"/>
1824        </svg>
1825    </div>
1826    <div id="to-top-btn">
1827                <a class="donate-header onhover-black rotate-90 modal-popup-open" href="#click-donate">
1828            <span class="support">Підтримати проєкт</span>
1829        </a>
1830            </div>
1831
1832    <div class="donate-modal-overlay"></div>
1833    <div id="timeout-donate" class="donate-popup">
1834        <div class="donate-popup-inner">
1835                        <div class="donate-popup-title">Одне з двох:</div>
1836                        <div class="donate-content">
1837                                <p class="donate-header__description">
1838	                або ви відійшли від екрану і нас читає ваш кіт, <br> або вас справді зацікавила ця сторінка.                </p>
1839                <p class="donate-header__description">
1840	                Якщо друге, то долучайтеся до <a href="/club-chytomo/">Клубу Читомо</a>, <br> щоб ми могли розповідати про книжки і л
1840ітературу в Україні — і поза її межами!                </p>
1841
1842                <p class="donate-header__subtitle donate-header__margin">Підтримати проєкт</p>
1843                <form id="liqpayform-timeout" method="POST" action="https://www.liqpay.ua/api/checkout"  accept-charset="utf-8" class="donate-choose">
1844                    <input type="hidden" name="data" value="" />
1845                    <input type="hidden" name="signature" value="" />
1846                    <input type="hidden" name="name" value="" />
1847                    <input type="hidden" name="email" value="" />
1848                    <div class="choose_period">
1849                        <ul>
1850                            <li class="">
1851                                <input id="subscribe-3" type="radio" class="input-radio" name="period" value="subscribe" checked="checked">
1852                                <label for="subscribe-3" class="payment-period-label">щомісяця</label>
1853                            </li>
1854                            <li class="">
1855                                <input id="pay-3" type="radio" class="input-radio" name="period" value="pay">
1856                                <label for="pay-3" class="payment-period-label">одноразово</label>
1857                            </li>
1858                        </ul>
1859                    </div>
1860                    <div class="choose_amount">
1861                        <ul>
1862                            <li class="">
1863                                <input id="amount-50-3" type="radio" class="input-radio" name="amount" value="150" checked="checked">
1864                                <label for="amount-50-3" class="payment-amount-label"><strong>150</strong> ₴</label>
1865                            </li>
1866                            <li class="">
1867                                <input id="amount-100-3" type="radio" class="input-radio" name="amount" value="350">
1868                                <label for="amount-100-3" class="payment-amount-label"><strong>350</strong> ₴</label>
1869                            </li>
1870                            <li class="amount-other">
1871                                <input id="amount-other-3" type="radio" class="input-radio" name="amount" value="other">
1872                                <label for="amount-other-3" class="payment-amount-label">інша сума</label>
1873                                <input type="text" class="input-text amountother" name="amountother" value="">
1874                            </li>
1875                        </ul>
1876                    </div>
1877                    <div class="no-flex"><a class="liqpay-donate info-donate-open" href="">Підтримати проєкт</a></div>
1878                </form>
1879                                                <div class="align-center"><a href="#" class="close-modal" title="">вибачте, я — кіт</a></div>
1880                            </div>
1881            <a href="#" class="close-popup"  title="">
1882                <svg width="14" height="14" viewBox="0 0 25 25" fill="#000000" xmlns="http://www.w3.org/2000/svg">
1883                    <path d="M24.6338 0.36624C24.1455 -0.12208 23.3544 -0.12208 22.8662 0.36624L12.5 10.7325L2.13378 0.366358C1.64546 -0.121962 0.854443 -0.121962 0.36624 0.366358C-0.12208 0.854678 -0.12208 1.64569 0.36624 2.1339L10.7324 12.5001L0.36624 22.8662C-0.12208 23.3545 -0.12208 24.1456 0.36624 24.6338C0.610342 24.8779 0.930265 25 1.25007 25C1.56987 25 1.88968 24.8779 2.1339 24.6338L12.5 14.2676L22.8661 24.6338C23.1102 24.8779 23.4301 25 23.75 25C24.0698 25 24.3896 24.8779 24.6338 24.6338C25.1221 24.1454 25.1221 23.3544 24.6338 22.8662L14.2675 12.5001L24.6337 2.1339C25.122 1.64558 25.122 0.85456 24.6338 0.36624Z" fill="black"/>
1884                </svg>
1885            </a>
1886        </div>
1887    </div>
1888
1889    <div id="click-donate" class="donate-popup">
1890        <div class="donate-popup-inner">
1891            <div class="donate-header__title">
1892                <svg version="1.0" id="Шар_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300.5 300.5"
1893                     style="enable-background:new 0 0 300.5 300.5;" xml:space="preserve" class="uah-icon">
1894                            <style type="text/css">.st0{fill:none;}</style>
1895                            <switch>
1896                                <g>
1897                                    <g>
1898                                        <path class="st0" d="M150.3,17C76.8,17,17,76.8,17,150.3c0,73.5,59.8,133.3,133.3,133.3s133.3-59.8,133.3-133.3
1899                            C283.5,76.8,223.7,17,150.3,17z M221.6,177.9H119.8c-2.2,2-4,4.2-5.4,6.6c-1.4,2.6-2.1,5.9-2.1,9.9c0,4.3,0.9,7.9,2.6,10.8
1900                            c1.7,2.9,4.2,5.2,7.4,7c3.4,1.8,7.5,3.1,12.3,3.9c4.9,0.8,10.5,1.2,16.6,1.2c12.9,0,22.2-2.1,27.8-6.3c5.3-4,8-9.3,8.1-16.4l0-3
1901                            h21.2l0,3c-0.1,14.5-5,25.2-14.6,31.9c-9.4,6.6-23.5,9.9-41.8,9.9c-20.6,0-36.1-3.5-46-10.3c-10.2-7-15.4-17.7-15.4-31.9
1902                            c0-6.1,1.2-11.7,3.6-16.5H78.9v-17.3h142.7V177.9z M221.6,139.2H78.9v-17.3h98.8c1.9-1.9,3.4-4,4.4-6.2c1.
19021-2.4,1.7-5.6,1.7-9.5
1903                            c0-8.6-3-14.3-9.1-17.5c-6.6-3.4-15.9-5.1-27.5-5.1c-11.9,0-20.5,2.1-25.8,6.1c-5,3.8-7.5,9.4-7.6,16.5l0,3H92.4l0-3
1904                            C92.6,91,97.5,80,107.2,73.5c9.5-6.3,22.8-9.5,39.4-9.5c20.7,0,35.8,3.7,44.9,11c9.3,7.4,14,17.9,14,31.1
1905                            c0,5.9-1.1,11.2-3.3,15.7h19.3V139.2z"/>
1906                                        <path d="M150.3,0C67.4,0,0,67.4,0,150.3c0,82.8,67.4,150.3,150.3,150.3s150.3-67.4,150.3-150.3C300.5,67.4,233.1,0,150.3,0z
1907                             M150.3,283.5C76.8,283.5,17,223.7,17,150.3C17,76.8,76.8,17,150.3,17s133.3,59.8,133.3,133.3
1908                            C283.5,223.7,223.7,283.5,150.3,283.5z"/>
1909                                        <path d="M205.6,106.2c0-13.2-4.7-23.7-14-31.1c-9.1-7.3-24.2-11-44.9-11c-16.7,0-30,3.2-39.4,9.5C97.5,80,92.6,91,92.5,106.1l0,3
1910                            h21.2l0-3c0.1-7.1,2.7-12.7,7.6-16.5c5.3-4.1,14-6.1,25.8-6.1c11.7,0,21,1.7,27.5,5.1c6.1,3.2,9.1,8.9,9.1,17.5
1911                            c0,3.9-0.6,7.1-1.7,9.5c-1,2.2-2.5,4.3-4.4,6.2H78.9v17.3h142.7v-17.3h-19.3C204.5,117.3,205.6,112.1,205.6,106.2z"/>
1912                                        <path d="M78.9,177.9H94c-2.4,4.8-3.6,10.3-3.6,16.5c0,14.1,5.2,24.8,15.4,31.9c9.9,6.8,25.4,10.3,46,10.3
1913                            c18.3,0,32.4-3.3,41.8-9.9c9.6-6.7,14.5-17.5,14.6-31.9l0-3h-21.2l0,3c-0.1,7.1-2.8,12.4-8.1,16.4c-5.6,4.2-15,6.3-27.8,6.3
1914                            c-6.1,0-11.7-0.4-16.6-1.2c-4.8-0.8-8.9-2.1-12.3-3.9c-3.2-1.7-5.7-4.1-7.4-7c-1.7-2.9-2.6-6.5-2.6-10.8c0-4,0.7-7.3,2.1-9.9
1915                            c1.3-2.4,3.2-4.6,5.4-6.6h101.8v-17.3H78.9V177.9z"/>
1916                                    </g>
1917                                </g>
1918                            </switch>
1919                </svg>
1920	            Підтримати проєкт «Читомо»            </div>
1921            <div class="donate-content">
1922                <p class="donate-header__description"><strong>«Читомо»</strong> — це медіа про книжки й літературу, що підтримувало українське книговидання задовго до того, як це стало трендом. Ставайте частиною історії — доєднуйтеся до <a href="/club-chytomo/">Клубу Читомо!</a></p>
1923                <p class="donate-header__subtitle donate-header__margin">Підтримати проєкт</p>
1924                <form id="liqpayform-click" method="POST" action="https://www.liqpay.ua/api/checkout"  accept-charset="utf-8" class="donate-choose">
1925                    <input type="hidden" name="data" value="" />
1926                    <input type="hidden" name="signature" value="" />
1927                    <input type="hidden" name="name" value="" />
1928                    <input type="hidden" name="email" value="" />
1929
1930                    <div class="choose_period">
1931                        <ul>
1932                            <li class="">
1933                                <input id="subscribe-4" type="radio" class="input-radio" name="period" value="subscribe" checked="checked">
1934                                <label for="subscribe-4" class="payment-period-label">щомісяця</label>
1935                            </li>
1936                            <li class="">
1937                                <input id="pay-4" type="radio" class="input-radio" name="period" value="pay">
1938                                <label for="pay-4" class="payment-period-label">одноразово</label>
1939                            </li>
1940                        </ul>
1941                    </div>
1942                    <div class="choose_amount">
1943                        <ul>
1944                            <li class="">
1945                                <input id="amount-50-4" type="radio" class="input-radio" name="amount" value="150" checked="checked">
1946                                <label for="amount-50-4" class="payment-amount-label"><strong>150</strong> ₴</label>
1947                            </li>
1948                            <li class="">
1949                                <input id="amount-100-4" type="radio" class="input-radio" name="amount" value="350">
1950                                <label for="amount-100-4" class="payment-amount-label"><strong>350</strong> ₴</label>
1951                            </li>
1952                            <li class="amount-other">
1953                                <input id="amount-other-4" type="radio" class="input-radio" name="amount" value="other">
1954                                <label for="amount-other-4" class="payment-amount-label">інша сума</label>
1955                                <input type="text" class="input-text amountother" name="amountother" value="">
1956                            </li>
1957                        </ul>
1958                    </div>
1959                                        <div class="no-flex"><a class="info-donate-open liqpay-donate" href="">Підтримати</a></div>
1960                </form>
1961            </div>
1962            <a href="#" class="close-popup"  title="">
1963                <svg width="14" height="14" viewBox="0 0 25 25" fill="#000000" xmlns="http://www.w3.org/2000/svg">
1964                    <path d="M24.6338 0.36624C24.1455 -0.12208 23.3544 -0.12208 22.8662 0.36624L12.5 10.7325L2.13378 0.366358C1.64546 -0.121962 0.854443 -0.121962 0.36624 0.366358C-0.12208 0.854678 -0.12208 1.64569 
19640.36624 2.1339L10.7324 12.5001L0.36624 22.8662C-0.12208 23.3545 -0.12208 24.1456 0.36624 24.6338C0.610342 24.8779 0.930265 25 1.25007 25C1.56987 25 1.88968 24.8779 2.1339 24.6338L12.5 14.2676L22.8661 24.6338C23.1102 24.8779 23.4301 25 23.75 25C24.0698 25 24.3896 24.8779 24.6338 24.6338C25.1221 24.1454 25.1221 23.3544 24.6338 22.8662L14.2675 12.5001L24.6337 2.1339C25.122 1.64558 25.122 0.85456 24.6338 0.36624Z" fill="black"/>
1965                </svg>
1966            </a>
1967        </div>
1968    </div>
1969
1970    <div id="info-donate" class="donate-popup">
1971        <div class="donate-popup-inner">
1972            <div class="donate-header__title">
1973                <svg version="1.0" id="Шар_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300.5 300.5"
1974                     style="enable-background:new 0 0 300.5 300.5;" xml:space="preserve" class="uah-icon">
1975                                <style type="text/css">.st0{fill:none;}</style>
1976                    <switch>
1977                        <g>
1978                            <g>
1979                                <path class="st0" d="M150.3,17C76.8,17,17,76.8,17,150.3c0,73.5,59.8,133.3,133.3,133.3s133.3-59.8,133.3-133.3
1980                                C283.5,76.8,223.7,17,150.3,17z M221.6,177.9H119.8c-2.2,2-4,4.2-5.4,6.6c-1.4,2.6-2.1,5.9-2.1,9.9c0,4.3,0.9,7.9,2.6,10.8
1981                                c1.7,2.9,4.2,5.2,7.4,7c3.4,1.8,7.5,3.1,12.3,3.9c4.9,0.8,10.5,1.2,16.6,1.2c12.9,0,22.2-2.1,27.8-6.3c5.3-4,8-9.3,8.1-16.4l0-3
1982                                h21.2l0,3c-0.1,14.5-5,25.2-14.6,31.9c-9.4,6.6-23.5,9.9-41.8,9.9c-20.6,0-36.1-3.5-46-10.3c-10.2-7-15.4-17.7-15.4-31.9
1983                                c0-6.1,1.2-11.7,3.6-16.5H78.9v-17.3h142.7V177.9z M221.6,139.2H78.9v-17.3h98.8c1.9-1.9,3.4-4,4.4-6.2c1.1-2.4,1.7-5.6,1.7-9.5
1984                                c0-8.6-3-14.3-9.1-17.5c-6.6-3.4-15.9-5.1-27.5-5.1c-11.9,0-20.5,2.1-25.8,6.1c-5,3.8-7.5,9.4-7.6,16.5l0,3H92.4l0-3
1985                                C92.6,91,97.5,80,107.2,73.5c9.5-6.3,22.8-9.5,39.4-9.5c20.7,0,35.8,3.7,44.9,11c9.3,7.4,14,17.9,14,31.1
1986                                c0,5.9-1.1,11.2-3.3,15.7h19.3V139.2z"/>
1987                                <path d="M150.3,0C67.4,0,0,67.4,0,150.3c0,82.8,67.4,150.3,150.3,150.3s150.3-67.4,150.3-150.3C300.5,67.4,233.1,0,150.3,0z
1988                                 M150.3,283.5C76.8,283.5,17,223.7,17,150.3C17,76.8,76.8,17,150.3,17s133.3,59.8,133.3,133.3
1989                                C283.5,223.7,223.7,283.5,150.3,283.5z"/>
1990                                <path d="M205.6,106.2c0-13.2-4.7-23.7-14-31.1c-9.1-7.3-24.2-11-44.9-11c-16.7,0-30,3.2-39.4,9.5C97.5,80,92.6,91,92.5,106.1l0,3
1991                                h21.2l0-3c0.1-7.1,2.7-12.7,7.6-16.5c5.3-4.1,14-6.1,25.8-6.1c11.7,0,21,1.7,27.5,5.1c6.1,3.2,9.1,8.9,9.1,17.5
1992                                c0,3.9-0.6,7.1-1.7,9.5c-1,2.2-2.5,4.3-4.4,6.2H78.9v17.3h142.7v-17.3h-19.3C204.5,117.3,205.6,112.1,205.6,106.2z"/>
1993                                <path d="M78.9,177.9H94c-2.4,4.8-3.6,10.3-3.6,16.5c0,14.1,5.2,24.8,15.4,31.9c9.9,6.8,25.4,10.3,46,10.3
1994                                c18.3,0,32.4-3.3,41.8-9.9c9.6-6.7,14.5-17.5,14.6-31.9l0-3h-21.2l0,3c-0.1,7.1-2.8,12.4-8.1,16.4c-5.6,4.2-15,6.3-27.8,6.3
1995                                c-6.1,0-11.7-0.4-16.6-1.2c-4.8-0.8-8.9-2.1-12.3-3.9c-3.2-1.7-5.7-4.1-7.4-7c-1.7-2.9-2.6-6.5-2.6-10.8c0-4,0.7-7.3,2.1-9.9
1996                                c1.3-2.4,3.2-4.6,5.4-6.6h101.8v-17.3H78.9V177.9z"/>
1997                            </g>
1998                        </g>
1999                    </switch>
2000                    </svg>
2001                Підтримати проєкт «Читомо»            </div>
2002            <div class="donate-content">
2003                <p class="donate-header__description">
2004                    Ми будемо раді, якщо ви залишите своє ім'я та електронну пошту. Дякуємо і до зв'язку                </p>
2005                <div class="payment-wrapper-text">
2006                    <input type="hidden" name="active-form" class="active-form" value="" />
2007                    <div class="">
2008                        <input class="payment-input-text" type="text" name="name" value="" placeholder="Ваше прізвище та ім'я" />
2009                    </div>
2010                    <div class="">
2011                        <input class="payment-input-text" type="text" name="email" value="" placeholder="Ваше email" />
2012                    </div>
2013
2014
2015                    <div class="no-flex"><a class="liqpay-donate liqpay-donate-open" href="">Перейти до оплати</a></div>
2016                </div>
2017            </div>
2018            <a href="#" class="close-popup"  title="">
2019                <svg width="14" height="14" viewBox="0 0 25 25" fill="#000000" xmlns="http://www.w3.org/2000/svg">
2020                    <path d="M24.6338 0.36624C24.1455 -0.12208 23.3544 -0.12208 22.8662 0.36624L12.5 10.7325L2.13378 0.366358C1.64546 -0.121962 0.854443 -0.121962 0.36624 0.366358C-0.12208 0.854678 -0.12208 1.64569 
20200.36624 2.1339L10.7324 12.5001L0.36624 22.8662C-0.12208 23.3545 -0.12208 24.1456 0.36624 24.6338C0.610342 24.8779 0.930265 25 1.25007 25C1.56987 25 1.88968 24.8779 2.1339 24.6338L12.5 14.2676L22.8661 24.6338C23.1102 24.8779 23.4301 25 23.75 25C24.0698 25 24.3896 24.8779 24.6338 24.6338C25.1221 24.1454 25.1221 23.3544 24.6338 22.8662L14.2675 12.5001L24.6337 2.1339C25.122 1.64558 25.122 0.85456 24.6338 0.36624Z" fill="black"/>
2021                </svg>
2022            </a>
2023        </div>
2024    </div>
2025
2026
2027
2028
2029        
2030        <!-- script -->
2031                        
2031<script src="https://chytomo.com/wp-content/themes/blankslate-child/scripts/main.js?ver=004658"></script>
2031
2032                
2032<script>
2033          var ajax_var = {
2034            'url' : 'https://chytomo.com/wp-admin/admin-ajax.php',
2035            'nonce' : '4ccc7c1c66',
2036            'rest_url': 'https://chytomo.com/wp-json/',
2037            'post_id' : '0'
2038          };
2039        </script>
2039
2040                
2040<script src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
2040
2041        
2041<script src="https://chytomo.com/wp-content/themes/blankslate-child/scripts/owl.js?ver=15082024"></script>
2041
2042
2043		
2043<script type="text/javascript" src="/mistakes/mistakes.js"></script>
2043
2044		
2044<script type="text/javascript">
2045			(function() {
2046
2047			var a = document.getElementsByTagName('a');
2048			for(i = 0; i < a.length; i++){
2049				if (a[i].href.indexOf(location.host) == -1 && a[i].href.match(/^http/i)){
2050					a[i].onclick = function(){
2051						_gaq.push(['_trackEvent', 'outgoing_links', this.href]);
2052						console.log('outbound link');
2053					}
2054				}
2055			}
2056			})();
2057		</script>
2057
2058		
2059<style>
2060    .donate-busy {
2061        position: relative;
2062        cursor: progress;
2063    }
2064    .donate-busy > * {
2065        opacity: .35;
2066        transition: opacity .2s;
2067    }
2068    .donate-busy::after {
2069        content: '';
2070        position: absolute;
2071        top: 50%;
2072        left: 50%;
2073        width: 40px;
2074        height: 40px;
2075        margin: -20px 0 0 -20px;
2076        border: 3px solid currentColor;
2077        border-top-color: transparent;
2078        border-radius: 50%;
2079        animation: donate-busy-spin .8s linear infinite;
2080        z-index: 10;
2081    }
2082    @keyframes donate-busy-spin {
2083        to { transform: rotate(360deg); }
2084    }
2085    .donate-form-error {
2086        margin: 12px 0 0;
2087        color: #c00;
2088        font-size: 14px;
2089        text-align: center;
2090    }
2091</style>
2092<script>
2093    function setDonateBusy(el, isBusy) {
2094        if (!el) {
2095            return;
2096        }
2097        el.classList.toggle('donate-busy', isBusy);
2098        el.inert = isBusy;
2099        el.setAttribute('aria-busy', isBusy ? 'true' : 'false');
2100    }
2101
2102    // Донейт-попап (#info-donate → .liqpay-donate-open, банери на сторінках
2103    // новин) обробляє JS плагіна liqpay-for-donate (js/liqpay.js), який шле
2104    // liqpay_single_create без ноунса → бекенд відповідає "Помилка перевірки
2105    // безпеки" (SgSubscription::require_liqpay_nonce()) і нічого не показує
2106    // користувачу. Плагін не в репозиторії теми, тож тут обгортаємо fetch:
2107    // якщо запит liqpay_single_create іде без ноунса — блокуємо попап з
2108    // лоадером, беремо свіжий ноунс через liqpay_get_nonce (не з HTML, бо
2109    // сторінки під full-page кешем) і дописуємо його в той самий FormData.
2110    // Оплата LiqPay відкривається в новій вкладці (target="_blank" у
2111    // cnb_form), тож після переходу попап розблоковуємо; при помилці —
2112    // розблоковуємо одразу й показуємо повідомлення з бекенду.
2113    (function () {
2114        const originalFetch = window.fetch;
2115        if (!originalFetch) {
2116            return;
2117        }
2118
2119        let lastDonateButton = null;
2120        document.addEventListener('click', function (e) {
2121            const btn = e.target.closest && e.target.closest('.liqpay-donate-open');
2122            if (btn) {
2123                lastDonateButton = btn;
2124            }
2125        }, true);
2126
2127        function showDonateError(container, anchor, message) {
2128            if (!container) {
2129                return;
2130            }
2131            const error = document.createElement('p');
2132            error.className = 'donate-form-error';
2133            error.textContent = message;
2134            if (anchor && anchor.parentNode && container.contains(anchor)) {
2135                anchor.parentNode.insertBefore(error, anchor.nextSibling);
2136            } else {
2137                container.appendChild(error);
2138            }
2139        }
2140
2141        window.fetch = function (input, init) {
2142            const body = init && init.body;
2143            if (typeof input === 'string' && input.indexOf('admin-ajax.php') !== -1
2144                && body instanceof FormData
2145                && body.get('action') === 'liqpay_single_create'
2146                && !body.get('nonce')) {
2147
2148                const btn = lastDonateButton;
2149                const container = btn
2150                    ? (btn.closest('.donate-popup-inner') || btn.closest('form'))
2151                    : document.querySelector('.donate-popup.opened .donate-popup-inner');
2152                const anchor = btn ? (btn.closest('.no-flex') || btn) : null;
2153
2154                if (container) {
2155                    container.querySelectorAll('.donate-form-error').forEach(el => el.remove());
2156                }
2157                setDonateBusy(container, true);
2158
2159                const request = originalFetch.call(window, '/wp-admin/admin-ajax.php?action=liqpay_get_nonce')
2160                    .then(response => response.json())
2161                    .then(result => {
2162                        if (result.success && result.data.nonce) {
2163                            body.append('nonce', result.data.nonce);
2164                        }
2165                    })
2166                    .catch(() => {})
2167                    .then(() => originalFetch.call(window, input, init));
2168
2169                request
2170                    .then(response => response.clone().json())
2171                    .then(result => {
2172                        if (result.success && result.data && result.data.html) {
2173                            // Плагін одразу сабмітить форму LiqPay у нову вкладку.
2174                            setTimeout(() => setDonateBusy(container, false), 1500);
2175                            return;
2176                        }
2177                        setDonateBusy(container, false);
2178                        showDonateError(container, anchor,
2179                            (result.data && result.data.message) || 'Не вдалося перейти до оплати, спробуйте ще раз');
2180                    })
2181                    .catch(() => {
2182                        setDonateBusy(container, false);
2183                        showDonateError(container, anchor, 'Не вдалося перейти до оплати, спробуйте ще раз');
2184                    });
2185
2186                return request;
2187            }
2188            return originalFetch.apply(window, arguments);
2189        };
2190    })();
2191</script>
vendor: 1 bytes, line 2191
2191
2192<script type="speculationrules">
2193{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/blankslate-child/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
2194</script>
vendor: 1 bytes, line 2194
2194
2195<script id="wp-hooks-js" src="https://chytomo.com/wp-includes/js/dist/hooks.min.js?ver=7496969728ca0f95732d"></script>
vendor: 1 bytes, line 2195
2195
2196<script id="wp-i18n-js" src="https://chytomo.com/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
vendor: 1 bytes, line 2196
2196
2197<script id="wp-i18n-js-after">
2198wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
2199//# sourceURL=wp-i18n-js-after
2200</script>
vendor: 1 bytes, line 2200
2200
2201<script id="swv-js" src="https://chytomo.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.6"></script>
vendor: 1 bytes, line 2201
2201
2202<script id="contact-form-7-js-translations">
2203( function( domain, translations ) {
2204	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
2205	localeData[""].domain = domain;
2206	wp.i18n.setLocaleData( localeData, domain );
2207} )( "contact-form-7", {"translation-revision-date":"2025-12-27 13:54:22+0000","generator":"GlotPress\/4.0.3","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=3; plural=(n % 10 == 1 && n % 100 != 11) ? 0 : ((n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 12 || n % 100 > 14)) ? 1 : 2);","lang":"uk_UA"},"This contact form is placed in the wrong place.":["\u0426\u044f \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0430 \u0444\u043e\u0440\u043c\u0430 \u0440\u043e\u0437\u043c\u0456\u0449\u0435\u043d\u0430 \u0432 \u043d\u0435\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u043c\u0443 \u043c\u0456\u0441\u0446\u0456."],"Error:":["\u041f\u043e\u043c\u0438\u043b\u043a\u0430:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
2208//# sourceURL=contact-form-7-js-translations
2209</script>
vendor: 1 bytes, line 2209
2209
2210<script id="contact-form-7-js-before">
2211var wpcf7 = {
2212    "api": {
2213        "root": "https:\/\/chytomo.com\/wp-json\/",
2214        "namespace": "contact-form-7\/v1"
2215    }
2216};
2217//# sourceURL=contact-form-7-js-before
2218</script>
vendor: 1 bytes, line 2218
2218
2219<script id="contact-form-7-js" src="https://chytomo.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.6"></script>
vendor: 1 bytes, line 2219
2219
2220<script id="liqpay_donate-js" src="https://chytomo.com/wp-content/plugins/liqpay-for-donate/js/liqpay.js?ver=5.1"></script>
vendor: 1 bytes, line 2220
2220
2221<script id="ppress-frontend-script-js-extra">
2222var pp_ajax_form = {"ajaxurl":"https://chytomo.com/wp-admin/admin-ajax.php","confirm_delete":"Are you sure?","deleting_text":"Deleting...","deleting_error":"An error occurred. Please try again.","nonce":"a1e124fd06","disable_ajax_form":"false","is_checkout":"0","is_checkout_tax_enabled":"0","is_checkout_autoscroll_enabled":"true"};
2223//# sourceURL=ppress-frontend-script-js-extra
2224</script>
vendor: 1 bytes, line 2224
2224
2225<script id="ppress-frontend-script-js" src="https://chytomo.com/wp-content/plugins/wp-user-avatar/assets/js/frontend.min.js?ver=4.17.0"></script>
vendor: 1 bytes, line 2225
2225
2226<script id="wp-emoji-settings" type="application/json">
2227{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://chytomo.com/wp-includes/js/wp-emoji-release.min.js?ver=7.0.3"}}
2228</script>
vendor: 1 bytes, line 2228
2228
2229<script type="module">
2230/*! This file is auto-generated */
2231var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
2232//# sourceURL=https://chytomo.com/wp-includes/js/wp-emoji-loader.min.js
2233</script>
2233
2234
2235    </body>
2236</html>
2237
2238<!-- SiteGist Speed: сторінка з кешу, згенеровано 02.10.2026 00:58:46, час генерації сторінки 1 с. -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.