PageSourceSearch

https://konstanta-print.ru/contacts

html konstanta-print.ru collected 2026-10-07 18:01:20 UTC 92,743 bytes, 2,725 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        <link rel="shortcut icon" href="/favicon.ico" />
8<link rel="stylesheet" type="text/css" href="/assets/8de6fb89/css/city-confirmation-modal.css?v=5.1.5.79" />
9<link rel="stylesheet" type="text/css" href="/assets/fe2e4a31/css/icomoon/icomoon.css?v=5.1.5.79" />
10<link rel="stylesheet" type="text/css" href="/css/5.1.5.79/fb3fb124ccbd0805886b5b18972e6a22.css" />
11<script type="text/javascript" src="/assets/2ea15670/jquery.min.js"></script>
11
12<title>Контактные данные</title>
13            <link rel="canonical" href="https://konstanta-print.ru/contacts"/>
14            <meta name="robots" content="noindex,nofollow">
15    
16<script type="text/javascript">
17    window.isMobile = false;
18    var yupeTokenName = 'YUPE_TOKEN';
19    var yupeToken = 'd144c95bed6797595b65ff42131cbdf8f7fb0089';
20
21    var cartAddProductUrl = '/cart/add';
22
23    var deliveryCalcUrl = '/cart/CalcDelivery';
24    var deliveryPointsUrl = '/cart/GetDeliveryPoints';
25    var calculationProductUrl = '/productCalculation';
26    var calculationUploadFile = '/uploadFileInCalculation';
27    const _SITE_ID_ = 4231;
28    const IS_BACKEND = false;
29</script>
29    
30<style type="text/css">
31    @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;}
32@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;}
33@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;}
34@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;}
35@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;}
36@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;}
37@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;}
38@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;}
39@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;}
40@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;}
41@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;}
42@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>
43    
44    <style type="text/css">
45
46        :root {
47            --company-color1: #0054DD;
48            --link-color: #0066CC;
49        }
50
51        .company-color-text,
52        .company-color-text-hover:hover {
53            color: #0054DD !important;
54        }
55
56        /*
57        * Typographic System
58         */
59        body {
60            font-size: 15px;
61            color: #000000;
62            font-family: FontRegular !important;
63            ;
64        }
65
66        h0, .h0 {
67            font-size: 48px;
68            font-family: FontRegular !important;
69            line-height: 1.2;
70            ;
71        }
72
73        h1, .h1 {
74            font-size: 24px;
75            font-family: FontBold !important;
76            line-height: 1.2;
77            ;
78        }
79
80        h2, .h2 {
81            font-size: 22px;
82            font-family: FontBold !important;
83            line-height: 1.25;
84            ;
85        }
86
87        h3, .h3 {
88            font-size: 24px;
89            font-family: FontBold !important;
90            line-height: 1.33;
91            ;
92        }
93
94        h4, .h4 {
95            font-size: 20px;
96            font-family: FontBold !important;
97            line-height: 1.3;
98            ;
99        }
100
101
102        @media (min-width: 768px) {
103            h0, .h0 {
104                font-size: 54px;
105            }
106
107            h1, .h1 {
108                font-size: 32px;
109            }
110
111            h2, .h2 {
112                font-size: 28px;
113            }
114
115            h3, .h3 {
116                font-size: 24px;
117            }
118
119            h4, .h4 {
120                font-size: 20px;
121            }
122        }
123
124        @media (min-width: 1025px) {
125            h0, .h0 {
126                font-size: 64px;
127            }
128
129            h1, .h1 {
130                font-size: 40px;
131            }
132
133            h2, .h2 {
134                font-size: 32px;
135            }
136
137            h3, .h3 {
138                font-size: 24px;
139            }
140
141            h4, .h4 {
142                font-size: 20px;
143            }
144
145            .top-menu-background-color {
146                background: #113183;
147            }
148        }
149
150        @media (min-width: 1440px) {
151            h0, .h0 {
152                font-size: 64px;
153            }
154
155            h1, .h1 {
156                font-size: 40px;
157            }
158
159            h2, .h2 {
160                font-size: 32px;
161            }
162
163            h3, .h3 {
164                font-size: 32px;
165            }
166
167            h4, .h4 {
168                font-size: 24px;
169            }
170        }
171
172        .block-title {
173            font-size: 12px;
174            font-family: FontSemiBold !important;
175            line-height: 1.33;
176            ;
177        }
178
179        .text-1 {
180            font-size: 15px;
181            font-family: FontRegular !important;
182            line-height: 1.375;
183            ;
184        }
185
186        .text-2 {
187            font-size: 15px;
188            font-family: FontRegular !important;
189            line-height: 1.375;
190            ;
191        }
192
193        .text-2-it {
194            font-size: 15px !important;
195            font-family: FontRegular !important;
196            ;
197        }
198
199        .text-3 {
200            font-size: 15px;
201            font-family: FontBold !important;
202            ;
203        }
204
205        .small-text {
206            font-size: 14px;
207            font-family: FontMedium !important;
208            line-height: 1.42;
209            ;
210        }
211
212        .small-text-it {
213            font-size: 14px !important;
214            font-family: FontMedium !important;
215            ;
216        }
217
218        .extra-small-text {
219            font-size: 12px;
220            font-family: FontMedium !important;
221        }
222
223        .signature, .alert-signature {
224            font-size: 12px;
225            font-family: FontMedium !important;
226            ;
227        }
228
229        a, .btn-link, .link, .catalog-filter-reset {
230            font-size: 16px;
231            color: #0066CC;
232            font-family: FontMedium !important;
233            ;
234        }
235
236        .button, .button_white, .btn {
237            font-family: FontMedium !important;
238        }
239
240        .product-tags .product-tag,
241        .product-tags .tag {
242            font-family: FontMedium !important;
243        }
244
245        h0 [style*="Font"],
246        .h0 [style*="Font"],
247        h1 [style*="Font"],
248        .h1 [style*="Font"],
249        h2 [style*="Font"],
250        .h2 [style*="Font"],
251        h3 [style*="Font"],
252        .h3 [style*="Font"],
253        h4 [style*="Font"],
254        .h4 [style*="Font"],
255        .block-title [style*="Font"],
256        .text-1 [style*="Font"],
257        .text-2 [style*="Font"],
258        .text-3 [style*="Font"],
259        .small-text [style*="Font"],
260        .signature [style*="Font"] {
261            font-family: inherit !important;
262        }
263
264        [style*="FontBold"] {
265            font-family: FontBold !important;
266        }
267
268        [style*="FontSemiBold"] {
269            font-family: FontBold !important;
270        }
271
272        [style*="FontMedium"] {
273            font-family: FontRegular !important;
274        }
275
276        [style*="FontRegular"],
277        [style*="FontLight"] {
278            font-family: FontRegular !important;
279        }
280
281        .catalog-filter-reset {
282            color: #0066CC !important;
283        }
284
285        a:hover, .btn-link:hover, .link:hover {
286            color: #0066CC;
287            cursor: pointer;
288            text-decoration: underline;
289        }
290
291        .currency-icon {
292            font-size: 22.5px;
293        }
294
295        /* Color shades */
296                .text-gray-100 {
297            color: #d6d6d6 !important;
298        }
299
300        .text-gray-200 {
301            color: #cecece !important;
302        }
303
304        .text-gray-300 {
305            color: #c4c4c4 !important;
306        }
307
308        .text-gray-400 {
309            color: #b2b2b2 !important;
310        }
311
312        .text-gray-500 {
313            color: #898989 !important;
314        }
315
316        .text-gray-600 {
317            color: #606060 !important;
318        }
319
320        .text-gray-700 {
321            color: #353535 !important;
322        }
323
324        .text-gray-800 {
325            color: #161616 !important;
326        }
327
328        .text-gray-900 {
329            color: #000000 !important;
330        }
331
332        .text-gray-900-hover:hover {
333            color: #000000 !important;
334        }
335
336        .btn-gray-200 {
337            background-color: #cecece !important;
338        }
339
340        .btn-gray-300 {
341            background-color: #c4c4c4 !important;
342        }
343
344        .btn-gray-500 {
345            background-color: #898989 !important;
346        }
347
348        .highlight-tag {
349            background-color: #DF0050 !important;
350            color: #ffffff !important;
351            border: 0 !important;
352        }
353
354        .line-through-price:before {
355            border-color: #606060 !important;
356        }
357
358        .inherit-text {
359            color: inherit !important;
360        }
361
362        /*
363        * Buttons
364         */
365                .btn {
366            border-radius: 4px;
367        }
368
369        .btn-primary {
370            background-color: #0054DD;
371            border-color: #0054DD;
372            color: #ffffff;
373                }
374
375        .photos-list-previews .active {
376            border-color: #0054DD;
377            border-width: 1px;
378            border-style: solid;
379        }
380
381        .btn-primary:hover {
382            background-color: #0765ff;
383        }
384
385        .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:focus {
386            background-color: #2b7bff;
387        }
388
389        .btn-outline-primary {
390            border-color: #0054DD;
391            color: #0054DD;
392        }
393
394        .btn-outline-primary:hover {
395            border-color: #0765ff;
396            color: #0765ff;
397        }
398
399        .btn-outline-primary:not(:disabled):not(.disabled):active {
400            border-color: #2b7bff;
401            color: #2b7bff;
402        }
403
404
405        /*
406        * Form
407         */
408        .error .errorMessage, .errorMessage {
409            font-size: 12px;
410            font-family: FontMedium;
411        }
412
413        .success .form-control {
414            border-color: #0054DD;
415        }
416
417        .bootstrap-select .dropdown-item.active {
418            color: #0054DD;
419        }
420
421        .bootstrap-select .dropdown-item:hover {
422            background-color: inherit;
423            color: #0054DD;
424        }
425
426
427        /*
428        * Tabs
429         */
430        .nav-tabs .nav-link.active {
431            border-bottom: 2px solid #0054DD;
432        }
433
434        /*
435        * Custom checkbox, radiobutton
436         */
437        .custom-input[type=checkbox]:checked {
438            background-color: #0054DD;
439            border-color: #0054DD;
440        }
441
442        .custom-input[type=radio]:checked {
443            border-color: #0054DD;
444            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");
445        }
446
447        .custom-label-block.active, .custom-input[type=checkbox]:checked + label {
448            border: 2px solid #0054DD;
449        }
450
451        .modal-update-delivery .addresses-block input:checked + label {
452            background: #EDF2F7;
453            color:  #0054DD;
454        }
455
456        .border-company-color:hover {
457            border-color: #0054DD;
458        }
459
460        .border-company-color-it:hover {
461            border-color: #0054DD !important;
462        }
463
464
465        /*
466        * Catalog filter color
467         */
468        .catalog-filter-param.checked .catalog-filter-color {
469            border: 2px solid #0054DD;
470        }
471
472        /*
473        * Filter tags
474         */
475                .filter-tags a {
476            display: block;
477            border-radius: 8px;
478            padding: 8px 16px;
479            color: #4A5568;
480            background-color: #EDF2F7;
481            font-family: FontMedium;
482            border: 0;
483        }
484
485        .filter-tags a:hover {
486            color: #2D3748;
487            background-color: #E2E8F0;
488            text-decoration: none;
489        }
490
491        .filter-tags a.active {
492            color: #F2F2F2;
493            background-color: #4A5568;
494        }
495
496        .filter-tags a.active:hover {
497            background-color: #2D3748;
498        }
499
500        
501
502        /*
503        * Souvenir Widget
504        */
505        .widget-category-menu .category-link.active a {
506            color: #0054DD !important;
507        }
508
509        /*
510        * Cart
511         */
512        .recipient-select input:checked + label {
513            color: #0054DD;
514        }
515
516        /**
517         * Footer
518         */
519
520        .footer {
521            background-color: #F3F3F3;
522        }
523
524        .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 {
525            color: #4A5767 !important;
526        }
527
528        .footer ul li a:hover, .footer__address a:hover, .footer__mail a:hover, .social-image a:hover {
529            color: #5f7085 !important;
530            text-decoration: none;
531        }
532
533        .footer ul li a:active, .footer__address a:active, .footer__mail a:active, .social-image a:active {
534            color: #798a9e !important;
535            text-decoration: none;
536        }
537
538        .bg-company-color {
539            background-color: #0054DD;
540            color: #ffffff;
541        }
542
543        .bg-company-color-text {
544            color: #ffffff;
545        }
546
547        /**
548        * Header
549         */
550        .header-search-result .result-item:hover {
551            color: #0054DD;
552        }
553
554        .modal-change-city-location .select-city:hover {
555            color: #0054DD;
556        }
557
558        .custom-control-input:checked ~ .custom-control-label::before {
559            color: #ffffff;
560            border-color: #0054DD;
561            background-color: #0054DD;
562        }
563
564        .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
565            background-color: #ffffff;
566        }
567
568        /**
569         * Cart Page
570         */
571
572        .cart-change-radio-block .payment-method label.checked,
573        .cart-change-radio-block .cart-payers-block label.checked,
574        .cart-change-radio-block .select-user-for-send label.checked,
575        .delivery-row-type-2 .points-block input:checked + label,
576        .delivery-points-list input:checked + label .delivery-point-address,
577        .cart-change-radio-block.cart-address-block .rich-radio label.checked {
578            color: #0054DD;
579        }
580
581        .calc-delivery-variants .delivery-block.active, .branch-company-points .points-block.active {
582            border: 2px solid #0054DD !important;
583        }
584
585        /**
586         * Instructions Page
587         */
588
589        .template-block__icon {
590            color: #0054DD;
591        }
592
593        /**
594        * Menu
595        */
596                    @media (min-width: 1025px) {
597                                    .cd-dropdown-trigger.first-megamenu {
598                        background-color: #0054DD;
599                         color: white !important;                     }
600
601                            }
602        
603        .cd-dropdown-under-child-link:hover .menu-product-name {
604            color: #0054DD !important;
605        }
606
607
608        .templates-container .template-label .small-text.upload-file-block {
609            color: #0066CC;
610        }
611
612
613        /*
614        * Calculation
615         */
616        .card-calculation-container .navigation-gallery-item::after {
617            background-color: #0054DD;
618        }
619
620        .card-calculation-container .navigation-gallery-item.slick-current:after {
621            background-color: #0054DD;
622        }
623
624        .calculation-module .background-label.selected {
625            border-color: #0054DD !important;
626        }
627
628        @media (min-width: 768px) {
629            .calculation-module .background-label:hover,
630            .calculation-module .bootstrap-select .dropdown-toggle:hover,
631            .custom-label-block:hover {
632                border-color: #0054DD !important;
633            }
634        }
635
636        .production-time-calc-modal .production-time-price.selected {
637            border-color: #0054DD;
638        }
639
640        .souvenir-colors a.active {
641            border: 2px solid #0054DD;
642        }
643
644        .calculation-quantity-container .size-block.active {
645            border: 2px solid #0054DD;
646        }
647
648        .production-time-price.selected, .production-time-price:hover {
649            border-color: #0054DD;
650        }
651
652        /**
653         * Design Page
654         */
655
656        .design-change-constructor {
657            color: #0066CC;
658        }
659
660        @media (min-width: 1440px) {
661            .design-change-constructor {
662                color: #000000;
663            }
664        }
665
666        /**
667         * Design Widget
668         */
669
670        .select-design-items-block .filter-option-inner-inner {
671            color: #0054DD !important;
672        }
673
674        .select-design-items-block .bootstrap-select .dropdown-toggle::after {
675            border-color: #0054DD !important;
676        }
677
678        /**
679         * Profile
680         */
681        .status-boxes span.active {
682            background-color: #0054DD;
683        }
684
685        .modal-update-delivery .select-background-block.active {
686            border: 2px solid #0054DD;
687        }
688
689        .discount-product-block {
690            background-color: #f9d8e2;
691        }
692
693        .discount-product-block .discount-icon span {
694            color: #DF3064;
695        }
696
697        .w2p-spinner {
698            border-color: #0054DD;
699        }
700
701        .invoice-sent {
702            border: 17px solid;
703            border-color: #0054DD;
704            background-color: #0054DD;
705            border-radius: 50%;
706            color: #FFFFFF;
707            font-size: 18px;
708            font-weight: bold;
709        }
710
711
712        
713        .calculation-stepping-icon:hover svg {
714            fill: #0054DD;
715        }
716
717        .widget-map-content {
718margin-left: calc(50% - 50vw);
719margin-right: calc(50% - 50vw);
720} 
721
722        
723        .widget-title {
724            text-align: left !important;
725            justify-content: flex-start !important;
726            margin-bottom: 32px;
727        }
728    </style>
729
730</head>
731<body>
732<div class="main">
733    
733<script>
734
735    window.showCityModal = true;
736    window.CityName = 'Чикаго';
737
738    if (window.showCityModal && window.CityName)
739        window.addEventListener('DOMContentLoaded', () => {
740            if (window.localStorage.getItem('city-modal') !== '0')
741                setTimeout(() => {
742                    const modal = new CityConfirmationModal();
743                    modal.show();
744                });
745        })
746</script>
746
747<style>
748/* Стили для гамбургер-меню */
749.mobile-header {
750  display: none;
751  position: fixed;
752  top: 0;
753  left: 0;
754  width: 100%;
755  height: 20px;
756  /*background: #222;*/
757  /*box-shadow: 0 2px 8px rgba(0,0,0,0.1);*/
758  z-index: 10000;
759  align-items: center;
760  justify-content: space-between;
761  padding: 0 15px;
762  box-sizing: border-box;
763}
764
765.mobile-header-logo {
766  width: 100px;
767  height: 5px;
768  background-image: url('/logo.png');
769  background-size: contain;
770  background-position: left center;
771  background-repeat: no-repeat;
772  cursor: pointer;
773}
774
775.mobile-menu-toggle {
776  width: 30px;
777  height: 30px;
778  cursor: pointer;
779  flex-direction: column;
780  justify-content: space-between;
781  background: rgba(255, 255, 255, 0.9);
782  padding: 5px;
783  border-radius: 4px;
784  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
785}
786
787.mobile-menu-toggle span {
788  display: block;
789  height: 3px;
790  width: 100%;
791  background-color: #333;
792  border-radius: 2px;
793  transition: all 0.3s ease;
794}
795
796.mobile-menu-toggle.active span:nth-child(1) {
797  transform: rotate(45deg) translate(6px, 6px);
798}
799
800.mobile-menu-toggle.active span:nth-child(2) {
801  opacity: 0;
802}
803
804.mobile-menu-toggle.active span:nth-child(3) {
805  transform: rotate(-45deg) translate(6px, -6px);
806}
807
808/* Также можно уменьшить верхний паддинг у самого меню */
809.mobile-menu {
810  display: none;
811  position: fixed;
812  top: 0;
813  left: 0;
814  width: 100%;
815  height: 100%;
816  background-color: rgba(255, 255, 255, 0.98);
817  z-index: 9998;
818  overflow-y: auto;
819  padding: 70px 20px 20px;
820  box-sizing: border-box;
821}
822
823.mobile-menu.active {
824  display: block;
825}
826
827/* Логотип можно сделать немного меньше */
828.mobile-logo {
829  position: absolute;
830  top: 15px;
831  left: 20px;
832  width: 100px;
833  height: 35px;
834  /*background-image: url('/logo.png');*/
835  background-size: contain;
836  background-position: left center;
837  background-repeat: no-repeat;
838  cursor: pointer;
839}
840
841/* Исправляем отступы в мобильном меню */
842.mobile-nav {
843  list-style: none;
844  padding: 0;
845  margin: 20px 0 30px 0;
846}
847
848.mobile-nav-item {
849  border-bottom: 1px solid #eee;
850  position: relative;
851}
852
853.mobile-nav-item a {
854  display: block;
855  padding: 15px 0;
856  color: #333;
857  text-decoration: none;
858  font-size: 16px;
859  font-weight: 500;
860}
861
862.mobile-nav-item.has-children > a::after {
863  content: '▼';
864  position: absolute;
865  right: 0;
866  top: 15px;
867  font-size: 12px;
868  transition: transform 0.3s ease;
869}
870
871.mobile-nav-item.has-children.active > a::after {
872  transform: rotate(180deg);
873}
874
875.mobile-submenu {
876  display: none;
877  list-style: none;
878  padding-left: 15px;
879  margin: 0;
880}
881
882.mobile-submenu.active {
883  display: block;
884}
885
886.mobile-submenu-item {
887  border-bottom: 1px solid #f5f5f5;
888}
889
890.mobile-submenu-item a {
891  padding: 12px 0;
892  font-size: 14px;
893  color: #666;
894}
895
896.mobile-submenu-item a:hover {
897  color: #0056b3;
898}
899
900/* Специальные стили для каталога продукции */
901.mobile-catalog-submenu {
902  display: none;
903  padding-left: 15px;
904}
905
906.mobile-catalog-submenu.active {
907  display: block;
908}
909
910.mobile-catalog-grid {
911  display: grid;
912  grid-template-columns: 1fr;
913  gap: 10px;
914  margin-top: 10px;
915}
916
917.mobile-catalog-section {
918  margin-bottom: 15px;
919}
920
921.mobile-catalog-section h4 {
922  margin: 0 0 8px 0;
923  font-size: 14px;
924  font-weight: bold;
925  color: #333;
926}
927
928.mobile-catalog-section a {
929  display: block;
930  padding: 8px 0;
931  font-size: 13px;
932  color: #666;
933  text-decoration: none;
934}
935
936.mobile-catalog-section a:hover {
937  color: #0056b3;
938}
939
940/* Контактная информация в меню */
941.mobile-contacts {
942  margin-top: 30px;
943  padding-top: 20px;
944  border-top: 1px solid #eee;
945}
946
947.mobile-phone {
948  font-size: 18px;
949  font-weight: bold;
950  color: #2c5aa0;
951  margin-bottom: 15px;
952  display: block;
953  text-decoration: none;
954}
955
956.mobile-address {
957  font-size: 14px;
958  color: #666;
959  margin-bottom: 20px;
960  line-height: 1.4;
961}
962
963.mobile-social {
964  display: flex;
965  gap: 15px;
966  margin-top: 20px;
967}
968
969.mobile-social a {
970  display: flex;
971  align-items: center;
972  justify-content: center;
973  width: 40px;
974  height: 40px;
975  background: #f5f5f5;
976  border-radius: 50%;
977  color: #333;
978  text-decoration: none;
979  transition: all 0.3s ease;
980}
981
982.mobile-social a:hover {
983  background: #2c5aa0;
984  color: white;
985  transform: translateY(-2px);
986}
987
988/* Адаптация для мобильных устройств */
989@media screen and (max-width: 600px) {
990  .mobile-header {
991    display: flex;
992  }
993  
994  .mobile-menu-toggle {
995    display: flex;
996  }
997  
998  /* Скрываем скролл-меню на мобильных */
999  #scrollMenu {
1000    display: none !important;
1001  }
1002  
1003  /* Скрываем основное меню на мобильных */
1004  .my-header {
1005    display: none;
1006  }
1007  
1008  /* ИСПРАВЛЕНИЕ: Уменьшаем отступ для контента */
1009  main, .t-body, .my-t-container, .my-container, #allrecords {
1010    padding-top: 5px; /* Было 70px, уменьшили до 60px */
1011  }
1012}
1013
1014/* Адаптация для маленьких экранов */
1015@media screen and (max-width: 480px) {
1016  .mobile-menu {
1017    padding: 10px 1px 1px;
1018  }
1019  
1020  .mobile-header {
1021    height: 55px;
1022    padding: 0px;
1023  }
1024  
1025  .mobile-header-logo {
1026    width: 90px;
1027    height: 30px;
1028  }
1029  
1030  .mobile-logo {
1031    left: 15px;
1032    width: 90px;
1033    height: 30px;
1034    top: 15px;
1035  }
1036  
1037  .mobile-nav {
1038    margin-top: 20px;
1039  }
1040  
1041  /* ИСПРАВЛЕНИЕ: Еще меньше отступ для очень маленьких экранов */
1042  main, .t-body, .my-t-container, .my-container, #allrecords {
1043    padding-top: 5px;
1044  }
1045}
1046
1047/* Для очень маленьких экранов */
1048@media screen and (max-width: 360px) {
1049  .mobile-header-logo {
1050    width: 80px;
1051    height: 25px;
1052  }
1053  
1054  .mobile-logo {
1055    width: 80px;
1056    height: 25px;
1057  }
1058  
1059  .mobile-menu {
1060    padding: 25px 10px 10px;
1061  }
1062  
1063  /* ИСПРАВЛЕНИЕ: Минимальный отступ */
1064  main, .t-body, .my-t-container, .my-container, #allrecords {
1065    padding-top: 5px;
1066  }
1067}
1068</style>
1069
1070<!-- Мобильная шапка с логотипом и бургером -->
1071<div class="mobile-header" id="mobileHeader">
1072  <div onclick="location.href='/'" class="mobile-header-logo"></div>
1073  <div class="mobile-menu-toggle" id="mobileMenuToggle">
1074    <span></span>
1075    <span></span>
1076    <span></span>
1077  </div>
1078</div>
1079
1080<div class="mobile-menu" id="mobileMenu">
1081  <!-- Логотип в мобильном меню -->
1082  <div class="mobile-logo" onclick="location.href='/'"></div>
1083  
1084  <ul class="mobile-nav">
1085    <li class="mobile-nav-item has-children">
1086      <a href="/company">О нас</a>
1087      <ul class="mobile-submenu">
1088        <li class="mobile-submenu-item"><a href="/company">О компании</a></li>
1089        <li class="mobile-submenu-item"><a href="/company/licenses">Награды и достижения</a></li>
1090        <li class="mobile-submenu-item"><a href="/novosti">Новости</a></li>
1091        <li class="mobile-submenu-item"><a href="/video">Наше видео</a></li>
1092        <li class="mobile-submenu-item"><a href="/vacansii">
1092Вакансии</a></li>
1093        <li class="mobile-submenu-item"><a href="/reviews">Отзывы</a></li>
1094      </ul>
1095    </li>
1096    
1097    <li class="mobile-nav-item has-children">
1098      <a href="/produkciya">Каталог продукции</a>
1099      <div class="mobile-catalog-submenu">
1100        <div class="mobile-catalog-grid">
1101          <div class="mobile-catalog-section">
1102            <h4>Буклеты, листовки, хенгеры, визитки</h4>
1103            <a href="/baza-buklety-listovki-hengery-vizitki">Листовки и визитки</a>
1104            <a href="/baza-buklety-listovki-hengery-vizitki">Буклеты</a>
1105            <a href="/baza-buklety-listovki-hengery-vizitki">Брошюры</a>
1106            <a href="/baza-buklety-listovki-hengery-vizitki">Плакаты</a>
1107          </div>
1108          
1109          <div class="mobile-catalog-section">
1110            <h4>Журналы и газеты</h4>
1111            <a href="/produkciya/zhurnaly-i-gazety-new">Журналы</a>
1112            <a href="/produkciya/zhurnaly-i-gazety-new">Газеты</a>
1113            <a href="/produkciya/zhurnaly-i-gazety-new">Ежегодники</a>
1114          </div>
1115          
1116          <div class="mobile-catalog-section">
1117            <h4>Открытки, пакеты, календари</h4>
1118            <a href="">Календари</a>
1119            <a href="/produkciya/otkrytki-pakety-kalendari">Блокноты</a>
1120            <a href="/produkciya/otkrytki-pakety-kalendari">Ежедневники</a>
1121            <a href="/produkciya/otkrytki-pakety-kalendari">Открытки</a>
1122          </div>
1123          
1124          <div class="mobile-catalog-section">
1125            <h4>Удостоверения, зачетки, амбарные журналы</h4>
1126            <a href="/produkciya/udostovereniya-zachetki-ambarnye-zhurnaly">Бланки</a>
1127            <a href="/produkciya/udostovereniya-zachetki-ambarnye-zhurnaly">Документы в твёрдой обложке</a>
1128            <a href="/produkciya/udostovereniya-zachetki-ambarnye-zhurnaly">Амбарная продукция</a>
1129          </div>
1130          
1131          <div class="mobile-catalog-section">
1132            <h4>Книги и игры</h4>
1133            <a href="/produkciya/knigi-i-igry">Детские книги</a>
1134            <a href="/produkciya/knigi-i-igry">Книги</a>
1135            <a href="/produkciya/knigi-i-igry">Альбомы</a>
1136            <a href="/produkciya/knigi-i-igry">Многотомные издания</a>
1137          </div>
1138          
1139          <div class="mobile-catalog-section">
1140            <h4>Этикетки, коробки, инструкции</h4>
1141            <a href="/produkciya/etiketki-korobki-instrukcii">Упаковка</a>
1142            <a href="/produkciya/etiketki-korobki-instrukcii">Этикетки</a>
1143            <a href="/produkciya/etiketki-korobki-instrukcii">Ярлыки и бирки</a>
1144          </div>
1145        </div>
1146      </div>
1147    </li>
1148    
1149    <li class="mobile-nav-item"><a href="/trebovaniya-k-maketu">Требования к макету</a></li>
1150    
1151    <li class="mobile-nav-item has-children">
1152      <a href="/prays-oplata/oplata">Оплата и реквизиты</a>
1153      <ul class="mobile-submenu">
1154        <li class="mobile-submenu-item"><a href="/prays-oplata/oplata">Способы оплаты</a></li>
1155        <li class="mobile-submenu-item"><a href="/company/requisites">Реквизиты</a></li>
1156      </ul>
1157    </li>
1158    
1159    <li class="mobile-nav-item has-children">
1160      <a href="/kak-vybrat-tipografiyu">Помощь</a>
1161      <ul class="mobile-submenu">
1162        <li class="mobile-submenu-item"><a href="/kak-vybrat-tipografiyu">Как выбрать типографию</a></li>
1163        <li class="mobile-submenu-item"><a href="/kak-vybrat-tipografiyu/faq">Часто задаваемые вопросы</a></li>
1164        <li class="mobile-submenu-item"><a href="/agreement">Условия обработки <br> персональных данных</a></li>
1165        <li class="mobile-submenu-item"><a href="/cookie">Политика в отношении <br> файлов cookie</a></li>
1166      </ul>
1167    </li>
1168    
1169    <li class="mobile-nav-item"><a href="/contacts">Контакты</a></li>
1170  </ul>
1171  
1172  <!-- Контактная информация -->
1173  <div class="mobile-contacts">
1174    <a href="tel:" class="mobile-phone"></a>
1175    <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>
1176    </div>
1177    
1178    <div class="mobile-social">
1179      <a href="https://vk.com/konstantaprint" title="ВКонтакте">VK</a>
1180      <a href="https://t.me/konstantaprint" title="Telegram">TG</a>
1181    </div>
1182  </div>
1183</div>
1184
1185<script>
1186// Функционал гамбургер-меню
1187document.addEventListener('DOMContentLoaded', function() {
1188  const mobileHeader = document.getElementById('mobileHeader');
1189  const mobileMenuToggle = document.getElementById('mobileMenuToggle');
1190  const mobileMenu = document.getElementById('mobileMenu');
1191  const mobileNavItems = document.querySelectorAll('.mobile-nav-item.has-children');
1192  const mobileLogo = document.querySelector('.mobile-logo');
1193  const mobileHeaderLogo = document.querySelector('.mobile-header-logo');
1194  
1195  // Переключение меню
1196  mobileMenuToggle.addEventListener('click', function() {
1197    this.classList.toggle('active');
1198    mobileMenu.classList.toggle('active');
1199    
1200    // Блокируем скролл страницы при открытом меню
1201    if (mobileMenu.classList.contains('active')) {
1202      document.body.style.overflow = 'hidden';
1203    } else {
1204      document.body.style.overflow = '';
1205    }
1206    
1207    // Закрываем все подменю при закрытии основного меню
1208    if (!mobileMenu.classList.contains('active')) {
1209      mobileNavItems.forEach(item => {
1210        item.classList.remove('active');
1211        // Закрываем все подменю
1212        const submenu = item.querySelector('.mobile-submenu, .mobile-catalog-submenu');
1213        if (submenu) {
1214          submenu.classList.remove('active');
1215        }
1216      });
1217    }
1218  });
1219  
1220  // Переключение подменю
1221  mobileNavItems.forEach(item => {
1222    const link = item.querySelector('a');
1223    
1224    link.addEventListener('click', function(e) {
1225      // Для элементов с подменю предотвращаем переход по ссылке
1226      if (item.classList.contains('has-children')) {
1227        e.preventDefault();
1228        item.classList.toggle('active');
1229        
1230        // Находим соответствующее подменю
1231        const submenu = item.querySelector('.mobile-submenu, .mobile-catalog-submenu');
1232        if (submenu) {
1233          submenu.classList.toggle('active');
1234        }
1235      }
1236    });
1237  });
1238  
1239  // Закрытие меню при клике на логотип в шапке
1240  if (mobileHeaderLogo) {
1241    mobileHeaderLogo.addEventListener('click', function() {
1242      mobileMenuToggle.classList.remove('active');
1243      mobileMenu.classList.remove('active');
1244      document.body.style.overflow = '';
1245      
1246      // Закрываем все подменю
1247      mobileNavItems.forEach(item => {
1248        item.classList.remove('active');
1249        const submenu = item.querySelector('.mobile-submenu, .mobile-catalog-submenu');
1250        if (submenu) {
1251          submenu.classList.remove('active');
1252        }
1253      });
1254    });
1255  }
1256  
1257  // Закрытие меню при клике на логотип в меню
1258  if (mobileLogo) {
1259    mobileLogo.addEventListener('click', function() {
1260      mobileMenuToggle.classList.remove('active');
1261      mobileMenu.classList.remove('active');
1262      document.body.style.overflow = '';
1263      
1264      // Закрываем все подменю
1265      mobileNavItems.forEach(item => {
1266        item.classList.remove('active');
1267        const submenu = item.querySelector('.mobile-submenu, .mobile-catalog-submenu');
1268        if (submenu) {
1269          submenu.classList.remove('active');
1270        }
1271      });
1272    });
1273  }
1274  
1275  // Закрытие меню при клике на ссылку без подменю
1276  document.querySelectorAll('.mobile-nav-item:not(.has-children) a, .mobile-submenu-item a, .mobile-catalog-section a').forEach(link => {
1277    link.addEventListener('click', function() {
1278      mobileMenuToggle.classList.remove('active');
1279      mobileMenu.classList.remove('active');
1280      document.body.style.overflow = '';
1281    });
1282  });
1283  
1284  // Закрытие меню при клике вне его области
1285  document.addEventListener('click', function(e) {
1286    if (!mobileMenu.contains(e.target) && !mobileMenuToggle.contains(e.target) && !mobileHeader.contains(e.target)) {
1287      mobileMenuToggle.classList.remove('active');
1288      mobileMenu.classList.remove('active');
1289      document.body.style.overflow = '';
1290      
1291      // Закрываем все подменю
1292      mobileNavItems.forEach(item => {
1293        item.classList.remove('active');
1294        const submenu = item.querySelector('.mobile-submenu, .mobile-catalog-submenu');
1295        if (submenu) {
1296          submenu.classList.remove('active');
1297        }
1298      });
1299    }
1300  });
1301  
1302  // Обновляем контактные данные в зависимости от города
1303  function updateMobileContacts() {
1304    const cityHeader = document.getElementById('mySity-header');
1305    if (cityHeader) {
1306      const city = cityHeader.textContent;
1307      console.log(city + 'ШАПКА');
1308      const phoneElement = document.querySelector('.mobile-phone');
1309      const addressElement = document.querySelector('.mobile-address');
1310      
1311      if (city.includes('Курск')) {
1312        phoneElement.textContent = '+7 (4712) 200-720';
1313        phoneElement.href = 'tel:+74712200720';
1314        addressElement.innerHTML = 'Курск, ул. Чистая, 2/21';
1315      } else if (city.includes('Орел') || city.includes('Орёл') || city.includes('Орловская область')) {
1316        phoneElement.textContent = '+7 (4862) 43-20-10';
1317        phoneElement.href = 'tel:+74862432010';
1318        addressElement.innerHTML = 'Орел, ул. Московская, 98';
1319      } else {
1320        phoneElement.textContent = '+7 (4722) 300-720';
1321        addressElement.innerHTML = 'пгт. Северный, ул. Березовая, 1/12';
1322      }
1323    }
1324  }
1325  
1326  // Вызываем функцию после загрузки DOM
1327  setTimeout(updateMobileContacts, 100);
1328});
1329
1330// Отключаем скролл-меню на мобильных устройствах
1331window.addEventListener('resize', function() {
1332  const scrollMenu = document.getElementById('scrollMenu');
1333  if (window.innerWidth <= 600 && scrollMenu) {
1334    scrollMenu.style.display = 'none';
1335  }
1336});
1337
1338// Инициализация при загрузке
1339window.addEventListener('load', function() {
1340  if (window.innerWidth <= 600) {
1341    const scrollMenu = document.getElementById('scrollMenu');
1342    if (scrollMenu) {
1343      scrollMenu.style.display = 'none';
1344    }
1345  }
1346});
1347</script>
1347
1348
1349
1350
1351
1352<style>
1353/* ==== ОСНОВА ФИКСИРОВАННОЙ ШАПКИ ==== */
1354.my-header-scroll-menu {
1355  position: fixed;
1356  top: 0;
1357  left: 0;
1358/*margin-left: 20%;*/
1359  width: 100%;
1360  background: #fff;
1361  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
1362  z-index: 9999;
1363  font-family: 'Arial', sans-serif;
1364}
1365
1366/* Верхняя линия */
1367.my-header-top {
1368  display: flex;
1369  justify-content: space-between;
1370  align-items: center;
1371  padding: 8px 40px;
1372  border-bottom: 1px solid #eee;
1373  font-size: 14px;
1374  color: #333;
1375width: 70%;
1376margin-left: 13%;
1377}
1378
1379.my-header-top .my-header-left {
1380  display: flex;
1381  align-items: center;
1382  gap: 20px;
1383}
1384
1385.my-header-logo img {
1386  height: 40px;
1387}
1388
1389.my-header-top .my-header-right {
1390  display: flex;
1391  align-items: center;
1392  gap: 25px;
1393}
1394
1395.my-header-top .my-header-right a {
1396  color: #003366;
1397  text-decoration: none;
1398  font-weight: 500;
1399}
1400
1401/* Нижняя линия (меню) */
1402.my-header-bottom {
1403  display: flex;
1404  justify-content: center;
1405  align-items: center;
1406  height: 50px;
1407  width: 100%;
1408
1409}
1410
1411.my-header-nav-menu {
1412  display: flex;
1413  gap: 40px;
1414  align-items: center;
1415}
1416
1417.my-header-nav-item {
1418  position: relative;
1419}
1420
1421.my-header-nav-item > a {
1422  text-decoration: none;
1423  color: #000;
1424  font-size: 15px;
1425  font-weight: 500;
1426  padding-bottom: 4px;
1427  display: inline-block;
1428  transition: color 0.2s, border-color 0.2s;
1429}
1430
1431.my-header-nav-item > a:hover,
1432.my-header-nav-item.active > a {
1433  color: #004c99;
1434  border-bottom: 2px solid #004c99;
1435}
1436
1437/* Выпадающее меню */
1438.my-header-dropdown {
1439  display: none;
1440  position: absolute;
1441  top: 100%;
1442  left: 0;
1443  background: #fff;
1444  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
1445  border-radius: 4px;
1446  min-width: 220px;
1447  padding: 10px 0;
1448  z-index: 10000;
1449}
1450
1451.my-header-dropdown a {
1452  display: block;
1453  padding: 10px 20px;
1454  color: #000;
1455  text-decoration: none;
1456  font-size: 14px;
1457}
1458
1459.my-header-dropdown a:hover {
1460  background: #f5f8ff;
1461  color: #004c99;
1462}
1463
1464.my-header-nav-item:hover .my-header-dropdown {
1465  display: block;
1466}
1467
1468/* Каталог: большой выпадающий мега-меню */
1469.my-header-catalog-mega {
1470  left: -100px;
1471   width: 1200px;
1472  display: none; /* по умолчанию скрыто, при hover - показывается */
1473  position: absolute;
1474  top: 100%;
1475  background: #fff;
1476  padding: 18px;
1477  box-shadow: 0 6px 24px rgba(0,0,0,0.12);
1478  border-radius: 4px;
1479  z-index: 10000;
1480}
1481
1482/* Сетка внутри каталога */
1483.my-header-catalog-grid {
1484  display: grid;
1485  grid-template-columns: repeat(3, 1fr);
1486  gap: 24px;
1487  align-items: start;
1488}
1489
1490/* Блок раздела в каталоге */
1491.my-header-cat-block strong {
1492  display: flex;
1493  align-items: center;
1494  gap: 10px;
1495  margin-bottom: 10px;
1496  font-size: 15px;
1497}
1498
1499/* Иконки рядом с заголовками (SVG inline) */
1500.my-header-cat-icon {
1501  width: 36px;
1502  height: 36px;
1503  display: inline-flex;
1504  align-items: center;
1505  justify-content: center;
1506  background: #f3f7fb;
1507  border-radius: 6px;
1508  flex: 0 0 36px;
1509}
1510
1511/* Ссылка внутри блока (список) */
1512.my-header-cat-block a {
1513  display: block;
1514  padding: 6px 0;
1515  color: #0b4f88;
1516  text-decoration: none;
1517  font-size: 13.5px;
1518}
1519
1520.my-header-cat-block a:hover {
1521  color: #004c99;
1522  text-decoration: underline;
1523}
1524
1525/* Показать мега-меню при hover */
1526.my-header-nav-item--catalog:hover .my-header-catalog-mega {
1527  display: block;
1528}
1529
1530/* Отступ для контента */
1531body, main, #allrecords {
1532  margin: 0;
1533  padding-top: 110px; /* высота шапки */
1534}
1535
1536/* Иконка поиска */
1537.my-header-search-icon {
1538  font-size: 18px;
1539  cursor: pointer;
1540}
1541
1542/* Адаптив */
1543@media (max-width: 900px) {
1544  .my-header-top, .my-header-bottom {
1545    flex-direction: column;
1546    padding: 10px 20px;
1547  }
1548  .my-header-nav-menu {
1549    flex-wrap: wrap;
1550    justify-content: center;
1551    gap: 20px;
1552  }
1553  .my-header-catalog-mega {
1554    position: static;
1555    width: 100%;
1556    box-shadow: none;
1557    padding: 12px;
1558  }
1559  .my-header-catalog-grid {
1560    grid-template-columns: repeat(1, 1fr);
1561  }
1562  /* Отступ для контента */
1563body, main, #allrecords {
1564  margin: 0;
1565  padding-top: 50px; /* высота шапки */
1566}
1567}
1568.img-nav-menu
1569{
1570  width: 50px;
1571  heidth: 50px;
1572}
1573/*  strong */
1574strong .text-headers-adress,
1575.text-headers-adress {
1576    color: black; 
1577    font-size: 12px;
1578    text-decoration: none !important;
1579    font-weight: normal;
1580    display: inline-block;
1581}
1582
1583strong .text-headers-adress:hover,
1584.text-headers-adress:hover {
1585    text-decoration: none !important;
1586    font-weight: bold; 
1587}
1588
1589</style>
1590
1591
1592<header class="my-header-scroll-menu" id="scrollMenu">
1593  <div class="my-header-top" id="top-header-none">
1594    <div class="my-header-left">
1595      <a href='/' class="my-header-logo">
1596        <img onclick="location.href='/'" style="cursor:pointer;" src="/logo.png" alt="Логотип">
1597      </a>
1598     
1599    </div>
1600
1601    <div class="my-header-right">
1602<span style="width: 300px;">
1603                <svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewB
1603ox="0 0 13 16">
1604                   <defs>
1605                     <style>
1606                       .cls-1 {
1607                          fill-rule: evenodd;
1608                         fill: #2c5aa0;
1609                             }
1610                     </style>
1611                   </defs>
1612                <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>
1613              </svg> 
1614                <a id="adress-company" style="width: 100px; text-decoration: none; color: #2c5aa0;" href="/contacts"> </a></span>
1615                <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>
1616                <span id="phone" class="phone"></span>
1617                <!-- Соцсеть -->
1618                <a class="my-footer-social-link my-footer-social-vk" href="https://vk.com/konstantaprint" target="_blank" aria-label="VK">
1619                  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
1620                  <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>
1621                </svg>
1622                </a>
1623    </div>
1624  </div>
1625
1626<script>
1627  // Вывести номер телефона 
1628    let mySity = document.getElementById('mySity').textContent;
1629  console.log(mySity +  ' ШАПКА');
1630  if (mySity.includes('Курск'))
1631  {
1632    document.getElementById('phone').innerHTML = '+7 (4712) 200-720';
1633    document.getElementById('adress-company').innerHTML = 'Курская область г. Курск, ул. Чистая, 2/21';
1634  }
1635   else if (mySity.includes('Орел') || mySity.includes('Орловская область'))
1636  {
1637    document.getElementById('phone').innerHTML = '+7 (4862) 43-20-10';
1638    document.getElementById('adress-company').innerHTML = 'Орловская область, г. Орел, ул.Московская, 98 (Ост. Экран)';
1639  }
1640  else
1641  {
1642    document.getElementById('phone').innerHTML = `+7 (4722) 300-720`;
1643    document.getElementById('adress-company').innerHTML = ' Белгородская область пгт. Северный, ул.Березовая, 1/12';
1644  }
1645  
1646window.addEventListener('scroll', () => {
1647  //console.log('Y:', window.scrollY, 'X:', window.scrollX);
1648});
1649</script>
1649
1650  <div class="my-header-bottom">
1651    <nav class="my-header-nav-menu">
1652      <!-- О нас -->
1653      <div class="my-header-nav-item">
1654        <a href="/company">О нас ▾</a>
1655        <div class="my-header-dropdown">
1656          <a href="/company">О компании</a>
1657          <a href="/company/licenses">Награды и достижения</a>
1658          <a href="/novosti">Новости</a>
1659          <a href="/video">Наше видео</a>
1660          <a href="/vacansii">Вакансии</a>
1661          <a href="/reviews">Отзывы</a>
1662        </div>
1663      </div>
1664
1665      <!-- Каталог продукции (мега-меню с иконками) -->
1666      <div class="my-header-nav-item my-header-nav-item--catalog">
1667        <a href="/produkciya">Каталог продукции ▾</a>
1668
1669        <div class="my-header-catalog-mega" aria-hidden="true">
1670          <div class="my-header-catalog-grid">
1671            <!-- Блок 1 -->
1672            <div class="my-header-cat-block">
1673              <div style="display:flex; align-items:flex-start; gap:10px;">
1674                <div class="my-header-cat-icon" aria-hidden="true">
1675                  <!-- Пример SVG иконки -->
1676                <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/187680156568db7fbfdad3d8.80823004.png" alt="">
1677                </div>
1678                <div>
1679                  <strong><a class="text-headers-adress" href="/baza-buklety-listovki-hengery-vizitki">Буклеты, листовки, визитки</a></strong>
1680                  <a href="/produkciya/buklety">Листовки и визитки</a>
1681                  <a href="/produkciya/broshyury">Буклеты</a>
1682                  <a href="/produkciya/plakaty">Брошюры</a>
1683                  <a href="/produkciya/hengery">Плакаты</a>
1684                  <a href="/baza-buklety-listovki-hengery-vizitki">Ещё </a>
1685                </div>
1686              </div>
1687            </div>
1688
1689            <!-- Блок 2 -->
1690            <div class="my-header-cat-block">
1691              <div style="display:flex; align-items:flex-start; gap:10px;">
1692                <div class="my-header-cat-icon" aria-hidden="true">
1693                  <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/192034308868db7fc3cc88e5.68680229.jpg" alt="">
1694                </div>
1695                <div>
1696                  <strong><a class="text-headers-adress" href="/otkrytki-pakety-kalendari">Открытки, пакеты, календари</a></strong>
1697                  <a href="/produkciya/kalendari">Календари</a>
1698                  <a href="/produkciya/bloknoty">Блокноты</a>
1699                  <a href="/produkciya/ezhednevniki">Ежедневники</a>
1700                  <a href="/produkciya/otkrytki">Открытки</a>
1701                  <a href="/otkrytki-pakety-kalendari">Ещё </a>
1702                </div>
1703              </div>
1704            </div>
1705
1706            <!-- Блок 3 -->
1707            <div class="my-header-cat-block">
1708              <div style="display:flex; align-items:flex-start; gap:10px;">
1709                <div class="my-header-cat-icon" aria-hidden="true">
1710                 <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/53999813268db7fc8798b60.88549315.png" alt="">
1711                </div>
1712                <div>
1713                  <strong> <a class="text-headers-adress" href="/knigi-i-igry">Книги и игры</a></strong>
1714                  <a href="/produkciya/detskie-knigi">Детские книги</a>
1715                  <a href="/produkciya/knigi">Книги</a>
1716                  <a href="/produkciya/al-bomy">Альбомы</a>
1717                  <a href="/produkciya/mnogotomnye-izdaniya">Многотомные издания</a>
1718                  <a href="/knigi-i-igry">Ещё </a>
1719                </div>
1720              </div>
1721            </div>
1722
1723            <!-- Блок 4 -->
1724            <div class="my-header-cat-block">
1725              <div style="display:flex; align-items:flex-start; gap:10px;">
1726                <div class="my-header-cat-icon" aria-hidden="true">
1727                 <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/3604357868db7fc68cd955.21106462.png" alt="">
1728                </div>
1729                <div>
1730                  <strong><a class="text-headers-adress" href="/zhurnaly-i-gazet">Журналы и газеты</a></strong>
1731                  <a href="/produkciya/zhurnaly">Журналы</a>
1732                  <a href="/produkciya/gazety">Газеты</a>
1733                  <a href="/produkciya/ezhegodniki">Ежегодники</a>
1734                </div>
1735              </div>
1736            </div>
1737
1738            <!-- Блок 5 -->
1739            <div class="my-header-cat-block">
1740              <div style="display:flex; align-items:flex-start; gap:10px;">
1741                <div class="my-header-cat-icon" aria-hidden="true">
1742                  <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/12380956968db7fcaea5c57.61271856.png" alt="">
1743                </div>
1744                <div>
1745                  <strong>
1746                  <a class="text-headers-adress" href="/udostovereniya-zachetki-ambarnye-zhurnaly">Удостоверения, зачётки, амбарные журналы</a></strong>
1747                  <a href="/produkciya/blanki">Бланки</a>
1748                  <a href="/produkciya/dokumenty-v-tverdoy-oblozhke">Документы в твёрдой обложке</a>
1749                  <a href="/produkciya/ambarnaya-produkciya">Амбарная продукция</a>
1750                </div>
1751              </div>
1752            </div>
1753
1754            <!-- Блок 6 -->
1755            <div class="my-header-cat-block">
1756              <div style="display:flex; align-items:flex-start; gap:10px;">
1757                <div class="my-header-cat-icon" aria-hidden="true">
1758                  <img class="img-nav-menu" src="https://static.wow2print.com/storage/4231/content/image/144176110868db7fc0774885.11907300.png" alt="">
1759                </div>
1760                <div>
1761                  <strong><a class="text-headers-adress" href="/etiketki-korobki-instrukcii">
1761Этикетки, коробки, инструкции</a></strong>
1762                  <a href="/produkciya/upakovka">Упаковка</a>
1763                  <a href="/produkciya/etiketki">Этикетки</a>
1764                  <a href="/produkciya/yarlyki-i-birki">Ярлыки и бирки</a>
1765                </div>
1766              </div>
1767            </div>
1768          </div> <!-- /.my-header-catalog-grid -->
1769        </div> <!-- /.my-header-catalog-mega -->
1770      </div>
1771
1772      <!-- Требования к макету -->
1773      <div class="my-header-nav-item">
1774        <a href="/trebovaniya-k-maketu">Требования к макету</a>
1775      </div>
1776
1777      <!-- Прайс и оплата -->
1778      <div class="my-header-nav-item">
1779        <a href="/prays-oplata/oplata">Оплата  и Реквизиты▾</a>
1780        <div class="my-header-dropdown">
1781          <a href="/prays-oplata/oplata">Способы оплаты</a>
1782          <a href="/company/requisites">Реквизиты</a>
1783        </div>
1784      </div>
1785
1786      <!-- Помощь -->
1787      <div class="my-header-nav-item">
1788        <a href="/kak-vybrat-tipografiyu">Помощь ▾</a>
1789        <div class="my-header-dropdown">
1790          <a href="/kak-vybrat-tipografiyu/faq">Часто задаваемые вопросы</a>
1791          <a href="/kak-vybrat-tipografiyu">Как выбрать типографию?</a>
1792          <a href="/agreement">Условия обработки <br> персональных данных</a>
1793          <a href="/cookie">Политика в отношении <br> файлов cookie</a>
1794        </div>
1795      </div>
1796
1797      <!-- Контакты -->
1798      <div class="my-header-nav-item">
1799        <a href="/contacts">Контакты</a>
1800      </div>
1801
1802      <!-- Поиск -->
1803     
1804    </nav>
1805  </div>
1806</header>
1807
1808<script>
1809  document.addEventListener('DOMContentLoaded', () => {
1810    const menu = document.getElementById('scrollMenu');
1811    const path = window.location.pathname;
1812
1813    // скрываем шапку на главной (как у тебя было)
1814    if (path === '/' || path === '/index.html') {
1815      menu.style.display = 'none';
1816      document.body.style.paddingTop = '0';
1817    }
1818
1819    // Дополнительно: если нужно закрывать мега-меню при клике вне его (полезно на мобиле)
1820    document.addEventListener('click', (e) => {
1821      // если кликнули вне каталога и не на элемент каталога — закрыть (на случай, если используются классы для показа).
1822      // Здесь ничего не делаем, потому что мы используем hover для показа; оставлено для расширения.
1823    });
1824  });
1825</script>
1825        
1825<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/konstanta-print.ru","name":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f","url":"https:\/\/konstanta-print.ru"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/konstanta-print.ru\/contacts","name":"\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435","url":"https:\/\/konstanta-print.ru\/contacts"}}]}</script>
1825
1826        <div class="container container-breadcrumb"><ul class="breadcrumb"><li><a href="/">Главная</a></li><li class="active">Контактные данные</li></ul></div>
1826<script type="application/ld+json">
1827    {"@context":"https:\/\/schema.org","@type":"Organization","name":"\u041e\u041e\u041e \u00ab\u041a\u041e\u041d\u0421\u0422\u0410\u041d\u0422\u0410\u00bb","address":{"@type":"PostalAddress","streetAddress":"\u043f\u0433\u0442. \u0421\u0435\u0432\u0435\u0440\u043d\u044b\u0439, \u0443\u043b.\u0411\u0435\u0440\u0435\u0437\u043e\u0432\u0430\u044f, 1\/12","telephone":"+7 (4722) 300-720","email":"[email protected]"},"sameAs":["https:\/\/vk.me\/konstantaprint","https:\/\/t.me\/konstantaprint"]}</script>
1827
1828    <div class="container">
1829        <div class="content-html-source">
1830            <style>
1831        /* Базовые стили */
1832        * {
1833            box-sizing: border-box;
1834            margin: 0;
1835            padding: 0;
1836        }
1837        
1838        body {
1839            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
1840            line-height: 1.6;
1841            color: #333;
1842            background-color: #fff;
1843        }
1844        
1845        .my-geo-block {
1846            padding: 20px 15px;
1847            max-width: 1200px;
1848            margin: 0 auto;
1849        }
1850        
1851        .my-geo-container {
1852            display: flex;
1853            flex-direction: column;
1854            gap: 30px;
1855        }
1856        
1857        .my-geo-left img {
1858            width: 100%;
1859            height: auto;
1860            border-radius: 10px;
1861            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
1862        }
1863        
1864        .my-geo-right h2 {
1865            font-size: 22px;
1866            font-weight: 700;
1867            margin-bottom: 15px;
1868            color: #2c3e50;
1869        }
1870        
1871        .my-geo-right p {
1872            font-size: 16px;
1873            line-height: 1.6;
1874            margin-bottom: 15px;
1875        }
1876        
1877        .my-geo-map {
1878            margin-top: 25px;
1879            width: 100%;
1880            height: auto;
1881            display: block;
1882            cursor: pointer;
1883            transition: transform 0.3s ease;
1884            border-radius: 8px;
1885            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
1886        }
1887        
1888        .my-geo-map:active {
1889            transform: scale(0.98);
1890        }
1891        
1892        /* Стили модального окна */
1893        .my-modal {
1894            display: none;
1895            position: fixed;
1896            z-index: 10000;
1897            padding: 20px;
1898            left: 0;
1899            top: 0;
1900            width: 100%;
1901            height: 100%;
1902            overflow: auto;
1903            background-color: rgba(0,0,0,0.9);
1904            backdrop-filter: blur(5px);
1905        }
1906        
1907        .my-modal-content {
1908            margin: auto;
1909            display: block;
1910            width: 100%;
1911            max-width: 600px;
1912            max-height: 80vh;
1913            border-radius: 8px;
1914            animation: zoom 0.3s;
1915        }
1916        
1917        @keyframes zoom {
1918            from {transform: scale(0.8); opacity: 0;}
1919            to {transform: scale(1); opacity: 1;}
1920        }
1921        
1922        .my-close {
1923            position: absolute;
1924            top: 15px;
1925            right: 25px;
1926            color: white;
1927            font-size: 35px;
1928            font-weight: bold;
1929            cursor: pointer;
1930            transition: 0.3s;
1931            width: 40px;
1932            height: 40px;
1933            display: flex;
1934            align-items: center;
1935            justify-content: center;
1936            background: rgba(0,0,0,0.5);
1937            border-radius: 50%;
1938        }
1939        
1940        .my-close:active {
1941            background: rgba(255,255,255,0.2);
1942        }
1943        
1944        /* Секция обратной связи */
1945        .feedback-section {
1946            margin-top: 40px;
1947            padding: 25px 20px;
1948            background-color: #f8f9fa;
1949            border-radius: 12px;
1950            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
1951        }
1952        
1953        .feedback-header {
1954            margin-bottom: 20px;
1955        }
1956        
1957        .feedback-header h5 {
1958            font-weight: bold;
1959            font-size: 18px;
1960            margin-bottom: 10px;
1961            color: #2c3e50;
1962        }
1963        
1964        .feedback-content {
1965            width: 100%;
1966        }
1967        
1968        /* Адаптив для планшетов и десктопов */
1969        @media (min-width: 768px) {
1970            .my-geo-block {
1971                padding: 30px 20px;
1972            }
1973            
1974            .my-geo-container {
1975                flex-direction: row;
1976                align-items: flex-start;
1977                gap: 40px;
1978            }
1979            
1980            .my-geo-left {
1981                flex: 1 1 45%;
1982            }
1983            
1984            .my-geo-right {
1985                flex: 1 1 50%;
1986            }
1987            
1988            .my-geo-right h2 {
1989                font-size: 24px;
1990            }
1991            
1992            .feedback-section {
1993                display: flex;
1994                gap: 40px;
1995                align-items: flex-start;
1996            }
1997            
1998            .feedback-header {
1999                flex: 0 0 300px;
2000                margin-bottom: 0;
2001            }
2002            
2003            .feedback-content {
2004                flex: 1;
2005            }
2006        }
2007        
2008        @media (min-width: 1024px) {
2009            .my-geo-block {
2010                padding: 40px 30px;
2011            }
2012            
2013            .my-geo-map:hover {
2014                transform: scale(1.03);
2015            }
2016            
2017            .my-close:hover {
2018                color: #ccc;
2019                background: rgba(0,0,0,0.7);
2020            }
2021        }
2022    </style>
2023
2024    <section class="my-geo-block">
2025        <div class="my-geo-container">
2026            <!-- Левая часть: схема проезда -->
2027            <div class="my-geo-left">
2028                <img src="https://static.wow2print.com/storage/4231/content/image/49228573268edfc3e9d8661.54069143.jpg" alt="Схема проезда">
2029            </div>
2030
2031            <!-- Правая часть: текст и внизу маленькая картинка -->
2032            <div class="my-geo-right">
2033                <h2>География поставок</h2>
2034                <p>
2035                    Обращаем Ваше внимание, что поставку готовой полиграфической продукции по Белгороду
2036                    осуществляет собственный автомобильный парк! Стоимость доставки рассчитывается исходя
2037                    из параметров заказа и адреса доставки.
2038                </p>
2039                <p>
2040                    В отдалённые регионы доставка осуществляется транспортной компанией.
2041                </p>
2042                <p>
2043                    Стоимость Вы можете узнать у Вашего персонального менеджера. Наша география поставок —
2044                    более 60 городов в России и ближнего зарубежья.
2045                </p>
2046
2047                <!-- Маленькая картинка -->
2048                <img src="https://static.wow2print.com/storage/4231/content/image/170640525168edfc5b3092a3.67816902.jpg" alt="География поставок" class="my-geo-map" id="myMapPreview">
2049            </div>
2050        </div>
2051
2052        <!-- Модальное окно для увеличенного изображения -->
2053        <div id="myModal" class="my-modal">
2054            <span class="my-close">×</span>
2055            <img class="my-modal-content" id="myModalImg" alt="">
2056        </div>
2057    </section>
2058
2059  <!--  <section class="feedback-section" id="form">
2060        <div class="feedback-header">
2061            <h5>Задать вопрос</h5>
2062            <p>Менеджеры компании с радостью ответят на ваши вопросы и произведут расчет стоимости услуг и подготовят индивидуальное коммерческое предложение.</p>
2063        </div>
2064        <div class="feedback-form-content" data-hash="0dd32d629f6f43b89cd5d2f1c6f69afe">Обратная связь</div>
2065    </section>
2066-->
2067<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
2067
2068
2069<script>
2070  
2071  $(document).on('mousedown', 'button[name="yt0"]', function (e) {
2072      e.preventDefault(); // запретить встроенное поведение
2073
2074      // здесь твоя функция
2075      sendMessage();
2076  });
2077
2078
2079// AJAX-функция
2080function sendMessage() {
2081    var name    = document.getElementById('CallbackData_6').value;
2082    var email   = document.getElementById('CallbackData_7').value;
2083    var phone   = document.getElementById('CallbackData_8').value;
2084    var comment = document.getElementById('CallbackData_9').value;
2085
2086    var data = { name, email, phone, comment };
2087
2088    $.ajax({
2089        url: 'https://for-app.ru/konst_/getMessage.php',
2090        type: 'POST',
2091        dataType: 'json',
2092        contentType: 'application/json',
2093        data: JSON.stringify(data),
2094        success: function(response) {
2095            console.log('Ответ сервера:', response);
2096            if(response.status === 'success') {
2097                console.log('Сообщение отправлено!');
2098                // $('#CallbackData_6').val('');
2099                // $('#CallbackData_7').val('');
2100                // $('#CallbackData_8').val('');
2101                // $('#CallbackData_9').val('');
2102            } else {
2103                //alert('Ошибка: ' + response.message);
2104            }
2105        },
2106        error: function(xhr, status, error) {
2107            console.error('Ошибка AJAX:', status, error);
2108        }
2109    });
2110}
2111</script>
2111
2112
2113
2114
2115
2116    
2116<script>
2117
2118    
2119        document.addEventListener('DOMContentLoaded', function() {
2120            const modal = document.getElementById("myModal");
2121            const img = document.getElementById("myMapPreview");
2122            const modalImg = document.getElementById("myModalImg");
2123            const closeBtn = document.getElementsByClassName("my-close")[0];
2124
2125            img.onclick = function() {
2126                modal.style.display = "block";
2127                modalImg.src = this.src;
2128                document.body.style.overflow = "hidden"; // Блокируем скролл страницы
2129            }
2130
2131            closeBtn.onclick = function() {
2132                modal.style.display = "none";
2133                document.body.style.overflow = "auto"; // Восстанавливаем скролл
2134            }
2135
2136            window.onclick = function(e) {
2137                if (e.target === modal) {
2138                    modal.style.display = "none";
2139                    document.body.style.overflow = "auto"; // Восстанавливаем скролл
2140                }
2141            }
2142            
2143            // Закрытие модального окна по нажатию ESC
2144            document.addEventListener('keydown', function(e) {
2145                if (e.key === "Escape" && modal.style.display === "block") {
2146                    modal.style.display = "none";
2147                    document.body.style.overflow = "auto"; // Восстанавливаем скролл
2148                }
2149            });
2150        });
2151
2152
2153
2154    </script>
2154        </div>
2155    </div>
2156</div>
2157<footer class="my-footer">
2158  <!-- ВЕРХ: колонки -->
2159  <div class="my-footer-top">
2160    <div class="my-footer-column">
2161      <h4>Компания</h4>
2162      <ul>
2163        <li><a href="/company">О компании</a></li>
2164        <li><a href="/company/licenses">Награды и достижения</a></li>
2165        <li><a href="/novosti">Новости</a></li>
2166        <li><a href="/video">Наше видео</a></li>
2167        <li><a href="/vacansii">Вакансии</a></li>
2168        <li><a href="/reviews">Отзывы</a></li>
2169      </ul>
2170    </div>
2171
2172    <div class="my-footer-column my-footer-column--wide">
2173      <h4>Каталог</h4>
2174      <ul>
2175        <li><a href="/baza-buklety-listovki-hengery-vizitki">Буклеты, листовки, хенгеры, визитки</a></li>
2176        <li><a href="/otkrytki-pakety-kalendari">Открытки, пакеты, календари</a></li>
2177        <li><a href="/knigi-i-igry">Книги и игры</a></li>
2178        <li><a href="/zhurnaly-i-gazet">Журналы и газеты</a></li>
2179        <li><a href="/udostovereniya-zachetki-ambarnye-zhurnaly">Удостоверения, зачётки, амбарные журналы</a></li>
2180        <li><a href="/etiketki-korobki-instrukcii">Этикетки, коробки, инструкции</a></li>
2181      </ul>
2182    </div>
2183
2184    <div class="my-footer-column">
2185      <h4>Оплата / Реквизиты</h4>
2186      <ul>
2187        <li><a href="/prays-oplata/oplata">Способы оплаты</a></li>
2188        <li><a href="/company/requisites">Реквизиты</a></li>
2189      </ul>
2190    </div>
2191
2192    <div class="my-footer-column">
2193      <h4>Помощь</h4>
2194      <ul>
2195        <li><a href="/kak-vybrat-tipografiyu/faq">Часто задаваемые вопросы</a></li>
2196        <li><a href="/kak-vybrat-tipografiyu">Как выбрать типографию</a></li>
2197        <li><a href="/agreement">Условия обработки персональных данных</a></li>
2198        <li><a href="/cookie">Политика в отношении файлов cookie</a></li>
2199      </ul>
2200    </div>
2201
2202    <div class="my-footer-column my-footer-contacts">
2203      <h4>Наши контакты</h4>
2204
2205      <div class="my-footer-contact-item">
2206        <!-- телефонная трубка (SVG) -->
2207        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" aria-hidden="true">
2208          <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>
2209        </svg>
2210        <span  id="phone-footer">
2211        
2212      </span>
2213      </div>
2214
2215      <div id="grafik-rabot-footer" class="my-footer-contact-sub"></div>
2216
2217      <div class="my-footer-contact-item">
2218        <!-- метка (SVG) -->
2219        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16" aria-hidden="true">
2220          <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>
2221        </svg>
2222        <span id="adress-company-footer"></span>
2223      </div>
2224
2225      <div class="my-footer-contact-item">
2226        <!-- конверт (SVG) -->
2227        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewBox="0 0 16 13" aria-hidden="true">
2228          <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>
2229        </svg>
2230        <a href="mailto:[email protected]" 
2231   style="color: white; text-decoration: none;" 
2232   onmouseover="this.style.textDecoration='none';" 
2233   onmouseout="this.style.textDecoration='none';">
2234   [email protected]
2235</a>
2236      </div>
2237    </div>
2238  </div>
2239
2240  
2240<script>
2241  // Вывести номер телефона 
2242  // console.log(mySity);
2243  if (mySity.includes('Курск'))
2244  {
2245    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>`;
2246    document.getElementById('adress-company-footer').innerHTML = 'Курская область г. Курск, ул. Чистая, 2/21';
2247    document.getElementById('grafik-rabot-footer').innerHTML = '';
2248  }
2249   else if (mySity.includes('Орел') || mySity.includes('Орёл') || mySity.includes('Орловская область'))
2250  {
2251    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>`;
2252    document.getElementById('adress-company-footer').innerHTML = 'Орловская область, г. Орел, ул.Московская, 98 (Ост. Экран)';
2253    document.getElementById('grafik-rabot-footer').innerHTML = '';
2254  }
2255  else
2256  {
2257    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>`;
2258    document.getElementById('adress-company-footer').innerHTML = ' Белгородская область пгт. Северный, ул.Березовая, 1/12';
2259    document.getElementById('grafik-rabot-footer').innerHTML = 'Пн–Пт: 9:00–17:30<br>Склад: Ежедневно 8:00–20:00';
2260  }
2261  
2262window.addEventListener('scroll', () => {
2263  //console.log('Y:', window.scrollY, 'X:', window.scrollX);
2264});
2265</script>
2265
2266
2267
2268  <!-- НИЗ: копирайт и соц. иконки -->
2269  <div class="my-footer-bottom">
2270    <div class="my-footer-copy">© 2025 Константа.</div>
2271
2272    <!-- Добавленный логотип -->
2273    <div class="my-footer-logo" onclick="window.open('https://for-app.ru/', '_blank')">
2274      <svg class="logo-svg" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
2275        <rect x="6" y="6" width="108" height="108" rx="20" fill="#f1ebff">
2276          <animate attributeName="opacity" values="1;0.85;1" dur="3s" repeatCount="indefinite"/>
2277        </rect>
2278
2279        <!-- F — левая палка -->
2280        <rect x="36" y="34" width="12" height="52" rx="3" fill="#6C3BFF">
2281          <animate attributeName="opacity" values="1;0.1;1" dur="1.6s" repeatCount="indefinite"/>
2282          <animateTransform attributeName="transform" type="translate"
2283          values="0 0; 0 -2; 0 0" dur="1.6s" repeatCount="indefinite"/>
2284        </rect>
2285
2286        <!-- Верхняя палка F -->
2287        <rect x="52" y="34" width="36" height="12" rx="3" fill="#6C3BFF">
2288          <animate attributeName="opacity" values="1;0.2;1" dur="1.3s" begin="0.2s" repeatCount="indefinite"/>
2289          <animateTransform attributeName="transform" type="translate"
2290          values="0 0; 2 0; 0 0" dur="1.3s" begin="0.2s" repeatCount="indefinite"/>
2291        </rect>
2292
2293        <!-- Нижняя палка F -->
2294        <rect x="52" y="58" width="28" height="12" rx="3" fill="#6C3BFF">
2295          <animate attributeName="opacity" values="1;0.3;1" dur="1.4s" begin="0.4s" repeatCount="indefinite"/>
2296          <animateTransform attributeName="transform" type="scale"
2297          values="1 1; 1.05 1; 1 1" dur="1.4s" begin="0.4s" repeatCount="indefinite"/>
2298        </rect>
2299
2300        <!-- or-app — увеличенная анимация + чуть вправо -->
2301        <text x="80" y="90" text-anchor="middle" font-size="15" fill="#6C3BFF" font-family="Arial, sans-serif">
2302          or-app
2303          <animate attributeName="opacity"
2304                   values="0;1;0.4;1;0.8;1"
2305                   dur="1.8s"
2306                   repeatCount="indefinite"/>
2307          <animateTransform attributeName="transform"
2308                   type="translate"
2309                   values="0 0; 0 -1; 0 1; 0 0"
2310                   dur="1.8s"
2311                   repeatCount="indefinite"/>
2312        </text>
2313      </svg>
2314    </div>
2315
2316    <div class="my-footer-social">
2317      <!-- VK -->
2318      <a class="my-footer-social-link my-footer-social-vk" href="https://vk.com/konstantaprint" target="_blank" aria-label="VK">
2319        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
2320        <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>
2321      </svg>
2322      </a>
2323
2324      <!-- Telegram -->
2325     <!--  <a class="my-footer-social-link my-footer-social-telegram" href="https://t.me/konstantaprint" target="_blank" aria-label="Telegram">
2326        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true">
2327          <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>
2328        </svg>
2329      </a> -->
2330    </div>
2331  </div>
2332</footer>
2333
2334<style>
2335/* общий футер: уменьшённый шрифт как на скрине */
2336.my-footer {
2337  background: #32373b;         /* темный фон */
2338  color: #c9cdd0;
2339  font-family: Arial, sans-serif;
2340  font-size: 13px;            /* ВОССТАНОВЛЕНО: мелкий текст */
2341  line-height: 1.6;
2342}
2343
2344/* ВЕРХНЯЯ ЧАСТЬ: колонки */
2345.my-footer-top {
2346  max-width: 1200px;
2347  margin: 0 auto;
2348  padding: 36px 20px 20px;
2349  display: flex;
2350  justify-content: space-between;
2351  gap: 40px;
2352  align-items: flex-start;
2353  box-sizing: border-box;
2354}
2355
2356.my-footer-column {
2357  flex: 1 1 160px;
2358  min-width: 150px;
2359}
2360
2361.my-footer-column--wide { flex: 1.6 1 320px; } /* каталог шире */
2362
2363.my-footer-column h4 {
2364  color: #fff;
2365  font-size: 15px;            /* заголовки чуть крупнее */
2366  margin: 0 0 12px 0;
2367  font-weight: 700;
2368}
2369
2370/* список ссылок */
2371.my-footer-column ul {
2372  list-style: none;
2373  padding: 0;
2374  margin: 0;
2375}
2376
2377.my-footer-column ul li {
2378  margin-bottom: 8px;
2379}
2380
2381.my-footer-column ul li a {
2382  color: #c0c4c6;
2383  text-decoration: none;
2384  font-size: 13px;
2385}
2386
2387.my-footer-column ul li a:hover {
2388  color: #fff;
2389  text-decoration: underline;
2390}
2391
2392/* Контакты */
2393.my-footer-contacts .my-footer-contact-item {
2394  width: 250px;
2395  display: flex;
2396  align-items: center;
2397  gap: 10px;
2398  margin-top: 8px;
2399  color: #fff;
2400}
2401
2402.my-footer-contacts svg {
2403  width: 16px;
2404  height: 16px;
2405  flex-shrink: 0;
2406  display: block;
2407}
2408
2409/* подписи времени и склада */
2410.my-footer-contact-sub {
2411  color: #b9bdbf;
2412  font-size: 12.5px;
2413  margin: 8px 0 0 26px; /* выровнять под текстом с иконкой */
2414}
2415
2416/* НИЖНЯЯ ПАНЕЛЬ: копирайт и соцсети */
2417.my-footer-bottom {
2418  border-top: 1px solid rgba(255,255,255,0.04);
2419  max-width: 1200px;
2420  margin: 0 auto;
2421  padding: 18px 20px;
2422  display: flex;
2423  align-items: center;
2424  justify-content: space-between;
2425  box-sizing: border-box;
2426}
2427
2428/* копирайт слева */
2429.my-footer-copy {
2430  color: #9da2a5;
2431  font-size: 13px;
2432}
2433
2434/* контейнер для логотипа (по центру) */
2435.my-footer-logo {
2436  display: flex;
2437  align-items: center;
2438  justify-content: center;
2439  flex: 0 0 auto;
2440  margin: 0 20px;
2441}
2442
2443.my-footer-logo .logo-svg {
2444  width: 50px; /* Размер логотипа */
2445  height: 50px;
2446  display: block;
2447  cursor: pointer;
2448}
2449
2450/* соцсети справа */
2451.my-footer-social {
2452  display: flex;
2453  gap: 12px;
2454  align-items: center;
2455}
2456
2457/* кружки для иконок */
2458.my-footer-social-link {
2459  display: inline-flex;
2460  align-items: center;
2461  justify-content: center;
2462  width: 38px;
2463  height: 38px;
2464  border-radius: 50%;
2465  transition: transform .12s ease, box-shadow .12s;
2466  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
2467}
2468
2469.my-footer-social-link:hover { transform: translateY(-3px); }
2470
2471.my-footer-social-vk { background: #4a76a8; }
2472.my-footer-social-telegram { background: #2aabee; }
2473.my-footer-social-youtube { background: #e33; }
2474
2475/* svg внутри — белые */
2476.my-footer-social-link svg { width: 18px; height: 18px; display:block; fill: #fff; }
2477
2478/* пробросить белую заливку на пути (если в SVG используется класс) */
2479.my-footer .scls,
2480.my-footer .pcls-1,
2481.my-footer .cls-1,
2482.my-footer .ecls-1 {
2483  fill: #fff;
2484  fill-rule: evenodd;
2485}
2486
2487/* Адаптив — колонки в 2 ряда на узких экранах, затем в 1 */
2488@media (max-width: 1000px) {
2489  .my-footer-top {
2490    flex-wrap: wrap;
2491    gap: 24px;
2492  }
2493  .my-footer-column { flex: 1 1 45%; }
2494  .my-footer-column--wide { flex: 1 1 100%; }
2495}
2496
2497@media (max-width: 768px) {
2498  .my-footer-bottom {
2499    flex-wrap: wrap;
2500    justify-content: center;
2501    gap: 15px;
2502  }
2503  .my-footer-copy,
2504  .my-footer-logo,
2505  .my-footer-social {
2506    flex: 0 0 auto;
2507  }
2508  .my-footer-logo {
2509    order: 2;
2510    margin: 10px 0;
2511    cursor: pointer;
2512  }
2513  .my-footer-copy {
2514    order: 1;
2515    width: 100%;
2516    text-align: center;
2517  }
2518  .my-footer-social {
2519    order: 3;
2520    width: 100%;
2521    justify-content: center;
2522  }
2523}
2524
2525@media (max-width: 620px) {
2526  .my-footer-top { padding: 24px 15px; }
2527  .my-footer-column { flex: 1 1 100%; min-width: 0; }
2528  .my-footer-contact-sub { margin-left: 0; }
2529  .my-footer-bottom { padding: 14px 15px; flex-direction: column; gap: 10px; align-items: center; }
2530  .my-footer-logo { order: 2; margin: 10px 0; cursor: pointer;}
2531  .my-footer-copy { order: 1; }
2532  .my-footer-social { order: 3; }
2533}
2534
2535/* КАСТОМНЫЙ ФУТЕР РАЗРАБОТЧИКА */
2536.footer-developed-by-link {
2537  display: none;
2538}
2539
2540.footer-developed-by {
2541  overflow: hidden;
2542}
2543
2544.kast-developed-by {
2545  width: 100%;
2546  /*height: 200px;*/
2547 font-size: 12px;
2548  background-color: black;
2549  display: flex;
2550  align-items: center;
2551  justify-content: flex-end; /* выравниваем всё вправо */
2552  padding-right: 5%; /* отступ от правого края */
2553}
2554
2555.kast-tcs {
2556  font-size: 17px;
2557  color: white;
2558  display: flex;
2559  align-items: center;
2560  gap: 10px; /* расстояние между текстом и логотипом */
2561}
2562
2563.kast-tcs img {
2564  width: 50px;
2565  height: auto;
2566  display: block;
2567   cursor:pointer;
2568}
2569</style>
2570
2571<script>
2572        (function(w,d,u){
2573                var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0);
2574                var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
2575        })(window,document,'https://cdn-ru.bitrix24.ru/b13503172/crm/site_button/loader_7_p33iuk.js');
2576</script>
2576
2577
2578<!-- <div class="kast-developed-by">
2579
2580  <div class="kast-tcs" onclick="window.open('https://wow2print.com/', '_blank')">
2581    работает на CMS
2582    <img src="/assets/3e3660af/images/svg/tippo-logo.svg" alt="TCS">
2583  </div>
2584</div> -->
2585
2586<style type="text/css">
2587
2588
2589    .footer .social-image i {
2590        font-size: 48px;
2591        margin-right: 12px;
2592    }
2593
2594</style>
2595<div class="footer-developed-by-link">
2596    <div class="container">
2597        <div class="footer-developed-by">
2598                            <a style="float: right" href="https://wow2print.com" target="_blank">
2599                    <img src="/assets/3e3660af/images/svg/tcs_rus_logo_2026.svg" alt="TCS"/>
2600                </a>
2601                        <div style="padding-top: 1px">
2602                Разработано            </div>
2603            <div class="clearfix"></div>
2604        </div>
2605    </div>
2606</div>
2607
2608
2609
2610<script>
2611    $(document).ready(function () {
2612        $('.footer-developed-by-link').remove();
2613        let html = `<div class="footer-developed-by-link">
2614    <div class="container">
2615        <div class="footer-developed-by">
2616                            <a style="float: right" href="https://wow2print.com" target="_blank">
2617                    <img src="/assets/3e3660af/images/svg/tcs_rus_logo_2026.svg" alt="TCS"/>
2618                </a>
2619                        <div style="padding-top: 1px">
2620                Разработано            </div>
2621            <div class="clearfix"></div>
2622        </div>
2623    </div>
2624</div>
2625
2626`;
2627        setTimeout(function () {
2628            if (!$('.footer-developed-by-link').length) {
2629                $('body').append(html);
2630            }
2631        }, 1);
2632    });
2633</script>
2633<div class="cookie-container px-5">
2634    <div class="container px-5 py-4 rounded shadow">
2635        <div class="row">
2636            <div class="col-12 col-sm-12 col-md-10 text-1">
2637                Мы используем файлы cookies для улучшений и корректной работы сайта, анализа трафика и персонализации. Используя сайт или кликая на "Я&nbsp;согласен", вы соглашаетесь с нашей политикой использования cookies.                <a class="link text-2" target="_blank" href="/cookie">Подробнее</a>            </div>
2638            <div class="col-12 col-sm-12 col-md-2 mt-3 mt-md-0">
2639                <button class="agree-button bg-company-color rounded w-100 p-3 text-3 border-0" name="yt0" type="button">Я согласен</button>            </div>
2640        </div>
2641    </div>
2642</div>
2643
2644
2645<script type="text/javascript">
2646    $(function () {
2647        var cookieName = 'agreeCookie';
2648        if (getCookie(cookieName) != 1) {
2649            $('.cookie-container').animate({bottom: 20}, 1000);
2650        } else {
2651            $('.cookie-container').remove();
2652        }
2653        $('.cookie-container .agree-button').click(function () {
2654            setCookie(cookieName, 1, {expires: 3600 * 24 * 15});
2655            $('.cookie-container').animate({bottom: -300}, 1000, function () {
2656                $(this).remove();
2657            });
2658        });
2659    });
2660</script>
2660<script>
2661    window.useOrientation = false;
2662    $(function () {
2663                window.layoutSizeLimit = 200;
2664            });
2665</script>
2665
2666<div class="modal fade modal-change-city-location" style="z-index: 9999">
2667    <div class="modal-dialog modal-dialog-centered">
2668        <div class="modal-content">
2669            <div class="modal-body">
2670                <div class="modal-title h3">Выберите город</div>
2671
2672                <div class="country-select-container d-none">
2673                    <label class="country-select-label">Выберите страну</label>
2674                    <select class="form-control selectpicker country-select" name="country_id" id="country_id">
2675<option value="1">Россия</option>
2676</select>                </div>
2677
2678                <div class="city-search-container">
2679                    <input type="text" class="form-control city-search-field" placeholder="Поиск">
2680                    <small class="form-text text-muted">
2681                        <span style="font-size:1.2em;font-weight:600;">Можно искать по региону: Город, регион</span>
2682                    </small>
2683                    <div class="city-search-result" style="display: none"></div>
2684                </div>
2685
2686                <div class="city-container-wrapper">
2687                    <div class="city-container"></div>
2688                </div>
2689            </div>
2690        </div>
2691    </div>
2692</div>
2693
2694<script>
2695    $(function () {
2696        $('.modal-change-city-location .city-container, .modal-change-city-location .city-search-result').on('click', '.select-city', function () {
2697            let countryLocation = $('.modal-change-city-location select.country-select').val();
2698            let index = $(this).attr('data-city');
2699
2700            // Удалить в начала 2024 года.
2701                setCookie('cityLocationId', index, {expires: 1});
2702                setCookie('countryLocationId', countryLocation, {expires: 1});
2703            //
2704
2705            setCookie('cityLocationId', index, {expires: 3600 * 24 * 30, domain: true});
2706            setCookie('countryLocationId', countryLocation, {expires: 3600 * 24 * 30, domain: true});
2707
2708            let modal = $('.modal-change-city-location');
2709            if (!modal.attr('data-not-reload')) {
2710                location.reload();
2711            }
2712            modal.modal('hide');
2713            let city = $(this).html();
2714            $('.city-location-name').html(city);
2715            $('.address-country').val(countryLocation);
2716            $('.address-city').val(city);
2717            $('.address-label').html(city);
2718        });
2719    })
2720</script>
2720
2721<div class="mark-element"></div>
2722<script type="text/javascript" src="/js/5.1.5.79/61c253c0e53a6d58e8be4aa028e173ad.js"></script>
vendor: 1 bytes, line 2722
2722
2723<script type="text/javascript" src="/js/5.1.5.79/0b208418152dd55371fb6e0337dabd87.js"></script>
2723
2724</body>
2725</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.