PageSourceSearch

https://warmuseum.kyiv.ua/news/show/istoriia-dlia-naimensix

html warmuseum.kyiv.ua collected 2026-09-24 22:50:06 UTC 105,206 bytes, 2,438 lines download raw bytes

1<!doctype html>
2<html lang="uk">
3<head>
4    <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 4-5
4
5    <script async src="https://www.googletagmanager.com/gtag/js?id=
5G-HHNS30PVX3
vendor: 16 bytes, lines 5-6
5"></script>
6    
6<script>
7        
vendor: 151 bytes, lines 7-10
7window.dataLayer = window.dataLayer || [];
8        function gtag(){dataLayer.push(arguments);}
9        gtag('js', new Date());
10        gtag('config', '
10G-HHNS30PVX3
vendor: 8 bytes, lines 10-11
10');
11    
11</script>
11
12
13    <meta charset="UTF-8">
14    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
15    <meta http-equiv="X-UA-Compatible" content="ie=edge">
16    <meta name="robots" content="index, follow"> 
17    
18    <meta name="description" content="У Музеї війни відбудеться дитячий воркшоп «Історія для найменших» із ліплення з пластиліну в просторі виставки «Війна: зворотна перспектива», де через творчість діти зможуть познайомитися з важливими історичними подіями ХХ–ХХІ століть.">
19    <meta name="keywords" content="Історія для найменших воркшоп, дитячий воркшоп Музей війни Київ, майстер-клас для дітей Київ музей, виставка Війна зворотна перспектива, події для дітей Музей війни, творчі заняття для дітей Київ музей, Анна Домбровська Музей війни, освітні заходи для дітей Київ, дитячі музейні заняття Київ, Музей війни події для дітей">
20    <link rel="alternate" hreflang="uk" href="https://warmuseum.kyiv.ua/news/show/istoriia-dlia-naimensix"/>
21    <link rel="alternate" hreflang="en" href="https://warmuseum.kyiv.ua/en/news/show/history-for-the-little-ones"/>
22<link rel="canonical" href="https://warmuseum.kyiv.ua/news/show/istoriia-dlia-naimensix" />
23
24    <title>Музей війни</title>
25    <link href="//fonts.googleapis.com/css?family=Noto+Sans:400,500,600&amp;subset=cyrillic" rel="stylesheet">
26    
27    
28    
29                <link rel="preload" as="style" href="https://warmuseum.kyiv.ua/assets/css/app-DYPrphb4.css" /><link rel="stylesheet" href="https://warmuseum.kyiv.ua/assets/css/app-DYPrphb4.css" />        <style>
30
31        .content-text > :first-child {
32            font-weight: bold;
33            margin-block-end: 2rem;
34        }
35
36        .content-text ul {
37            list-style-type: disc;
38            padding-left: 1.5rem;
39            /*text-wrap: balance;*/
40        }
41
42    </style>
43    <style>
44
45        .header--wrapper {
46            position: fixed;
47            top: 0;
48            left: 0;
49            width: 100%;
50            width: calc(100% - var(--scrollbar-width, 0px));
51            height: var(--header-height);
52            place-content: center;
53            transition: top .3s ease-in-out;
54            will-change: top;
55            /*transform: translateZ(0);*/ /* Прибираєм мерехтіння */
56            z-index: 99999;
57            background: var(--header-background-color);
58        }
59
60        .header--wrapper > :first-child {
61            display: grid;
62            grid-template-areas:
63                                    "logo topbar"
64                                    "logo nav";
65            grid-template-columns: max-content 1fr;
66            column-gap: 20px;
67        }
68
69        .header-logo-wrapper {
70            grid-area: logo;
71            display: grid;
72            place-content: flex-end flex-start;
73            z-index: 1;
74        }
75
76        /* ширина лого */
77        .header-logo-wrapper svg {
78            width: 230px;
79        }
80
81        /* колір лого */
82        .header-logo-wrapper path {
83            fill: var(--header-logo-fill-color);
84            transition: fill var(--menu-primary-link-animation-time-hover);
85        }
86
87        .header--wrapper.mobile.open .header-logo-wrapper path {
88            fill: var(--menu-mobile-open-logo-color);
89        }
90
91        /* розміри logo відносно ширини екрану */
92        @media (width < 1400px) {
93            .header-logo-wrapper svg {
94                width: 200px;
95            }
96        }
97
98        @media (width < 1200px) {
99            .header-logo-wrapper svg {
100                width: 190px;
101            }
102        }
103
104        @media (width < 400px) {
105            .header-logo-wrapper svg {
106                width: 180px;
107            }
108        }
109
110
111        .header--wrapper .service-bar-wrapper {
112            grid-area: topbar;
113            display: grid;
114            place-content: center flex-end;
115            z-index: 1;
116        }
117
118        .header-navigation {
119            grid-area: nav;
120            display: grid;
121            grid-auto-flow: column;
122            grid-template-columns: 1fr max-content;
123            grid-template-rows: 1fr;
124            column-gap: 20px;
125            place-content: flex-end flex-end;
126            transform: translateY(4px);
127        }
128
129        .mobile .header-navigation {
130            transform: none !important;
131            background: var(--menu-mobile-background);
132            clip-path: inset(0% 0% 100% 0%);
133        }
134
135        .btn-mobile-menu-wrapper {
136            grid-area: btnMobileMenu;
137            display: none;
138            place-content: flex-end flex-end;
139            z-index: 1;
140        }
141
142        /* mobile menu 1140px */
143        @media (width <= 1500px) {
144            .header--wrapper > div:first-child {
145                grid-template-areas:
146                                    "logo topbar"
147                                    "logo btnMobileMenu";
148            }
149
150            .header--wrapper .service-bar-wrapper {
151                place-content: flex-start flex-end;
152            }
153
154            .btn-mobile-menu-wrapper {
155                display: grid;
156            }
157
158            .header-navigation {
159                /*border: 4px solid Green;*/
160                position: fixed;
161                top: 0;
162                left: 0;
163                width: 100%;
164                height: 100%;
165                padding: var(--header-height) 2% 8% 2%;
166                grid-template-columns: 1fr;
167                grid-template-rows: .8fr .2fr;
168                row-gap: 20px;
169                grid-auto-flow: row;
170                place-items: center;
171                /*column-gap: revert;
172                place-content: revert;*/
173                /*transform: revert;*/
174            }
175        }
176
177        @media (width < 560px) {
178            .header-navigation {
179                grid-template-rows: .8fr .1fr .1fr;
180            }
181        }
182
183        .mobile-service-bar-wrapper,
184        .mobile-service-bar-wrapper path {
185            color: var(--text-main-color-inverse);
186            stroke: var(--text-main-color-inverse);
187        }
188
189        .mobile-service-bar-wrapper {
190            display: none;
191            grid-template-columns: repeat(auto-fill, 1fr);
192            grid-auto-flow: column;
193            column-gap: 20px;
194            align-items: center;
195        }
196
197        @media (width < 560px) {
198            .mobile-service-bar-wrapper {
199                display: grid;
200            }
201        }
202
203        /* ------ GLOBAL MENU ------ */
204        .menu {
205            display: grid;
206            grid-template-columns: repeat(auto-fill, 1fr);
207            grid-auto-flow: column;
208            padding-left: 0;
209            list-style-type: none;
210            white-space: nowrap;
211            font-family: var(--title-text-font), sans-serif;
212            font-weight: 500;
213            font-size: 18px;
214            line-height: normal;
215            align-content: flex-end;
216        }
217
218        .menu a,
219        .menu a path {
220            display: inline-block;
221            color: var(--menu-primary-link-color);
222            stroke: var(--menu-primary-link-color);
223            fill: none;
224            stroke-width: 2px;
225            stroke-linecap: round;
226            stroke-linejoin: round;
227        }
228
229        /*.menu a {
230            transition: all var(--menu-primary-link-animation-time-hover);
231        }*/
232
233        /* ------ PRIMARY MENU ------ */
234        .primary.menu {
235            gap: 20px;
236            place-content: flex-end center;
237        }
238
239        .header--wrapper .primary.menu li {
240            position: relative;
241            overflow: hidden;
242        }
243
244        .header--wrapper .primary.menu li a {
245            /* transition: all var(--menu-primary-link-animation-time-hover);*/
246            color: var(--text-main-color);
247        }
248
249        .header--wrapper.mobile .primary.menu li a {
250            transition: revert;
251            transform: translateY(100%);
252            opacity: 0;
253        }
254
255        .has-hover .header--wrapper .primary.menu li:hover a {
256            transform: translateY(-100%);
257            /*transition: all .45s;*/
258        }
259
260        .header--wrapper .primary.menu a:before {
261            content: attr(data-text);
262            color: var(--menu-primary-link-color-hover);
263            position: absolute;
264            left: 0;
265            top: 100%;
266        }
267
268        .header--wrapper.mobile .primary.menu {
269            grid-auto-flow: row;
270            gap: 5px;
271            text-align: center;
272        }
273
274        .header--wrapper.mobile .primary.menu a {
275            color: var(--menu-mobile-links-color);
276            font-size: 28px;
277            font-weight: bold;
278            line-height: normal;
279            letter-spacing: 1.25px;
280        }
281
282        @media (width < 380px) {
283            .header--wrapper.mobile .primary.menu {
284                gap: 5px;
285            }
286
287            .header--wrapper.mobile .primary.menu a {
288                font-size: 25px;
289                letter-spacing: 1.2px;
290            }
291        }
292
293        .footer-nav-wrapper .primary.menu {
294            grid-auto-flow: row;
295            place-self: revert;
296            place-content: revert;
297            row-gap: 10px;
298            font-size: 1.125rem;
299            font-weight: 500;
300            line-height: normal;
301            height: max-content;
302        }
303
304        .footer-nav-wrapper .primary.menu li a {
305            color: var(--menu-mobile-links-color);
306            /*transition: all var(--menu-primary-link-animation-time-hover);*/
307        }
308
309        .has-hover .footer-nav-wrapper .primary.menu li a:hover {
310            color: var(--menu-primary-link-color-hover);
311        }
312
313
314        /* ------ SECONDARY MENU ------ */
315        .secondary.menu {
316            gap: 20px;
317        }
318
319        .secondary.menu a {
320            display: grid;
321            grid-auto-flow: column;
322            gap: 8px;
323            place-items: center;
324        }
325
326        .secondary.menu a,
327        .secondary.menu a path {
328            /*transition: all var(--menu-primary-link-animation-time-hover);*/
329        }
330
331        .mobile .secondary.menu a,
332        .mobile .secondary.menu a path {
333            color: var(--menu-mobile-links-color);
334            stroke: var(--menu-mobile-links-color);
335        }
336
337        .mobile .secondary-menu-text {
338            width: max-content;
339        }
340
341        .mobile .secondary.menu a {
342            column-gap: 8px;
343        }
344
345        @media (width < 1600px) {
346            .secondary-menu-text {
347                width: 0;
348                overflow: clip;
349            }
350
351            .secondary.menu a {
352                column-gap: 0;
353            }
354        }
355
356        .footer-nav-wrapper .secondary.menu {
357            grid-auto-flow: row;
358            row-gap: 10px;
359            place-self: revert;
360            place-content: revert;
361            font-size: 1.125rem;
362            font-weight: 500;
363            line-height: normal;
364            height: max-content;
365        }
366
367        .footer-nav-wrapper .secondary.menu li a {
368            display: revert;
369            color: var(--menu-mobile-links-color);
370            /*transition: all var(--menu-primary-link-animation-time-hover);*/
371        }
372
373        .has-hover .footer-nav-wrapper .secondary.menu li a:hover {
374            color: var(--menu-primary-link-color-hover);
375        }
376
377        /* ------ HOVERS ------ */
378
379        .has-hover .menu.primary a,
380        .has-hover .menu.primary a path {
381            transition: all var(--menu-primary-link-animation-time-hover);
382        }
383
384        .has-hover .menu.secondary a,
385        .has-hover .menu.secondary a path {
386            transition: all var(--menu-secondary-link-animation-time-hover);
387        }
388
389        .has-hover .menu a:hover,
390        .has-hover .menu a:hover path {
391            color: var(--menu-primary-link-color-hover);
392            stroke: var(--menu-primary-link-color-hover);
393        }
394
395        .has-hover .mobile.open .primary.menu a:hover,
396        .has-hover .mobile.open .secondary.menu a:hover {
397            color: var(--menu-primary-link-color-hover);
398            transition: all var(--menu-primary-link-animation-time-hover);
399        }
400
401        .has-hover .mobile.open .primary.menu a:hover path,
402        .has-hover .mobile.open .secondary.menu a:hover path {
403            stroke: var(--menu-primary-link-color-hover);
404            transition: all var(--menu-primary-link-animation-time-hover);
405        }
406
407        .header--wrapper.mobile.open .service-bar-wrapper .icon--search path {
408            stroke: var(--menu-mobile-open-logo-color);
409        }
410
411        .has-hover .header--wrapper.mobile.open .icon--search:hover path {
412            stroke: var(--icon-stroke-color-hover);
413        }
414
415
416        .header--wrapper .icon--scheduler path {
417            fill: #126B20;
418        }
419
420        .header--wrapper .icon--scheduler.closed path {
421            fill: #B80808;
422        }
423
424        .header--wrapper.mobile.open .icon--scheduler path,
425        .header--wrapper.mobile.open .icon--scheduler.closed path {
426            fill: var(--menu-mobile-open-logo-color);
427        }
428
429
430        /* BURGER MENU BUTTON */
431        .btn-mobile-menu {
432            cursor: pointer;
433            position: relative;
434        }
435
436        .btn-mobile-menu:after {
437            content: "";
438            position: absolute;
439            inset: 0;
440            z-index: -1;
441            transform: scale(1.25);
442        }
443
444
445        /* BURGER */
446        .header__burger {
447            display: inline-flex;
448            flex-direction: column;
449            justify-content: center;
450            width: 30px;
451            height: 24px;
452            /*cursor: pointer;
453            pointer-events: initial;*/
454            vertical-align: middle;
455        }
456
457        .header__burger-line {
458            width: 100%;
459            height: 2px;
460            background-color: #000000;
461            margin-top: 4px;
462            margin-bottom: 4px;
463            transform: rotate(0deg) translateY(0px);
464            will-change: transform;
465            transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
466        }
467
468        .btn-mobile-menu.open .header__burger .header__burger-line {
469            background: var(--menu-primary-link-color-hover);
470        }
471
472        .btn-mobile-menu.open .header__burger .header__burger-line:nth-child(1) {
473            transform: translateY(5px) rotate(-45deg);
474        }
475
476        .btn-mobile-menu.open .header__burger .header__burger-line:nth-child(2) {
477            transform: translateY(-5px) rotate(45deg);
478        }
479
480        .search-wrapper .header__burger {
481            width: 50px;
482            height: 50px;
483            /*cursor: pointer;
484            pointer-events: initial;*/
485            vertical-align: middle;
486        }
487
488        .search-wrapper .header__burger-line {
489            transition: none !important;
490        }
491
492        .search-wrapper .header__burger .header__burger-line {
493            background: Black;
494        }
495
496        .search-wrapper .header__burger .header__burger-line:nth-child(1) {
497            transform: translateY(5px) rotate(-45deg);
498        }
499
500        .search-wrapper .header__burger .header__burger-line:nth-child(2) {
501            transform: translateY(-5px) rotate(45deg);
502        }
503
504        /* SEARCH CONTAINER */
505        .searchable {
506            position: fixed;
507            inset: 0;
508            width: 100%;
509            /*width: calc(100% - var(--scrollbar-width, 0px));*/
510            background: var(--color-light-beige);
511            z-index: 9999999999;
512            visibility: hidden;
513            opacity: 0;
514            transition: opacity .6s ease;
515        }
516
517        .searchable.active {
518            visibility: visible;
519            opacity: 1;
520            transition: opacity .2s ease;
521        }
522
523        .search-wrapper {
524            padding: 5svmax 0;
525            display: grid;
526            grid-template-rows: 50px max-content 1fr;
527            gap: 3rem;
528        }
529
530        .close-search {
531            place-self: flex-end;
532            cursor: pointer;
533        }
534
535        #search-input {
536            width: 100%;
537            max-width: 100%;
538            padding: 1rem 3.5rem;
539            font-size: 1.25rem;
540            border: 3px solid #7c7c7c;
541            border-radius: 8px;
542            transition: border-color 0.3s ease-in-out;
543            outline: none;
544            box-sizing: border-box;
545
546            background: url(https://warmuseum.kyiv.ua/storage/icons/search/search-for-input.svg) no-repeat;
547            background-size: 30px;
548            background-position-x: 14px;
549            background-position-y: 50%;
550        }
551
552        #search-input:focus {
553            border-color: #2e65a1;
554        }
555
556        #search-input::placeholder {
557            color: #7c7c7c;
558        }
559
560        .search-form h6 {
561            font-size: 1rem;
562            padding-top: .5rem;
563        }
564
565        .result-form {
566            display: grid;
567            grid-template-rows: 1fr;
568        }
569
570        .result-content-wrapper {
571            position: relative;
572        }
573
574        .result-content {
575            position: absolute;
576            inset: 0;
577            overflow-y: auto;
578            padding-right: 1rem; /* для отступа от скроллбара */
579            z-index: 999;
580            display: grid;
581            row-gap: 1.5rem;
582            /*height: max-content;*/
583        }
584
585        .search-item-wrapper{
586            display: grid;
587            gap: 1rem;
588            grid-template-columns: 1fr;
589            /*grid-template-columns: 150px 1fr;*/
590        }
591
592        .search-item-image  {
593            display: none;
594        }
595
596        .search-item-info {
597
598            & .search-item-text {
599                margin-block-start: 0.25rem;
600                margin-block-end: 0.25rem;
601            }
602
603            & .search-item-type {
604                margin-block-end: 0;
605            }
606        }
607
608        @media (width < 1500px) { /* 400 */
609            .search-item-wrapper{
610                display: grid;
611                gap: 1rem;
612                grid-template-columns: 1fr;
613            }
614
615            .search-item-image {
616                display: none;
617            }
618        }
619
620
621
622
623    </style>
624    <style>
625
626        .hero--inner {
627            padding-block-end: calc(var(--gap-40));
628            height: 100svh;
629        }
630
631        .hero--inner {
632            height: max-content;
633        }
634
635        .hero--inner-container {
636            display: grid;
637            grid-template-columns: repeat(2, 1fr);
638            /*gap: var(--gap-100);*/
639        }
640
641        .hero-page-title {
642            display: grid;
643            place-content: center;
644            padding-right: var(--gap-40);
645        / background: #DDD9D4;
646        }
647
648        .hero-page-title :is(h1, h2, h3) {
649            font-weight: bold;
650            text-wrap: balance;
651        }
652
653        .font-eUkraine {
654            font-family: var(--font-eukraine);
655            margin-block-start: 1rem;
656        }
657
658        .hero-page-title h5 {
659            color: #777777;
660            /*font-size: 18px;*/
661            text-transform: uppercase;
662            letter-spacing: 1.2px;
663        }
664
665        .hero-page-title h6 {
666            color: #777777;
667        / color: var(--color-sandy);
668        }
669
670        .hero-page-img {
671
672        }
673
674        @media (width < 768px) {
675
676            .hero--inner {
677                padding-block-end: 0;
678            }
679
680
681            .hero--inner-container {
682                grid-template-columns: repeat(1, 1fr);
683            }
684
685            .hero-page-title {
686                order: 2;
687                padding-right: 0;
688                margin: var(--gap-60) 0;
689            }
690
691            .hero-page-img {
692                order: 1;
693            }
694
695        }
696
697    </style>
698    <style>
699        .content-sidebar {
700
701        }
702
703        .news-list-item .flex-container {
704            height: 100%;
705        }
706
707        .content-sidebar.last_news {
708            display: flex;
709            flex-direction: column;
710            row-gap: var(--gap-30);
711        }
712
713        .content-team h6 {
714            font-family: var(--font-eukraine), sans-serif !important;
715            color: black;
716        }
717
718        .content-team p strong {
719            margin-top: 1.5rem;
720            font-weight: bold; /* Подчеркиваем заголовок каждой роли */
721        }
722
723        .content-text > :first-child {
724            font-weight: bold;
725            margin-block-end: 2rem;
726        }
727
728        .content-text a {
729            color: currentColor;
730            text-decoration-skip-ink: auto;
731            text-decoration: underline;
732            text-decoration-thickness: 0.2ex;
733            text-underline-offset: 0.5ex;
734        }
735
736        .content-text.text--anons p {
737            margin-block-end: .75em;
738        }
739
740        .content-text.text--anons p {
741            margin-block-start: 0.25rem !important;
742        }
743
744        .content-text.text--anons p:not(:first-child):has(> strong) {
745            margin-block-start: 2em;
746        }
747
748        strong {
749            display: inline;
750            margin: 0;
751            padding: 0;
752            white-space: normal;
753        }
754
755        .content-text .swiper-grid {
756            margin-block-end: 2rem;
757        }
758
759    </style>
760    <style>
761
762        footer {
763            position: fixed;
764            bottom: 0;
765            left: 0;
766            /*width: 100%;*/
767            width: calc(100% - var(--scrollbar-width, 0px));
768        }
769
770        footer.mobile {
771            position: static;
772        }
773
774        .footer--wrapper {
775            /*background: var(--background-color-footer);*/
776            /*background: var(--color-slate-blue);*/
777            background: var(--color-cadet-blue);
778            padding: 5rem 0;
779            color: var(--color-white);
780        }
781
782
783        .footer--wrapper :is(h6, h5, h4, h3, h2) {
784            font-family: var(--primary-category-font);
785            color: var(--color-sandy); /* --color-lime --color-neon-green */
786        }
787
788        .footer--wrapper > :first-child {
789            display: grid;
790            grid-template-areas:
791                                    "footer-nav footer-info"
792                                    "footer-control footer-info"
793                                    "footer-copyright footer-info";
794            grid-template-columns: 1fr 1fr;
795            row-gap: 40px;
796            column-gap: 80px;
797        }
798
799
800        .footer-nav-wrapper {
801            grid-area: footer-nav;
802            display: grid;
803            grid-template-areas: "primary-nav secondary-nav";
804            grid-template-columns: 1fr 1fr;
805            gap: 20px;
806        }
807
808        .footer-nav-wrapper .menu.primary {
809            grid-area: primary-nav;
810        }
811
812        .footer-nav-wrapper .menu.secondary {
813            grid-area: secondary-nav;
814            text-wrap: balance;
815            font-size: 16px;
816            font-family: var(--primary-text-font);
817            font-weight: normal;
818        }
819
820        .useful {
821            list-style-type: disc;
822        }
823
824        .useful li {
825            margin-bottom: 6px;
826        }
827
828
829        .footer-control-wrapper {
830            grid-area: footer-control;
831            display: grid;
832            width: max-content;
833            column-gap: 30px;
834            grid-template-columns: repeat(auto-fit, max-content);
835            grid-auto-flow: column;
836            align-content: center;
837        }
838
839        .footer-copyrights-wrapper {
840            grid-area: footer-copyright;
841            color: var(--text-main-color-inverse);
842            font-size: 12px;
843            align-content: flex-end;
844        }
845
846
847        .footer-info-wrapper {
848            grid-area: footer-info;
849            display: grid;
850            grid-template-areas:
851                                "contacts-info social"
852                                "schedule-info schedule-info"
853                                "links-info links-info";
854            grid-template-columns: 1fr max-content;
855            row-gap: 40px;
856            column-gap: 60px;
857        }
858
859        .contacts-info-wrapper {
860            grid-area: contacts-info;
861        }
862
863        .schedule-info-wrapper {
864            grid-area: schedule-info;
865        }
866
867        .links-info-wrapper {
868            grid-area: links-info;
869            align-content: flex-end;
870        }
871
872        .links-info-wrapper p {
873            font-size: 12px;
874            margin-top: .5em;
875        }
876
877        .social-info-wrapper {
878            grid-area: social;
879            /*justify-items: flex-end;*/
880        }
881
882        @media (width <= 1366px) {
883            .social-info-wrapper {
884                /*justify-items: flex-start;*/
885            }
886        }
887
888        .head-info-wrapper {
889            /*grid-area: head;*/
890            grid-area: 2 / 2 / 4 / 3; /* 2 row 2 col / 3 row 3 col */
891            position: relative;
892            display: grid;
893            place-items: end end;
894            /*overflow: clip;*/
895        }
896
897        .head-info-wrapper svg {
898            max-width: 80%;
899            /* width: 200px;*/
900            /* height: auto;*/
901            fill: rgb(255, 255, 255, .2);
902            mix-blend-mode: soft-light;
903            /*position: absolute; !* Position the SVG absolutely within the container *!
904            bottom: 0;
905            left: 0;
906            height: auto;
907            width: auto;
908            object-fit: cover;
909            fill: rgb(255, 255, 255, .2);
910            mix-blend-mode: soft-light;
911            object-position: bottom left;*/
912        }
913
914
915        .footer-info-wrapper .social-icons-wrapper {
916            display: grid;
917            grid-template-columns: repeat(5, max-content);
918            grid-auto-flow: row;
919            gap: 10px;
920        }
921
922        .footer-info-wrapper p {
923            margin-bottom: 0;
924        }
925
926        /* BREAKPOINTS */
927        @media (width <= 1366px) {
928            .footer--wrapper > :first-child {
929                column-gap: 60px;
930            }
931        }
932
933        @media (width < 1023px) {
934            .footer--wrapper > :first-child {
935                grid-template-areas:
936                                    "footer-info"
937                                    "footer-nav"
938                                    "footer-control"
939                                    "footer-copyright";
940                grid-template-columns: 1fr;
941                gap: 40px;
942            }
943
944            .footer-info-wrapper {
945                grid-area: footer-info;
946                display: grid;
947                grid-template-areas:
948                                    "contacts-info social"
949                                    "schedule-info schedule-info"
950                                    "links-info links-info";
951                grid-template-columns: 1fr 1fr;
952                gap: 30px;
953            }
954
955            .footer-nav-wrapper {
956                grid-template-areas: "secondary-nav";
957                grid-template-columns: 1fr;
958                gap: 0;
959            }
960
961            .footer-nav-wrapper .menu.primary {
962                display: none;
963            }
964
965            .footer--wrapper {
966                padding: 3rem 0;
967            }
968
969            .useful {
970                list-style-type: none;
971            }
972
973        }
974
975        @media (width < 550px) {
976            .footer--wrapper > :first-child {
977                gap: 40px;
978            }
979
980            .footer-control-wrapper {
981                padding: 0 0;
982            }
983
984            .footer-info-wrapper {
985                grid-area: footer-info;
986                display: grid;
987                grid-template-areas:
988                                    "contacts-info"
989                                    "schedule-info"
990                                    "social"
991                                    "links-info";
992                grid-template-columns: 1fr;
993                gap: 30px;
994            }
995
996            .footer-info-wrapper .social-icons-wrapper {
997                grid-auto-flow: column;
998                width: max-content;
999            }
1000
1001            /*.footer-nav-wrapper {
1002                display: none;
1003            }*/
1004
1005            .head-info-wrapper {
1006                display: none;
1007            }
1008        }
1009
1010    </style>
1011    <style>
1012
1013        .service-bar {
1014            display: grid;
1015            grid-template-columns: repeat(3, max-content); /* repeat(auto-fill, 1fr) repeat(4, max-content) */
1016            column-gap: 20px;
1017            font-size: 16px;
1018            place-items: center;
1019        }
1020
1021        .footer--wrapper .service-bar {
1022            color: white !important;
1023            fill: white !important;
1024        }
1025
1026        .footer--wrapper .service-bar .icon--search {
1027            display: none;
1028        }
1029
1030        @media (width < 560px) {
1031            .header--wrapper .service-bar {
1032                grid-template-columns: max-content;
1033            }
1034
1035            .footer--wrapper .service-bar {
1036                place-content: center;
1037            }
1038
1039            .header--wrapper .lang-switcher, .header--wrapper .icon--search, .header--wrapper .icon-theme-switcher {
1040                display: none !important;
1041            }
1042        }
1043
1044        /* переключение языка в моб версии виден всегда */
1045        .mobile-service-bar-wrapper .lang-switcher {
1046            display: grid !important;
1047        }
1048
1049        .mobile-service-bar-wrapper .icon-theme-switcher {
1050            display: block !important;
1051        }
1052
1053        .mobile-service-bar-wrapper .icon--search {
1054            display: block !important;
1055        }
1056
1057        .scheduler {
1058            display: grid;
1059            grid-template-columns: max-content max-content;
1060            column-gap: 6px;
1061            place-items: center;
1062        }
1063
1064        .scheduler-description {
1065            font-family: var(--primary-text-font), sans-serif;
1066            font-weight: normal;
1067            color: var(--text-main-color);
1068            transition: color var(--menu-primary-link-animation-time-hover);
1069            /* font-size: 14px;*/
1070        }
1071
1072        .header--wrapper.mobile.open .scheduler-description {
1073            color: var(--menu-mobile-open-logo-color);
1074        }
1075
1076        .footer--wrapper .scheduler-description {
1077            color: var(--text-main-color-inverse);
1078        }
1079
1080    </style>
1081    <style>
1082        .active-item a {
1083            color: var(--color-green) !important;
1084        }
1085
1086        /*.active-menu-item, .active-menu-item a {
1087            cursor: pointer;
1088            pointer-events: auto;
1089        }*/
1090
1091        .special-item a {
1092            color: red !important;
1093        }
1094
1095    </style>
1096
1097
1098    <style>
1099        .active-menu-item a {
1100            color: var(--color-green) !important;
1101            pointer-events: none;
1102        }
1103
1104        .active-item a {
1105            color: var(--color-green) !important;
1106        }
1107    </style>
1108    <style>
1109        .lang-switcher {
1110            display: grid;
1111            grid-auto-flow: column;
1112            column-gap: 6px;
1113            align-content: center;
1114            font-weight: 600;
1115        }
1116
1117        .lang-switcher a,
1118        .lang-separator {
1119            color: var(--text-main-color);
1120            padding: 0 4px;
1121            text-decoration: none;
1122            font-size: 18px;
1123           /* transition: all var(--menu-primary-link-animation-time-hover);*/
1124        }
1125
1126        .header--wrapper.mobile.open .lang-switcher a,
1127        .header--wrapper.mobile.open .lang-separator,
1128        .footer--wrapper .lang-switcher a,
1129        .footer--wrapper .lang-separator {
1130            color: var(--text-main-color-inverse);
1131        }
1132
1133        .lang-separator {
1134            transition: all var(--menu-primary-link-animation-time-hover);
1135        }
1136
1137        .header--wrapper.mobile.open .service-bar-wrapper .lang-switcher a,
1138        .header--wrapper.mobile.open .service-bar-wrapper .lang-separator {
1139            color: var(--menu-mobile-open-logo-color);
1140        }
1141
1142        .has-hover .header--wrapper.mobile.open .lang-switcher a:hover {
1143            color: var(--menu-primary-link-color-hover);
1144        }
1145
1146        .has-hover .lang-switcher a:hover {
1147            color: var(--menu-primary-link-color-hover);
1148        }
1149
1150        .lang-switcher a.active-language {
1151            pointer-events: none;
1152            /*font-weight: 600;*/
1153            color: var(--menu-primary-link-color-hover) !important;
1154        }
1155
1156    </style>
1157    <style>
1158        .lang-switcher {
1159            display: grid;
1160            grid-auto-flow: column;
1161            column-gap: 6px;
1162            align-content: center;
1163            font-weight: 600;
1164        }
1165
1166        .lang-switcher a,
1167        .lang-separator {
1168            color: var(--text-main-color);
1169            padding: 0 4px;
1170            text-decoration: none;
1171            font-size: 18px;
1172           /* transition: all var(--menu-primary-link-animation-time-hover);*/
1173        }
1174
1175        .header--wrapper.mobile.open .lang-switcher a,
1176        .header--wrapper.mobile.open .lang-separator,
1177        .footer--wrapper .lang-switcher a,
1178        .footer--wrapper .lang-separator {
1179            color: var(--text-main-color-inverse);
1180        }
1181
1182        .lang-separator {
1183            transition: all var(--menu-primary-link-animation-time-hover);
1184        }
1185
1186        .header--wrapper.mobile.open .service-bar-wrapper .lang-switcher a,
1187        .header--wrapper.mobile.open .service-bar-wrapper .lang-separator {
1188            color: var(--menu-mobile-open-logo-color);
1189        }
1190
1191        .has-hover .header--wrapper.mobile.open .lang-switcher a:hover {
1192            color: var(--menu-primary-link-color-hover);
1193        }
1194
1195        .has-hover .lang-switcher a:hover {
1196            color: var(--menu-primary-link-color-hover);
1197        }
1198
1199        .lang-switcher a.active-language {
1200            pointer-events: none;
1201            /*font-weight: 600;*/
1202            color: var(--menu-primary-link-color-hover) !important;
1203        }
1204
1205    </style>
1206    <style>
1207        .lang-switcher {
1208            display: grid;
1209            grid-auto-flow: column;
1210            column-gap: 6px;
1211            align-content: center;
1212            font-weight: 600;
1213        }
1214
1215        .lang-switcher a,
1216        .lang-separator {
1217            color: var(--text-main-color);
1218            padding: 0 4px;
1219            text-decoration: none;
1220            font-size: 18px;
1221           /* transition: all var(--menu-primary-link-animation-time-hover);*/
1222        }
1223
1224        .header--wrapper.mobile.open .lang-switcher a,
1225        .header--wrapper.mobile.open .lang-separator,
1226        .footer--wrapper .lang-switcher a,
1227        .footer--wrapper .lang-separator {
1228            color: var(--text-main-color-inverse);
1229        }
1230
1231        .lang-separator {
1232            transition: all var(--menu-primary-link-animation-time-hover);
1233        }
1234
1235        .header--wrapper.mobile.open .service-bar-wrapper .lang-switcher a,
1236        .header--wrapper.mobile.open .service-bar-wrapper .lang-separator {
1237            color: var(--menu-mobile-open-logo-color);
1238        }
1239
1240        .has-hover .header--wrapper.mobile.open .lang-switcher a:hover {
1241            color: var(--menu-primary-link-color-hover);
1242        }
1243
1244        .has-hover .lang-switcher a:hover {
1245            color: var(--menu-primary-link-color-hover);
1246        }
1247
1248        .lang-switcher a.active-language {
1249            pointer-events: none;
1250            /*font-weight: 600;*/
1251            color: var(--menu-primary-link-color-hover) !important;
1252        }
1253
1254    </style>
1255</head>
1256<body>
1257<div id="preloader-wrapper">
1258    <div class="preloader_elements">
1259        <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 154 123">
1260  <defs>
1261    <style>
1262      .unmasked-part {
1263        fill: #536872 !important;
1264        stroke: #536872 !important;
1265        stroke-linecap: round;
1266        stroke-linejoin: round;
1267        stroke-width: .3px;
1268      }
1269
1270      .cls-2 {
1271        fill: #ede9e5 !important;
1272        stroke: #ede9e5 !important;
1273        stroke-linecap: round;
1274        stroke-linejoin: round;
1275        stroke-width: .3px;
1276      }
1277    </style>
1278  </defs>
1279  <polygon class="unmasked-part" points="154 51.25 154 71.75 133.47 71.75 133.47 82 102.67 82 102.67 112.75 123.2 112.75 123.2 123 30.8 123 30.8 112.75 51.33 112.75 51.33 82 20.53 82 20.53 71.75 0 71.75 0 51.25 71.87 51.25 71.87 41 82.13 41 82.13 51.25 154 51.25"/>
1280  <g>
1281    <rect class="cls-2" x="61.59" y="30.75" width="10.27" height="10.25"/>
1282    <rect class="cls-2" x="51.33" y="20.5" width="10.27" height="10.25"/>
1283    <rect class="cls-2" x="51.33" y="10.25" width="10.27" height="10.25"/>
1284    <rect class="cls-2" x="61.6" width="10.27" height="10.25"/>
1285    <rect class="cls-2" x="41.06" y="10.25" width="10.27" height="10.25"/>
1286    <rect class="cls-2" x="61.6" y="20.5" width="10.27" height="10.25"/>
1287  </g>
1288  <g class="fire-mask">
1289    <rect class="unmasked-part" x="61.59" y="30.75" width="10.27" height="10.25"/>
1290    <rect class="unmasked-part" x="51.33" y="20.5" width="10.27" height="10.25"/>
1291    <rect class="unmasked-part" x="51.33" y="10.25" width="10.27" height="10.25"/>
1292    <rect class="unmasked-part" x="61.6" width="10.27" height="10.25"/>
1293    <rect class="unmasked-part" x="41.06" y="10.25" width="10.27" height="10.25"/>
1294    <rect class="unmasked-part" x="61.6" y="20.5" width="10.27" height="10.25"/>
1295  </g>
1296</svg>
1297
1298    </div>
1299    <div class="preloader_copyrights">&copy; 2026 Національний музей історії України у Другій світовій війні. Меморіальний комплекс.</div>
1300</div>
1301 <div id="fixed-element-wrapper">
1302    <a href="https://warmuseum.kyiv.ua/fundraising" class="fixed-element">
1303
1304        <img src="https://warmuseum.kyiv.ua/fundraising-img/zbir_button-ua-off.png"
1305            alt="" class="img-default">
1306        <img src="https://warmuseum.kyiv.ua/fundraising-img/zbir_button-ua-on.png"
1307            alt="" class="img-hover">
1308                
1309    </a>
1310</div>
1311<div id="modal-search"></div>
1312<div class="content-mask"></div>
1313<div class="cursor">
1314    <div class="cursor__inner">
1315        <img src="https://warmuseum.kyiv.ua/storage/arrows/left-right-drag.svg" alt="" style="width: 30px">
1316    </div>
1317</div>
1318<div id="map-wrapper">
1319    <div id="map"></div>
1320</div>
1321<div id="page-wrapper">
1322    <header>
1323
1324    <div class="searchable grid column--24">
1325        <div class="grid col--area-4-4 col--area-sm-3-3 col--area-xs-2-2">
1326            <div class="search-wrapper">
1327
1328                <div class="close-search">
1329                    <div class="header__burger">
1330                        <div class="header__burger-line"></div>
1331                        <div class="header__burger-line"></div>
1332                    </div>
1333                </div>
1334
1335                <div class="search-form">
1336                    <form id="search-form" method="POST" action="https://warmuseum.kyiv.ua/search" autocomplete="off">
1337                        <input type="hidden" name="_token" value="RjwuEXP1RbXNLxMz2yvRy2tpmCSzyxeiYwgUrIZL" autocomplete="off">                        <h3 class="search-title">Пошук</h3>
1338                        <input
1339                            type="text"
1340                            id="search-input"
1341                            name="q"
1342                            class="form-control"
1343                            placeholder="Введіть запит..."
1344                        />
1345                    </form>
1346                    <div class="search-error" style="color: red; margin-top: 5px;"></div>
1347                    <h6>Результати пошуку (<span class="counterContainer">0</span>)</h6>
1348                </div>
1349                <div class="result-form">
1350                    <div class="result-content-wrapper">
1351                        <div class="result-content" data-lenis-prevent>
1352
1353                        </div>
1354
1355                    </div>
1356                </div>
1357
1358            </div>
1359        </div>
1360    </div>
1361
1362
1363    <div class="grid column--24 header--wrapper">
1364        <div class="grid col--area-4-4 col--area-sm-3-3 col--area-xs-2-2">
1365            
1366            <div class="header-logo-wrapper">
1367                <a href="https://warmuseum.kyiv.ua" class="logo">
1368        <svg viewBox="0 0 250 84" xmlns="http://www.w3.org/2000/svg">
1369    <path class="logoPath" fill-rule="evenodd" clip-rule="evenodd" d="M37.6641 1.30651V0.348511H38.3208V1.30651H39.1102H39.8147V2.13874H39.1102V3.34962H37.6641V1.59686V1.30651ZM12.1611 5.24423V7.06657V7.23917V9.50305H9.86719V7.06657H11.2337V5.24423H12.1611ZM12.1611 9.50305H16.5315V7.43585H19.7037H20.7054H22.7791H23.9998H24.8303V5.24423H27.0632V3.34963H31.2465V1.30652H35.6195V3.34963H37.664V5.24423V5.58943V7.43585H31.3473V11.989H22.7791V9.50305H20.7054V11.989H16.5315V14.0576H12.1611V9.50305ZM28.7124 67.4447H35.0954V65.3909H39.495V67.5129H35.0954V69.5855H37.4849H38.4561H38.6883V72.8649H34.3817V76.0239H30.8167H28.8106V78.2409H24.5862V81.6702H17.0835V83.5354H12.5327V80.8968H11.2749H6.42167V78.2409H3.22021V76.0239H19.197H20.3207V73.9259H22.474V71.8039H30.8167V69.9721H28.7124V67.4447ZM10.0621 14.0576H5.49805V16.1007H10.0621V14.0576ZM12.064 20.2605H14.419V22.6354H12.064V20.2605ZM10.0621 22.5257V19.3252V19.1285V18.2415H12.161V16.1248H10.0621V18.2415H7.91406V19.3252H9.32971V22.5257H10.0621ZM33.4326 9.71313H35.6908V11.9904H33.4326V9.71313ZM39.8147 11.9891H41.8537V14.1579H39.8147V11.9891ZM63.1255 22.5364H58.7883V20.9348V20.3836H54.1712H54.028H44.0773V22.5364H41.8537V20.3836H39.8145V14.1579H37.6641V11.9891H39.8147V9.71313H41.8539V11.989H54.1712V14.1579V14.2181V18.9559H61.0571V20.3836H61.617V20.9348H63.1255V22.5364ZM63.1255 22.5364L65.2921 22.5364V24.5674H63.1255L63.1255 22.5364ZM56.7903 24.6517V22.5364H48.2314V24.6517H56.7903ZM56.7903 24.6517V26.8206H60.9563V28.9266H65.2908V26.8206H63.1256V24.6517H56.7903ZM67.2997 31.0995H65.291V28.9266H69.5658V30.84V31.0995V33.2483H67.2997V31.0995ZM69.5654 25.381V24.5662H68.8675H68.5491H67.2993V26.822H68.8675V25.381H69.5654ZM7.78027 26.7002H10.1698V28.9427H7.78027V26.7002ZM7.77988 28.9427H3.64307V31.113H7.77988V28.9427ZM1.53906 37.55H2.54341V33.1387H5.91469V37.55H3.85823V39.6721H1.53906V37.55ZM37.7472 31.034V28.9427H35.6138V26.7002H33.4618V24.5554H22.7695V26.7002H14.2825V28.9427H12.1663V31.1129H9.95459V33.3433H12.1663V39.672H14.2811V37.55H16.3734V39.672H14.2825V41.7218H16.3747V43.9456H22.8652V45.9806H27.0697V43.9456H22.8652V41.7218H27.0697V39.672H20.7132V35.353H22.8652V33.1935H24.8739V35.353H27.071V37.55H31.2755V41.7941H33.4978V39.672H35.614V37.55H37.7474V35.3557H39.8808V33.0597H37.7474V35.3436H35.614V33.0597H31.3644V31.0339H18.6156V28.9427H22.7697V26.7002H31.2382V28.9427H33.3185V31.034H37.7472ZM16.3747 41.7218V39.672H18.5267V41.7218H16.3747ZM27.0684 35.345H29.0678V33.1948H27.0684V35.345ZM56.7904 39.66H58.8163V41.7753H61.0399V43.9629H65.2179V45.9806H73.8059V43.801H71.6898V41.6308H69.5657V39.5329H67.4402V37.5085H65.3253V35.3556H61.0399V33.1935H50.4246V31.0339H46.1206V33.1935H48.201V34.8686V35.4292V39.66H50.2813V41.7753H54.6198V39.66H52.5766V35.4292H54.6198V37.5085H56.7904V39.66ZM54.6196 41.7754H56.7889V43.963H54.6196V41.7754ZM67.2971 56.8024V58.9124H71.6846V56.8024H75.1687V54.6509H73.8061V52.4619H69.5114V50.2382H63.155V48.2125H60.9499V45.9807H58.8881V43.963H56.7905V52.4619H58.8881V56.6391H56.7905V58.6822H58.8881H60.1074H60.9499V56.8024H63.155V52.4619H65.2167V54.6509H67.2971V56.2351V56.8024ZM56.7902 54.5411H52.4504V52.5073H44.0414V54.6508H41.7992V56.783
13696H31.2383V52.5073H33.3359V50.2555H35.4879V48.2124H37.7473V50.2555H41.7992V49.2708V48.2125H39.7378V45.9807H41.7996V48.2124H48.3627V50.3291H54.6196V52.4619H56.7902V54.5411ZM5.91073 71.7825H3.63667V69.6417H2.30859V67.3832H7.88095V65.2357H12.25V69.6417H8.68364H7.88095H5.91073V71.7825ZM22.8892 67.3551H20.6284V69.635H22.8892V67.3551ZM78.3778 50.3292H77.9241V49.1237V48.2125H77.3496H76.5615H76.3943H75.8198V45.9807H76.5615V46.3741H77.3496V47.2933H80.0044V47.7536V48.2125V49.1237H78.3778V50.3292ZM75.82 41.7754H76.3944V39.66V39.2386V37.9126H74.2425V37.4055H73.668V39.66H74.0753H74.2425H75.82V41.7754ZM18.4897 71.7142H20.7373V73.8363H18.4897V71.7142ZM3.74663 65.3334V63.2274H18.597V60.9408H12.2365V58.8081H10.1482V56.7435H5.75135V58.8081H3.74663V58.5003V58.2916V56.7435H1.61719V58.5003H1.99133V64.5668H1.99001V65.3334H1.99133H2.9864H3.74663ZM5.75135 58.8081H7.8118V60.9408H5.75135V58.8081ZM2.19578 54.6241V56.7434H1.61731H0.705832H0.331688V54.6241V50.7064H0V48.1134H8.00562V50.4415H12.2366V54.6241H2.19578ZM56.7332 82.7406L50.1246 62.6253H45.3403V83.7347H47.8824V63.9218L54.341 83.7347H59.0961L65.6144 63.8013V83.7347H68.1565V62.6253H63.3417L56.7332 82.7406ZM73.571 62.6252L79.6409 75.0204V75.0177L85.0527 62.6226H87.7738L80.1477 80.0539C79.4697 81.6822 78.5489 82.8088 77.3814 83.431C76.2152 84.0545 74.566 84.1655 72.4326 83.7641V81.321C72.9898 81.4213 73.5099 81.4775 73.9876 81.4869C74.4665 81.4976 74.8699 81.4775 75.1989 81.4267C75.5279 81.3758 75.8371 81.2701 76.1263 81.1096C76.4142 80.949 76.6437 80.7991 76.8136 80.6573C76.982 80.5182 77.1532 80.3215 77.3217 80.07C77.4915 79.8184 77.6162 79.6083 77.6958 79.4371C77.7754 79.2672 77.8763 79.041 77.9957 78.7587L78.3247 77.9747L70.7888 62.6252H73.571ZM102.336 72.6375C103.333 72.2749 104.191 71.7076 104.909 70.9329C105.625 70.1596 105.985 69.1601 105.985 67.9331C105.985 66.2446 105.233 64.8919 103.728 63.8777C102.222 62.8635 100.293 62.3551 97.9408 62.3551C95.5885 62.3551 93.7642 62.8635 92.2291 63.8777C90.6941 64.8919 89.9272 66.2138 89.9272 67.8422V68.0843H92.529C92.529 67.1999 93.0477 66.4252 94.0839 65.7629C95.1201 65.0993 96.4362 64.7675 98.031 64.7675C99.6258 64.7675 100.937 65.0792 101.904 65.7027C102.87 66.3262 103.354 67.1196 103.354 68.0843C103.354 69.049 102.86 69.8893 101.873 70.5422C100.886 71.1965 99.5753 71.523 97.9408 71.523H94.2033V73.9046H97.9408C99.7956 73.9046 101.231 74.2565 102.247 74.9603C103.265 75.6641 103.773 76.5685 103.773 77.675C103.773 78.7816 103.235 79.7516 102.159 80.4661C101.081 81.1792 99.7054 81.5365 98.031 81.5365C96.3566 81.5365 94.876 81.1699 93.7695 80.4353C92.663 79.7008 92.1097 78.7923 92.1097 77.7058H89.5079V77.766C89.5079 79.4947 90.2761 80.9625 91.8099 82.1694C93.3462 83.3762 95.3881 83.9797 97.9408 83.9797C100.493 83.9797 102.566 83.3655 104.101 82.1386C105.636 80.913 106.403 79.4064 106.403 77.6148C106.403 76.3892 106.025 75.3429 105.267 74.4786C104.51 73.6142 103.532 73.0014 102.336 72.6388V72.6375ZM124.317 83.7347H109.096V62.6253H124.317V65.0671H111.727V71.9444H123.121V74.3568H111.727V81.2621H124.317V83.7347ZM130.327 82.469V62.6253H127.754V83.7347H132.629L142.678 63.6502V83.7347H145.247V62.6253H140.284L130.327 82.469ZM134.721 58.2982C135.16 58.7103 135.748 58.9163 136.486 58.9163H136.487C137.205 58.9163 137.783 58.7103 138.222 58.2982C138.66 57.8874 138.88 57.3696 138.88 56.7448H140.584C140.584 57.8312 140.195 58.7464 139.418 59.4903C138.64 60.2342 137.662 60.6062 136.487 60.6062C135.311 60.6062 134.334 60.2342 133.556 59.4903C132.779 58.7464 132.39 57.8312 132.39 56.7448H134.064C134.064 57.3696 134.283 57.8874 134.721 58.2982ZM169.649 72.9077C170.624 72.5063 171.393 71.8788 171.951 71.0225C172.508 70.1688 172.788 69.168 172.788 68.0227C172.788 66.4144 172.224 65.1126 171.098 64.1171C169.973 63.1216 168.451 62.6253 166.539 62.6253H156.969V83.7347H166.899C168.951 83.7347 170.562 83.2223 171.728 82.1974C172.894 81.1711 173.477 79.785 173.477 78.0349C173.477 75.4017 172.202 73.6918 169.65 72.9077H169.649ZM159.571 65.0069H166.449C167.625 65.0069 168.552 65.3133 169.23 65.9274C169.908 66.5415 170.247 67.3591 170.247 68.3853C170.247 69.4717 169.889 70.3348 169.17 70.9783C168.452 71.6232 167.496 71.9444 166.299 71.9444H159.57V65.0082L159.571 65.0069ZM169.754 80.3563C169.026 81.0012 168.024 81.3223 166.749 81.3223H159.571V74.1453H166.599C167.874 74.1453 168.901 74.4317 169.678 75.0043C170.456 75.577 170.846 76.4668 170.846 77.6736C170.846 78.8805 170.481 79.7141 169.754 80.3576V80.3563ZM180.235 65.0671H175.361V62.6253H187.712V65.0671H182.868V81.2621H187.712V83.7347H175.361V81.2621H180.235V65.0671ZM199.374 58.9163C198.636 58.9163 198.048 58.7103 197.609 58.2982C197.171 57.8874 196.952 57.3696 196.952 56.7448H195.278C195.278 57.8312 195.667 58.7464 196.444 59.4903C197.222 60.2342 198.2 60.6062 199.374 60.6062C200.548 60.6062 201.527 60.2342 202.305 59.4903C203.082 58.7464 203.471 57.8312 203.471 56.7448H201.767C201.767 57.3696 201.547 57.8874 201.109 58.2982C200.67 58.7103 200.091 58.9163 199.374 58.9163ZM193.214 62.6253V82.469L203.172 62.6253H208.136V83.7347H205.564V63.6502L195.517 83.7347H190.642V62.6253H193.214ZM226.227 71.9738H214.236V62.6253H211.605V83.7347H214.236V
136974.3568H226.227V83.7347H228.829V62.6253H226.227V71.9738ZM235.079 62.6253V82.469L245.038 62.6253H250V83.7347H247.43V63.6502L237.381 83.7347H232.507V62.6253H235.079Z" />
1370</svg>
1371
1372    </a>
1373            </div>
1374            
1375            <div class="service-bar-wrapper">
1376                <div class="service-bar">
1377    <div class="scheduler">
1378       
1379        <span class="icon icon--scheduler closed icon--28">
1380    <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
1381    <path class="clock" d="M28.001 16C28.001 22.628 22.628 28.001 16 28.001C9.37204 28.001 3.99902 22.628 3.99902 16C3.99902 9.37204 9.37204 3.99902 16 3.99902C22.628 3.99902 28.001 9.37204 28.001 16ZM16.6748 10.1038C16.6748 9.55154 16.2271 9.10382 15.6748 9.10382C15.1225 9.10382 14.6748 9.55154 14.6748 10.1038V17.1038C14.6748 17.6561 15.1225 18.1038 15.6748 18.1038H22.6748C23.2271 18.1038 23.6748 17.6561 23.6748 17.1038C23.6748 16.5515 23.2271 16.1038 22.6748 16.1038H16.6748V10.1038Z"/>
1382</svg>
1383
1384</span>
1385 
1386        <span class="scheduler-description">
1387                            зачинено
1388                    </span>
1389    </div>
1390    
1391    <a href="#" class="icon icon--search icon--28">
1392    <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
1393<path d="M16.1667 25.3333C21.2293 25.3333 25.3333 21.2293 25.3333 16.1667C25.3333 11.1041 21.2293 7 16.1667 7C11.104 7 7 11.1041 7 16.1667C7 21.2293 11.104 25.3333 16.1667 25.3333Z" />
1394<path d="M22.6484 22.6487L26.9737 26.9739" />
1395</svg>
1396
1397</a>
1398    <div class="lang-switcher">
1399            
1400                    
1401            <a href="#" class="active-language">UA</a>
1402                            <span class="lang-separator">|</span>
1403                    
1404                    <a href="https://warmuseum.kyiv.ua/en/news/show/history-for-the-little-ones">EN</a>
1405                    </div>
1406</div>
1407            </div>
1408            <div class="btn-mobile-menu-wrapper">
1409                <div class="btn-mobile-menu">
1410    <div class="header__burger">
1411        <div class="header__burger-line"></div>
1412        <div class="header__burger-line"></div>
1413    </div>
1414</div>
1415            </div>
1416            <nav class="header-navigation" role="navigation">
1417                
1418                <ul class="menu primary">
1419
1420    
1421    
1422
1423    
1424                    
1425            
1426                <li class="">
1427                    <a
1428                        href="https://warmuseum.kyiv.ua/visit"
1429                        data-text="Відвідати"> 
1430                        Відвідати
1431                    </a>
1432                </li>
1433
1434            
1435        
1436    
1437                    
1438            
1439                <li class="">
1440                    <a
1441                        href="https://warmuseum.kyiv.ua/exhibitions"
1442                        data-text="Виставки"> 
1443                        Виставки
1444                    </a>
1445                </li>
1446
1447            
1448        
1449    
1450                    
1451            
1452                <li class="">
1453                    <a
1454                        href="https://warmuseum.kyiv.ua/collection"
1455                        data-text="Колекція"> 
1456                        Колекція
1457                    </a>
1458                </li>
1459
1460            
1461        
1462    
1463                    
1464            
1465                <li class="">
1466                    <a
1467                        href="https://warmuseum.kyiv.ua/education"
1468                        data-text="Просвіта"> 
1469                        Просвіта
1470                    </a>
1471                </li>
1472
1473            
1474        
1475    
1476                    
1477            
1478                <li class="">
1479                    <a
1480                        href="https://warmuseum.kyiv.ua/research"
1481                        data-text="Дослідження"> 
1482                        Дослідження
1483                    </a>
1484                </li>
1485
1486            
1487        
1488    
1489                    
1490            
1491                <li class="">
1492                    <a
1493                        href="https://warmuseum.kyiv.ua/blog"
1494                        data-text="Блог"> 
1495                        Блог
1496                    </a>
1497                </li>
1498
1499            
1500        
1501    
1502                    
1503            
1504                <li class="">
1505                    <a
1506                        href="https://warmuseum.kyiv.ua/cooperation"
1507                        data-text="Співпраця"> 
1508                        Співпраця
1509                    </a>
1510                </li>
1511
1512            
1513        
1514    
1515                    
1516            
1517                <li class="">
1518                    <a
1519                        href="https://warmuseum.kyiv.ua/about-us"
1520                        data-text="Про нас"> 
1521                        Про нас
1522                    </a>
1523                </li>
1524
1525            
1526        
1527    </ul>
1528                <ul class="menu secondary">
1529
1530    
1531    
1532        
1533            <li>
1534                <a href="//warmuseum.event.net.ua/">
1535                    <span class="icon icon--header icon--16">
1536    <svg width="27" height="20" viewBox="0 0 27 20" xmlns="http://www.w3.org/2000/svg">
1537<path d="M10 1V19" stroke-dasharray="4 4"/>
1538<path d="M1 14C2.06087 14 3.07828 13.5786 3.82843 12.8284C4.57857 12.0783 5 11.0609 5 10C5 8.93913 4.57857 7.92172 3.82843 7.17157C3.07828 6.42143 2.06087 6 1 6V2C1 1.73478 1.10536 1.48043 1.29289 1.29289C1.48043 1.10536 1.73478 1 2 1H24C24.2652 1 24.5196 1.10536 24.7071 1.29289C24.8946 1.48043 25 1.73478 25 2V6C23.9391 6 22.9217 6.42143 22.1716 7.17157C21.4214 7.92172 21 8.93913 21 10C21 11.0609 21.4214 12.0783 22.1716 12.8284C22.9217 13.5786 23.9391 14 25 14V18C25 18.2652 24.8946 18.5196 24.7071 18.7071C24.5196 18.8946 24.2652 19 24 19H2C1.73478 19 1.48043 18.8946 1.29289 18.7071C1.10536 18.5196 1 18.2652 1 18V14Z"/>
1539</svg>
1540
1541</span>
1542
1543
1544                    <span class="secondary-menu-text">
1545                    Квитки
1546                </span>
1547                </a>
1548            </li>
1549
1550        
1551
1552
1553    </ul>
1554                <div class="mobile-service-bar-wrapper">
1555                    
1556                    <a href="#" class="icon icon--stroked icon--search icon--32">
1557    <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
1558<path d="M16.1667 25.3333C21.2293 25.3333 25.3333 21.2293 25.3333 16.1667C25.3333 11.1041 21.2293 7 16.1667 7C11.104 7 7 11.1041 7 16.1667C7 21.2293 11.104 25.3333 16.1667 25.3333Z" />
1559<path d="M22.6484 22.6487L26.9737 26.9739" />
1560</svg>
1561
1562</a>
1563                    <div class="lang-switcher">
1564            
1565                    
1566            <a href="#" class="active-language">UA</a>
1567                            <span class="lang-separator">|</span>
1568                    
1569                    <a href="https://warmuseum.kyiv.ua/en/news/show/history-for-the-little-ones">EN</a>
1570                    </div>
1571                </div>
1572
1573            </nav>
1574        </div>
1575    </div>
1576
1577</header>
1578
1579    
1580     
1581    
1582     
1583    
1584     
1585    
1586    <section class="hero hero--inner">
1587    <div class="grid column--24 h-100">
1588        <div class="col--area-4-4 col--area-sm-3-3 col--area-xs-2-2">
1589            <div class="container hero--inner-container">
1590                <div class="hero-page-title">
1591                                            <h5 class="h5">Анонс </h5>
1592                        <h1 class="h3 font-eUkraine">Історія для найменших</h1>
1593                                                                <h6 class="small font-eUkraine">Діти у Музеї / Екскурсії та інтерактиви / 26 вересня 2026</h6>
1594                                    </div>
1595                <div class="hero-page-img">
1596                    <img src="https://warmuseum.kyiv.ua/storage/static/images/announcement/announcement.jpg" alt="">
1597                </div>
1598            </div>
1599        </div>
1600    </div>
1601</section>
1602
1603    
1604    <section class="content">
1605    <div class="grid column--24">
1606        <div class="col--area-4-4 col--area-sm-3-3 col--area-xs-2-2">
1607            <div class="container container--content-endpoint">
1608
1609                <div class="content-wrapper">
1610
1611                   
1612
1613                    <div class="content-text text--anons">
1614                        <p>З нами можна дізнатися, що таке Музей і побачити речі, якими люди користувались багааато років тому. Ми будемо дивитися, ставити запитання і відкривати історію разом.</p>
1615<p>Зазирнемо в &laquo;Капсулу часу&raquo; та навіть разом створимо власну - таку, що залишиться на пам&rsquo;ять в музеї.</p>
1616<p>Вартість 100 грн для студентів, 150 грн для дорослих</p>
1617<p>Куратор: екскурсоводка Музею війни Анна Домбровська</p>
1618                    </div>
1619
1620                        
1621                    </div>
1622
1623                    <div class="content-sidebar-wrapper">
1624                        <div class="content-sidebar last_news sticky">
1625
1626                                                            
1627                                
1628                                <a href="https://warmuseum.kyiv.ua/ne
1628ws/show/vidkrittia-vistavki-za-nasu-i-vasu-svobodu" class="news-list-item">
1629                                    <div class="flex-container">
1630                                        <div class="news-list-image horizontal flex-item-25">
1631                                            
1632                                            
1633                                            
1634
1635                                            <img src="/images/__hashed/41/4156adcb45f6a3b4e374e5ae21c0b073f3ccdd27d2000e3f9255a7e3e2c48800.jpg" alt="">
1636                                        </div>
1637                                        <div class="content-wrap flex-item-75">
1638                                            
1639                                            
1640                                            
1641                                            
1642                                            <div>
1643                                                <span class="news-meta-marker"></span>
1644                                                <span class="news-meta-type">Виставки та презентації</span>
1645                                                
1646                                            </div>
1647                                            <h6 style="margin: 8px 0 2px 0; font-family: var(--font-eukraine)"><span>Відкриття виставки &quot;ЗА НАШУ І ВАШУ СВОБОДУ&quot;</span>
1648                                            </h6>
1649                                            
1650                                            <p class="news-meta-date">20 вересня 2026</p>
1651                                            
1652                                        </div>
1653                                    </div>
1654                                </a>
1655                                                            
1656                                
1657                                <a href="https://warmuseum.kyiv.ua/news/show/muzeinik-na-shhiti-pamiati-oleksandra-openka" class="news-list-item">
1658                                    <div class="flex-container">
1659                                        <div class="news-list-image horizontal flex-item-25">
1660                                            
1661                                            
1662                                            
1663
1664                                            <img src="/images/__hashed/3f/3faf2adb9e1ebd36e50ac4c35b42e78f0f215b4c1e47f1d2b5b56b99aaaabf73.jpg" alt="">
1665                                        </div>
1666                                        <div class="content-wrap flex-item-75">
1667                                            
1668                                            
1669                                            
1670                                            
1671                                            <div>
1672                                                <span class="news-meta-marker"></span>
1673                                                <span class="news-meta-type">Життя Музею</span>
1674                                                
1675                                            </div>
1676                                            <h6 style="margin: 8px 0 2px 0; font-family: var(--font-eukraine)"><span>Музейник на щиті. Пам’яті Олександра Опенька</span>
1677                                            </h6>
1678                                            
1679                                            <p class="news-meta-date">18 вересня 2026</p>
1680                                            
1681                                        </div>
1682                                    </div>
1683                                </a>
1684                                                            
1685                                
1686                                <a href="https://warmuseum.kyiv.ua/news/show/armors-islandske-mistectvo-u-stolici-ukrayini" class="news-list-item">
1687                                    <div class="flex-container">
1688                                        <div class="news-list-image horizontal flex-item-25">
1689                                            
1690                                            
1691                                            
1692
1693                                            <img src="/images/__hashed/8c/8cdb7e3ff6c584cb0690f79b7ede2c65f3ccdd27d2000e3f9255a7e3e2c48800.jpg" alt="">
1694                                        </div>
1695                                        <div class="content-wrap flex-item-75">
1696                                            
1697                                            
1698                                            
1699                                            
1700                                            <div>
1701                                                <span class="news-meta-marker"></span>
1702                                                <span class="news-meta-type">Виставки та презентації</span>
1703                                                
1704                                            </div>
1705                                            <h6 style="margin: 8px 0 2px 0; font-family: var(--font-eukraine)"><span>«ARMORS»: ісландське мистецтво у столиці України</span>
1706                                            </h6>
1707                                            
1708                                            <p class="news-meta-date">16 вересня 2026</p>
1709                                            
1710                                        </div>
1711                                    </div>
1712                                </a>
1713                            
1714                        </div>
1715                    </div>
1716
1717                </div>
1718            </div>
1719        </div>
1720</section>
1721
1722    
1723    <footer>
1724
1725    <div class="grid column--24 footer--wrapper">
1726        <div class="grid col--area-4-4 col--area-sm-3-3 col--area-xs-2-2">
1727            <nav class="footer-nav-wrapper">
1728                <ul class="menu primary">
1729                    
1730                                                    
1731                            <li>
1732                                <a href="https://warmuseum.kyiv.ua/visit">
1733                                    Відвідати
1734                                </a>
1735                            </li>
1736                        
1737                    
1738                                                    
1739                            <li>
1740                                <a href="https://warmuseum.kyiv.ua/exhibitions">
1741                                    Виставки
1742                                </a>
1743                            </li>
1744                        
1745                    
1746                                                    
1747                            <li>
1748                                <a href="https://warmuseum.kyiv.ua/collection">
1749                                    Колекція
1750                                </a>
1751                            </li>
1752                        
1753                    
1754                                                    
1755                            <li>
1756                                <a href="https://warmuseum.kyiv.ua/education">
1757                                    Просвіта
1758                                </a>
1759                            </li>
1760                        
1761                    
1762                                                    
1763                            <li>
1764                                <a href="https://warmuseum.kyiv.ua/research">
1765                                    Дослідження
1766                                </a>
1767                            </li>
1768                        
1769                    
1770                                                    
1771                            <li>
1772                                <a href="https://warmuseum.kyiv.ua/blog">
1773                                    Блог
1774                                </a>
1775                            </li>
1776                        
1777                    
1778                                                    
1779                            <li>
1780                                <a href="https://warmuseum.kyiv.ua/cooperation">
1781                                    Співпраця
1782                                </a>
1783                            </li>
1784                        
1785                    
1786                                                    
1787                            <li>
1788                                <a href="https://warmuseum.kyiv.ua/about-us">
1789                                    Про нас
1790                                </a>
1791                            </li>
1792                        
1793                                                                <li>
1794                            <a href="//warmuseum.event.net.ua/">
1795                                Квитки
1796                            </a>
1797                        </li>
1798
1799                                    </ul>
1800                <div class="menu secondary">
1801                    <h4>Корисні посилання</h4>
1802                    <ul class="useful">
1803                        <li><a href="//www.president.gov.ua/" class="link--underlined">Президент України</a></li>
1804                        <li><a href="//mcsc.gov.ua/" class="link--underlined">Міністерство культури України</a></li>
1805                        <li><a href="//howareu.com/" class="link--underlined">Ти як?</a></li>
1806                    </ul>
1807                </div>
1808
1809                
1810            </nav>
1811            <div class="footer-control-wrapper">
1812                <div class="scheduler">
1813                    
1814                    
1815                    <span class="icon icon--scheduler closed icon--28">
1816    <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
1817    <path class="clock" d="M28.001 16C28.001 22.628 22.628 28.001 16 28.001C9.37204 28.001 3.99902 22.628 3.99902 16C3.99902 9.37204 9.37204 3.99902 16 3.99902C22.628 3.99902 28.001 9.37204 28.001 16ZM16.6748 10.1038C16.6748 9.55154 16.2271 9.10382 15.6748 9.10382C15.1225 9.10382 14.6748 9.55154 14.6748 10.1038V17.1038C14.6748 17.6561 15.1225 18.1038 15.6748 18.1038H22.6748C23.2271 18.1038 23.6748 17.6561 23.6748 17.1038C23.6748 16.5515 23.2271 16.1038 22.6748 16.1038H16.6748V10.1038Z"/>
1818</svg>
1819
1820</span>
1821                    <span class="scheduler-description">
1822                                                    зачинено
1823                                            </span>
1824                </div>
1825                <div class="lang-switcher">
1826            
1827                    
1828            <a href="#" class="active-language">UA</a>
1829                            <span class="lang-separator">|</span>
1830                    
1831                    <a href="https://warmuseum.kyiv.ua/en/news/show/history-for-the-little-ones">EN</a>
1832                    </div>
1833            </div>
1834            <div class="footer-copyrights-wrapper">
1835                <span>&copy; 2026 Національний музей історії України у Другій світовій війні. Меморіальний комплекс.
1836Весь контент доступний за ліцензією Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International, якщо не зазначено інше.</span>
1837            </div>
1838            <div class="footer-info-wrapper">
1839                <div class="contacts-info-wrapper">
1840                    <h4>Контакти</h4>
1841                    <div style="margin-top: 1rem">
1842    <span class="link--withIcon">
1843        <span class="icon icon--contacts icon--26">
1844    <svg width="32" height="33" viewBox="0 0 32 33" xmlns="http://www.w3.org/2000/svg">
1845
1846<path d="M12 23.922V5.922"/>
1847<path d="M20 9.922V27.922"/>
1848<path d="M12 23.922L4 25.922V7.922L12 5.922L20 9.922L28 7.922V25.922L20 27.922L12 23.922Z"/>
1849</svg>
1850
1851</span>
1852        <span>м. Київ, вул. Лаврська, 27</span>
1853    </span>
1854</div>
1855<div>
1856    <span class="link--withIcon">
1857        <span class="icon icon--contacts icon--26">
1858    <svg width="33" height="33" viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg">
1859
1860<path d="M21.3114 18.2457C21.4499 18.1536 21.6092 18.0974 21.7749 18.0824C21.9406 18.0673 22.1074 18.0938 22.2602 18.1595L28.1552 20.8007C28.3539 20.8857 28.5197 21.0326 28.6278 21.2197C28.736 21.4067 28.7807 21.6237 28.7552 21.8382C28.561 23.2896 27.8463 24.6209 26.744 25.5848C25.6418 26.5487 24.2269 27.0794 22.7627 27.0782C18.254 27.0782 13.93 25.2872 10.7419 22.0991C7.55376 18.9109 5.7627 14.5869 5.7627 10.0782C5.76158 8.614 6.29229 7.19919 7.25615 6.09692C8.22 4.99465 9.55139 4.27995 11.0027 4.08575C11.2172 4.06026 11.4343 4.10494 11.6213 4.2131C11.8083 4.32126 11.9553 4.48709 12.0402 4.68575L14.6814 10.5857C14.7463 10.7373 14.7728 10.9025 14.7584 11.0667C14.744 11.231 14.6892 11.3891 14.5989 11.527L11.9277 14.7032C11.8329 14.8462 11.7769 15.0113 11.7651 15.1825C11.7532 15.3536 11.786 15.5248 11.8602 15.6795C12.8939 17.7957 15.0814 19.957 17.2039 20.9807C17.3594 21.0546 17.5315 21.0866 17.7031 21.0737C17.8747 21.0608 18.04 21.0033 18.1827 20.907L21.3114 18.2457Z"/>
1861
1862</svg>
1863
1864</span>
1865        <span>+38 (075) 933 14 77</span>
1866    </span>
1867</div>
1868<div>
1869    <span class="link--withIcon">
1870        <span class="icon icon--contacts icon--26">
1871    <svg width="33" height="33" viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg">
1872
1873<path d="M21.3114 18.2457C21.4499 18.1536 21.6092 18.0974 21.7749 18.0824C21.9406 18.0673 22.1074 18.0938 22.2602 18.1595L28.1552 20.8007C28.3539 20.8857 28.5197 21.0326 28.6278 21.2197C28.736 21.4067 28.7807 21.6237 28.7552 21.8382C28.561 23.2896 27.8463 24.6209 26.744 25.5848C25.6418 26.5487 24.2269 27.0794 22.7627 27.0782C18.254 27.0782 13.93 25.2872 10.7419 22.0991C7.55376 18.9109 5.7627 14.5869 5.7627 10.0782C5.76158 8.614 6.29229 7.19919 7.25615 6.09692C8.22 4.99465 9.55139 4.27995 11.0027 4.08575C11.2172 4.06026 11.4343 4.10494 11.6213 4.2131C11.8083 4.32126 11.9553 4.48709 12.0402 4.68575L14.6814 10.5857C14.7463 10.7373 14.7728 10.9025 14.7584 11.0667C14.744 11.231 14.6892 11.3891 14.5989 11.527L11.9277 14.7032C11.8329 14.8462 11.7769 15.0113 11.7651 15.1825C11.7532 15.3536 11.786 15.5248 11.8602 15.6795C12.8939 17.7957 15.0814 19.957 17.2039 20.9807C17.3594 21.0546 17.5315 21.0866 17.7031 21.0737C17.8747 21.0608 18.04 21.0033 18.1827 20.907L21.3114 18.2457Z"/>
1874
1875</svg>
1876
1877</span>
1878        <span>+38 (044) 285 88 15</span>
1879    </span>
1880</div>
1881
1882<div>
1883    <span class="link--withIcon">
1884        <span class="icon icon--contacts icon--26">
1885    <svg width="33" height="32" viewBox="0 0 33 32" xmlns="http://www.w3.org/2000/svg">
1886
1887<path d="M4.7627 12V25C4.7627 25.2652 4.86805 25.5196 5.05559 25.7071C5.24313 25.8946 5.49748 26 5.7627 26H27.7627C28.0279 26 28.2823 25.8946 28.4698 25.7071C28.6573 25.5196 28.7627 25.2652 28.7627 25V12L16.7627 4L4.7627 12Z"/>
1888<path d="M14.5813 19L5.07129 25.7175"/>
1889<path d="M28.4538 25.7175L18.9438 19"/>
1890<path d="M28.7627 12L18.9452 19H14.5814L4.7627 12"/>
1891
1892</svg>
1893
1894</span>
1895        <span>[email protected]</span>
1896    </span>
1897</div>
1898
1899                </div>
1900                <div class="schedule-info-wrapper">
1901                    <h4>Графік роботи</h4>
1902                    
1903                    <div>
1904        <span class="link--withIcon link--not-active">
1905            <span class="icon icon--contacts icon--26">
1906    <svg width="33" height="33" viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg">
1907
1908<path d="M16.5552 28.0959C23.1826 28.0959 28.5552 22.7234 28.5552 16.0959C28.5552 9.46852 23.1826 4.09594 16.5552 4.09594C9.92776 4.09594 4.55518 9.46852 4.55518 16.0959C4.55518 22.7234 9.92776 28.0959 16.5552 28.0959Z"/>
1909<path d="M16.6533 10.5236V16.5236L21.6533 19.5236"/>
1910
1911</svg>
1912
1913</span>
1914            <span>Понеділок - П’ятниця 10:00 - 18:00</span>
1915        </span>
1916    </div>
1917    <div>
1918        <span class="link--withIcon link--not-active">
1919            <span class="icon icon--contacts icon--26">
1920    <svg width="33" height="33" viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg">
1921
1922<path d="M16.5552 28.0959C23.1826 28.0959 28.5552 22.7234 28.5552 16.0959C28.5552 9.46852 23.1826 4.09594 16.5552 4.09594C9.92776 4.09594 4.55518 9.46852 4.55518 16.0959C4.55518 22.7234 9.92776 28.0959 16.5552 28.0959Z"/>
1923<path d="M16.6533 10.5236V16.5236L21.6533 19.5236"/>
1924
1925</svg>
1926
1927</span>
1928            <span>Субота - Неділя 10:00 - 19:00</span>
1929        </span>
1930    </div>
1931    <div>
1932    <div class="link--withIcon link--not-active">
1933        <span class="icon icon--contacts icon--26">
1934    <svg width="41" height="41" viewBox="0 0 41 41" xmlns="http://www.w3.org/2000/svg">
1935
1936<path d="M5.76025 26.0527C7.12549 26.0527 8.43482 25.5104 9.40019 24.545C10.3656 23.5796 10.9079 22.2703 10.9079 20.9051C10.9079 19.5398 10.3656 18.2305 9.40019 17.2651C8.43482 16.2998 7.12549 15.7574 5.76025 15.7574V10.6098C5.76025 10.2685 5.89584 9.94115 6.13718 9.6998C6.37852 9.45846 6.70585 9.32288 7.04716 9.32288H35.3592C35.7005 9.32288 36.0278 9.45846 36.2692 9.6998C36.5105 9.94115 36.6461 10.2685 36.6461 10.6098V15.7574C35.2809 15.7574 33.9716 16.2998 33.0062 17.2651C32.0408 18.2305 31.4985 19.5398 31.4985 20.9051C31.4985 22.2703 32.0408 23.5796 33.0062 24.545C33.9716 25.5104 35.2809 26.0527 36.6461 26.0527V31.2004C36.6461 31.5417 36.5105 31.869 36.2692 32.1103C36.0278 32.3517 35.7005 32.4873 35.3592 32.4873H7.04716C6.70585 32.4873 6.37852 32.3517 6.13718 32.1103C5.89584 31.869 5.76025 31.5417 5.76025 31.2004V26.0527Z" fill="white"/>
1937<path class="line" d="M17.3418 9.32288V32.4873" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5.15 5.15"/>
1938
1939</svg>
1940
1941<!-- stroke="white" -->
1942
1943</span>
1944        <span>Каса зачиняється за 30 хв. до закриття Музею</span>
1945    </div>
1946</div>
1947<div>
1948    <div class="link--withIcon link--not-active">
1949        <span class="icon icon--alarm icon--26">
1950    <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
1951<path d="M16 27C22.0751 27 27 22.0751 27 16C27 9.92487 22.0751 5 16 5C9.92487 5 5 9.92487 5 16C5 22.0751 9.92487 27 16 27Z"/>
1952<path d="M15.9793 18.501C15.4521 18.501 15.0155 18.0917 14.9814 17.5656L14.4957 10.0646C14.4584 9.48812 14.9159 9 15.4936 9H16.5064C17.0841 9 17.5416 9.48812 17.5043 10.0646L17.0186 17.5656C16.9845 18.0917 16.5479 18.501 16.0207 18.501H15.9793ZM15.4268 22.7021C14.8745 22.7021 14.4268 22.2544 14.4268 21.7021V21.083C14.4268 20.5307 14.8745 20.083 15.4268 20.083H16.5732C17.1255 20.083 17.5732 20.5307 17.5732 21.083V21.7021C17.5732 22.2544 17.1255 22.7021 16.5732 22.7021H15.4268Z" />
1953</svg>
1954
1955</span>
1956        <span>Під час повітряної тривоги Музей не працює</span>
1957    </div>
1958</div>
1959
1960                </div>
1961                <div class="links-info-wrapper">
1962                    <p><a href="https://warmuseum.kyiv.ua/rules" class="link--underlined">Правила відвідування</a></p>
1963                    <p><a href="https://warmuseum.kyiv.ua/terms" class="link--underlined">Терміни та умови</a></p>
1964                    <p><a href="https://warmuseum.kyiv.ua/privacy-policy" class="link--underlined">Політика конфіденційності</a></p>
1965                </div>
1966                <div class="social-info-wrapper">
1967                    <h4>Ми в соцмережах</h4>
1968                    <div class="social-icons-wrapper">
1969                        <a href="//www.facebook.com/warmuseum.kyiv.ua" class="icon icon--social icon--32">
1970    <svg width="48" height="49" viewBox="0 0 48 49" xmlns="http://www.w3.org/2000/svg">
1971<path d="M24 0.376404C10.7452 0.376404 0 11.1216 0 24.3764C0 37.6312 10.7452 48.3764 24 48.3764C37.2548 48.3764 48 37.6312 48 24.3764C48 11.1216 37.2548 0.376404 24 0.376404ZM26.5016 25.4306V38.4879H21.0991V25.4311H18.4V20.9315H21.0991V18.23C21.0991 14.5592 22.6231 12.3764 26.9532 12.3764H30.5581V16.8765H28.3048C26.6192 16.8765 26.5077 17.5053 26.5077 18.6789L26.5016 20.931H30.5836L30.1059 25.4306H26.5016Z"/>
1972</svg>
1973
1974</a>
1975                        <a href="//x.com/warmuseum_ua" class="icon icon--social icon--32">
1976    <svg width="48" height="49" viewBox="0 0 48 49" xmlns="http://www.w3.org/2000/svg">
1977<path fill-rule="evenodd" clip-rule="evenodd" d="M24 48.3764C37.2548 48.3764 48 37.6312 48 24.3764C48 11.1216 37.2548 0.376404 24 0.376404C10.7452 0.376404 0 11.1216 0 24.3764C0 37.6312 10.7452 48.3764 24 48.3764ZM34.6289 13.5132H30.9324L24.8401 20.4557L19.5737 13.5132H11.9463L21.0597 25.3962L12.4222 35.2396H16.1207L22.7882 27.6451L28.6144 35.2396H36.0535L26.5533 22.7168L34.6289 13.5132ZM31.6836 33.0336H29.6347L16.263 15.6039H18.4613L31.6836 33.0336Z"/>
1978</svg>
1979
1980</a>
1981                        <a href="//www.instagram.com/warmuseum_ua/" class="icon icon--social icon--32">
1982    <svg width="48" height="49" viewBox="0 0 48 49" xmlns="http://www.w3.org/2000/svg">
1983<path fill-rule="evenodd" clip-rule="evenodd" d="M24 0.376404C10.7452 0.376404 0 11.1216 0 24.3764C0 37.6312 10.7452 48.3764 24 48.3764C37.2548 48.3764 48 37.6312 48 24.3764C48 11.1216 37.2548 0.376404 24 0.376404ZM18.7233 11.6537C20.0886 11.5916 20.5249 11.5764 24.0012 11.5764H23.9972C27.4746 11.5764 27.9092 11.5916 29.2746 11.6537C30.6373 11.7161 31.5679 11.9319 32.384 12.2484C33.2266 12.5751 33.9386 13.0124 34.6506 13.7244C35.3627 14.4359 35.8 15.15 36.128 15.9919C36.4427 16.8058 36.6587 17.7359 36.7227 19.0986C36.784 20.464 36.8 20.9002 36.8 24.3765C36.8 27.8528 36.784 28.288 36.7227 29.6534C36.6587 31.0155 36.4427 31.9459 36.128 32.7601C35.8 33.6017 35.3627 34.3158 34.6506 35.0273C33.9394 35.7393 33.2264 36.1777 32.3848 36.5047C31.5703 36.8212 30.6391 37.0369 29.2765 37.0993C27.9111 37.1615 27.4762 37.1767 23.9996 37.1767C20.5236 37.1767 20.0876 37.1615 18.7222 37.0993C17.3598 37.0369 16.4294 36.8212 15.615 36.5047C14.7736 36.1777 14.0595 35.7393 13.3483 35.0273C12.6365 34.3158 12.1992 33.6017 11.872 32.7598C11.5557 31.9459 11.34 31.0158 11.2773 29.6531C11.2155 28.2878 11.2 27.8528 11.2 24.3765C11.2 20.9002 11.216 20.4637 11.2771 19.0983C11.3384 17.7362 11.5544 16.8058 11.8717 15.9916C12.1997 15.15 12.6371 14.4359 13.3491 13.7244C14.0606 13.0127 14.7747 12.5753 15.6166 12.2484C16.4305 11.9319 17.3606 11.7161 18.7233 11.6537Z"/>
1984<path fill-rule="evenodd" clip-rule="evenodd" d="M22.853 13.8831C23.0759 13.8827 23.3158 13.8828 23.5746 13.883L24.0013 13.8831C27.4189 13.8831 27.824 13.8953 29.1736 13.9567C30.4216 14.0138 31.0989 14.2223 31.5501 14.3975C32.1475 14.6295 32.5733 14.9068 33.0211 15.3548C33.4691 15.8028 33.7464 16.2295 33.979 16.8268C34.1542 17.2775 34.363 17.9549 34.4198 19.2029C34.4811 20.5522 34.4944 20.9576 34.4944 24.3736C34.4944 27.7896 34.4811 28.195 34.4198 29.5443C34.3627 30.7923 34.1542 31.4697 33.979 31.9203C33.747 32.5177 33.4691 32.943 33.0211 33.3908C32.5731 33.8388 32.1477 34.1161 31.5501 34.3481C31.0995 34.5241 30.4216 34.7321 29.1736 34.7892C27.8242 34.8505 27.4189 34.8
1984638 24.0013 34.8638C20.5834 34.8638 20.1783 34.8505 18.8289 34.7892C17.5809 34.7316 16.9036 34.523 16.4521 34.3478C15.8548 34.1158 15.4281 33.8385 14.9801 33.3905C14.5321 32.9425 14.2548 32.5169 14.0222 31.9193C13.847 31.4686 13.6382 30.7913 13.5814 29.5432C13.5201 28.1939 13.5078 27.7886 13.5078 24.3704C13.5078 20.9522 13.5201 20.549 13.5814 19.1997C13.6385 17.9517 13.847 17.2743 14.0222 16.8231C14.2542 16.2258 14.5321 15.7991 14.9801 15.3511C15.4281 14.9031 15.8548 14.6258 16.4521 14.3932C16.9033 14.2172 17.5809 14.0092 18.8289 13.9519C20.0097 13.8985 20.4674 13.8825 22.853 13.8799V13.8831ZM30.8339 16.0084C29.9859 16.0084 29.2978 16.6956 29.2978 17.5439C29.2978 18.3919 29.9859 19.0799 30.8339 19.0799C31.6819 19.0799 32.3699 18.3919 32.3699 17.5439C32.3699 16.6959 31.6819 16.0079 30.8339 16.0079V16.0084ZM17.4279 24.3765C17.4279 20.7464 20.3709 17.8033 24.001 17.8031C27.6312 17.8031 30.5736 20.7464 30.5736 24.3765C30.5736 28.0067 27.6314 30.9486 24.0013 30.9486C20.3711 30.9486 17.4279 28.0067 17.4279 24.3765Z"/>
1985<path d="M24.0011 20.1098C26.3574 20.1098 28.2678 22.02 28.2678 24.3765C28.2678 26.7328 26.3574 28.6432 24.0011 28.6432C21.6445 28.6432 19.7344 26.7328 19.7344 24.3765C19.7344 22.02 21.6445 20.1098 24.0011 20.1098Z"/>
1986</svg>
1987
1988</a>
1989                        <a href="//www.tiktok.com/@war.museum" class="icon icon--social icon--32">
1990    <svg width="48" height="49" viewBox="0 0 48 49" xmlns="http://www.w3.org/2000/svg">
1991<path d="M24 48.3764C37.2549 48.3764 48 37.6312 48 24.3764C48 11.1216 37.2549 0.376404 24 0.376404C10.7451 0.376404 0 11.1216 0 24.3764C0 37.6312 10.7451 48.3764 24 48.3764ZM29.7595 11.5977C30.1072 13.4313 31.2213 15.0052 32.7654 15.9886C33.8412 16.6736 35.1233 17.073 36.5 17.073V21.8871C33.9441 21.8871 31.5757 21.0884 29.6427 19.7335V29.5165C29.6427 34.4017 25.5739 38.3764 20.5717 38.3764C18.6387 38.3764 16.8459 37.7815 15.373 36.7704C13.033 35.1666 11.5 32.5138 11.5 29.5165C11.5 24.6301 15.5695 20.6559 20.571 20.6559C20.9861 20.6559 21.3927 20.6885 21.7931 20.7424V25.6564C21.4065 25.5385 20.9977 25.4695 20.571 25.4695C18.2872 25.4695 16.4282 27.2852 16.4282 29.5165C16.4282 31.0697 17.3311 32.4198 18.6499 33.0973C19.225 33.3934 19.8781 33.5623 20.5717 33.5623C22.8032 33.5623 24.6238 31.8287 24.7062 29.668L24.7145 10.3764H29.6427C29.6427 10.7936 29.6844 11.2017 29.7595 11.5977Z"/>
1992</svg>
1993
1994</a>
1995                        <a href="//youtube.com/@warmuseum6709" class="icon icon--social icon--32">
1996    <svg width="48" height="49" viewBox="0 0 48 49" xmlns="http://www.w3.org/2000/svg">
1997<path d="M24 0.376404C10.7452 0.376404 0 11.1216 0 24.3764C0 37.6312 10.7452 48.3764 24 48.3764C37.2548 48.3764 48 37.6312 48 24.3764C48 11.1216 37.2548 0.376404 24 0.376404ZM34.0016 16.1257C35.1031 16.428 35.9706 17.3186 36.265 18.4496C36.8 20.4994 36.8 24.7764 36.8 24.7764C36.8 24.7764 36.8 29.0532 36.265 31.1032C35.9706 32.2342 35.1031 33.1248 34.0016 33.4272C32.0054 33.9764 24 33.9764 24 33.9764C24 33.9764 15.9946 33.9764 13.9983 33.4272C12.8967 33.1248 12.0292 32.2342 11.7348 31.1032C11.2 29.0532 11.2 24.7764 11.2 24.7764C11.2 24.7764 11.2 20.4994 11.7348 18.4496C12.0292 17.3186 12.8967 16.428 13.9983 16.1257C15.9946 15.5764 24 15.5764 24 15.5764C24 15.5764 32.0054 15.5764 34.0016 16.1257Z"/>
1998<path d="M21.6001 29.1764V21.1764L28.0001 25.1765L21.6001 29.1764Z"/>
1999</svg>
2000
2001</a>
2002                        
2003                    </div>
2004                </div>
2005                <div class="head-info-wrapper">
2006                    <svg width="251" height="261" viewBox="0 0 251 261" xmlns="http://www.w3.org/2000/svg">
2007
2008<path d="M38.696 21.9331V16.2386H35.7981V21.9331H31.5278V29.5467H38.696V43.7787H52.3525V37.3149H65.3954V29.5467H71.8754V37.3149H98.6494V23.087H118.388V17.3173V16.2386V10.3183H111.999V3.93396H98.3343V10.3183H85.2624V16.2386H78.2849V23.087H75.6896H71.8754H65.3954H62.2653H52.3525V29.5467H38.696V22.4724V21.9331Z"/>
2009<path d="M32.1373 43.7783H17.8755V50.1627H32.1373V43.7783Z"/>
2010<path d="M45.752 63.1619H38.3931V70.5831H45.752V63.1619Z"/>
2011<path d="M32.137 70.24V60.2391V59.6245V56.8525H38.6957V50.2382H32.137V56.8525H25.4248V60.2391H29.8484V70.24H32.137Z"/>
2012<path d="M112.223 30.2032H105.167V37.3193H112.223V30.2032Z"/>
2013<path d="M125.108 37.3151H131.48V30.2032H125.108V37.3151H118.388V44.0925H125.108V37.3151Z"/>
2014<path d="M118.388 0.940308V3.93389V4.84116V10.3183H122.907V6.53446H125.108V3.93389H122.907H120.44V0.940308H118.388Z"/>
2015<path d="M138.429 70.2738V63.5466H169.523H169.971H184.398V65.2691V70.2738H197.951V65.2691H193.237V63.5466H191.488V59.0854H169.971V44.2806V44.0924V37.3151H131.481V44.0924H125.108V63.5466H131.481V70.2738H138.429Z"/>
2016<path d="M204.721 70.2738H197.951V76.6205H204.721V70.2738Z"/>
2017<path d="M178.155 76.8839V70.2738H151.41V76.8839H178.155V83.6613H191.173V90.2422H204.717V83.6613H197.951V76.8839H178.155Z"/>
2018<path d="M204.717 97.0319H210.994V103.747H218.075V97.0319V96.2207V90.2419H204.717V97.0319Z"/>
2019<path d="M218.075 79.1625V76.6163H215.895H214.9H210.994V83.6655H215.895V79.1625H218.075Z"/>
2020<path d="M32.4726 83.2844H25.0059V90.2918H32.4726V83.2844Z"/>
2021<path d="M25.0064 90.2925H12.0796V97.074H25.0064V90.2925Z"/>
2022<path d="M8.64233 117.188H5.50391V123.819H12.7509V117.188H19.177V103.404H8.64233V117.188Z"/>
2023<path d="M118.649 96.8272V90.2923H111.982V83.285H105.258V76.5829H71.8462V83.285H98.3093V90.2923H104.81V96.8272H118.649Z"/>
2024<path d="M105.369 130.45V123.819H111.982V117.188H118.648V110.331H125.315V103.157H118.648V110.294H111.982V103.157H98.7026V96.8266H58.865V90.2918H71.8457V83.2844H45.3246V90.2918H38.7119V97.0733H31.8008V104.043H38.7119V123.819H45.3246V130.224H51.8626V123.819H58.5872V130.224H51.8626V137.173H72.1442V143.532H85.2824V137.173H72.1442V130.224H85.2824V123.819H65.4196V110.323H72.1442V103.575H78.421V110.323H85.2866V117.188H98.4248V130.45H105.373H105.369ZM51.8585 123.819H45.3204V117.188H51.8585V123.819ZM91.5261 110.298H85.2783V103.579H91.5261V110.298Z"/>
2025<path d="M178.155 123.782H184.485V130.392H191.434V137.228H204.489V143.533H231.325V136.722H224.713V129.94H218.075V123.385H211.433V117.059H204.825V110.332H191.434V103.575H158.263V96.827H144.813V103.575H151.314V108.81V110.562V123.782H157.815V130.392H171.372V123.782H164.987V110.562H171.372V117.059H178.155V123.782Z"/>
2026<path d="M178.15 130.392H171.372V137.228H178.15V130.392Z"/>
2027<path d="M164.593 170.283H178.154V163.785H171.371V157.121H151.819V150.507H131.31V153.814V156.891H118.648V150.507H111.588V156.891H104.863V163.928H98.3086V177.29H131.31V170.625H138.316V163.928H164.593V170.283Z"/>
2028<path d="M210.985 177.349V183.942H224.696V177.349H235.583V170.626H231.325V163.786H217.905V156.837H198.042V150.507H191.152V143.533H184.709V137.228H178.154V163.786H184.709V176.839H178.154V183.223H184.709H188.519H191.152V177.349H198.042V163.786H204.485V170.626H210.985V175.576V177.349Z"/>
2029<path d="M131.31 143.533H124.868V150.506H131.31V143.533Z"/>
2030<path d="M244.194 157.121H245.612V153.354H250.695V150.506V149.072V147.634H242.399V144.762H239.936V143.533H237.619V150.506H239.414H239.936H242.399H244.194V153.354V157.121Z"/>
2031<path d="M237.619 130.392H239.414V123.782V122.465V118.321H232.689V116.737H230.894V123.782H232.167H232.689H237.619V130.392Z"/>
2032<path d="M7.55623 177.164V170.541H38.9321V157.471H25.711V150.197H0.694824V158.299H1.73129V170.541V177.164H2.90043H5.74863H7.55623Z"/>
2033<path d="M12.4031 204.006V197.425H58.8078V190.28H38.9325V183.616H32.4069V177.164H18.6675V183.616H25.1061V190.28H18.6675V183.616H12.4031V182.654V182.002V177.164H5.74902V182.654H6.91816V201.611H6.91401V204.006H6.91816H10.0276H12.4031Z"/>
2034<path d="M12.0587 224.159H19.1647V217.469H25.3213H27.8296H38.9737V203.701H25.3213V210.412H7.90869V217.469H12.0587V224.159Z"/>
2035<path d="M65.4943 223.946H58.4712V230.577H65.4943V223.946Z"/>
2036<path d="M72.2193 210.324H65.1548V217.449H72.2193V210.324Z"/>
2037<path d="M110.362 210.605H90.416V218.503H96.9913V224.226H70.9221V230.857H64.1934V237.413H60.6818H10.7573V244.341H20.7613V252.64H35.9269H39.8572V260.885H54.0775V255.057H77.5223V244.341H90.7228V237.413H96.9913H108.131V227.542H121.589V217.294H120.863H117.828H110.362V210.818H124.109V204.187H110.362V210.605Z"/>
2038</svg>
2039
2040                </div>
2041            </div>
2042        </div>
2043    </div>
2044
2045
2046    
2047
2048</footer>
2049</div>
2050</body>
2051
2052    
2053    
2054    
2055    <link rel="modulepreload" href="https://warmuseum.kyiv.ua/assets/js/app-wWIgGl1-.js" /><link rel="modulepreload" href="https://warmuseum.kyiv.ua/assets/bootstrap-YorGqtVr.js" />
2055<script type="module" src="https://warmuseum.kyiv.ua/assets/js/app-wWIgGl1-.js"></script>
2055
2056    
2057    
2058
2059    
2059<script class="module">
2060
2061        window.addEventListener("DOMContentLoaded", () => {
2062            //console.log('HEADER blade component JS')
2063            //console.log(lenis)
2064            if (document.querySelector('.link-disabled')) {
2065                document.querySelector('.link-disabled').addEventListener('click', function (event) {
2066                    event.preventDefault();
2067                });
2068            }
2069
2070
2071            const themeToggles = document.querySelectorAll('.icon-theme-switcher');
2072
2073
2074            // Datk or Light Icon
2075            function updateIcon() {
2076                const isDarkTheme = document.documentElement.classList.contains('dark-theme');
2077
2078                themeToggles.forEach(toggle => {
2079                    const themeIcons = toggle.querySelectorAll('svg');
2080
2081                    themeIcons.forEach(icon => {
2082                        const darkThemeIcons = icon.querySelectorAll('.dark-theme-group');
2083                        const lightThemeIcons = icon.querySelectorAll('.light-theme-group');
2084
2085                        if (isDarkTheme) {
2086                            darkThemeIcons.forEach(el => {
2087                                el.style.visibility = 'visible';
2088                            });
2089                            lightThemeIcons.forEach(el => {
2090                                el.style.visibility = 'hidden';
2091                            });
2092                        } else {
2093                            darkThemeIcons.forEach(el => {
2094                                el.style.visibility = 'hidden';
2095                            });
2096                            lightThemeIcons.forEach(el => {
2097                                el.style.visibility = 'visible';
2098                            });
2099                        }
2100                    });
2101                });
2102            }
2103
2104
2105            if (localStorage.getItem('theme') === 'dark') {
2106                document.documentElement.classList.add('dark-theme');
2107            } else {
2108                document.documentElement.classList.remove('dark-theme');
2109            }
2110            updateIcon();
2111
2112            themeToggles.forEach(toggle => {
2113                toggle.addEventListener('click', function (e) {
2114                    e.preventDefault();
2115                    document.documentElement.classList.toggle('dark-theme');
2116                    localStorage.setItem('theme', document.documentElement.classList.contains('dark-theme') ? 'dark' : 'light');
2117                    updateIcon();
2118                })
2119            })
2120
2121            function searcher() {
2122                const searchButton = document.querySelectorAll('.icon--search');
2123                const closeButton = document.querySelector('.close-search');
2124                const searchable = document.querySelector('.searchable');
2125
2126
2127                if (!searchButton) {
2128                    return
2129                }
2130
2131                const form = document.getElementById('search-form');
2132                const input = document.getElementById('search-input');
2133                const errorContainer = document.querySelector('.search-error');
2134                const resultsContainer = document.querySelector('.result-content');
2135                const counterContainer = document.querySelector('.counterContainer');
2136
2137                const token = "RjwuEXP1RbXNLxMz2yvRy2tpmCSzyxeiYwgUrIZL";
2138                let timeout;
2139
2140                searchButton.forEach(item => {
2141                    item.addEventListener('click', function (e) {
2142                        e.preventDefault();
2143                        searchable.classList.toggle('active');
2144                        //clearForm();
2145
2146                        setTimeout(() => {
2147                            if (window.lenis) {
2148                                console.log('Lenis доступен');
2149                                //window.lenis.stop()
2150                            } else {
2151                                console.warn('Lenis всё ещё не определён!');
2152                            }
2153                        }, 1000); // В зависимости от размера бандла app.js, можно увеличить
2154
2155
2156                        //window.lenis.stop()
2157                        //document.body.classList.add('lenis-disabled')
2158                    })
2159                })
2160
2161
2162                closeButton.addEventListener('click', function (e) {
2163                    e.preventDefault();
2164                    searchable.classList.remove('active');
2165                    //window.lenis.start()
2166                    //document.body.classList.remove('lenis-disabled')
2167                })
2168
2169
2170
2171
2172                input.addEventListener('input', () => {
2173                    clearTimeout(timeout);
2174                    timeout = setTimeout(async () => {
2175                        const query = input.value.trim();
2176
2177                        if (query.length > 3) {
2178                            try {
2179                                const response = await fetch(form.action, {
2180                                    method: 'POST',
2181                                    headers: {
2182                                        'Content-Type': 'application/json',
2183                                        'Accept': 'application/json',
2184                                        'X-CSRF-TOKEN': token,
2185                                    },
2186                                    body: JSON.stringify({ query }),
2187                                });
2188
2189                                const data = await response.json();
2190
2191                                if (!response.ok && data.errors?.query) {
2192                                    errorContainer.textContent = data.errors.query[0];
2193                                    return;
2194                                }
2195
2196                                renderSearchResults(data);
2197                            } catch (e) {
2198                                console.error('Search error:', e);
2199                                resultsContainer.innerHTML = '<div class="item-wrapper"><p class="item-text">Сталася помилка, спробуйте ще раз.</p></div>';
2200                            }
2201                        } else {
2202                            resultsContainer.innerHTML = '';
2203                            counterContainer.textContent = '0'
2204                        }
2205                    }, 300);
2206                });
2207
2208                function renderSearchResults(data) {
2209                    const results = data.items || [];
2210                    const count = data.count || 0;
2211
2212                    /*resultsContainer.innerHTML = '';
2213                    errorContainer.textContent = '';
2214                    counterContainer.textContent = '0'*/
2215                    clearForm()
2216
2217                    counterContainer.textContent = `${count}`;
2218
2219                    if (results.length === 0) {
2220                        resultsContainer.innerHTML = `
2221                            <div class="item-wrapper">
2222                                <p class="item-text">Нічого не знайдено.</p>
2223                            </div>
2224                        `;
2225                        return;
2226                    }
2227
2228                    results.forEach(item => {
2229                        const itemType = item.type;
2230                        const imageUrl = item.imageUrl ?? null;
2231                        const previewText = item.article || item.description || item.overview || null;
2232                        const title = item.title ?? '(без назви)';
2233                        const url = item.url ?? '#';
2234
2235                        // ${imageUrl ? `<img src="${imageUrl}" alt="">` : ''}a
2236                        const html = `
2237                            <a href="${url}" class="search-item-wrapper">
2238                                <div class="search-item-image">
2239
2240                                </div>
2241                                <div class="search-item-info">
2242                                    <h6 class="search-item-title">
2243                                        ${title}
2244                                    </h6>
2245                                    ${previewText ? `<p class="search-item-text">${truncateText(previewText, 125)}</p>` : ''}
2246                                    ${itemType && itemType.trim() !== '' ? `
2247                                        <div>
2248                                            <span class="news-meta-marker"></span>
2249                                            <span class="news-meta-type">${itemType}</span>
2250                                        </div>
2251                                    ` : ''}
2252                                </div>
2253                            </a>
2254                        `;
2255
2256                        resultsContainer.insertAdjacentHTML('beforeend', html);
2257                    });
2258                }
2259
2260                function clearForm () {
2261                    resultsContainer.innerHTML = '';
2262                    errorContainer.textContent = '';
2263                    counterContainer.textContent = '0'
2264                }
2265
2266
2267                function truncateText(text, limit = 125) {
2268                    return text.length > limit ? text.slice(0, limit) + '…' : text;
2269                }
2270
2271            }
2272
2273            const form = document.getElementById('search-form');
2274            form.addEventListener('submit', function (e) {
2275                e.preventDefault(); // блокирует стандартную отправку по Enter
2276            });
2277
2278            searcher()
2279
2280        })
2281
2282    </script>
2282
2283    
2283<script type="module">
2284
2285        window.addEventListener("load", () => {
2286
2287            const initContentCarousel = (element) => {
2288                console.log('carousel from #2')
2289
2290                let carousel = element.querySelector('.swiper')
2291                let prev_button = element.querySelector('.swiper-button-custom-prev')
2292                let next_button = element.querySelector('.swiper-button-custom-next')
2293                let paginationContainer = element.nextElementSibling
2294                let pagination = paginationContainer.querySelector('.swiper-pagination')
2295                let manySlides = element.querySelectorAll('.swiper-slide').length !== 1
2296
2297                if (!manySlides) {  // Если слайд всего один
2298                    prev_button.style.display = 'none';  // Скрываем кнопку назад
2299                    next_button.style.display = 'none';  // Скрываем кнопку вперед
2300                    if (pagination) pagination.style.display = 'none'; // Скрываем пагинацию, если она есть
2301                }
2302
2303                new Swiper(carousel, {
2304                    slidesPerView: 1,
2305                    spaceBetween: 0,
2306                    effect: 'slide',
2307                    /*effect: 'fade',
2308                    fadeEffect: {
2309                        crossFade: true
2310                    },*/
2311                    grabCursor: true,
2312
2313                    // Optional parameters
2314                    direction: 'horizontal',
2315                    stopOnLastSlide: false,
2316
2317                    watchOverflow: true, // Автоматически скрывать навигацию, если слайдов меньше, чем нужно для скроллинга
2318                    loop: manySlides,
2319                    //disableOnInteraction: false,
2320                    //forceLoop: true,
2321
2322                    speed: 1000,
2323                    pauseOnMouseEnter: false,
2324                    autoplay: {
2325                        delay: 6000,
2326                    },
2327
2328                    navigation: manySlides ? {
2329                        nextEl: next_button, //'.swiper-button-custom-next',
2330                        prevEl: prev_button, //'.swiper-button-custom-prev',
2331                    } : false,
2332
2333                    pagination: false,
2334
2335                    /*pagination: manySlides ? {
2336                        el: pagination,//'.swiper-pagination',
2337                        clickable: true,
2338                    } : false,*/
2339
2340                    on: {
2341                        init: function () {
2342
2343                        },
2344                    },
2345
2346                });
2347            }
2348
2349
2350
2351            function setEqualHeightRows() {
2352                const grid = document.querySelector('.content-sidebar.last_news');
2353                if (!grid) return;
2354
2355                // Сбросить стили высоты, чтобы получить натуральные размеры
2356                Array.from(grid.children).forEach(row => {
2357                    row.style.height = 'auto';
2358                });
2359
2360                // Получить высоту самой высокой строки
2361                const maxHeight = Array.from(grid.children)
2362                .map(row => row.offsetHeight)
2363                .reduce((max, current) => current > max ? current : max, 0);
2364
2365                // Установить высоту каждой строки равной максимальной высоте
2366                Array.from(grid.children).forEach(row => {
2367                    row.style.height = `${maxHeight}px`;
2368                });
2369            }
2370
2371            const carouselPosition = () => {
2372                let pTags = document.querySelectorAll('.content-text p')
2373                const swiper = document.querySelector('.swiper-grid')
2374
2375                // Получаем количество тегов <p>
2376                const pTagCount = pTags.length;
2377
2378                // Считаем общее количество букв во всех <p>
2379                let totalCharacterCount = 0;
2380
2381                pTags.forEach(p => {
2382                    const text = p.textContent // без пробелов - p.textContent.replace(/\s+/g, '');
2383                    totalCharacterCount += text.length;
2384                });
2385
2386                if (totalCharacterCount > 2000 && pTagCount > 3) {
2387
2388                    const middleIndex = Math.ceil(pTagCount / 2).toFixed(0)
2389
2390                    // Получаем "серединный" тег <p>
2391                    const middleP = pTags[middleIndex];
2392
2393                    // Вырезаем элемент swiper из DOM
2394                    swiper.remove();
2395
2396                    // Вставляем swiper после "серединного" тега <p>
2397                    middleP.insertAdjacentElement('afterend', swiper);
2398
2399                }
2400
2401                // Выводим результаты
2402                /*console.log('Количество <p>:', pTagCount);
2403                console.log('Общее количество букв:', totalCharacterCount);*/
2404            }
2405
2406            setEqualHeightRows()
2407            carouselPosition()
2408
2409            const swipers = document.querySelectorAll('.swiper-grid')
2410
2411            swipers.forEach((carousel) => {
2412                initContentCarousel(carousel)
2413            })
2414
2415            window.addEventListener('resize', setEqualHeightRows);
2416
2417        })
2418    </script>
2418
2419    
2419<script class="module">
2420
2421        window.addEventListener("DOMContentLoaded", () => {
2422            console.log('Hello from footer.js')
2423            //console.log(lenis)
2424            if (document.querySelector('.link-disabled')) {
2425                document.querySelector('.link-disabled').addEventListener('click', function (event) {
2426                    event.preventDefault();
2427                });
2428            }
2429
2430        })
2431
2432    </script>
2432
2433</html>
2434
2435
2436
2437
2438

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.