PageSourceSearch

https://konstanta-print.ru/

html konstanta-print.ru collected 2026-10-07 18:01:17 UTC 118,491 bytes, 3,094 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ru" prefix="og: http://ogp.me/ns#">
3<head>
4    <meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<meta http-equiv="X-UA-Compatible" content="IE=edge">
7        <meta property="og:type" content="website" />
8<meta property="og:title" content="ООО «КОНСТАНТА»" />
9<meta property="og:image" content="/logo.png" />
10<meta property="og:url" content="https://konstanta-print.ru" />
11<meta property="og:description" content="Печать на заказ, недорого, срочно, цены." />
12<link rel="shortcut icon" href="/favicon.ico" />
13<link rel="stylesheet" type="text/css" href="/assets/8de6fb89/css/city-confirmation-modal.css?v=5.1.5.79" />
14<link rel="stylesheet" type="text/css" href="/assets/fe2e4a31/css/icomoon/icomoon.css?v=5.1.5.79" />
15<link rel="stylesheet" type="text/css" href="/css/5.1.5.79/fb3fb124ccbd0805886b5b18972e6a22.css" />
16<script type="text/javascript" src="/assets/2ea15670/jquery.min.js"></script>
16
17<title>ТИПОГРАФИЯ КОНСТАНТА</title>
18            <meta name="description" content="Печать на заказ, недорого, срочно, цены."/>
19            <link rel="canonical" href="https://konstanta-print.ru"/>
20            <meta name="robots" content="index,follow">
21    
22<script type="text/javascript">
23    window.isMobile = false;
24    var yupeTokenName = 'YUPE_TOKEN';
25    var yupeToken = 'f590c3627fdcae549fde1701126e622c1bae015f';
26
27    var cartAddProductUrl = '/cart/add';
28
29    var deliveryCalcUrl = '/cart/CalcDelivery';
30    var deliveryPointsUrl = '/cart/GetDeliveryPoints';
31    var calculationProductUrl = '/productCalculation';
32    var calculationUploadFile = '/uploadFileInCalculation';
33    const _SITE_ID_ = 4231;
34    const IS_BACKEND = false;
35</script>
35    
36<style type="text/css">
37    @font-face {font-family: FontRegular;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-Regular.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap;}
38@font-face {font-family: FontLight;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-Regular.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap;}
39@font-face {font-family: OpenSansRegular;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-Regular.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap;}
40@font-face {font-family: OpenSansLight;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-Regular.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap;}
41@font-face {font-family: FontMedium;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-Medium.woff2') format('woff2');font-weight: 500;font-style: normal;font-display: swap;}
42@font-face {font-family: FontSemiBold;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-SemiBold.woff2') format('woff2');font-weight: 600;font-style: normal;font-display: swap;}
43@font-face {font-family: OpenSansSemiBold;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-SemiBold.woff2') format('woff2');font-weight: 600;font-style: normal;font-display: swap;}
44@font-face {font-family: FontBold;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-Bold.woff2') format('woff2');font-weight: 700;font-style: normal;font-display: swap;}
45@font-face {font-family: OpenSansBold;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-Bold.woff2') format('woff2');font-weight: 700;font-style: normal;font-display: swap;}    @font-face {font-family: Font2Regular;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-Regular.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap;}
46@font-face {font-family: Font2Medium;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-Medium.woff2') format('woff2');font-weight: 500;font-style: normal;font-display: swap;}
47@font-face {font-family: Font2SemiBold;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-SemiBold.woff2') format('woff2');font-weight: 600;font-style: normal;font-display: swap;}
48@font-face {font-family: Font2Bold;src: url('/assets/fe2e4a31/fonts/Nunito/Nunito-Bold.woff2') format('woff2');font-weight: 700;font-style: normal;font-display: swap;}</style>
49    
50    <style type="text/css">
51
52        :root {
53            --company-color1: #0054DD;
54            --link-color: #0066CC;
55        }
56
57        .company-color-text,
58        .company-color-text-hover:hover {
59            color: #0054DD !important;
60        }
61
62        /*
63        * Typographic System
64         */
65        body {
66            font-size: 15px;
67            color: #000000;
68            font-family: FontRegular !important;
69            ;
70        }
71
72        h0, .h0 {
73            font-size: 48px;
74            font-family: FontRegular !important;
75            line-height: 1.2;
76            ;
77        }
78
79        h1, .h1 {
80            font-size: 24px;
81            font-family: FontBold !important;
82            line-height: 1.2;
83            ;
84        }
85
86        h2, .h2 {
87            font-size: 22px;
88            font-family: FontBold !important;
89            line-height: 1.25;
90            ;
91        }
92
93        h3, .h3 {
94            font-size: 24px;
95            font-family: FontBold !important;
96            line-height: 1.33;
97            ;
98        }
99
100        h4, .h4 {
101            font-size: 20px;
102            font-family: FontBold !important;
103            line-height: 1.3;
104            ;
105        }
106
107
108        @media (min-width: 768px) {
109            h0, .h0 {
110                font-size: 54px;
111            }
112
113            h1, .h1 {
114                font-size: 32px;
115            }
116
117            h2, .h2 {
118                font-size: 28px;
119            }
120
121            h3, .h3 {
122                font-size: 24px;
123            }
124
125            h4, .h4 {
126                font-size: 20px;
127            }
128        }
129
130        @media (min-width: 1025px) {
131            h0, .h0 {
132                font-size: 64px;
133            }
134
135            h1, .h1 {
136                font-size: 40px;
137            }
138
139            h2, .h2 {
140                font-size: 32px;
141            }
142
143            h3, .h3 {
144                font-size: 24px;
145            }
146
147            h4, .h4 {
148                font-size: 20px;
149            }
150
151            .top-menu-background-color {
152                background: #113183;
153            }
154        }
155
156        @media (min-width: 1440px) {
157            h0, .h0 {
158                font-size: 64px;
159            }
160
161            h1, .h1 {
162                font-size: 40px;
163            }
164
165            h2, .h2 {
166                font-size: 32px;
167            }
168
169            h3, .h3 {
170                font-size: 32px;
171            }
172
173            h4, .h4 {
174                font-size: 24px;
175            }
176        }
177
178        .block-title {
179            font-size: 12px;
180            font-family: FontSemiBold !important;
181            line-height: 1.33;
182            ;
183        }
184
185        .text-1 {
186            font-size: 15px;
187            font-family: FontRegular !important;
188            line-height: 1.375;
189            ;
190        }
191
192        .text-2 {
193            font-size: 15px;
194            font-family: FontRegular !important;
195            line-height: 1.375;
196            ;
197        }
198
199        .text-2-it {
200            font-size: 15px !important;
201            font-family: FontRegular !important;
202            ;
203        }
204
205        .text-3 {
206            font-size: 15px;
207            font-family: FontBold !important;
208            ;
209        }
210
211        .small-text {
212            font-size: 14px;
213            font-family: FontMedium !important;
214            line-height: 1.42;
215            ;
216        }
217
218        .small-text-it {
219            font-size: 14px !important;
220            font-family: FontMedium !important;
221            ;
222        }
223
224        .extra-small-text {
225            font-size: 12px;
226            font-family: FontMedium !important;
227        }
228
229        .signature, .alert-signature {
230            font-size: 12px;
231            font-family: FontMedium !important;
232            ;
233        }
234
235        a, .btn-link, .link, .catalog-filter-reset {
236            font-size: 16px;
237            color: #0066CC;
238            font-family: FontMedium !important;
239            ;
240        }
241
242        .button, .button_white, .btn {
243            font-family: FontMedium !important;
244        }
245
246        .product-tags .product-tag,
247        .product-tags .tag {
248            font-family: FontMedium !important;
249        }
250
251        h0 [style*="Font"],
252        .h0 [style*="Font"],
253        h1 [style*="Font"],
254        .h1 [style*="Font"],
255        h2 [style*="Font"],
256        .h2 [style*="Font"],
257        h3 [style*="Font"],
258        .h3 [style*="Font"],
259        h4 [style*="Font"],
260        .h4 [style*="Font"],
261        .block-title [style*="Font"],
262        .text-1 [style*="Font"],
263        .text-2 [style*="Font"],
264        .text-3 [style*="Font"],
265        .small-text [style*="Font"],
266        .signature [style*="Font"] {
267            font-family: inherit !important;
268        }
269
270        [style*="FontBold"] {
271            font-family: FontBold !important;
272        }
273
274        [style*="FontSemiBold"] {
275            font-family: FontBold !important;
276        }
277
278        [style*="FontMedium"] {
279            font-family: FontRegular !important;
280        }
281
282        [style*="FontRegular"],
283        [style*="FontLight"] {
284            font-family: FontRegular !important;
285        }
286
287        .catalog-filter-reset {
288            color: #0066CC !important;
289        }
290
291        a:hover, .btn-link:hover, .link:hover {
292            color: #0066CC;
293            cursor: pointer;
294            text-decoration: underline;
295        }
296
297        .currency-icon {
298            font-size: 22.5px;
299        }
300
301        /* Color shades */
302                .text-gray-100 {
303            color: #d6d6d6 !important;
304        }
305
306        .text-gray-200 {
307            color: #cecece !important;
308        }
309
310        .text-gray-300 {
311            color: #c4c4c4 !important;
312        }
313
314        .text-gray-400 {
315            color: #b2b2b2 !important;
316        }
317
318        .text-gray-500 {
319            color: #898989 !important;
320        }
321
322        .text-gray-600 {
323            color: #606060 !important;
324        }
325
326        .text-gray-700 {
327            color: #353535 !important;
328        }
329
330        .text-gray-800 {
331            color: #161616 !important;
332        }
333
334        .text-gray-900 {
335            color: #000000 !important;
336        }
337
338        .text-gray-900-hover:hover {
339            color: #000000 !important;
340        }
341
342        .btn-gray-200 {
343            background-color: #cecece !important;
344        }
345
346        .btn-gray-300 {
347            background-color: #c4c4c4 !important;
348        }
349
350        .btn-gray-500 {
351            background-color: #898989 !important;
352        }
353
354        .highlight-tag {
355            background-color: #DF0050 !important;
356            color: #ffffff !important;
357            border: 0 !important;
358        }
359
360        .line-through-price:before {
361            border-color: #606060 !important;
362        }
363
364        .inherit-text {
365            color: inherit !important;
366        }
367
368        /*
369        * Buttons
370         */
371                .btn {
372            border-radius: 4px;
373        }
374
375        .btn-primary {
376            background-color: #0054DD;
377            border-color: #0054DD;
378            color: #ffffff;
379                }
380
381        .photos-list-previews .active {
382            border-color: #0054DD;
383            border-width: 1px;
384            border-style: solid;
385        }
386
387        .btn-primary:hover {
388            background-color: #0765ff;
389        }
390
391        .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:focus {
392            background-color: #2b7bff;
393        }
394
395        .btn-outline-primary {
396            border-color: #0054DD;
397            color: #0054DD;
398        }
399
400        .btn-outline-primary:hover {
401            border-color: #0765ff;
402            color: #0765ff;
403        }
404
405        .btn-outline-primary:not(:disabled):not(.disabled):active {
406            border-color: #2b7bff;
407            color: #2b7bff;
408        }
409
410
411        /*
412        * Form
413         */
414        .error .errorMessage, .errorMessage {
415            font-size: 12px;
416            font-family: FontMedium;
417        }
418
419        .success .form-control {
420            border-color: #0054DD;
421        }
422
423        .bootstrap-select .dropdown-item.active {
424            color: #0054DD;
425        }
426
427        .bootstrap-select .dropdown-item:hover {
428            background-color: inherit;
429            color: #0054DD;
430        }
431
432
433        /*
434        * Tabs
435         */
436        .nav-tabs .nav-link.active {
437            border-bottom: 2px solid #0054DD;
438        }
439
440        /*
441        * Custom checkbox, radiobutton
442         */
443        .custom-input[type=checkbox]:checked {
444            background-color: #0054DD;
445            border-color: #0054DD;
446        }
447
448        .custom-input[type=radio]:checked {
449            border-color: #0054DD;
450            background-image: url("data:image/svg+xml, %0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20width%3D%2710%27%20height%3D%2710%27%20viewBox%3D%270%200%2010%2010%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%2710%27%20height%3D%2710%27%20rx%3D%275%27%20fill%3D%27%230054DD%27%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E");
451        }
452
453        .custom-label-block.active, .custom-input[type=checkbox]:checked + label {
454            border: 2px solid #0054DD;
455        }
456
457        .modal-update-delivery .addresses-block input:checked + label {
458            background: #EDF2F7;
459            color:  #0054DD;
460        }
461
462        .border-company-color:hover {
463            border-color: #0054DD;
464        }
465
466        .border-company-color-it:hover {
467            border-color: #0054DD !important;
468        }
469
470
471        /*
472        * Catalog filter color
473         */
474        .catalog-filter-param.checked .catalog-filter-color {
475            border: 2px solid #0054DD;
476        }
477
478        /*
479        * Filter tags
480         */
481                .filter-tags a {
482            display: block;
483            border-radius: 8px;
484            padding: 8px 16px;
485            color: #4A5568;
486            background-color: #EDF2F7;
487            font-family: FontMedium;
488            border: 0;
489        }
490
491        .filter-tags a:hover {
492            color: #2D3748;
493            background-color: #E2E8F0;
494            text-decoration: none;
495        }
496
497        .filter-tags a.active {
498            color: #F2F2F2;
499            background-color: #4A5568;
500        }
501
502        .filter-tags a.active:hover {
503            background-color: #2D3748;
504        }
505
506        
507
508        /*
509        * Souvenir Widget
510        */
511        .widget-category-menu .category-link.active a {
512            color: #0054DD !important;
513        }
514
515        /*
516        * Cart
517         */
518        .recipient-select input:checked + label {
519            color: #0054DD;
520        }
521
522        /**
523         * Footer
524         */
525
526        .footer {
527            background-color: #F3F3F3;
528        }
529
530        .footer, .footer ul li a, .footer .footer__title a, .footer .footer__title .signature, .footer .footer-item, .footer__address a, .footer__mail a, .social-image a {
531            color: #4A5767 !important;
532        }
533
534        .footer ul li a:hover, .footer__address a:hover, .footer__mail a:hover, .social-image a:hover {
535            color: #5f7085 !important;
536            text-decoration: none;
537        }
538
539        .footer ul li a:active, .footer__address a:active, .footer__mail a:active, .social-image a:active {
540            color: #798a9e !important;
541            text-decoration: none;
542        }
543
544        .bg-company-color {
545            background-color: #0054DD;
546            color: #ffffff;
547        }
548
549        .bg-company-color-text {
550            color: #ffffff;
551        }
552
553        /**
554        * Header
555         */
556        .header-search-result .result-item:hover {
557            color: #0054DD;
558        }
559
560        .modal-change-city-location .select-city:hover {
561            color: #0054DD;
562        }
563
564        .custom-control-input:checked ~ .custom-control-label::before {
565            color: #ffffff;
566            border-color: #0054DD;
567            background-color: #0054DD;
568        }
569
570        .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
571            background-color: #ffffff;
572        }
573
574        /**
575         * Cart Page
576         */
577
578        .cart-change-radio-block .payment-method label.checked,
579        .cart-change-radio-block .cart-payers-block label.checked,
580        .cart-change-radio-block .select-user-for-send label.checked,
581        .delivery-row-type-2 .points-block input:checked + label,
582        .delivery-points-list input:checked + label .delivery-point-address,
583        .cart-change-radio-block.cart-address-block .rich-radio label.checked {
584            color: #0054DD;
585        }
586
587        .calc-delivery-variants .delivery-block.active, .branch-company-points .points-block.active {
588            border: 2px solid #0054DD !important;
589        }
590
591        /**
592         * Instructions Page
593         */
594
595        .template-block__icon {
596            color: #0054DD;
597        }
598
599        /**
600        * Menu
601        */
602                    @media (min-width: 1025px) {
603                                    .cd-dropdown-trigger.first-megamenu {
604                        background-color: #0054DD;
605                         color: white !important;                     }
606
607                            }
608        
609        .cd-dropdown-under-child-link:hover .menu-product-name {
610            color: #0054DD !important;
611        }
612
613
614        .templates-container .template-label .small-text.upload-file-block {
615            color: #0066CC;
616        }
617
618
619        /*
620        * Calculation
621         */
622        .card-calculation-container .navigation-gallery-item::after {
623            background-color: #0054DD;
624        }
625
626        .card-calculation-container .navigation-gallery-item.slick-current:after {
627            background-color: #0054DD;
628        }
629
630        .calculation-module .background-label.selected {
631            border-color: #0054DD !important;
632        }
633
634        @media (min-width: 768px) {
635            .calculation-module .background-label:hover,
636            .calculation-module .bootstrap-select .dropdown-toggle:hover,
637            .custom-label-block:hover {
638                border-color: #0054DD !important;
639            }
640        }
641
642        .production-time-calc-modal .production-time-price.selected {
643            border-color: #0054DD;
644        }
645
646        .souvenir-colors a.active {
647            border: 2px solid #0054DD;
648        }
649
650        .calculation-quantity-container .size-block.active {
651            border: 2px solid #0054DD;
652        }
653
654        .production-time-price.selected, .production-time-price:hover {
655            border-color: #0054DD;
656        }
657
658        /**
659         * Design Page
660         */
661
662        .design-change-constructor {
663            color: #0066CC;
664        }
665
666        @media (min-width: 1440px) {
667            .design-change-constructor {
668                color: #000000;
669            }
670        }
671
672        /**
673         * Design Widget
674         */
675
676        .select-design-items-block .filter-option-inner-inner {
677            color: #0054DD !important;
678        }
679
680        .select-design-items-block .bootstrap-select .dropdown-toggle::after {
681            border-color: #0054DD !important;
682        }
683
684        /**
685         * Profile
686         */
687        .status-boxes span.active {
688            background-color: #0054DD;
689        }
690
691        .modal-update-delivery .select-background-block.active {
692            border: 2px solid #0054DD;
693        }
694
695        .discount-product-block {
696            background-color: #f9d8e2;
697        }
698
699        .discount-product-block .discount-icon span {
700            color: #DF3064;
701        }
702
703        .w2p-spinner {
704            border-color: #0054DD;
705        }
706
707        .invoice-sent {
708            border: 17px solid;
709            border-color: #0054DD;
710            background-color: #0054DD;
711            border-radius: 50%;
712            color: #FFFFFF;
713            font-size: 18px;
714            font-weight: bold;
715        }
716
717
718        
719        .calculation-stepping-icon:hover svg {
720            fill: #0054DD;
721        }
722
723        .widget-map-content {
724margin-left: calc(50% - 50vw);
725margin-right: calc(50% - 50vw);
726} 
727
728        
729        .widget-title {
730            text-align: left !important;
731            justify-content: flex-start !important;
732            margin-bottom: 32px;
733        }
734    </style>
735
736</head>
737<body>
738<div class="main">
739    
739<script>
740
741    window.showCityModal = true;
742    window.CityName = 'Чикаго';
743
744    if (window.showCityModal && window.CityName)
745        window.addEventListener('DOMContentLoaded', () => {
746            if (window.localStorage.getItem('city-modal') !== '0')
747                setTimeout(() => {
748                    const modal = new CityConfirmationModal();
749                    modal.show();
750                });
751        })
752</script>
752
753<style>
754/* Стили для гамбургер-меню */
755.mobile-header {
756  display: none;
757  position: fixed;
758  top: 0;
759  left: 0;
760  width: 100%;
761  height: 20px;
762  /*background: #222;*/
763  /*box-shadow: 0 2px 8px rgba(0,0,0,0.1);*/
764  z-index: 10000;
765  align-items: center;
766  justify-content: space-between;
767  padding: 0 15px;
768  box-sizing: border-box;
769}
770
771.mobile-header-logo {
772  width: 100px;
773  height: 5px;
774  background-image: url('/logo.png');
775  background-size: contain;
776  background-position: left center;
777  background-repeat: no-repeat;
778  cursor: pointer;
779}
780
781.mobile-menu-toggle {
782  width: 30px;
783  height: 30px;
784  cursor: pointer;
785  flex-direction: column;
786  justify-content: space-between;
787  background: rgba(255, 255, 255, 0.9);
788  padding: 5px;
789  border-radius: 4px;
790  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
791}
792
793.mobile-menu-toggle span {
794  display: block;
795  height: 3px;
796  width: 100%;
797  background-color: #333;
798  border-radius: 2px;
799  transition: all 0.3s ease;
800}
801
802.mobile-menu-toggle.active span:nth-child(1) {
803  transform: rotate(45deg) translate(6px, 6px);
804}
805
806.mobile-menu-toggle.active span:nth-child(2) {
807  opacity: 0;
808}
809
810.mobile-menu-toggle.active span:nth-child(3) {
811  transform: rotate(-45deg) translate(6px, -6px);
812}
813
814/* Также можно уменьшить верхний паддинг у самого меню */
815.mobile-menu {
816  display: none;
817  position: fixed;
818  top: 0;
819  left: 0;
820  width: 100%;
821  height: 100%;
822  background-color: rgba(255, 255, 255, 0.98);
823  z-index: 9998;
824  overflow-y: auto;
825  padding: 70px 20px 20px;
826  box-sizing: border-box;
827}
828
829.mobile-menu.active {
830  display: block;
831}
832
833/* Логотип можно сделать немного меньше */
834.mobile-logo {
835  position: absolute;
836  top: 15px;
837  left: 20px;
838  width: 100px;
839  height: 35px;
840  /*background-image: url('/logo.png');*/
841  background-size: contain;
842  background-position: left center;
843  background-repeat: no-repeat;
844  cursor: pointer;
845}
846
847/* Исправляем отступы в мобильном меню */
848.mobile-nav {
849  list-style: none;
850  padding: 0;
851  margin: 20px 0 30px 0;
852}
853
854.mobile-nav-item {
855  border-bottom: 1px solid #eee;
856  position: relative;
857}
858
859.mobile-nav-item a {
860  display: block;
861  padding: 15px 0;
862  color: #333;
863  text-decoration: none;
864  font-size: 16px;
865  font-weight: 500;
866}
867
868.mobile-nav-item.has-children > a::after {
869  content: '▼';
870  position: absolute;
871  right: 0;
872  top: 15px;
873  font-size: 12px;
874  transition: transform 0.3s ease;
875}
876
877.mobile-nav-item.has-children.active > a::after {
878  transform: rotate(180deg);
879}
880
881.mobile-submenu {
882  display: none;
883  list-style: none;
884  padding-left: 15px;
885  margin: 0;
886}
887
888.mobile-submenu.active {
889  display: block;
890}
891
892.mobile-submenu-item {
893  border-bottom: 1px solid #f5f5f5;
894}
895
896.mobile-submenu-item a {
897  padding: 12px 0;
898  font-size: 14px;
899  color: #666;
900}
901
902.mobile-submenu-item a:hover {
903  color: #0056b3;
904}
905
906/* Специальные стили для каталога продукции */
907.mobile-catalog-submenu {
908  display: none;
909  padding-left: 15px;
910}
911
912.mobile-catalog-submenu.active {
913  display: block;
914}
915
916.mobile-catalog-grid {
917  display: grid;
918  grid-template-columns: 1fr;
919  gap: 10px;
920  margin-top: 10px;
921}
922
923.mobile-catalog-section {
924  margin-bottom: 15px;
925}
926
927.mobile-catalog-section h4 {
928  margin: 0 0 8px 0;
929  font-size: 14px;
930  font-weight: bold;
931  color: #333;
932}
933
934.mobile-catalog-section a {
935  display: block;
936  padding: 8px 0;
937  font-size: 13px;
938  color: #666;
939  text-decoration: none;
940}
941
942.mobile-catalog-section a:hover {
943  color: #0056b3;
944}
945
946/* Контактная информация в меню */
947.mobile-contacts {
948  margin-top: 30px;
949  padding-top: 20px;
950  border-top: 1px solid #eee;
951}
952
953.mobile-phone {
954  font-size: 18px;
955  font-weight: bold;
956  color: #2c5aa0;
957  margin-bottom: 15px;
958  display: block;
959  text-decoration: none;
960}
961
962.mobile-address {
963  font-size: 14px;
964  color: #666;
965  margin-bottom: 20px;
966  line-height: 1.4;
967}
968
969.mobile-social {
970  display: flex;
971  gap: 15px;
972  margin-top: 20px;
973}
974
975.mobile-social a {
976  display: flex;
977  align-items: center;
978  justify-content: center;
979  width: 40px;
980  height: 40px;
981  background: #f5f5f5;
982  border-radius: 50%;
983  color: #333;
984  text-decoration: none;
985  transition: all 0.3s ease;
986}
987
988.mobile-social a:hover {
989  background: #2c5aa0;
990  color: white;
991  transform: translateY(-2px);
992}
993
994/* Адаптация для мобильных устройств */
995@media screen and (max-width: 600px) {
996  .mobile-header {
997    display: flex;
998  }
999  
1000  .mobile-menu-toggle {
1001    display: flex;
1002  }
1003  
1004  /* Скрываем скролл-меню на мобильных */
1005  #scrollMenu {
1006    display: none !important;
1007  }
1008  
1009  /* Скрываем основное меню на мобильных */
1010  .my-header {
1011    display: none;
1012  }
1013  
1014  /* ИСПРАВЛЕНИЕ: Уменьшаем отступ для контента */
1015  main, .t-body, .my-t-container, .my-container, #allrecords {
1016    padding-top: 5px; /* Было 70px, уменьшили до 60px */
1017  }
1018}
1019
1020/* Адаптация для маленьких экранов */
1021@media screen and (max-width: 480px) {
1022  .mobile-menu {
1023    padding: 10px 1px 1px;
1024  }
1025  
1026  .mobile-header {
1027    height: 55px;
1028    padding: 0px;
1029  }
1030  
1031  .mobile-header-logo {
1032    width: 90px;
1033    height: 30px;
1034  }
1035  
1036  .mobile-logo {
1037    left: 15px;
1038    width: 90px;
1039    height: 30px;
1040    top: 15px;
1041  }
1042  
1043  .mobile-nav {
1044    margin-top: 20px;
1045  }
1046  
1047  /* ИСПРАВЛЕНИЕ: Еще меньше отступ для очень маленьких экранов */
1048  main, .t-body, .my-t-container, .my-container, #allrecords {
1049    padding-top: 5px;
1050  }
1051}
1052
1053/* Для очень маленьких экранов */
1054@media screen and (max-width: 360px) {
1055  .mobile-header-logo {
1056    width: 80px;
1057    height: 25px;
1058  }
1059  
1060  .mobile-logo {
1061    width: 80px;
1062    height: 25px;
1063  }
1064  
1065  .mobile-menu {
1066    padding: 25px 10px 10px;
1067  }
1068  
1069  /* ИСПРАВЛЕНИЕ: Минимальный отступ */
1070  main, .t-body, .my-t-container, .my-container, #allrecords {
1071    padding-top: 5px;
1072  }
1073}
1074</style>
1075
1076<!-- Мобильная шапка с логотипом и бургером -->
1077<div class="mobile-header" id="mobileHeader">
1078  <div onclick="location.href='/'" class="mobile-header-logo"></div>
1079  <div class="mobile-menu-toggle" id="mobileMenuToggle">
1080    <span></span>
1081    <span></span>
1082    <span></span>
1083  </div>
1084</div>
1085
1086<div class="mobile-menu" id="mobileMenu">
1087  <!-- Логотип в мобильном меню -->
1088  <div class="mobile-logo" onclick="location.href='/'"></div>
1089  
1090  <ul class="mobile-nav">
1091    <li class="mobile-nav-item has-children">
1092      <a href="/company">О нас</a>
1093      <ul class="mobile-submenu">
1094        <li class="mobile-submenu-item"><a href="/company">О компании</a></li>
1095        <li class="mobile-submenu-item"><a href="/company/licenses">Награды и достижения</a></li>
1096        <li class="mobile-submenu-item"><a href="/novosti">Новости</a></li>
1097        <li class="mobile-submenu-item"><a href="/video">Наше видео</a></li>
1098        <li class="mobile-submenu-item"><a href="/vacansii">
1098Вакансии</a></li>
1099        <li class="mobile-submenu-item"><a href="/reviews">Отзывы</a></li>
1100      </ul>
1101    </li>
1102    
1103    <li class="mobile-nav-item has-children">
1104      <a href="/produkciya">Каталог продукции</a>
1105      <div class="mobile-catalog-submenu">
1106        <div class="mobile-catalog-grid">
1107          <div class="mobile-catalog-section">
1108            <h4>Буклеты, листовки, хенгеры, визитки</h4>
1109            <a href="/baza-buklety-listovki-hengery-vizitki">Листовки и визитки</a>
1110            <a href="/baza-buklety-listovki-hengery-vizitki">Буклеты</a>
1111            <a href="/baza-buklety-listovki-hengery-vizitki">Брошюры</a>
1112            <a href="/baza-buklety-listovki-hengery-vizitki">Плакаты</a>
1113          </div>
1114          
1115          <div class="mobile-catalog-section">
1116            <h4>Журналы и газеты</h4>
1117            <a href="/produkciya/zhurnaly-i-gazety-new">Журналы</a>
1118            <a href="/produkciya/zhurnaly-i-gazety-new">Газеты</a>
1119            <a href="/produkciya/zhurnaly-i-gazety-new">Ежегодники</a>
1120          </div>
1121          
1122          <div class="mobile-catalog-section">
1123            <h4>Открытки, пакеты, календари</h4>
1124            <a href="">Календари</a>
1125            <a href="/produkciya/otkrytki-pakety-kalendari">Блокноты</a>
1126            <a href="/produkciya/otkrytki-pakety-kalendari">Ежедневники</a>
1127            <a href="/produkciya/otkrytki-pakety-kalendari">Открытки</a>
1128          </div>
1129          
1130          <div class="mobile-catalog-section">
1131            <h4>Удостоверения, зачетки, амбарные журналы</h4>
1132            <a href="/produkciya/udostovereniya-zachetki-ambarnye-zhurnaly">Бланки</a>
1133            <a href="/produkciya/udostovereniya-zachetki-ambarnye-zhurnaly">Документы в твёрдой обложке</a>
1134            <a href="/produkciya/udostovereniya-zachetki-ambarnye-zhurnaly">Амбарная продукция</a>
1135          </div>
1136          
1137          <div class="mobile-catalog-section">
1138            <h4>Книги и игры</h4>
1139            <a href="/produkciya/knigi-i-igry">Детские книги</a>
1140            <a href="/produkciya/knigi-i-igry">Книги</a>
1141            <a href="/produkciya/knigi-i-igry">Альбомы</a>
1142            <a href="/produkciya/knigi-i-igry">Многотомные издания</a>
1143          </div>
1144          
1145          <div class="mobile-catalog-section">
1146            <h4>Этикетки, коробки, инструкции</h4>
1147            <a href="/produkciya/etiketki-korobki-instrukcii">Упаковка</a>
1148            <a href="/produkciya/etiketki-korobki-instrukcii">Этикетки</a>
1149            <a href="/produkciya/etiketki-korobki-instrukcii">Ярлыки и бирки</a>
1150          </div>
1151        </div>
1152      </div>
1153    </li>
1154    
1155    <li class="mobile-nav-item"><a href="/trebovaniya-k-maketu">Требования к макету</a></li>
1156    
1157    <li class="mobile-nav-item has-children">
1158      <a href="/prays-oplata/oplata">Оплата и реквизиты</a>
1159      <ul class="mobile-submenu">
1160        <li class="mobile-submenu-item"><a href="/prays-oplata/oplata">Способы оплаты</a></li>
1161        <li class="mobile-submenu-item"><a href="/company/requisites">Реквизиты</a></li>
1162      </ul>
1163    </li>
1164    
1165    <li class="mobile-nav-item has-children">
1166      <a href="/kak-vybrat-tipografiyu">Помощь</a>
1167      <ul class="mobile-submenu">
1168        <li class="mobile-submenu-item"><a href="/kak-vybrat-tipografiyu">Как выбрать типографию</a></li>
1169        <li class="mobile-submenu-item"><a href="/kak-vybrat-tipografiyu/faq">Часто задаваемые вопросы</a></li>
1170        <li class="mobile-submenu-item"><a href="/agreement">Условия обработки <br> персональных данных</a></li>
1171        <li class="mobile-submenu-item"><a href="/cookie">Политика в отношении <br> файлов cookie</a></li>
1172      </ul>
1173    </li>
1174    
1175    <li class="mobile-nav-item"><a href="/contacts">Контакты</a></li>
1176  </ul>
1177  
1178  <!-- Контактная информация -->
1179  <div class="mobile-contacts">
1180    <a href="tel:" class="mobile-phone"></a>
1181    <div id="mySity-header" class="mobile-address"><div class="change-city-location" data-toggle="modal" data-target=".modal-change-city-location"><i class="w2p-icon-pin2 w2p-size-20"></i><span class="city-location-name" data-toggle="tooltip" data-placement="bottom">Чикаго</span></div>
1182    </div>
1183    
1184    <div class="mobile-social">
1185      <a href="https://vk.com/konstantaprint" title="ВКонтакте">VK</a>
1186      <a href="https://t.me/konstantaprint" title="Telegram">TG</a>
1187    </div>
1188  </div>
1189</div>
1190
1191<script>
1192// Функционал гамбургер-меню
1193document.addEventListener('DOMContentLoaded', function() {
1194  const mobileHeader = document.getElementById('mobileHeader');
1195  const mobileMenuToggle = document.getElementById('mobileMenuToggle');
1196  const mobileMenu = document.getElementById('mobileMenu');
1197  const mobileNavItems = document.querySelectorAll('.mobile-nav-item.has-children');
1198  const mobileLogo = document.querySelector('.mobile-logo');
1199  const mobileHeaderLogo = document.querySelector('.mobile-header-logo');
1200  
1201  // Переключение меню
1202  mobileMenuToggle.addEventListener('click', function() {
1203    this.classList.toggle('active');
1204    mobileMenu.classList.toggle('active');
1205    
1206    // Блокируем скролл страницы при открытом меню
1207    if (mobileMenu.classList.contains('active')) {
1208      document.body.style.overflow = 'hidden';
1209    } else {
1210      document.body.style.overflow = '';
1211    }
1212    
1213    // Закрываем все подменю при закрытии основного меню
1214    if (!mobileMenu.classList.contains('active')) {
1215      mobileNavItems.forEach(item => {
1216        item.classList.remove('active');
1217        // Закрываем все подменю
1218        const submenu = item.querySelector('.mobile-submenu, .mobile-catalog-submenu');
1219        if (submenu) {
1220          submenu.classList.remove('active');
1221        }
1222      });
1223    }
1224  });
1225  
1226  // Переключение подменю
1227  mobileNavItems.forEach(item => {
1228    const link = item.querySelector('a');
1229    
1230    link.addEventListener('click', function(e) {
1231      // Для элементов с подменю предотвращаем переход по ссылке
1232      if (item.classList.contains('has-children')) {
1233        e.preventDefault();
1234        item.classList.toggle('active');
1235        
1236        // Находим соответствующее подменю
1237        const submenu = item.querySelector('.mobile-submenu, .mobile-catalog-submenu');
1238        if (submenu) {
1239          submenu.classList.toggle('active');
1240        }
1241      }
1242    });
1243  });
1244  
1245  // Закрытие меню при клике на логотип в шапке
1246  if (mobileHeaderLogo) {
1247    mobileHeaderLogo.addEventListener('click', function() {
1248      mobileMenuToggle.classList.remove('active');
1249      mobileMenu.classList.remove('active');
1250      document.body.style.overflow = '';
1251      
1252      // Закрываем все подменю
1253      mobileNavItems.forEach(item => {
1254        item.classList.remove('active');
1255        const submenu = item.querySelector('.mobile-submenu, .mobile-catalog-submenu');
1256        if (submenu) {
1257          submenu.classList.remove('active');
1258        }
1259      });
1260    });
1261  }
1262  
1263  // Закрытие меню при клике на логотип в меню
1264  if (mobileLogo) {
1265    mobileLogo.addEventListener('click', function() {
1266      mobileMenuToggle.classList.remove('active');
1267      mobileMenu.classList.remove('active');
1268      document.body.style.overflow = '';
1269      
1270      // Закрываем все подменю
1271      mobileNavItems.forEach(item => {
1272        item.classList.remove('active');
1273        const submenu = item.querySelector('.mobile-submenu, .mobile-catalog-submenu');
1274        if (submenu) {
1275          submenu.classList.remove('active');
1276        }
1277      });
1278    });
1279  }
1280  
1281  // Закрытие меню при клике на ссылку без подменю
1282  document.querySelectorAll('.mobile-nav-item:not(.has-children) a, .mobile-submenu-item a, .mobile-catalog-section a').forEach(link => {
1283    link.addEventListener('click', function() {
1284      mobileMenuToggle.classList.remove('active');
1285      mobileMenu.classList.remove('active');
1286      document.body.style.overflow = '';
1287    });
1288  });
1289  
1290  // Закрытие меню при клике вне его области
1291  document.addEventListener('click', function(e) {
1292    if (!mobileMenu.contains(e.target) && !mobileMenuToggle.contains(e.target) && !mobileHeader.contains(e.target)) {
1293      mobileMenuToggle.classList.remove('active');
1294      mobileMenu.classList.remove('active');
1295      document.body.style.overflow = '';
1296      
1297      // Закрываем все подменю
1298      mobileNavItems.forEach(item => {
1299        item.classList.remove('active');
1300        const submenu = item.querySelector('.mobile-submenu, .mobile-catalog-submenu');
1301        if (submenu) {
1302          submenu.classList.remove('active');
1303        }
1304      });
1305    }
1306  });
1307  
1308  // Обновляем контактные данные в зависимости от города
1309  function updateMobileContacts() {
1310    const cityHeader = document.getElementById('mySity-header');
1311    if (cityHeader) {
1312      const city = cityHeader.textContent;
1313      console.log(city + 'ШАПКА');
1314      const phoneElement = document.querySelector('.mobile-phone');
1315      const addressElement = document.querySelector('.mobile-address');
1316      
1317      if (city.includes('Курск')) {
1318        phoneElement.textContent = '+7 (4712) 200-720';
1319        phoneElement.href = 'tel:+74712200720';
1320        addressElement.innerHTML = 'Курск, ул. Чистая, 2/21';
1321      } else if (city.includes('Орел') || city.includes('Орёл') || city.includes('Орловская область')) {
1322        phoneElement.textContent = '+7 (4862) 43-20-10';
1323        phoneElement.href = 'tel:+74862432010';
1324        addressElement.innerHTML = 'Орел, ул. Московская, 98';
1325      } else {
1326        phoneElement.textContent = '+7 (4722) 300-720';
1327        addressElement.innerHTML = 'пгт. Северный, ул. Березовая, 1/12';
1328      }
1329    }
1330  }
1331  
1332  // Вызываем функцию после загрузки DOM
1333  setTimeout(updateMobileContacts, 100);
1334});
1335
1336// Отключаем скролл-меню на мобильных устройствах
1337window.addEventListener('resize', function() {
1338  const scrollMenu = document.getElementById('scrollMenu');
1339  if (window.innerWidth <= 600 && scrollMenu) {
1340    scrollMenu.style.display = 'none';
1341  }
1342});
1343
1344// Инициализация при загрузке
1345window.addEventListener('load', function() {
1346  if (window.innerWidth <= 600) {
1347    const scrollMenu = document.getElementById('scrollMenu');
1348    if (scrollMenu) {
1349      scrollMenu.style.display = 'none';
1350    }
1351  }
1352});
1353</script>
1353
1354
1355
1356
1357
1358<style>
1359/* ==== ОСНОВА ФИКСИРОВАННОЙ ШАПКИ ==== */
1360.my-header-scroll-menu {
1361  position: fixed;
1362  top: 0;
1363  left: 0;
1364/*margin-left: 20%;*/
1365  width: 100%;
1366  background: #fff;
1367  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
1368  z-index: 9999;
1369  font-family: 'Arial', sans-serif;
1370}
1371
1372/* Верхняя линия */
1373.my-header-top {
1374  display: flex;
1375  justify-content: space-between;
1376  align-items: center;
1377  padding: 8px 40px;
1378  border-bottom: 1px solid #eee;
1379  font-size: 14px;
1380  color: #333;
1381width: 70%;
1382margin-left: 13%;
1383}
1384
1385.my-header-top .my-header-left {
1386  display: flex;
1387  align-items: center;
1388  gap: 20px;
1389}
1390
1391.my-header-logo img {
1392  height: 40px;
1393}
1394
1395.my-header-top .my-header-right {
1396  display: flex;
1397  align-items: center;
1398  gap: 25px;
1399}
1400
1401.my-header-top .my-header-right a {
1402  color: #003366;
1403  text-decoration: none;
1404  font-weight: 500;
1405}
1406
1407/* Нижняя линия (меню) */
1408.my-header-bottom {
1409  display: flex;
1410  justify-content: center;
1411  align-items: center;
1412  height: 50px;
1413  width: 100%;
1414
1415}
1416
1417.my-header-nav-menu {
1418  display: flex;
1419  gap: 40px;
1420  align-items: center;
1421}
1422
1423.my-header-nav-item {
1424  position: relative;
1425}
1426
1427.my-header-nav-item > a {
1428  text-decoration: none;
1429  color: #000;
1430  font-size: 15px;
1431  font-weight: 500;
1432  padding-bottom: 4px;
1433  display: inline-block;
1434  transition: color 0.2s, border-color 0.2s;
1435}
1436
1437.my-header-nav-item > a:hover,
1438.my-header-nav-item.active > a {
1439  color: #004c99;
1440  border-bottom: 2px solid #004c99;
1441}
1442
1443/* Выпадающее меню */
1444.my-header-dropdown {
1445  display: none;
1446  position: absolute;
1447  top: 100%;
1448  left: 0;
1449  background: #fff;
1450  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
1451  border-radius: 4px;
1452  min-width: 220px;
1453  padding: 10px 0;
1454  z-index: 10000;
1455}
1456
1457.my-header-dropdown a {
1458  display: block;
1459  padding: 10px 20px;
1460  color: #000;
1461  text-decoration: none;
1462  font-size: 14px;
1463}
1464
1465.my-header-dropdown a:hover {
1466  background: #f5f8ff;
1467  color: #004c99;
1468}
1469
1470.my-header-nav-item:hover .my-header-dropdown {
1471  display: block;
1472}
1473
1474/* Каталог: большой выпадающий мега-меню */
1475.my-header-catalog-mega {
1476  left: -100px;
1477   width: 1200px;
1478  display: none; /* по умолчанию скрыто, при hover - показывается */
1479  position: absolute;
1480  top: 100%;
1481  background: #fff;
1482  padding: 18px;
1483  box-shadow: 0 6px 24px rgba(0,0,0,0.12);
1484  border-radius: 4px;
1485  z-index: 10000;
1486}
1487
1488/* Сетка внутри каталога */
1489.my-header-catalog-grid {
1490  display: grid;
1491  grid-template-columns: repeat(3, 1fr);
1492  gap: 24px;
1493  align-items: start;
1494}
1495
1496/* Блок раздела в каталоге */
1497.my-header-cat-block strong {
1498  display: flex;
1499  align-items: center;
1500  gap: 10px;
1501  margin-bottom: 10px;
1502  font-size: 15px;
1503}
1504
1505/* Иконки рядом с заголовками (SVG inline) */
1506.my-header-cat-icon {
1507  width: 36px;
1508  height: 36px;
1509  display: inline-flex;
1510  align-items: center;
1511  justify-content: center;
1512  background: #f3f7fb;
1513  border-radius: 6px;
1514  flex: 0 0 36px;
1515}
1516
1517/* Ссылка внутри блока (список) */
1518.my-header-cat-block a {
1519  display: block;
1520  padding: 6px 0;
1521  color: #0b4f88;
1522  text-decoration: none;
1523  font-size: 13.5px;
1524}
1525
1526.my-header-cat-block a:hover {
1527  color: #004c99;
1528  text-decoration: underline;
1529}
1530
1531/* Показать мега-меню при hover */
1532.my-header-nav-item--catalog:hover .my-header-catalog-mega {
1533  display: block;
1534}
1535
1536/* Отступ для контента */
1537body, main, #allrecords {
1538  margin: 0;
1539  padding-top: 110px; /* высота шапки */
1540}
1541
1542/* Иконка поиска */
1543.my-header-search-icon {
1544  font-size: 18px;
1545  cursor: pointer;
1546}
1547
1548/* Адаптив */
1549@media (max-width: 900px) {
1550  .my-header-top, .my-header-bottom {
1551    flex-direction: column;
1552    padding: 10px 20px;
1553  }
1554  .my-header-nav-menu {
1555    flex-wrap: wrap;
1556    justify-content: center;
1557    gap: 20px;
1558  }
1559  .my-header-catalog-mega {
1560    position: static;
1561    width: 100%;
1562    box-shadow: none;
1563    padding: 12px;
1564  }
1565  .my-header-catalog-grid {
1566    grid-template-columns: repeat(1, 1fr);
1567  }
1568  /* Отступ для контента */
1569body, main, #allrecords {
1570  margin: 0;
1571  padding-top: 50px; /* высота шапки */
1572}
1573}
1574.img-nav-menu
1575{
1576  width: 50px;
1577  heidth: 50px;
1578}
1579/*  strong */
1580strong .text-headers-adress,
1581.text-headers-adress {
1582    color: black; 
1583    font-size: 12px;
1584    text-decoration: none !important;
1585    font-weight: normal;
1586    display: inline-block;
1587}
1588
1589strong .text-headers-adress:hover,
1590.text-headers-adress:hover {
1591    text-decoration: none !important;
1592    font-weight: bold; 
1593}
1594
1595</style>
1596
1597
1598<header class="my-header-scroll-menu" id="scrollMenu">
1599  <div class="my-header-top" id="top-header-none">
1600    <div class="my-header-left">
1601      <a href='/' class="my-header-logo">
1602        <img onclick="location.href='/'" style="cursor:pointer;" src="/logo.png" alt="Логотип">
1603      </a>
1604     
1605    </div>
1606
1607    <div class="my-header-right">
1608<span style="width: 300px;">
1609                <svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewB
1609ox="0 0 13 16">
1610                   <defs>
1611                     <style>
1612                       .cls-1 {
1613                          fill-rule: evenodd;
1614                         fill: #2c5aa0;
1615                             }
1616                     </style>
1617                   </defs>
1618                <path data-name="Ellipse 74 copy" class="cls-1" d="M763.9,42.916h0.03L759,49h-1l-4.933-6.084h0.03a6.262,6.262,0,0,1-1.1-3.541,6.5,6.5,0,0,1,13,0A6.262,6.262,0,0,1,763.9,42.916ZM758.5,35a4.5,4.5,0,0,0-3.741,7h-0.012l3.542,4.447h0.422L762.289,42H762.24A4.5,4.5,0,0,0,758.5,35Zm0,6a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,758.5,41Z" transform="translate(-752 -33)"></path>
1619              </svg> 
1620                <a id="adress-company" style="width: 100px; text-decoration: none; color: #2c5aa0;" href="/contacts"> </a></span>
1621                <span id="mySity" style=" color: #2c5aa0;"><div class="change-city-location" data-toggle="modal" data-target=".modal-change-city-location"><i class="w2p-icon-pin2 w2p-size-20"></i><span class="city-location-name" data-toggle="tooltip" data-placement="bottom">Чикаго</span></div></span>
1622                <span id="phone" class="phone"></span>
1623                <!-- Соцсеть -->
1624                <a class="my-footer-social-link my-footer-social-vk" href="https://vk.com/konstantaprint" target="_blank" aria-label="VK">
1625                  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
1626                  <path class="cls-1" d="M10.994,6.771v3.257a0.521,0.521,0,0,0,.426.351c0.3,0,.978-1.8,1.279-2.406a1.931,1.931,0,0,1,.738-0.826A0.61,0.61,0,0,1,13.8,6.992h2.878a0.464,0.464,0,0,1,.3.727,29.378,29.378,0,0,1-2.255,2.736,1.315,1.315,0,0,0-.238.55,1.2,1.2,0,0,0,.313.627c0.2,0.226,1.816,2,1.966,2.155a1.194,1.194,0,0,1,.276.576,0.765,0.765,0,0,1-.8.614c-0.627,0-2.167,0-2.342,0a2.788,2.788,0,0,1-.952-0.565c-0.226-.2-1.153-1.152-1.278-1.277a2.457,2.457,0,0,0,.024-0.363,0.826,0.826,0,0,0-.7.8,4.083,4.083,0,0,1-.238,1.139,1.024,1.024,0,0,1-.737.275A5,5,0,0,1,7.1,14.262,14.339,14.339,0,0,1,2.9,9.251C2.127,7.708,1.953,7.468,2,7.293s0.05-.3.226-0.3,2.39,0,2.606,0a0.851,0.851,0,0,1,.351.326c0.075,0.1.647,1.056,0.822,1.356S7.046,10.38,7.513,10.38a0.6,0.6,0,0,0,.474-0.7c0-.4,0-1.979,0-2.18a1.94,1.94,0,0,0-.978-1A1.261,1.261,0,0,1,7.937,6c0.6-.025,2.1-0.025,2.43.024A0.779,0.779,0,0,1,10.994,6.771Z"></path>
1627                </svg>
1628                </a>
1629    </div>
1630  </div>
1631
1632<script>
1633  // Вывести номер телефона 
1634    let mySity = document.getElementById('mySity').textContent;
1635  console.log(mySity +  ' ШАПКА');
1636  if (mySity.includes('Курск'))
1637  {
1638    document.getElementById('phone').innerHTML = '+7 (4712) 200-720';
1639    document.getElementById('adress-company').innerHTML = 'Курская область г. Курск, ул. Чистая, 2/21';
1640  }
1641   else if (mySity.includes('Орел') || mySity.includes('Орловская область'))
1642  {
1643    document.getElementById('phone').innerHTML = '+7 (4862) 43-20-10';
1644    document.getElementById('adress-company').innerHTML = 'Орловская область, г. Орел, ул.Московская, 98 (Ост. Экран)';
1645  }
1646  else
1647  {
1648    document.getElementById('phone').innerHTML = `+7 (4722) 300-720`;
1649    document.getElementById('adress-company').innerHTML = ' Белгородская область пгт. Северный, ул.Березовая, 1/12';
1650  }
1651  
1652window.addEventListener('scroll', () => {
1653  //console.log('Y:', window.scrollY, 'X:', window.scrollX);
1654});
1655</script>
1655
1656  <div class="my-header-bottom">
1657    <nav class="my-header-nav-menu">
1658      <!-- О нас -->
1659      <div class="my-header-nav-item">
1660        <a href="/company">О нас ▾</a>
1661        <div class="my-header-dropdown">
1662          <a href="/company">О компании</a>
1663          <a href="/company/licenses">Награды и достижения</a>
1664          <a href="/novosti">Новости</a>
1665          <a href="/video">Наше видео</a>
1666          <a href="/vacansii">Вакансии</a>
1667          <a href="/reviews">Отзывы</a>
1668        </div>
1669      </div>
1670
1671      <!-- Каталог продукции (мега-меню с иконками) -->
1672      <div class="my-header-nav-item my-header-nav-item--catalog">
1673        <a href="/produkciya">Каталог продукции ▾</a>
1674
1675        <div class="my-header-catalog-mega" aria-hidden="true">
1676          <div class="my-header-catalog-grid">
1677            <!-- Блок 1 -->
1678            <div class="my-header-cat-block">
1679              <div style="display:flex; align-items:flex-start; gap:10px;">
1680                <div class="my-header-cat-icon" aria-hidden="true">
1681                  <!-- Пример SVG иконки -->
1682                <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/187680156568db7fbfdad3d8.80823004.png" alt="">
1683                </div>
1684                <div>
1685                  <strong><a class="text-headers-adress" href="/baza-buklety-listovki-hengery-vizitki">Буклеты, листовки, визитки</a></strong>
1686                  <a href="/produkciya/buklety">Листовки и визитки</a>
1687                  <a href="/produkciya/broshyury">Буклеты</a>
1688                  <a href="/produkciya/plakaty">Брошюры</a>
1689                  <a href="/produkciya/hengery">Плакаты</a>
1690                  <a href="/baza-buklety-listovki-hengery-vizitki">Ещё </a>
1691                </div>
1692              </div>
1693            </div>
1694
1695            <!-- Блок 2 -->
1696            <div class="my-header-cat-block">
1697              <div style="display:flex; align-items:flex-start; gap:10px;">
1698                <div class="my-header-cat-icon" aria-hidden="true">
1699                  <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/192034308868db7fc3cc88e5.68680229.jpg" alt="">
1700                </div>
1701                <div>
1702                  <strong><a class="text-headers-adress" href="/otkrytki-pakety-kalendari">Открытки, пакеты, календари</a></strong>
1703                  <a href="/produkciya/kalendari">Календари</a>
1704                  <a href="/produkciya/bloknoty">Блокноты</a>
1705                  <a href="/produkciya/ezhednevniki">Ежедневники</a>
1706                  <a href="/produkciya/otkrytki">Открытки</a>
1707                  <a href="/otkrytki-pakety-kalendari">Ещё </a>
1708                </div>
1709              </div>
1710            </div>
1711
1712            <!-- Блок 3 -->
1713            <div class="my-header-cat-block">
1714              <div style="display:flex; align-items:flex-start; gap:10px;">
1715                <div class="my-header-cat-icon" aria-hidden="true">
1716                 <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/53999813268db7fc8798b60.88549315.png" alt="">
1717                </div>
1718                <div>
1719                  <strong> <a class="text-headers-adress" href="/knigi-i-igry">Книги и игры</a></strong>
1720                  <a href="/produkciya/detskie-knigi">Детские книги</a>
1721                  <a href="/produkciya/knigi">Книги</a>
1722                  <a href="/produkciya/al-bomy">Альбомы</a>
1723                  <a href="/produkciya/mnogotomnye-izdaniya">Многотомные издания</a>
1724                  <a href="/knigi-i-igry">Ещё </a>
1725                </div>
1726              </div>
1727            </div>
1728
1729            <!-- Блок 4 -->
1730            <div class="my-header-cat-block">
1731              <div style="display:flex; align-items:flex-start; gap:10px;">
1732                <div class="my-header-cat-icon" aria-hidden="true">
1733                 <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/3604357868db7fc68cd955.21106462.png" alt="">
1734                </div>
1735                <div>
1736                  <strong><a class="text-headers-adress" href="/zhurnaly-i-gazet">Журналы и газеты</a></strong>
1737                  <a href="/produkciya/zhurnaly">Журналы</a>
1738                  <a href="/produkciya/gazety">Газеты</a>
1739                  <a href="/produkciya/ezhegodniki">Ежегодники</a>
1740                </div>
1741              </div>
1742            </div>
1743
1744            <!-- Блок 5 -->
1745            <div class="my-header-cat-block">
1746              <div style="display:flex; align-items:flex-start; gap:10px;">
1747                <div class="my-header-cat-icon" aria-hidden="true">
1748                  <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/12380956968db7fcaea5c57.61271856.png" alt="">
1749                </div>
1750                <div>
1751                  <strong>
1752                  <a class="text-headers-adress" href="/udostovereniya-zachetki-ambarnye-zhurnaly">Удостоверения, зачётки, амбарные журналы</a></strong>
1753                  <a href="/produkciya/blanki">Бланки</a>
1754                  <a href="/produkciya/dokumenty-v-tverdoy-oblozhke">Документы в твёрдой обложке</a>
1755                  <a href="/produkciya/ambarnaya-produkciya">Амбарная продукция</a>
1756                </div>
1757              </div>
1758            </div>
1759
1760            <!-- Блок 6 -->
1761            <div class="my-header-cat-block">
1762              <div style="display:flex; align-items:flex-start; gap:10px;">
1763                <div class="my-header-cat-icon" aria-hidden="true">
1764                  <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/144176110868db7fc0774885.11907300.png" alt="">
1765                </div>
1766                <div>
1767                  <strong><a class="text-headers-adress" href="/etiketki-korobki-instrukcii">
1767Этикетки, коробки, инструкции</a></strong>
1768                  <a href="/produkciya/upakovka">Упаковка</a>
1769                  <a href="/produkciya/etiketki">Этикетки</a>
1770                  <a href="/produkciya/yarlyki-i-birki">Ярлыки и бирки</a>
1771                </div>
1772              </div>
1773            </div>
1774          </div> <!-- /.my-header-catalog-grid -->
1775        </div> <!-- /.my-header-catalog-mega -->
1776      </div>
1777
1778      <!-- Требования к макету -->
1779      <div class="my-header-nav-item">
1780        <a href="/trebovaniya-k-maketu">Требования к макету</a>
1781      </div>
1782
1783      <!-- Прайс и оплата -->
1784      <div class="my-header-nav-item">
1785        <a href="/prays-oplata/oplata">Оплата  и Реквизиты▾</a>
1786        <div class="my-header-dropdown">
1787          <a href="/prays-oplata/oplata">Способы оплаты</a>
1788          <a href="/company/requisites">Реквизиты</a>
1789        </div>
1790      </div>
1791
1792      <!-- Помощь -->
1793      <div class="my-header-nav-item">
1794        <a href="/kak-vybrat-tipografiyu">Помощь ▾</a>
1795        <div class="my-header-dropdown">
1796          <a href="/kak-vybrat-tipografiyu/faq">Часто задаваемые вопросы</a>
1797          <a href="/kak-vybrat-tipografiyu">Как выбрать типографию?</a>
1798          <a href="/agreement">Условия обработки <br> персональных данных</a>
1799          <a href="/cookie">Политика в отношении <br> файлов cookie</a>
1800        </div>
1801      </div>
1802
1803      <!-- Контакты -->
1804      <div class="my-header-nav-item">
1805        <a href="/contacts">Контакты</a>
1806      </div>
1807
1808      <!-- Поиск -->
1809     
1810    </nav>
1811  </div>
1812</header>
1813
1814<script>
1815  document.addEventListener('DOMContentLoaded', () => {
1816    const menu = document.getElementById('scrollMenu');
1817    const path = window.location.pathname;
1818
1819    // скрываем шапку на главной (как у тебя было)
1820    if (path === '/' || path === '/index.html') {
1821      menu.style.display = 'none';
1822      document.body.style.paddingTop = '0';
1823    }
1824
1825    // Дополнительно: если нужно закрывать мега-меню при клике вне его (полезно на мобиле)
1826    document.addEventListener('click', (e) => {
1827      // если кликнули вне каталога и не на элемент каталога — закрыть (на случай, если используются классы для показа).
1828      // Здесь ничего не делаем, потому что мы используем hover для показа; оставлено для расширения.
1829    });
1830  });
1831</script>
1831<div class=" content-html-source">
1832    <head>
1833  <style>
1834  .logo {
1835    font-size: 28px;
1836    font-weight: bold;
1837    color: #333;
1838    width: 200px;
1839    height: 80px;
1840    background-image: url('/logo.png');
1841    background-size: cover;
1842    background-position: center;
1843  }
1844  </style>
1845  
1846  <meta name="viewport" content="width=device-width, initial-scale=1.0">
1847  <!-- Подключение стилей -->
1848    <link rel="stylesheet" href="head-style.css">
1849</head>
1850<div>
1851  <!-- Шапка сайта -->
1852  <div class="my-header">
1853    <div class="top-bar">
1854      <a href='/' style="cursor:pointer;" class="logo"></a>
1855      <div class="contact-info">
1856        <span style="width: 200px;">
1857          <svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16">
1858            <defs>
1859              <style>
1860                .cls-1 {
1861                  fill-rule: evenodd;
1862                  fill: #0066ff;
1863                }
1864              </style>
1865            </defs>
1866            <path data-name="Ellipse 74 copy" class="cls-1" d="M763.9,42.916h0.03L759,49h-1l-4.933-6.084h0.03a6.262,6.262,0,0,1-1.1-3.541,6.5,6.5,0,0,1,13,0A6.262,6.262,0,0,1,763.9,42.916ZM758.5,35a4.5,4.5,0,0,0-3.741,7h-0.012l3.542,4.447h0.422L762.289,42H762.24A4.5,4.5,0,0,0,758.5,35Zm0,6a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,758.5,41Z" transform="translate(-752 -33)"></path>
1867          </svg> 
1868          <a id="adress-company-header" style="width: 200px; text-decoration: none;" href="/contacts"> </a>
1869        </span>
1870        <span id="mySity-header"><div class="change-city-location" data-toggle="modal" data-target=".modal-change-city-location"><i class="w2p-icon-pin2 w2p-size-20"></i><span class="city-location-name" data-toggle="tooltip" data-placement="bottom">Чикаго</span></div></span>
1871        <span id="phone-header" class="phone"></span>
1872        <!-- соцсеть -->
1873        <a style="margin-left: 20px; margin-top: -5px;" href="https://vk.com/konstantaprint" target="_blank" aria-label="VK">
1874          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
1875            <path class="cls-1" d="M10.994,6.771v3.257a0.521,0.521,0,0,0,.426.351c0.3,0,.978-1.8,1.279-2.406a1.931,1.931,0,0,1,.738-0.826A0.61,0.61,0,0,1,13.8,6.992h2.878a0.464,0.464,0,0,1,.3.727,29.378,29.378,0,0,1-2.255,2.736,1.315,1.315,0,0,0-.238.55,1.2,1.2,0,0,0,.313.627c0.2,0.226,1.816,2,1.966,2.155a1.194,1.194,0,0,1,.276.576,0.765,0.765,0,0,1-.8.614c-0.627,0-2.167,0-2.342,0a2.788,2.788,0,0,1-.952-0.565c-0.226-.2-1.153-1.152-1.278-1.277a2.457,2.457,0,0,0,.024-0.363,0.826,0.826,0,0,0-.7.8,4.083,4.083,0,0,1-.238,1.139,1.024,1.024,0,0,1-.737.275A5,5,0,0,1,7.1,14.262,14.339,14.339,0,0,1,2.9,9.251C2.127,7.708,1.953,7.468,2,7.293s0.05-.3.226-0.3,2.39,0,2.606,0a0.851,0.851,0,0,1,.351.326c0.075,0.1.647,1.056,0.822,1.356S7.046,10.38,7.513,10.38a0.6,0.6,0,0,0,.474-0.7c0-.4,0-1.979,0-2.18a1.94,1.94,0,0,0-.978-1A1.261,1.261,0,0,1,7.937,6c0.6-.025,2.1-0.025,2.43.024A0.779,0.779,0,0,1,10.994,6.771Z"></path>
1876          </svg>
1877        </a>
1878
1879      </div>
1880    </div>
1881    <ul class="nav-menu">
1882      <li class="nav-item">
1883        <a href="/company" style="color: black; text-decoration: none; font-size: 14px;">О нас ▼</a>
1884        <div class="dropdown">
1885          <div onclick="location.href='/company'" class="dropdown-item">О компании</div>
1886          <div onclick="location.href='/company/licenses'" class="dropdown-item">Награды и достижения</div>
1887          <div onclick="location.href='/novosti'" class="dropdown-item">Новости</div>
1888          <div onclick="location.href='/video'" class="dropdown-item">Наше видео</div> 
1889          <div onclick="location.href='/vacansii'" class="dropdown-item">Вакансии</div>
1890          <div onclick="location.href='/reviews'" class="dropdown-item">Отзывы</div>
1891        </div>
1892      </li>
1893      <li class="nav-item">
1894        <a href="/produkciya" style="color: black; text-decoration: none; font-size: 14px;">Каталог продукции ▼</a>                
1895        <div class="catalog-dropdown">
1896          <div class="dropdown-column">
1897            <div class="dropdown-section">
1898              <h4><img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/187680156568db7fbfdad3d8.80823004.png" alt=""><a class="text-headers-adress" href="/baza-buklety-listovki-hengery-vizitki">Буклеты, листовки, хенгеры, визитки</a></h4>
1899              <a href="/produkciya/listovki-i-vizitki" class="dropdown-item">Листовки и визитки</a>
1900              <a href="/produkciya/buklety" class="dropdown-item">Буклеты</a>
1901              <a href="/produkciya/broshyury" class="dropdown-item">Брошюры</a>
1902              <a href="/produkciya/plakaty" class="dropdown-item">Плакаты</a>
1903              <a href="/baza-buklety-listovki-hengery-vizitki" class="dropdown-item">Ещё</a>
1904            </div>
1905            <div class="dropdown-section">
1906              <h4><img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/3604357868db7fc68cd955.21106462.png" alt=""><a class="text-headers-adress" href="/zhurnaly-i-gazet">Журналы и газеты</a></h4>
1907              <a href="/produkciya/zhurnaly" class="dropdown-item">Журналы</a>
1908              <a href="/produkciya/gazety" class="dropdown-item">Газеты</a>
1909              <a href="/produkciya/ezhegodniki" class="dropdown-item">Ежегодники</a>
1910            </div>
1911          </div>
1912          <div class="dropdown-column">
1913            <div class="dropdown-section">
1914              <h4><img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/192034308868db7fc3cc88e5.68680229.jpg" alt=""><a class="text-headers-adress" href="/otkrytki-pakety-kalendari">Открытки, пакеты, календари</a></h4>
1915              <a href="/produkciya/kalendari" class="dropdown-item">Календари</a>
1916              <a href="/produkciya/bloknoty" class="dropdown-item">Блокноты</a>
1917              <a href="/produkciya/ezhednevniki" class="dropdown-item">Ежедневники</a>
1918              <a href="/produkciya/otkrytki" class="dropdown-item">Открытки</a>
1919              <a href="/otkrytki-pakety-kalendari" class="dropdown-item">Ещё</a>
1920            </div>
1921            <div class="dropdown-section">
1922              <h4><img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/12380956968db7fcaea5c57.61271856.png" alt=""><a class="text-headers-adress" href="/udostovereniya-zachetki-ambarnye-zhurnaly">Удостоверения, зачетки, амбарные журналы</a></h4>
1923              <a href="/produkciya/blanki" class="dropdown-item">Бланки</a>
1924              <a href="/produkciya/dokumenty-v-tverdoy-oblozhke" class="dropdown-item">Документы в твёрдой обложке</a>
1925              <a href="/produkciya/ambarnaya-produkciya" class="dropdown-item">Амбарная продукция</a>
1926            </div>
1927          </div>
1928          <div class="dropdown-column">
1929            <div class="dropdown-section">
1930              <h4><img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/53999813268db7fc8798b60.88549315.png" alt=""><a class="text-headers-adress" href="/knigi-i-igry">Книги и игры</a></h4>
1931              <a href="/produkciya/detskie-knigi" class="dropdown-item">Детские книги</a>
1932              <a href="/produkciya/knigi" class="dropdown-item">
1932Книги</a>
1933              <a href="/produkciya/al-bomy" class="dropdown-item">Альбомы</a>
1934              <a href="/produkciya/mnogotomnye-izdaniya" class="dropdown-item">Многотомные издания</a>
1935              <a href="/produkciya/knigi-i-igry" class="dropdown-item">Ещё</a>
1936            </div>
1937            <div class="dropdown-section">
1938              <h4><img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/144176110868db7fc0774885.11907300.png" alt=""><a class="text-headers-adress" href="/etiketki-korobki-instrukcii">Этикетки, коробки, инструкции</a></h4>
1939              <a href="/produkciya/upakovka" class="dropdown-item">Упаковка</a>
1940              <a href="/produkciya/etiketki" class="dropdown-item">Этикетки</a>
1941              <a href="/produkciya/yarlyki-i-birki" class="dropdown-item">Ярлыки и биржи</a>
1942            </div>
1943          </div>
1944        </div>
1945      </li>
1946      <li onclick="location.href='/trebovaniya-k-maketu'" class="nav-item">Требования к макету</li>
1947      <li class="nav-item">
1948        Оплата и реквизиты ▼
1949        <div class="dropdown">
1950          <div onclick="location.href='/prays-oplata/oplata'" class="dropdown-item">Способы оплаты</div>
1951          <div onclick="location.href='/company/requisites'" class="dropdown-item">Реквизиты</div>
1952        </div>
1953      </li>
1954      <li class="nav-item">
1955        Помощь ▼
1956        <div class="dropdown">
1957          <div onclick="location.href='/kak-vybrat-tipografiyu/faq'" class="dropdown-item">Часто задаваемые вопросы</div>
1958          <div onclick="location.href='/kak-vybrat-tipografiyu'" class="dropdown-item">Как выбрать типографию</div>
1959          <div onclick="location.href='/agreement'" class="dropdown-item">Условия обработки <br> персональных данных</div>
1960          <div onclick="location.href='/cookie'" class="dropdown-item">Политика в отношении <br> файлов cookie</div>
1961        </div>
1962      </li>
1963      <li onclick="location.href='/contacts'" class="nav-item">Контакты</li>
1964    </ul>
1965  </div>
1966  
1967  <!-- Слайдер -->
1968  <div class="hero-slider">
1969    <div class="background-image"></div>
1970    
1971    <!-- Стрелки для переключения слайдов -->
1972    <div class="slider-arrow arrow-left">←</div>
1973    <div class="slider-arrow arrow-right">→</div>
1974    
1975    <div class="slide">
1976      <div class="my-slider-container">
1977        <div class="text-content">
1978          <h2>Типография КОНСТАНТА!</h2>
1979          <p>Только у нас единственная во всём Черноземье пятикрасочная печатная машина RMGT 920ST-5 формата А1.</p>
1980        </div>
1981        <div class="image-content">
1982          <img src="https://static.wow2print.com/storage/4231/content/image/60461093968db7fccd99f93.30599169.png" alt="Типография КОНСТАНТА!">
1983        </div>
1984      </div>
1985    </div>
1986    
1987    <div class="slide">
1988      <div class="my-slider-container">
1989        <div class="text-content">
1990          <h2>СОБСТВЕННАЯ ДИЗАЙН-СТУДИЯ</h2>
1991          <p>Наши дизайнеры — инструмент для реализации Ваших идей.</p>
1992        </div>
1993        <div class="image-content">
1994          <img src="https://static.wow2print.com/storage/4231/content/image/135461919068db7fcc3f8e83.68091657.png" alt="ДИЗАЙН-СТУДИЯ">
1995        </div>
1996      </div>
1997    </div>
1998    
1999    <div class="slide active">
2000      <div class="my-slider-container">
2001        <div class="text-content">
2002          <h2>СОБСТВЕННЫЙ ТРАНСПОРТ</h2>
2003          <p>Наши автомобили - гарантия доставки в целости и вовремя.</p>
2004        </div>
2005        <div class="image-content">
2006          <img src="https://static.wow2print.com/storage/4231/content/image/120061917268db7fbf8a57b9.75704596.png" alt="ТРАНСПОРТ">
2007        </div>
2008      </div>
2009    </div>
2010    
2011    <div class="slide">
2012      <div class="my-slider-container">
2013        <div class="text-content">
2014          <h2>ТИПОГРАФИЯ КОНСТАНТА</h2>
2015          <p>Добро пожаловать на сайт типографии КОНСТАНТА!</p>
2016        </div>
2017        <div class="image-content">
2018          <img src="https://static.wow2print.com/storage/4231/content/image/30799848168db7fc4da87d8.42620328.png" alt="КОНСТАНТА">
2019        </div>
2020      </div>
2021    </div>
2022    
2023    <div class="indicators">
2024      <div class="indicator" data-index="0"></div>
2025      <div class="indicator" data-index="1"></div>
2026      <div class="indicator active" data-index="2"></div>
2027      <div class="indicator" data-index="3"></div>
2028    </div>
2029  </div>
2030  
2031  <!-- Награды -->
2032  <!-- <div class="my-awards-container">
2033    <div class="award-item">
2034      <div class="award-image">
2035        <img src="https://static.wow2print.com/storage/4231/content/image/109373671868db7fca5fdc89.27625345.svg" alt="Награда 1">
2036      </div>
2037      <div class="award-text">
2038        <div class="country">Член Национальной <br>Ассоциации полиграфистов</div>
2039      </div>
2040    </div>
2041    
2042    <div class="award-item">
2043      <div class="award-image">
2044        <img src="https://static.wow2print.com/storage/4231/content/image/200231721368db7fc71bf9d9.63066465.jpg" alt="Награда 2">
2045      </div>
2046      <div class="award-text">
2047        <div class="country">Обладатель премии Лидер России</div>
2048      </div>
2049    </div>
2050    
2051    <div class="award-item">
2052      <div class="award-image">
2053        <img src="https://static.wow2print.com/storage/4231/content/image/202697044268db7fc833d862.03625938.png" alt="Награда 3">
2054      </div>
2055      <div class="award-text">
2056        <div class="country">Обладатель премии <br>"Национальная марка качества"</div>
2057      </div>
2058    </div>
2059  </div> -->
2060  <section class="my-features">
2061    <div class="my-feature">
2062      <img src="https://static.wow2print.com/storage/4231/content/image/146717898268db7fc0278bb4.21888267.png" alt="Иконка 1">
2063      <p>Функциональная<br>и качественная продукция</p>
2064    </div>
2065    <div class="my-feature">
2066      <img src="https://static.wow2print.com/storage/4231/content/image/106424030068db7fc1063547.41481958.png" alt="Иконка 2">
2067      <p>Непосредственный<br>исполнитель заказа</p>
2068    </div>
2069    <div class="my-feature">
2070      <img src="https://static.wow2print.com/storage/4231/content/image/12366300168db7fc24de4e2.89452147.png" alt="Иконка 3">
2071      <p>Команда<br>профессионалов</p>
2072    </div>
2073    <div class="my-feature">
2074      <img src="https://static.wow2print.com/storage/4231/content/image/151426889368db7fc171dc61.96129907.png" alt="Иконка 4">
2075      <p>Собственная<br>дизайн-студия</p>
2076    </div>
2077  </section>
2078  
2079  <!-- Каталог продукции -->
2080  <div class="my-wrap">
2081    <div class="my-top-row">
2082      <div>
2083        <h1 class="my-page-title">Каталог продукции</h1>
2084        <p class="my-intro">
2085          Типография «КОНСТАНТА» выпускает качественную полиграфию любой сложности и объёма в приемлемые сроки
2086        </p>
2087      </div>
2088      
2089      <div>
2090        <a class="my-catalog-link" href="/produkciya">Весь каталог</a>
2091      </div>
2092    </div>
2093    
2094    <section class="my-grid" aria-label="Категории продукции">
2095      <article class="my-card">
2096        <div class="my-thumb">
2097          <img src="https://static.wow2print.com/storage/4231/content/image/187680156568db7fbfdad3d8.80823004.png" alt="Буклеты, лиcтовки">
2098        </div>
2099        <div class="my-content">
2100          <h3 class="my-title"><a class="text-headers-adress" href="/baza-buklety-listovki-hengery-vizitki">Буклеты, листовки, хенгеры, визитки</a></h3>
2101          <nav class="my-links" aria-label="Подкатегории 1">
2102            <a href="/produkciya/listovki-i-vizitki">Листовки и визитки</a>
2103            <a href="/produkciya/buklety">Буклеты</a>
2104            <a href="/produkciya/broshyury">Брошюры</a>
2105            <a href="/produkciya/plakaty">Плакаты</a>
2106          </nav>
2107          <div class="my-more"><a class="text-headers-adress" href="/baza-buklety-listovki-hengery-vizitki">Ещё</a></div>
2108        </div>
2109      </article>
2110      
2111      <article class="my-card">
2112        <div class="my-thumb">
2113          <img src="https://static.wow2print.com/storage/4231/content/image/192034308868db7fc3cc88e5.68680229.jpg" alt="Открытки, пакеты">
2114        </div>
2115        <div class="my-content">
2116          <h3 class="my-title"><a class="text-headers-adress" href="/otkrytki-pakety-kalendari">Открытки, пакеты, календари</a></h3>
2117          <nav class="my-links" aria-label="Подкатегории 2">
2118            <a href="/produkciya/kalendari">Календари</a>
2119            <a href="/produkciya/bloknoty">Блокноты</a>
2120            <a href="/produkciya/ezhednevniki">Ежедневники</a>
2121            <a href="/produkciya/otkrytki">Открытки</a>
2122          </nav>
2123          <div class="my-more"><a class="text-headers-adress" href="/otkrytki-pakety-kalendari">Ещё</a></div>
2124        </div>
2125      </article>
2126      
2127      <article class="my-card">
2128        <div class="my-thumb">
2129          <img src="https://static.wow2print.com/storage/4231/content/image/53999813268db7fc8798b60.88549315.png" alt="Книги и игры">
2130        </div>
2131        <div class="my-content">
2132          <h3 class="my-title"><a class="text-headers-adress" href="/knigi-i-igry">Книги и игры</a></h3>
2133          <nav class="my-links" aria-label="Подкатегории 3">
2134            <a href="/produkciya/detskie-knigi">Детские книги</a>
2135            <a href="/produkciya/knigi">Книги</a>
2136            <a href="/produkciya/al-bomy">Альбомы</a>
2137            <a href="/produkciya/mnogotomnye-izdaniya">Многотомные издания</a>
2138          </nav>
2139          <div class="my-more"><a class="text-headers-adress" href="/knigi-i-igry">Ещё</a></div>
2140        </div>
2141      </article>
2142      
2143      <article class="my-card">
2144        <div class="my-thumb">
2145          <img src="https://static.wow2print.com/storage/4231/content/image/3604357868db7fc68cd955.21106462.png" alt="Журналы и газеты">
2146        </div>
2147        <div class="my-content">
2148          <h3 class="my-title"><a class="text-headers-adress" href="/zhurnaly-i-gazet">Журналы и газеты</a></h3>
2149          <nav class="my-links" aria-label="Подкатегории 4">
2150            <a href="/produkciya/zhurnaly">Журналы</a>
2151            <a href="/produkciya/gazety">Газеты</a>
2152            <a href="/produkciya/ezhegodniki">Ежегодники</a>
2153          </nav>
2154          <div class="my-more"></div>
2155        </div>
2156      </article>
2157      
2158      <article class="my-card">
2159        <div class="my-thumb">
2160          <img src="https://static.wow2print.com/storage/4231/content/image/12380956968db7fcaea5c57.61271856.png" alt="Удостоверения, зачетки">
2161        </div>
2162        <div class="my-content">
2163          <h3 class="my-title"><a class="text-headers-adress" href="/udostovereniya-zachetki-ambarnye-zhurnaly">Удостоверения, зачетки, амбарные журналы</a></h3>
2164          <nav class="my-links" aria-label="Подкатегории 5">
2165            <a href="/produkciya/blanki">Бланки</a>
2166            <a href="/produkciya/dokumenty-v-tverdoy-oblozhke">Документы в твёрдой обложке</a>
2167            <a href="/produkciya/ambarnaya-produkciya">Амбарная продукция</a>
2168          </nav>
2169          <div class="my-more"></div>
2170        </div>
2171      </article>
2172      
2173      <article class="my-card">
2174        <div class="my-thumb">
2175          <img src="https://static.wow2print.com/storage/4231/content/image/144176110868db7fc0774885.11907300.png" alt="Этикетки, коробки">
2176        </div>
2177        <div class="my-content">
2178          <h3 class="my-title"><a class="text-headers-adress" href="/etiketki-korobki-instrukcii">
2178Этикетки, коробки, инструкции</a></h3>
2179          <nav class="my-links" aria-label="Подкатегории 6">
2180            <a href="/produkciya/upakovka">Упаковка</a>
2181            <a href="/produkciya/etiketki">Этикетки</a>
2182            <a href="/produkciya/yarlyki-i-birki">Ярлыки и бирки</a>
2183          </nav>
2184          <div class="my-more"></div>
2185        </div>
2186      </article>
2187    </section>
2188  </div>
2189  
2190  <!-- Наши преимущества -->
2191  <!-- <section class="my-features">
2192    <div class="my-feature">
2193      <img src="https://static.wow2print.com/storage/4231/content/image/146717898268db7fc0278bb4.21888267.png" alt="Иконка 1">
2194      <p>Функциональная<br>и качественная продукция</p>
2195    </div>
2196    <div class="my-feature">
2197      <img src="https://static.wow2print.com/storage/4231/content/image/106424030068db7fc1063547.41481958.png" alt="Иконка 2">
2198      <p>Непосредственный<br>исполнитель заказа</p>
2199    </div>
2200    <div class="my-feature">
2201      <img src="https://static.wow2print.com/storage/4231/content/image/12366300168db7fc24de4e2.89452147.png" alt="Иконка 3">
2202      <p>Команда<br>профессионалов</p>
2203    </div>
2204    <div class="my-feature">
2205      <img src="https://static.wow2print.com/storage/4231/content/image/151426889368db7fc171dc61.96129907.png" alt="Иконка 4">
2206      <p>Собственная<br>дизайн-студия</p>
2207    </div>
2208  </section> -->
2209
2210  <div class="my-awards-container">
2211    <div class="award-item">
2212      <div class="award-image">
2213        <img src="https://static.wow2print.com/storage/4231/content/image/109373671868db7fca5fdc89.27625345.svg" alt="Награда 1">
2214      </div>
2215      <div class="award-text">
2216        <div class="country">Член Национальной <br>Ассоциации полиграфистов</div>
2217      </div>
2218    </div>
2219    
2220    <div class="award-item">
2221      <div class="award-image">
2222        <img src="https://static.wow2print.com/storage/4231/content/image/200231721368db7fc71bf9d9.63066465.jpg" alt="Награда 2">
2223      </div>
2224      <div class="award-text">
2225        <div class="country">Обладатель премии Лидер России</div>
2226      </div>
2227    </div>
2228    
2229    <div class="award-item">
2230      <div class="award-image">
2231        <img src="https://static.wow2print.com/storage/4231/content/image/202697044268db7fc833d862.03625938.png" alt="Награда 3">
2232      </div>
2233      <div class="award-text">
2234        <div class="country">Обладатель премии <br>"Национальная марка качества"</div>
2235      </div>
2236    </div>
2237  </div>
2238
2239  <!-- Наши возможности -->
2240  <section class="my-possibilities">
2241    <div class="my-possibilities-content">
2242      <h2>Наши возможности</h2>
2243      <p>
2244        Наше оборудование позволяет создавать для наших клиентов полиграфическую продукцию высокого качества,
2245        обладающую уникальным, неповторимым стилем.
2246      </p>
2247      <p class="small">
2248        Печать офсетным и цифровым способом, а также современные способы послепечатной обработки готовой продукции.
2249      </p>
2250      <a href="/company" class="my-btn">Подробнее</a>
2251    </div>
2252    
2253    <div class="my-possibilities-grid">
2254      <a href="/ofsetnaya-pechat" class="my2-card">
2255        <img src="https://static.wow2print.com/storage/4231/content/image/57143428468de7aa1a39a26.96946805.jpg" alt="Офсетная печать">
2256        <span>Офсетная печать</span>
2257      </a>
2258      <a href="/tcifrovaya-pechat" class="my2-card">
2259        <img src="https://static.wow2print.com/storage/4231/content/image/125365332468de7aa2070932.15975493.jpg" alt="Цифровая печать">
2260        <span>Цифровая печать</span>
2261      </a>
2262      <a href="/tisnenie" class="my2-card">
2263        <img src="https://static.wow2print.com/storage/4231/content/image/60598241268de7aff9abf48.02442344.jpg" alt="Тиснение">
2264        <span>Тиснение</span>
2265      </a>
2266      <a href="/kongrev" class="my2-card">
2267        <img src="https://static.wow2print.com/storage/4231/content/image/34746111368de7aa2511215.55707001.jpg" alt="Конгрев">
2268        <span>Конгрев</span>
2269      </a>
2270      <a href="/obrabotka-sreza" class="my2-card">
2271        <img src="https://static.wow2print.com/storage/4231/content/image/170565045868de7aa2988561.30565125.jpg" alt="Обработка среза">
2272        <span>Обработка среза</span>
2273      </a>
2274      <a href="/laminatsiya" class="my2-card">
2275        <img src="https://static.wow2print.com/storage/4231/content/image/141819039668de7aa311ec84.81649649.jpg" alt="Ламинация">
2276        <span>Ламинация</span>
2277      </a>
2278      <a href="/vysechka" class="my2-card">
2279        <img src="https://static.wow2print.com/storage/4231/content/image/175733603468de7aa3d887b6.91854774.jpg" alt="Высечка">
2280        <span>Высечка</span>
2281      </a>
2282      <a href="/pereplyet" class="my2-card">
2283        <img src="https://static.wow2print.com/storage/4231/content/image/84903547468de7aa439a090.97332398.png" alt="Переплет">
2284        <span>Переплет</span>
2285      </a>
2286    </div>
2287  </section>
2288  
2289  <!-- Как мы работаем -->
2290  <section class="my3-steps">
2291    <h2>Как мы работаем</h2>
2292    <div class="my3-grid">
2293      <div class="my3-step">
2294        <div class="my3-number">1</div>
2295        <h3>Расчет</h3>
2296        <p>Свяжитесь с нами, и мы выполним расчет Вашего заказа.</p>
2297      </div>
2298      <div class="my3-step">
2299        <div class="my3-number">2</div>
2300        <h3>Документы</h3>
2301        <p>Оформим заказ и подготовим для Вас необходимые документы.</p>
2302      </div>
2303      <div class="my3-step">
2304        <div class="my3-number">3</div>
2305        <h3>Макет</h3>
2306        <p>Проверим Ваши файлы или создадим их для Вас в нашей дизайн-студии.</p>
2307      </div>
2308      <div class="my3-step">
2309        <div class="my3-number">4</div>
2310        <h3>Оплата</h3>
2311        <p>Оплатите полную стоимость заказа или в рассрочку.</p>
2312      </div>
2313      <div class="my3-step">
2314        <div class="my3-number">5</div>
2315        <h3>Производство</h3>
2316        <p>Вы получите автоматическое уведомление о готовности Вашего заказа.</p>
2317      </div>
2318      <div class="my3-step">
2319        <div class="my3-number">6</div>
2320        <h3>Продукт</h3>
2321        <p>Заберите заказ в нашем офисе или мы доставим его для Вас в любую точку.</p>
2322      </div>
2323    </div>
2324  </section>
2325  
2326  <!-- О компании -->
2327  <section class="my4-about">
2328    <div class="my4-about-content">
2329      <h2>О компании</h2>
2330      <p><strong>Типография «КОНСТАНТА»</strong> занимает лидирующие позиции на региональном рынке качественных
2331        полиграфических услуг любой сложности – от простых визиток до красочных многотомных изданий в твердом
2332        переплете и подарочной упаковке.</p>
2333      <p>Мы работаем для своих Клиентов с 2004 года. Мы являемся членом Национальной ассоциации полиграфистов и
2334        за время работы отмечены <a href="/company/licenses">многочисленными наградами</a>.</p>
2335      
2336      <div class="my4-buttons">
2337        <a href="/company" class="my4-btn primary">Подробнее</a>
2338        <a href="/Prezentatsiya-o-tipografii-KONSTANTA.pdf" class="my4-btn secondary">Презентация</a>
2339        <a href="/video" class="my4-btn secondary">Наше видео</a>
2340      </div>
2341    </div>
2342    
2343    <div class="my4-video">
2344      <div id="rutube-player"></div>
2345    </div>
2346  </section>
2347  
2348  <!-- Нам доверяют -->
2349  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
2350  <section class="my5-partners">
2351    <h2>Нам доверяют</h2>
2352    <div class="swiper my5-swiper">
2353      <div class="swiper-wrapper">
2354        <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/166332343468db7fcc8ba0d2.50719736.jpg" alt="Лого 1"></div>
2355        <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/83835263068db7fc75efef9.97956976.png" alt="Лого 2"></div>
2356        <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/19429404368db7fc78fa755.64266275.jpg" alt="Лого 3"></div>
2357        <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/208494177168db7fc6bf99b3.53396489.jpg" alt="Лого 4"></div>
2358        <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/82704114568db7fc4314815.90731808.png" alt="Лого 5"></div>
2359        <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/125585846868db7fc3206433.74796350.png" alt="Лого 6"></div>
2360        <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/102276628968db7fc35e0038.73993325.png" alt="Лого 7"></div>
2361        <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/3013058368db7fc297e044.71733198.jpg" alt="Лого 8"></div>
2362        <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/214039442168db7fc7d0c630.29817216.png" alt="Лого 9"></div>
2363        <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/113214854368db7fc2d1c062.46102689.jpg" alt="Лого 10"></div>
2364        <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/103264477968db7fbf335404.45337007.png" alt="Лого 11"></div>
2365        <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/118275223068db7fc397d9c0.73025841.png" alt="Лого 12"></div>
2366        <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/39813647668db7fcddae395.91204635.png" alt="Лого 13"></div>
2367        <div class="swiper-slide my5-slide"><img src="https://static.wow2print.com/storage/4231/content/image/65470417468db7fc52f4cd3.32844257.png" alt="Лого 14"></div>
2368      </div>
2369      
2370      <div class="swiper-button-prev"></div>
2371      <div class="swiper-button-next"></div>
2372    </div>
2373  </section>
2374  
2375  <!-- Скрипты -->
2376  
2376<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
2376
2377  
2377<script>
2378    document.addEventListener('DOMContentLoaded', function() {
2379      // Слайдер
2380      const slides = document.querySelectorAll('.slide');
2381      const indicators = document.querySelectorAll('.indicator');
2382      const arrowLeft = document.querySelector('.arrow-left');
2383      const arrowRight = document.querySelector('.arrow-right');
2384      let currentSlide = 0;
2385      const slideInterval = 5000;
2386      
2387      function showSlide(index) {
2388        slides.forEach(slide => {
2389          slide.classList.remove('active');
2390        });
2391        
2392        indicators.forEach(indicator => {
2393          indicator.classList.remove('active');
2394        });
2395        
2396        slides[index].classList.add('active');
2397        indicators[index].classList.add('active');
2398        
2399        currentSlide = index;
2400      }
2401      
2402      function nextSlide() {
2403        let nextIndex = (currentSlide + 1) % slides.length;
2404        showSlide(nextIndex);
2405      }
2406      
2407      function prevSlide() {
2408        let prevIndex = (currentSlide - 1 + slides.length) % slides.length;
2409        showSlide(prevIndex);
2410      }
2411      
2412      let slideTimer = setInterval(nextSlide, slideInterval);
2413      
2414      indicators.forEach(indicator => {
2415        indicator.addEventListener('click', function() {
2416          clearInterval(slideTimer);
2417          showSlide(parseInt(this.getAttribute('data-index')));
2418          slideTimer = setInterval(nextSlide, slideInterval);
2419        });
2420      });
2421      
2422      arrowLeft.addEventListener('click', function() {
2423        clearInterval(slideTimer);
2424        prevSlide();
2425        slideTimer = setInterval(nextSlide, slideInterval);
2426      });
2427      
2428      arrowRight.addEventListener('click', function() {
2429        clearInterval(slideTimer);
2430        nextSlide();
2431        slideTimer = setInterval(nextSlide, slideInterval);
2432      });
2433      
2434      document.addEventListener('keydown', function(e) {
2435        if (e.key === 'ArrowLeft') {
2436          clearInterval(slideTimer);
2437          prevSlide();
2438          slideTimer = setInterval(nextSlide, slideInterval);
2439        } else if (e.key === 'ArrowRight') {
2440          clearInterval(slideTimer);
2441          nextSlide();
2442          slideTimer = setInterval(nextSlide, slideInterval);
2443        }
2444      });
2445
2446      // Swiper для партнеров
2447      const swiper = new Swiper('.my5-swiper', {
2448        slidesPerView: 5,
2449        spaceBetween: 40,
2450        loop: true,
2451        autoplay: {
2452          delay: 2500,
2453          disableOnInteraction: false,
2454        },
2455        navigation: {
2456          nextEl: '.swiper-button-next',
2457          prevEl: '.swiper-button-prev',
2458        },
2459        breakpoints: {
2460          1024: { slidesPerView: 5 },
2461          768: { slidesPerView: 3 },
2462          480: { slidesPerView: 2 }
2463        }
2464      });
2465
2466      // Видео Rutube
2467      const iframe = document.createElement('iframe');
2468      iframe.width = '720';
2469      iframe.height = '405';
2470      iframe.src = 'https://rutube.ru/play/embed/57e06cb4bf95217f75da999bc0465be1/?p=null&autostart=1&muted=1';
2471      iframe.frameBorder = '0';
2472      iframe.setAttribute('allow', 'autoplay; clipboard-write');
2473      iframe.setAttribute('webkitAllowFullScreen', '');
2474      iframe.setAttribute('mozallowfullscreen', '');
2475      iframe.setAttribute('allowFullScreen', '');
2476      
2477      document.getElementById('rutube-player').appendChild(iframe);
2478
2479      // Дополнительный фикс для мобильных устройств
2480      function fixMobileLayout() {
2481        if (window.innerWidth <= 768) {
2482          document.documentElement.style.overflowX = 'hidden';
2483          document.body.style.overflowX = 'hidden';
2484        }
2485      }
2486
2487      fixMobileLayout();
2488      window.addEventListener('resize', fixMobileLayout);
2489      
2490      // Самый простой вариант скролл меню
2491      setTimeout(function() {
2492        var body = document.body;
2493        
2494        function onScroll() {
2495          var scrollPos = body.scrollTop || window.pageYOffset;
2496          
2497          if (scrollPos > 100) {
2498            document.getElementById('scrollMenu').style.top = '0px';
2499            document.getElementById('scrollMenu').style.display = 'flex';
2500            document.getElementById('top-header-none').style.display = 'none';
2501          } else {
2502            document.getElementById('scrollMenu').style.top = '-90px';
2503          }
2504        }
2505        
2506        body.addEventListener('scroll', onScroll);
2507        window.addEventListener('scroll', onScroll);
2508      }, 1000);
2509      
2510      // Вывести номер телефона 
2511      let mySityHeader = document.getElementById('mySity-header').textContent;
2512      console.log(mySityHeader + 'Главная');
2513      if (mySityHeader.includes('Курск')) {
2514        document.getElementById('phone-header').innerHTML = '+7 (4712) 200-720';
2515        document.getElementById('adress-company-header').innerHTML = 'Курская область г. Курск, ул. Чистая, 2/21';
2516      } else if (mySityHeader.includes('Орел') || mySityHeader.includes('Орёл') || mySityHeader.includes('Орловская область')) {
2517        document.getElementById('phone-header').innerHTML = '+7 (4862) 43-20-10';
2518        document.getElementById('adress-company-header').innerHTML = 'Орловская область, г. Орел, ул.Московская, 98 (Ост. Экран)';
2519      } else {
2520        document.getElementById('phone-header').innerHTML = `+7 (4722) 300-720`;
2521        document.getElementById('adress-company-header').innerHTML = 'Белгородская область пгт. Северный, ул.Березовая, 1/12';
2522      }
2523    });
2524  </script>
2524
2525</div></div></div>
2526<footer class="my-footer">
2527  <!-- ВЕРХ: колонки -->
2528  <div class="my-footer-top">
2529    <div class="my-footer-column">
2530      <h4>Компания</h4>
2531      <ul>
2532        <li><a href="/company">О компании</a></li>
2533        <li><a href="/company/licenses">Награды и достижения</a></li>
2534        <li><a href="/novosti">Новости</a></li>
2535        <li><a href="/video">Наше видео</a></li>
2536        <li><a href="/vacansii">Вакансии</a></li>
2537        <li><a href="/reviews">Отзывы</a></li>
2538      </ul>
2539    </div>
2540
2541    <div class="my-footer-column my-footer-column--wide">
2542      <h4>Каталог</h4>
2543      <ul>
2544        <li><a href="/baza-buklety-listovki-hengery-vizitki">Буклеты, листовки, хенгеры, визитки</a></li>
2545        <li><a href="/otkrytki-pakety-kalendari">Открытки, пакеты, календари</a></li>
2546        <li><a href="/knigi-i-igry">Книги и игры</a></li>
2547        <li><a href="/zhurnaly-i-gazet">Журналы и газеты</a></li>
2548        <li><a href="/udostovereniya-zachetki-ambarnye-zhurnaly">Удостоверения, зачётки, амбарные журналы</a></li>
2549        <li><a href="/etiketki-korobki-instrukcii">Этикетки, коробки, инструкции</a></li>
2550      </ul>
2551    </div>
2552
2553    <div class="my-footer-column">
2554      <h4>Оплата / Реквизиты</h4>
2555      <ul>
2556        <li><a href="/prays-oplata/oplata">Способы оплаты</a></li>
2557        <li><a href="/company/requisites">Реквизиты</a></li>
2558      </ul>
2559    </div>
2560
2561    <div class="my-footer-column">
2562      <h4>Помощь</h4>
2563      <ul>
2564        <li><a href="/kak-vybrat-tipografiyu/faq">Часто задаваемые вопросы</a></li>
2565        <li><a href="/kak-vybrat-tipografiyu">Как выбрать типографию</a></li>
2566        <li><a href="/agreement">Условия обработки персональных данных</a></li>
2567        <li><a href="/cookie">Политика в отношении файлов cookie</a></li>
2568      </ul>
2569    </div>
2570
2571    <div class="my-footer-column my-footer-contacts">
2572      <h4>Наши контакты</h4>
2573
2574      <div class="my-footer-contact-item">
2575        <!-- телефонная трубка (SVG) -->
2576        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" aria-hidden="true">
2577          <path class="pcls-1" d="M14,11.052a0.5,0.5,0,0,0-.03-0.209,1.758,1.758,0,0,0-.756-0.527C12.65,10,12.073,9.69,11.515,9.363a2.047,2.047,0,0,0-.886-0.457c-0.607,0-1.493,1.8-2.031,1.8a2.138,2.138,0,0,1-.856-0.388A9.894,9.894,0,0,1,3.672,6.253,2.134,2.134,0,0,1,3.283,5.4c0-.536,1.8-1.421,1.8-2.027a2.045,2.045,0,0,0-.458-0.885C4.3,1.932,3.99,1.355,3.672.789A1.755,1.755,0,0,0,3.144.034,0.5,0.5,0,0,0,2.935,0,4.427,4.427,0,0,0,1.551.312,2.62,2.62,0,0,0,.5,1.524,3.789,3.789,0,0,0-.011,3.372a7.644,7.644,0,0,0,.687,2.6A9.291,9.291,0,0,0,1.5,7.714a16.783,16.783,0,0,0,4.778,4.769,9.283,9.283,0,0,0,1.742.825,7.673,7.673,0,0,0,2.608.686,3.805,3.805,0,0,0,1.851-.507,2.62,2.62,0,0,0,1.214-1.052A4.418,4.418,0,0,0,14,11.052Z"></path>
2578        </svg>
2579        <span  id="phone-footer">
2580        
2581      </span>
2582      </div>
2583
2584      <div id="grafik-rabot-footer" class="my-footer-contact-sub"></div>
2585
2586      <div class="my-footer-contact-item">
2587        <!-- метка (SVG) -->
2588        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16" aria-hidden="true">
2589          <path class="cls-1" d="M763.9,42.916h0.03L759,49h-1l-4.933-6.084h0.03a6.262,6.262,0,0,1-1.1-3.541,6.5,6.5,0,0,1,13,0A6.262,6.262,0,0,1,763.9,42.916ZM758.5,35a4.5,4.5,0,0,0-3.741,7h-0.012l3.542,4.447h0.422L762.289,42H762.24A4.5,4.5,0,0,0,758.5,35Zm0,6a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,758.5,41Z" transform="translate(-752 -33)"></path>
2590        </svg>
2591        <span id="adress-company-footer"></span>
2592      </div>
2593
2594      <div class="my-footer-contact-item">
2595        <!-- конверт (SVG) -->
2596        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewBox="0 0 16 13" aria-hidden="true">
2597          <path class="ecls-1" d="M14,13H2a2,2,0,0,1-2-2V2A2,2,0,0,1,2,0H14a2,2,0,0,1,2,2v9A2,2,0,0,1,14,13ZM3.534,2L8.015,6.482,12.5,2H3.534ZM14,3.5L8.827,8.671a1.047,1.047,0,0,1-.812.3,1.047,1.047,0,0,1-.811-0.3L2,3.467V11H14V3.5Z"></path>
2598        </svg>
2599        <a href="mailto:[email protected]" 
2600   style="color: white; text-decoration: none;" 
2601   onmouseover="this.style.textDecoration='none';" 
2602   onmouseout="this.style.textDecoration='none';">
2603   [email protected]
2604</a>
2605      </div>
2606    </div>
2607  </div>
2608
2609  
2609<script>
2610  // Вывести номер телефона 
2611  // console.log(mySity);
2612  if (mySity.includes('Курск'))
2613  {
2614    document.getElementById('phone-footer').innerHTML = `<a style="color: white; text-decoration: none;" onmouseover="this.style.textDecoration='none'; "   onmouseout="this.style.textDecoration='none'; " href="tel:+7 (4712) 200-720"><strong>Офис:</strong>+7 (4712) 200-720 </a>`;
2615    document.getElementById('adress-company-footer').innerHTML = 'Курская область г. Курск, ул. Чистая, 2/21';
2616    document.getElementById('grafik-rabot-footer').innerHTML = '';
2617  }
2618   else if (mySity.includes('Орел') || mySity.includes('Орёл') || mySity.includes('Орловская область'))
2619  {
2620    document.getElementById('phone-footer').innerHTML = `<a style="color: white; text-decoration: none;" onmouseover="this.style.textDecoration='none'; "   onmouseout="this.style.textDecoration='none';" href="tel:+7 (4862) 43-20-10"><strong>Офис:</strong>+7 (4862) 43-20-10</a>`;
2621    document.getElementById('adress-company-footer').innerHTML = 'Орловская область, г. Орел, ул.Московская, 98 (Ост. Экран)';
2622    document.getElementById('grafik-rabot-footer').innerHTML = '';
2623  }
2624  else
2625  {
2626    document.getElementById('phone-footer').innerHTML = `<a style="color: white; text-decoration: none;" onmouseover="this.style.textDecoration='none'; "   onmouseout="this.style.textDecoration='none';" href="tel:+7 (4722) 300-720"><strong>Офис:</strong>+7 (4722) 300-720</a>`;
2627    document.getElementById('adress-company-footer').innerHTML = ' Белгородская область пгт. Северный, ул.Березовая, 1/12';
2628    document.getElementById('grafik-rabot-footer').innerHTML = 'Пн–Пт: 9:00–17:30<br>Склад: Ежедневно 8:00–20:00';
2629  }
2630  
2631window.addEventListener('scroll', () => {
2632  //console.log('Y:', window.scrollY, 'X:', window.scrollX);
2633});
2634</script>
2634
2635
2636
2637  <!-- НИЗ: копирайт и соц. иконки -->
2638  <div class="my-footer-bottom">
2639    <div class="my-footer-copy">© 2025 Константа.</div>
2640
2641    <!-- Добавленный логотип -->
2642    <div class="my-footer-logo" onclick="window.open('https://for-app.ru/', '_blank')">
2643      <svg class="logo-svg" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
2644        <rect x="6" y="6" width="108" height="108" rx="20" fill="#f1ebff">
2645          <animate attributeName="opacity" values="1;0.85;1" dur="3s" repeatCount="indefinite"/>
2646        </rect>
2647
2648        <!-- F — левая палка -->
2649        <rect x="36" y="34" width="12" height="52" rx="3" fill="#6C3BFF">
2650          <animate attributeName="opacity" values="1;0.1;1" dur="1.6s" repeatCount="indefinite"/>
2651          <animateTransform attributeName="transform" type="translate"
2652          values="0 0; 0 -2; 0 0" dur="1.6s" repeatCount="indefinite"/>
2653        </rect>
2654
2655        <!-- Верхняя палка F -->
2656        <rect x="52" y="34" width="36" height="12" rx="3" fill="#6C3BFF">
2657          <animate attributeName="opacity" values="1;0.2;1" dur="1.3s" begin="0.2s" repeatCount="indefinite"/>
2658          <animateTransform attributeName="transform" type="translate"
2659          values="0 0; 2 0; 0 0" dur="1.3s" begin="0.2s" repeatCount="indefinite"/>
2660        </rect>
2661
2662        <!-- Нижняя палка F -->
2663        <rect x="52" y="58" width="28" height="12" rx="3" fill="#6C3BFF">
2664          <animate attributeName="opacity" values="1;0.3;1" dur="1.4s" begin="0.4s" repeatCount="indefinite"/>
2665          <animateTransform attributeName="transform" type="scale"
2666          values="1 1; 1.05 1; 1 1" dur="1.4s" begin="0.4s" repeatCount="indefinite"/>
2667        </rect>
2668
2669        <!-- or-app — увеличенная анимация + чуть вправо -->
2670        <text x="80" y="90" text-anchor="middle" font-size="15" fill="#6C3BFF" font-family="Arial, sans-serif">
2671          or-app
2672          <animate attributeName="opacity"
2673                   values="0;1;0.4;1;0.8;1"
2674                   dur="1.8s"
2675                   repeatCount="indefinite"/>
2676          <animateTransform attributeName="transform"
2677                   type="translate"
2678                   values="0 0; 0 -1; 0 1; 0 0"
2679                   dur="1.8s"
2680                   repeatCount="indefinite"/>
2681        </text>
2682      </svg>
2683    </div>
2684
2685    <div class="my-footer-social">
2686      <!-- VK -->
2687      <a class="my-footer-social-link my-footer-social-vk" href="https://vk.com/konstantaprint" target="_blank" aria-label="VK">
2688        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
2689        <path class="cls-1" d="M10.994,6.771v3.257a0.521,0.521,0,0,0,.426.351c0.3,0,.978-1.8,1.279-2.406a1.931,1.931,0,0,1,.738-0.826A0.61,0.61,0,0,1,13.8,6.992h2.878a0.464,0.464,0,0,1,.3.727,29.378,29.378,0,0,1-2.255,2.736,1.315,1.315,0,0,0-.238.55,1.2,1.2,0,0,0,.313.627c0.2,0.226,1.816,2,1.966,2.155a1.194,1.194,0,0,1,.276.576,0.765,0.765,0,0,1-.8.614c-0.627,0-2.167,0-2.342,0a2.788,2.788,0,0,1-.952-0.565c-0.226-.2-1.153-1.152-1.278-1.277a2.457,2.457,0,0,0,.024-0.363,0.826,0.826,0,0,0-.7.8,4.083,4.083,0,0,1-.238,1.139,1.024,1.024,0,0,1-.737.275A5,5,0,0,1,7.1,14.262,14.339,14.339,0,0,1,2.9,9.251C2.127,7.708,1.953,7.468,2,7.293s0.05-.3.226-0.3,2.39,0,2.606,0a0.851,0.851,0,0,1,.351.326c0.075,0.1.647,1.056,0.822,1.356S7.046,10.38,7.513,10.38a0.6,0.6,0,0,0,.474-0.7c0-.4,0-1.979,0-2.18a1.94,1.94,0,0,0-.978-1A1.261,1.261,0,0,1,7.937,6c0.6-.025,2.1-0.025,2.43.024A0.779,0.779,0,0,1,10.994,6.771Z"></path>
2690      </svg>
2691      </a>
2692
2693      <!-- Telegram -->
2694     <!--  <a class="my-footer-social-link my-footer-social-telegram" href="https://t.me/konstantaprint" target="_blank" aria-label="Telegram">
2695        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true">
2696          <path class="scls" d="M14.78,15.369a0.727,0.727,0,0,1-1.205.565l-3.332-2.455L8.636,15.027a0.837,0.837,0,0,1-.669.327L8.2,11.962h0l6.174-5.579c0.268-.238-0.059-0.372-0.417-0.134L6.33,11.054,3.042,10.028C2.328,9.8,2.313,9.314,3.191,8.972L16.044,4.018c0.6-.223,1.116.134,0.922,1.041Z"></path>
2697        </svg>
2698      </a> -->
2699    </div>
2700  </div>
2701</footer>
2702
2703<style>
2704/* общий футер: уменьшённый шрифт как на скрине */
2705.my-footer {
2706  background: #32373b;         /* темный фон */
2707  color: #c9cdd0;
2708  font-family: Arial, sans-serif;
2709  font-size: 13px;            /* ВОССТАНОВЛЕНО: мелкий текст */
2710  line-height: 1.6;
2711}
2712
2713/* ВЕРХНЯЯ ЧАСТЬ: колонки */
2714.my-footer-top {
2715  max-width: 1200px;
2716  margin: 0 auto;
2717  padding: 36px 20px 20px;
2718  display: flex;
2719  justify-content: space-between;
2720  gap: 40px;
2721  align-items: flex-start;
2722  box-sizing: border-box;
2723}
2724
2725.my-footer-column {
2726  flex: 1 1 160px;
2727  min-width: 150px;
2728}
2729
2730.my-footer-column--wide { flex: 1.6 1 320px; } /* каталог шире */
2731
2732.my-footer-column h4 {
2733  color: #fff;
2734  font-size: 15px;            /* заголовки чуть крупнее */
2735  margin: 0 0 12px 0;
2736  font-weight: 700;
2737}
2738
2739/* список ссылок */
2740.my-footer-column ul {
2741  list-style: none;
2742  padding: 0;
2743  margin: 0;
2744}
2745
2746.my-footer-column ul li {
2747  margin-bottom: 8px;
2748}
2749
2750.my-footer-column ul li a {
2751  color: #c0c4c6;
2752  text-decoration: none;
2753  font-size: 13px;
2754}
2755
2756.my-footer-column ul li a:hover {
2757  color: #fff;
2758  text-decoration: underline;
2759}
2760
2761/* Контакты */
2762.my-footer-contacts .my-footer-contact-item {
2763  width: 250px;
2764  display: flex;
2765  align-items: center;
2766  gap: 10px;
2767  margin-top: 8px;
2768  color: #fff;
2769}
2770
2771.my-footer-contacts svg {
2772  width: 16px;
2773  height: 16px;
2774  flex-shrink: 0;
2775  display: block;
2776}
2777
2778/* подписи времени и склада */
2779.my-footer-contact-sub {
2780  color: #b9bdbf;
2781  font-size: 12.5px;
2782  margin: 8px 0 0 26px; /* выровнять под текстом с иконкой */
2783}
2784
2785/* НИЖНЯЯ ПАНЕЛЬ: копирайт и соцсети */
2786.my-footer-bottom {
2787  border-top: 1px solid rgba(255,255,255,0.04);
2788  max-width: 1200px;
2789  margin: 0 auto;
2790  padding: 18px 20px;
2791  display: flex;
2792  align-items: center;
2793  justify-content: space-between;
2794  box-sizing: border-box;
2795}
2796
2797/* копирайт слева */
2798.my-footer-copy {
2799  color: #9da2a5;
2800  font-size: 13px;
2801}
2802
2803/* контейнер для логотипа (по центру) */
2804.my-footer-logo {
2805  display: flex;
2806  align-items: center;
2807  justify-content: center;
2808  flex: 0 0 auto;
2809  margin: 0 20px;
2810}
2811
2812.my-footer-logo .logo-svg {
2813  width: 50px; /* Размер логотипа */
2814  height: 50px;
2815  display: block;
2816  cursor: pointer;
2817}
2818
2819/* соцсети справа */
2820.my-footer-social {
2821  display: flex;
2822  gap: 12px;
2823  align-items: center;
2824}
2825
2826/* кружки для иконок */
2827.my-footer-social-link {
2828  display: inline-flex;
2829  align-items: center;
2830  justify-content: center;
2831  width: 38px;
2832  height: 38px;
2833  border-radius: 50%;
2834  transition: transform .12s ease, box-shadow .12s;
2835  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
2836}
2837
2838.my-footer-social-link:hover { transform: translateY(-3px); }
2839
2840.my-footer-social-vk { background: #4a76a8; }
2841.my-footer-social-telegram { background: #2aabee; }
2842.my-footer-social-youtube { background: #e33; }
2843
2844/* svg внутри — белые */
2845.my-footer-social-link svg { width: 18px; height: 18px; display:block; fill: #fff; }
2846
2847/* пробросить белую заливку на пути (если в SVG используется класс) */
2848.my-footer .scls,
2849.my-footer .pcls-1,
2850.my-footer .cls-1,
2851.my-footer .ecls-1 {
2852  fill: #fff;
2853  fill-rule: evenodd;
2854}
2855
2856/* Адаптив — колонки в 2 ряда на узких экранах, затем в 1 */
2857@media (max-width: 1000px) {
2858  .my-footer-top {
2859    flex-wrap: wrap;
2860    gap: 24px;
2861  }
2862  .my-footer-column { flex: 1 1 45%; }
2863  .my-footer-column--wide { flex: 1 1 100%; }
2864}
2865
2866@media (max-width: 768px) {
2867  .my-footer-bottom {
2868    flex-wrap: wrap;
2869    justify-content: center;
2870    gap: 15px;
2871  }
2872  .my-footer-copy,
2873  .my-footer-logo,
2874  .my-footer-social {
2875    flex: 0 0 auto;
2876  }
2877  .my-footer-logo {
2878    order: 2;
2879    margin: 10px 0;
2880    cursor: pointer;
2881  }
2882  .my-footer-copy {
2883    order: 1;
2884    width: 100%;
2885    text-align: center;
2886  }
2887  .my-footer-social {
2888    order: 3;
2889    width: 100%;
2890    justify-content: center;
2891  }
2892}
2893
2894@media (max-width: 620px) {
2895  .my-footer-top { padding: 24px 15px; }
2896  .my-footer-column { flex: 1 1 100%; min-width: 0; }
2897  .my-footer-contact-sub { margin-left: 0; }
2898  .my-footer-bottom { padding: 14px 15px; flex-direction: column; gap: 10px; align-items: center; }
2899  .my-footer-logo { order: 2; margin: 10px 0; cursor: pointer;}
2900  .my-footer-copy { order: 1; }
2901  .my-footer-social { order: 3; }
2902}
2903
2904/* КАСТОМНЫЙ ФУТЕР РАЗРАБОТЧИКА */
2905.footer-developed-by-link {
2906  display: none;
2907}
2908
2909.footer-developed-by {
2910  overflow: hidden;
2911}
2912
2913.kast-developed-by {
2914  width: 100%;
2915  /*height: 200px;*/
2916 font-size: 12px;
2917  background-color: black;
2918  display: flex;
2919  align-items: center;
2920  justify-content: flex-end; /* выравниваем всё вправо */
2921  padding-right: 5%; /* отступ от правого края */
2922}
2923
2924.kast-tcs {
2925  font-size: 17px;
2926  color: white;
2927  display: flex;
2928  align-items: center;
2929  gap: 10px; /* расстояние между текстом и логотипом */
2930}
2931
2932.kast-tcs img {
2933  width: 50px;
2934  height: auto;
2935  display: block;
2936   cursor:pointer;
2937}
2938</style>
2939
2940<script>
2941        (function(w,d,u){
2942                var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0);
2943                var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
2944        })(window,document,'https://cdn-ru.bitrix24.ru/b13503172/crm/site_button/loader_7_p33iuk.js');
2945</script>
2945
2946
2947<!-- <div class="kast-developed-by">
2948
2949  <div class="kast-tcs" onclick="window.open('https://wow2print.com/', '_blank')">
2950    работает на CMS
2951    <img src="/assets/3e3660af/images/svg/tippo-logo.svg" alt="TCS">
2952  </div>
2953</div> -->
2954
2955<style type="text/css">
2956
2957
2958    .footer .social-image i {
2959        font-size: 48px;
2960        margin-right: 12px;
2961    }
2962
2963</style>
2964<div class="footer-developed-by-link">
2965    <div class="container">
2966        <div class="footer-developed-by">
2967                            <a style="float: right" href="https://wow2print.com" target="_blank">
2968                    <img src="/assets/3e3660af/images/svg/tcs_rus_logo_2026.svg" alt="TCS"/>
2969                </a>
2970                        <div style="padding-top: 1px">
2971                Разработано            </div>
2972            <div class="clearfix"></div>
2973        </div>
2974    </div>
2975</div>
2976
2977
2978
2979<script>
2980    $(document).ready(function () {
2981        $('.footer-developed-by-link').remove();
2982        let html = `<div class="footer-developed-by-link">
2983    <div class="container">
2984        <div class="footer-developed-by">
2985                            <a style="float: right" href="https://wow2print.com" target="_blank">
2986                    <img src="/assets/3e3660af/images/svg/tcs_rus_logo_2026.svg" alt="TCS"/>
2987                </a>
2988                        <div style="padding-top: 1px">
2989                Разработано            </div>
2990            <div class="clearfix"></div>
2991        </div>
2992    </div>
2993</div>
2994
2995`;
2996        setTimeout(function () {
2997            if (!$('.footer-developed-by-link').length) {
2998                $('body').append(html);
2999            }
3000        }, 1);
3001    });
3002</script>
3002<div class="cookie-container px-5">
3003    <div class="container px-5 py-4 rounded shadow">
3004        <div class="row">
3005            <div class="col-12 col-sm-12 col-md-10 text-1">
3006                Мы используем файлы cookies для улучшений и корректной работы сайта, анализа трафика и персонализации. Используя сайт или кликая на "Я&nbsp;согласен", вы соглашаетесь с нашей политикой использования cookies.                <a class="link text-2" target="_blank" href="/cookie">Подробнее</a>            </div>
3007            <div class="col-12 col-sm-12 col-md-2 mt-3 mt-md-0">
3008                <button class="agree-button bg-company-color rounded w-100 p-3 text-3 border-0" name="yt0" type="button">Я согласен</button>            </div>
3009        </div>
3010    </div>
3011</div>
3012
3013
3014<script type="text/javascript">
3015    $(function () {
3016        var cookieName = 'agreeCookie';
3017        if (getCookie(cookieName) != 1) {
3018            $('.cookie-container').animate({bottom: 20}, 1000);
3019        } else {
3020            $('.cookie-container').remove();
3021        }
3022        $('.cookie-container .agree-button').click(function () {
3023            setCookie(cookieName, 1, {expires: 3600 * 24 * 15});
3024            $('.cookie-container').animate({bottom: -300}, 1000, function () {
3025                $(this).remove();
3026            });
3027        });
3028    });
3029</script>
3029<script>
3030    window.useOrientation = false;
3031    $(function () {
3032                window.layoutSizeLimit = 200;
3033            });
3034</script>
3034
3035<div class="modal fade modal-change-city-location" style="z-index: 9999">
3036    <div class="modal-dialog modal-dialog-centered">
3037        <div class="modal-content">
3038            <div class="modal-body">
3039                <div class="modal-title h3">Выберите город</div>
3040
3041                <div class="country-select-container d-none">
3042                    <label class="country-select-label">Выберите страну</label>
3043                    <select class="form-control selectpicker country-select" name="country_id" id="country_id">
3044<option value="1">Россия</option>
3045</select>                </div>
3046
3047                <div class="city-search-container">
3048                    <input type="text" class="form-control city-search-field" placeholder="Поиск">
3049                    <small class="form-text text-muted">
3050                        <span style="font-size:1.2em;font-weight:600;">Можно искать по региону: Город, регион</span>
3051                    </small>
3052                    <div class="city-search-result" style="display: none"></div>
3053                </div>
3054
3055                <div class="city-container-wrapper">
3056                    <div class="city-container"></div>
3057                </div>
3058            </div>
3059        </div>
3060    </div>
3061</div>
3062
3063<script>
3064    $(function () {
3065        $('.modal-change-city-location .city-container, .modal-change-city-location .city-search-result').on('click', '.select-city', function () {
3066            let countryLocation = $('.modal-change-city-location select.country-select').val();
3067            let index = $(this).attr('data-city');
3068
3069            // Удалить в начала 2024 года.
3070                setCookie('cityLocationId', index, {expires: 1});
3071                setCookie('countryLocationId', countryLocation, {expires: 1});
3072            //
3073
3074            setCookie('cityLocationId', index, {expires: 3600 * 24 * 30, domain: true});
3075            setCookie('countryLocationId', countryLocation, {expires: 3600 * 24 * 30, domain: true});
3076
3077            let modal = $('.modal-change-city-location');
3078            if (!modal.attr('data-not-reload')) {
3079                location.reload();
3080            }
3081            modal.modal('hide');
3082            let city = $(this).html();
3083            $('.city-location-name').html(city);
3084            $('.address-country').val(countryLocation);
3085            $('.address-city').val(city);
3086            $('.address-label').html(city);
3087        });
3088    })
3089</script>
3089
3090<div class="mark-element"></div>
3091<script type="text/javascript" src="/js/5.1.5.79/61c253c0e53a6d58e8be4aa028e173ad.js"></script>
vendor: 1 bytes, line 3091
3091
3092<script type="text/javascript" src="/js/5.1.5.79/0b208418152dd55371fb6e0337dabd87.js"></script>
3092
3093</body>
3094</html>

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.