PageSourceSearch

https://lenplit.ru/%D0%BA%D1%83%D0%BF%D0%B8%D1%82%D1%8C-%D1%82%D1%…A%D0%B8%D1%80%D0%BE%D0%B2%D1%81%D0%BA%D0%B5

html lenplit.ru collected 2026-10-05 00:13:05 UTC 69,256 bytes, 1,530 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ru">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
6    <title>Купить тротуарную плитку в Кировске | Каталог и цены производителя | Атлантика</title>
7    <meta name="description" content="Качественная тротуарная плитка в Кировске по цене производителя. Купить с доставкой по Ленинградской области. Укладка под ключ. Более 50 видов плитки в наличии.">
8    <meta name="keywords" content="тротуарная плитка, каталог, цены, купить, Кировск, брусчатка, бордюры">
9    <meta name="robots" content="index,follow">
10    <meta name="yandex-verification" content="3c1a7b3aad4a3e53" />
11    <meta name="csrf-token" content="gUgY6JVSfPUTKhIVIBl8S6QbiL0UIdrOgNjZtlcM">
12
13    <link rel="icon" type="image/svg+xml" href="https://lenplit.ru/favicon.svg">
14
15    <!-- Bootstrap 5 + Icons + Google Fonts -->
16    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
17    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
18    <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,[email protected],300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap" rel="stylesheet">
19
20    <!-- AOS анимации -->
21    <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
22
23    <style>
24        * {
25            margin: 0;
26            padding: 0;
27            box-sizing: border-box;
28        }
29        
30        body {
31            font-family: 'Inter', sans-serif;
32            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
33            color: #1e293b;
34            line-height: 1.5;
35            overflow-x: hidden;
36            width: 100%;
37            max-width: 100%;
38        }
39        
40        html {
41            overflow-x: hidden;
42            width: 100%;
43        }
44
45        ::-webkit-scrollbar {
46            width: 8px;
47        }
48        ::-webkit-scrollbar-track {
49            background: #e2e8f0;
50        }
51        ::-webkit-scrollbar-thumb {
52            background: #3b82f6;
53            border-radius: 4px;
54        }
55
56        /* Навбар */
57        .navbar-glass {
58            background: rgba(255, 255, 255, 0.95);
59            backdrop-filter: blur(10px);
60            border-bottom: 1px solid rgba(59, 130, 246, 0.1);
61            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
62        }
63        
64        .nav-link {
65            font-weight: 500;
66            color: #334155;
67            transition: all 0.3s ease;
68            position: relative;
69        }
70        
71        .nav-link:hover {
72            color: #3b82f6;
73            transform: translateY(-1px);
74        }
75        
76        .nav-link::after {
77            content: '';
78            position: absolute;
79            bottom: -2px;
80            left: 50%;
81            width: 0;
82            height: 2px;
83            background: linear-gradient(90deg, #3b82f6, #8b5cf6);
84            transition: all 0.3s ease;
85            transform: translateX(-50%);
86        }
87        
88        .nav-link:hover::after {
89            width: 80%;
90        }
91
92        /* Кнопки */
93        .btn-gradient {
94            background: linear-gradient(135deg, #3b82f6, #8b5cf6);
95            border: none;
96            color: white;
97            padding: 12px 28px;
98            border-radius: 12px;
99            font-weight: 600;
100            transition: all 0.3s ease;
101            box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
102        }
103        
104        .btn-gradient:hover {
105            transform: translateY(-2px);
106            box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4);
107            color: white;
108        }
109        
110        .btn-outline-gradient {
111            background: transparent;
112            border: 2px solid #3b82f6;
113            color: #3b82f6;
114            padding: 10px 24px;
115            border-radius: 12px;
116            font-weight: 600;
117            transition: all 0.3s ease;
118        }
119        
120        .btn-outline-gradient:hover {
121            background: linear-gradient(135deg, #3b82f6, #8b5cf6);
122            color: white;
123            border-color: transparent;
124            transform: translateY(-2px);
125        }
126
127        /* Карточки */
128        .card-modern {
129            background: white;
130            border-radius: 20px;
131            border: 1px solid rgba(59, 130, 246, 0.1);
132            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
133            overflow: hidden;
134            height: 100%;
135        }
136        
137        .card-modern:hover {
138            transform: translateY(-8px);
139            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
140            border-color: rgba(59, 130, 246, 0.2);
141        }
142
143        /* Hero секция */
144        .hero-gradient {
145            background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
146            position: relative;
147            overflow: hidden;
148        }
149        
150        .hero-gradient::before {
151            content: '';
152            position: absolute;
153            top: 0;
154            left: 0;
155            right: 0;
156            bottom: 0;
157            background: radial-gradient(circle at 20% 50%, rgba(59, 130, 246, 0.15), transparent 50%);
158            pointer-events: none;
159        }
160
161        /* Input focus */
162        .input-modern {
163            border: 2px solid #e2e8f0;
164            border-radius: 12px;
165            padding: 12px 16px;
166            transition: all 0.3s ease;
167        }
168        
169        .input-modern:focus {
170            border-color: #3b82f6;
171            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
172            outline: none;
173        }
174        
175        /* Десктоп контакты */
176        .top-contacts {
177            background: #f8fafc;
178            padding: 8px 0;
179            font-size: 13px;
180            border-bottom: 1px solid #e2e8f0;
181        }
182        
183        .top-contacts a {
184            color: #475569;
185            text-decoration: none;
186        }
187        
188        .top-contacts a:hover {
189            color: #3b82f6;
190        }
191        
192        /* ========== МОБИЛЬНАЯ ВЕРСИЯ ========== */
193        @media (max-width: 768px) {
194            .top-contacts {
195                display: none;
196            }
197            
198            /* Синяя полоса с телефонами */
199            .mobile-phones {
200                background: linear-gradient(135deg, #3b82f6, #2563eb);
201                padding: 8px 16px;
202                display: flex;
203                justify-content: space-between;
204                gap: 12px;
205                width: 100%;
206                position: relative;
207            }
208            
209            .mobile-phones a {
210                flex: 1;
211                background: rgba(255,255,255,0.15);
212                color: white;
213                text-decoration: none;
214                font-size: 12px;
215                font-weight: 600;
216                padding: 8px 8px;
217                border-radius: 30px;
218                text-align: center;
219                display: flex;
220                align-items: center;
221                justify-content: center;
222                gap: 6px;
223                white-space: nowrap;
224            }
225            
226            .mobile-phones i {
227                font-size: 12px;
228            }
229            
230            /* Основной навбар */
231            .navbar-glass {
232                position: relative;
233                width: 100%;
234            }
235            
236            .container {
237                width: 100%;
238                max-width: 100%;
239                padding-left: 16px;
240                padding-right: 16px;
241                margin: 0;
242            }
243            
244            .navbar {
245                width: 100%;
246                padding: 8px 0;
247            }
248            
249            .navbar-brand {
250                flex-shrink: 0;
251            }
252            
253            .navbar-brand img {
254                height: 36px;
255                width: auto;
256            }
257            
258            .navbar-toggler {
259                flex-shrink: 0;
260                margin-left: auto;
261                padding: 6px 10px;
262            }
263            
264            .navbar-collapse {
265                background: white;
266                padding: 15px;
267                border-radius: 12px;
268                margin-top: 10px;
269                max-height: 70vh;
270                overflow-y: auto;
271                width: 100%;
272            }
273            
274            .navbar-nav {
275                width: 100%;
276            }
277            
278            .d-flex.gap-3 {
279                margin-top: 10px;
280                justify-content: center;
281            }
282        }
283        
284        @media (min-width: 769px) {
285            .mobile-phones {
286                display: none;
287            }
288        }
289    </style>
290
291    
291<script src="https://lenplit.ru/js/jquery.js"></script>
291
292    
293    <meta property="og:type" content="website">
294    <meta property="og:title" content="Тротуарная плитка в Кировске купить, цена за м2.">
295    <meta property="og:description" content="Купить тротуарную плитку в Кировском районе от производителя">
296    <meta property="og:url" content="https://lenplit.ru/">
297    <meta property="og:image" content="https://lenplit.ru/images/work-group.png">
298    
299    <!-- Cleversite chat button -->
300    
300<script src="//widget.cleversite.ru/widget/117474/158679/"></script>
300
301    
302    
302<script>
303        $(document).ready(() => {
304            $('#open_call').click(() => cleversiteEvent.trigger('openWidgetCall'));
305            $('#open_chat').click(() => cleversiteEvent.trigger('openWidgetChat'));
306            $('#open_call_mobile').click(() => cleversiteEvent.trigger('openWidgetCall'));
307            $('#open_chat_mobile').click(() => cleversiteEvent.trigger('openWidgetChat'));
308        });
309    </script>
309
310</head>
311<body>
312
313<!-- Десктоп: верхняя строка с контактами -->
314<div class="top-contacts d-none d-md-block">
315    <div class="container">
316        <div class="row align-items-center">
317            <div class="col-md-5">
318                <i class="fas fa-phone-alt me-1" style="color: #3b82f6;"></i>
319                <a href="tel:+7 931 321 57 74">+7 931 321 57 74</a>
320                <span class="mx-2 text-muted">|</span>
321                <a href="tel:+7 911 251 11 06">+7 911 251 11 06</a>
322            </div>
323            <div class="col-md-4 text-center">
324                <i class="fas fa-map-marker-alt me-1" style="color: #3b82f6;"></i>
325                <a href="https://lenplit.ru/%D0%B3%D0%B4%D0%B5-%D0%BA%D1%83%D0%BF%D0%B8%D1%82%D1%8C-%D1%82%D1%80%D0%BE%D1%82%D1%83%D0%B0%D1%80%D0%BD%D1%83%D1%8E-%D0%BF%D0%BB%D0%B8%D1%82%D0%BA%D1%83-%D0%B2-%D0%BA%D0%B8%D1%80%D0%BE%D0%B2%D1%81%D0%BA%D0%BE%D0%BC-%D1%80%D0%B0%D0%B9%D0%BE%D0%BD%D0%B5">Кировский район, г.Кировск, ул. Набережная 1/20А</a>
326            </div>
327            <div class="col-md-3 text-end">
328                <i class="far fa-clock me-1" style="color: #3b82f6;"></i>
329                <span>09:00 — 19:00 (без выходных)</span>
330            </div>
331        </div>
332    </div>
333</div>
334
335<!-- Мобильные телефоны -->
336<div class="mobile-phones d-md-none">
337    <a href="tel:+7 931 321 57 74">
338        <i class="fas fa-phone-alt"></i> +7 931 321 57 74
339    </a>
340    <a href="tel:+7 911 251 11 06">
341        <i class="fas fa-phone-alt"></i> +7 911 251 11 06
342    </a>
343</div>
344
345<!-- Header -->
346<header class="navbar-glass">
347    <div class="container-fluid px-3 px-md-4">
348        <nav class="navbar navbar-expand-lg">
349            <a class="navbar-brand p-0 m-0" href="/">
350                <img src="https://lenplit.ru/images/alt-logo.png" alt="Атлантика" style="height: 42px; width: auto;">
351            </a>
352            
353            <button class="navbar-toggler border-0 ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-label="Меню">
354                <span class="navbar-toggler-icon"></span>
355            </button>
356            
357            <div class="collapse navbar-collapse" id="navbarNav">
358                <ul class="navbar-nav mx-auto gap-1 gap-lg-3">
359                    <li class="nav-item"><a class="nav-link" href="/">Главная</a></li>
360                    <li class="nav-item"><a class="nav-link" href="https://lenplit.ru/%D0%BF%D1%80%D0%BE%D0%B8%D0%B7%D0%B2%D0%BE%D0%B4%D1%81%D1%82%D0%B2%D0%BE-%D1%82%D1%80%D0%BE%D1%82%D1%83%D0%B0%D1%80%D0%BD%D0%BE%D0%B9-%D0%BF%D0%BB%D0%B8%D1%82%D0%BA%D0%B8-%D0%B2-%D0%BA%D0%B8%D1%80%D0%BE%D0%B2%D1%81%D0%BA%D0%BE%D0%BC-%D1%80%D0%B0%D0%B9%D0%BE%D0%BD%D0%B5">О нас</a></li>
361                    <li class="nav-item"><a class="nav-link" href="https://lenplit.ru/%D0%BA%D1%83%D0%BF%D0%B8%D1%82%D1%8C-%D1%82%D1%80%D0%BE%D1%82%D1%83%D0%B0%D1%80%D0%BD%D1%83%D1%8E-%D0%BF%D0%BB%D0%B8%D1%82%D0%BA%D1%83-%D0%B2-%D0%9A%D0%B8%D1%80%D0%BE%D0%B2%D1%81%D0%BA%D0%B5">Каталог</a></li>
362                    <li class="nav-item"><a class="nav-link" href="https://lenplit.ru/fasad">Фасады</a></li>
363                    <li class="nav-item"><a class="nav-link" href="https://lenplit.ru/products-all">Цены</a></li>
364                    <li class="nav-item"><a class="nav-link" href="https://lenplit.ru/%D1%83%D0%BA%D0%BB%D0%B0%D0%B4%D0%BA%D0%B0-%D1%82%D1%80%D0%BE%D1%82%D1%83%D0%B0%D1%80%D0%BD%D0%BE%D0%B9-%D0%BF%D0%BB%D0%B8%D1%82%D0%BA%D0%B8-%D0%B2-%D0%BA%D0%B8%D1%80%D0%BE%D0%B2%D1%81%D0%BA%D0%BE%D0%BC-%D1%80%D0%B0%D0%B9%D0%BE%D0%BD%D0%B5">Укладка</a></li>
365                    <li class="nav-item"><a class="nav-link" href="https://lenplit.ru/%D1%84%D0%BE%D1%82%D0%BE-%D1%83%D0%BA%D0%BB%D0%B0%D0%B4%D0%BE%D0%BA-%D1%82%D1%80%D0%BE%D1%82%D1%83%D0%B0%D1%80%D0%BD%D0%BE%D0%B9-%D0%BF%D0%BB%D0%B8%D1%82%D0%BA%D0%B8">Фото</a></li>
366                    <li class="nav-item"><a class="nav-link" href="https://lenplit.ru/%D0%B3%D0%B4%D0%B5-%D0%BA%D1%83%D0%BF%D0%B8%D1%82%D1%8C-%D1%82%D1%80%D0%BE%D1%82%D1%83%D0%B0%D1%80%D0%BD%D1%83%D1%8E-%D0%BF%D0%BB%D0%B8%D1%82%D0%BA%D1%83-%D0%B2-%D0%BA%D0%B8%D1%80%D0%BE%D0%B2%D1%81%D0%BA%D0%BE%D0%BC-%D1%80%D0%B0%D0%B9%D0%BE%D0%BD%D0%B5">Контакты</a></li>
367                    <li class="nav-item"><a class="nav-link" href="https://lenplit.ru/faq">Помощь</a></li>
368                    <li class="nav-item"><a class="nav-link" href="https://lenplit.ru/page">Блог</a></li>
369                    <li class="nav-item"><a class="nav-link" href="https://lenplit.ru/pdf/preview">Прайс</a></li>
370                                    </ul>
371                
372                <div class="d-flex gap-3 align-items-center justify-content-center mt-3 mt-lg-0">
373                    <a href="#" id="open_call" class="text-dark d-none d-lg-inline-block"><i class="fas fa-phone-alt fs-5"></i></a>
374                    <a href="#" id="open_chat" class="text-dark d-none d-lg-inline-block"><i class="far fa-comment-dots fs-5"></i></a>
375                    <a href="#" id="open_chat_mobile" class="text-dark d-lg-none"><i class="far fa-comment-dots fs-5"></i></a>
376                    <a href="#" id="openSearchBtn" class="text-dark"><i class="fas fa-search fs-5"></i></a>
377                </div>
378            </div>
379        </nav>
380    </div>
381</header>
382
383<!-- Search Bar -->
384<div id="searchOverlay" class="position-fixed w-100 bg-white shadow-lg" style="top: 0; left: 0; right: 0; z-index: 9999; display: none;">
385    <div class="container py-4">
386        <form action="https://lenplit.ru/search" method="get" class="d-flex gap-3 flex-wrap">
387            <input type="hidden" name="_token" value="gUgY6JVSfPUTKhIVIBl8S6QbiL0UIdrOgNjZtlcM" autocomplete="off">            <input type="text" name="keyword" class="form-control form-control-lg input-modern flex-grow-1" placeholder="Поиск товаров...">
388            <button class="btn-gradient px-5" type="submit">Найти</button>
389            <button type="button" id="closeSearchBtn" class="btn btn-outline-secondary rounded-circle" style="width: 52px;">✕</button>
390        </form>
391    </div>
392</div>
393
394<script>
395    // Поиск
396    document.getElementById('openSearchBtn')?.addEventListener('click', () => {
397        document.getElementById('searchOverlay').style.display = 'flex';
398    });
399    document.getElementById('closeSearchBtn')?.addEventListener('click', () => {
400        document.getElementById('searchOverlay').style.display = 'none';
401    });
402    
403    document.addEventListener('keydown', (e) => {
404        if (e.key === 'Escape') {
405            document.getElementById('searchOverlay').style.display = 'none';
406        }
407    });
408</script>
408
409
410<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 410
410
411<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
vendor: 1 bytes, line 411
411
412<script>AOS.init({ duration: 800, once: true });</script>
412<main class="flex-grow-1">
413    
414<style>
415    .catalog-hero {
416        background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
417        padding: 80px 0 60px;
418        position: relative;
419        overflow: hidden;
420    }
421    
422    .catalog-hero::before {
423        content: '';
424        position: absolute;
425        top: 0;
426        left: 0;
427        right: 0;
428        bottom: 0;
429        background: radial-gradient(circle at 30% 50%, rgba(59, 130, 246, 0.12), transparent 60%);
430        pointer-events: none;
431    }
432    
433    .catalog-hero h1 {
434        font-size: 42px;
435        font-weight: 700;
436        color: white;
437        text-align: center;
438        margin-bottom: 16px;
439    }
440    
441    .catalog-hero .breadcrumb {
442        background: transparent;
443        padding: 0;
444        justify-content: center;
445    }
446    
447    .catalog-hero .breadcrumb-item a {
448        color: #94a3b8;
449        text-decoration: none;
450    }
451    
452    .catalog-hero .breadcrumb-item a:hover {
453        color: #3b82f6;
454    }
455    
456    .catalog-hero .breadcrumb-item.active {
457        color: #3b82f6;
458    }
459    
460    .catalog-section {
461        padding: 60px 0;
462        background: #f8fafc;
463    }
464    
465    .info-text {
466        background: white;
467        border-radius: 24px;
468        padding: 32px;
469        margin-bottom: 40px;
470        box-shadow: 0 5px 20px rgba(0,0,0,0.05);
471        border: 1px solid #e2e8f0;
472    }
473    
474    .info-text h2 {
475        font-size: 28px;
476        font-weight: 700;
477        color: #1e293b;
478        margin-bottom: 16px;
479    }
480    
481    .info-text p {
482        font-size: 16px;
483        color: #475569;
484        line-height: 1.7;
485        margin-bottom: 16px;
486    }
487    
488    .categories-section {
489        margin-bottom: 60px;
490    }
491    
492    .section-title {
493        font-size: 28px;
494        font-weight: 700;
495        color: #1e293b;
496        margin-bottom: 30px;
497        text-align: center;
498    }
499    
500    .categories-grid {
501        display: grid;
502        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
503        gap: 30px;
504    }
505    
506    .category-card {
507        background: white;
508        border-radius: 24px;
509        overflow: hidden;
510        transition: all 0.3s ease;
511        box-shadow: 0 5px 20px rgba(0,0,0,0.05);
512        border: 1px solid #e2e8f0;
513        text-align: center;
514    }
515    
516    .category-card:hover {
517        transform: translateY(-5px);
518        box-shadow: 0 20px 30px -15px rgba(0, 0, 0, 0.15);
519        border-color: #3b82f6;
520    }
521    
522    .category-image {
523        height: 220px;
524        overflow: hidden;
525    }
526    
527    .category-image img {
528        width: 100%;
529        height: 100%;
530        object-fit: cover;
531        transition: transform 0.3s;
532    }
533    
534    .category-card:hover .category-image img {
535        transform: scale(1.05);
536    }
537    
538    .category-info {
539        padding: 20px;
540    }
541    
542    .category-info h3 {
543        font-size: 18px;
544        font-weight: 700;
545        margin-bottom: 10px;
546    }
547    
548    .category-info h3 a {
549        color: #1e293b;
550        text-decoration: none;
551    }
552    
553    .category-info h3 a:hover {
554        color: #3b82f6;
555    }
556    
557    .category-info p {
558        font-size: 13px;
559        color: #64748b;
560        margin-bottom: 16px;
561        line-height: 1.5;
562    }
563    
564    .category-link {
565        display: inline-block;
566        background: transparent;
567        border: 2px solid #3b82f6;
568        color: #3b82f6;
569        padding: 8px 24px;
570        border-radius: 40px;
571        font-size: 13px;
572        font-weight: 600;
573        text-decoration: none;
574        transition: all 0.3s;
575    }
576    
577    .category-link:hover {
578        background: #3b82f6;
579        color: white;
580    }
581    
582    .daily-offer {
583        background: linear-gradient(135deg, #fef3c7, #fde68a);
584        border-radius: 24px;
585        overflow: hidden;
586        display: flex;
587        flex-wrap: wrap;
588        align-items: center;
589        justify-content: space-between;
590        padding: 30px;
591        margin-bottom: 60px;
592    }
593    
594    .daily-offer-content {
595        flex: 1;
596        min-width: 200px;
597    }
598    
599    .daily-offer-content .badge {
600        background: #ef4444;
601        color: white;
602        padding: 5px 15px;
603        border-radius: 30px;
604        font-size: 12px;
605        font-weight: 700;
606        display: inline-block;
607        margin-bottom: 15px;
608    }
609    
610    .daily-offer-content h3 {
611        font-size: 28px;
612        font-weight: 800;
613        color: #1e293b;
614        margin-bottom: 10px;
615    }
616    
617    .daily-offer-content p {
618        color: #475569;
619        margin-bottom: 15px;
620        font-size: 14px;
621    }
622    
623    .daily-price {
624        margin-bottom: 20px;
625    }
626    
627    .daily-old-price {
628        font-size: 16px;
629        color: #64748b;
630        text-decoration: line-through;
631        margin-right: 12px;
632    }
633    
634    .daily-new-price {
635        font-size: 28px;
636        font-weight: 800;
637        color: #ef4444;
638    }
639    
640    .daily-offer-image {
641        flex-shrink: 0;
642        width: 180px;
643        height: 180px;
644        border-radius: 20px;
645        overflow: hidden;
646        background: white;
647        padding: 10px;
648    }
649    
650    .daily-offer-image img {
651        width: 100%;
652        height: 100%;
653        object-fit: contain;
654    }
655    
656    .btn-daily {
657        background: #ef4444;
658        color: white;
659        border: none;
660        padding: 12px 28px;
661        border-radius: 40px;
662        font-weight: 600;
663        text-decoration: none;
664        display: inline-block;
665        transition: all 0.3s;
666    }
667    
668    .btn-daily:hover {
669        background: #dc2626;
670        transform: translateY(-2px);
671        color: white;
672    }
673    
674    .popular-products {
675        margin-bottom: 40px;
676    }
677    
678    .products-grid {
679        display: grid;
680        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
681        gap: 30px;
682    }
683    
684    .product-card {
685        background: white;
686        border-radius: 20px;
687        overflow: hidden;
688        transition: all 0.3s ease;
689        border: 1px solid #e2e8f0;
690        position: relative;
691    }
692    
693    .product-card:hover {
694        transform: translateY(-5px);
695        box-shadow: 0 20px 30px -15px rgba(0, 0, 0, 0.15);
696        border-color: #3b82f6;
697    }
698    
699    .product-image {
700        position: relative;
701        height: 220px;
702        overflow: hidden;
703        background: #f1f5f9;
704    }
705    
706    .product-image img {
707        width: 100%;
708        height: 100%;
709        object-fit: cover;
710        transition: transform 0.3s;
711    }
712    
713    .product-card:hover .product-image img {
714        transform: scale(1.05);
715    }
716    
717    .product-badge {
718        position: absolute;
719        top: 12px;
720        left: 12px;
721        background: linear-gradient(135deg, #f59e0b, #ef4444);
722        color: white;
723        font-size: 12px;
724        font-weight: 700;
725        padding: 4px 10px;
726        border-radius: 20px;
727        z-index: 1;
728    }
729    
730    .product-info {
731        padding: 20px;
732    }
733    
734    .product-name {
735        font-size: 16px;
736        font-weight: 700;
737        margin-bottom: 10px;
738        line-height: 1.4;
739        height: 44px;
740        overflow: hidden;
741    }
742    
743    .product-name a {
744        color: #1e293b;
745        text-decoration: none;
746    }
747    
748    .product-name a:hover {
749        color: #3b82f6;
750    }
751    
752    .product-description {
753        font-size: 13px;
754        color: #64748b;
755        margin-bottom: 16px;
756        line-height: 1.5;
757        height: 60px;
758        overflow: hidden;
759    }
760    
761    .product-price {
762        margin-bottom: 16px;
763    }
764    
765    .current-price {
766        font-size: 20px;
767        font-weight: 800;
768        color: #3b82f6;
769    }
770    
771    .old-price {
772        font-size: 13px;
773        color: #94a3b8;
774        text-decoration: line-through;
775        margin-left: 8px;
776    }
777    
778    .price-unit {
779        font-size: 12px;
780        font-weight: 400;
781        color: #64748b;
782    }
783    
784    .product-link {
785        display: inline-block;
786        background: transparent;
787        border: 2px solid #3b82f6;
788        color: #3b82f6;
789        padding: 8px 16px;
790        border-radius: 40px;
791        font-size: 13px;
792        font-weight: 600;
793        text-decoration: none;
794        transition: all 0.3s;
795        width: 100%;
796        text-align: center;
797    }
798    
799    .product-link:hover {
800        background: #3b82f6;
801        color: white;
802    }
803    
804    .cta-section {
805        text-align: center;
806        margin-top: 40px;
807        padding: 40px;
808        background: white;
809        border-radius: 24px;
810        border: 1px solid #e2e8f0;
811    }
812    
813    .cta-section h3 {
814        font-size: 24px;
815        font-weight: 700;
816        margin-bottom: 16px;
817    }
818    
819    .cta-section p {
820        color: #64748b;
821        margin-bottom: 24px;
822    }
823    
824    .btn-outline-gradient {
825        background: transparent;
826        border: 2px solid #3b82f6;
827        color: #3b82f6;
828        padding: 12px 28px;
829        border-radius: 40px;
830        font-weight: 600;
831        text-decoration: none;
832        display: inline-block;
833        transition: all 0.3s;
834    }
835    
836    .btn-outline-gradient:hover {
837        background: #3b82f6;
838        color: white;
839        transform: translateY(-2px);
840    }
841    
842    @media (max-width: 768px) {
843        .catalog-hero h1 {
844            font-size: 32px;
845        }
846        
847        .info-text h2 {
848            font-size: 22px;
849        }
850        
851        .section-title {
852            font-size: 24px;
853        }
854        
855        .categories-grid {
856            gap: 20px;
857        }
858        
859        .products-grid {
860            gap: 20px;
861        }
862        
863        .daily-offer {
864            flex-direction: column;
865            text-align: center;
866        }
867        
868        .daily-offer-content h3 {
869            font-size: 22px;
870        }
871        
872        .daily-offer-image {
873            margin-top: 20px;
874        }
875    }
876</style>
877
878<!-- Hero секция -->
879<section class="catalog-hero">
880    <div class="container">
881        <h1>Тротуарная плитка в Кировске</h1>
882        <nav aria-label="breadcrumb">
883            <ol class="breadcrumb">
884                <li class="breadcrumb-item"><a href="/">Главная</a></li>
885                <li class="breadcrumb-item active" aria-current="page">Каталог</li>
886            </ol>
887        </nav>
888    </div>
889</section>
890
891<!-- Основной контент -->
892<section class="catalog-section">
893    <div class="container">
894        <!-- Информационный текст (безопасное удаление HTML-тегов) -->
895        <div class="info-text" data-aos="fade-up">
896            <h2>Каталог тротуарной плитки и бордюров с ценами</h2>
897            <p>
898                Современная плитка для тротуаров изготавливается двумя способами. Одним из них является
899                вибропрессовка, которая основана на немецких технологических разработках. Вибропрессованная
900                тротуарная плитка применяется практически везде, потому что имеет высокие прочностные показатели.
901            </p>
902            <p>
903                Её можно приобрести в Кировске для мощения дорожек в саду и уличных тротуаров, для выкладки 
904                участков для отдыха и площадок для стоянки автомобиля, для больших площадей и так далее.
905            </p>
906        </div>
907        
908        <!-- Категории товаров (безопасное удаление HTML-тегов) -->
909        <div class="categories-section" data-aos="fade-up">
910            <h2 class="section-title">Категории товаров</h2>
911            <div class="categories-grid">
912                                <div class="category-card">
913                    <div class="category-image">
914                        <img src="images/G1FZnsvZZVu2LGxLBmU9hPzBLNMrCNP29MAUWhrd.jpg" alt="Квадратная плитка" loading="lazy">
915                    </div>
916                    <div class="category-info">
917                        <h3><a href="https://lenplit.ru/category/product/24">Квадратная плитка</a></h3>
918                        <p>Продукция нашей компании сделана по немецкой теÑ
918…нологии. Тротуарные плитки подходят для различных кл...</p>
919                        <a href="https://lenplit.ru/category/product/24" class="category-link">Смотреть →</a>
920                    </div>
921                </div>
922                                <div class="category-card">
923                    <div class="category-image">
924                        <img src="images/705YwnFLao6Ll5euPi2n9NvleGUOeCnUUkeJyFzD.jpg" alt="Фигурная плитка" loading="lazy">
925                    </div>
926                    <div class="category-info">
927                        <h3><a href="https://lenplit.ru/category/product/25">Фигурная плитка</a></h3>
928                        <p>Фигурная тротуарная плитка &amp;ndash; это идеальное решение для благоустройства вашего участка. Прочная...</p>
929                        <a href="https://lenplit.ru/category/product/25" class="category-link">Смотреть →</a>
930                    </div>
931                </div>
932                                <div class="category-card">
933                    <div class="category-image">
934                        <img src="images/sUanCRV5ZpykHmyva8IN8D1JEeHWDJ3mYhI37RGz.jpg" alt="Вибропресс плитка" loading="lazy">
935                    </div>
936                    <div class="category-info">
937                        <h3><a href="https://lenplit.ru/category/product/26">Вибропресс плитка</a></h3>
938                        <p>Тротуарная плитка в Кировском районе &amp;mdash; это надежный и эстетичный материал, который используетс...</p>
939                        <a href="https://lenplit.ru/category/product/26" class="category-link">Смотреть →</a>
940                    </div>
941                </div>
942                                <div class="category-card">
943                    <div class="category-image">
944                        <img src="images/kyclAc6OHnSqEznyctd7epGzmI66zJZTvRnawsUQ.jpg" alt="Бордюры" loading="lazy">
945                    </div>
946                    <div class="category-info">
947                        <h3><a href="https://lenplit.ru/category/product/27">Бордюры</a></h3>
948                        <p>Бордюры &amp;ndash; идеальное решение для создания эстетики и порядка на вашем участке. Прочные и долгов...</p>
949                        <a href="https://lenplit.ru/category/product/27" class="category-link">Смотреть →</a>
950                    </div>
951                </div>
952                                <div class="category-card">
953                    <div class="category-image">
954                        <img src="images/V6L3jenXw5fyhcTW7oiGEUY9AAd0osn1vY0S0QCk.jpg" alt="Водостоки" loading="lazy">
955                    </div>
956                    <div class="category-info">
957                        <h3><a href="https://lenplit.ru/category/product/28">Водостоки</a></h3>
958                        <p>Тротуарные водостоки &amp;mdash; это ключевой элемент благоустройства, который защищает ваш участок от и...</p>
959                        <a href="https://lenplit.ru/category/product/28" class="category-link">Смотреть →</a>
960                    </div>
961                </div>
962                                <div class="category-card">
963                    <div class="category-image">
964                        <img src="images/TG8fZG3iHIsz4EQzeXXdzTI1Kiduq9w3GOX36ZRd.png" alt="Гидроизоляция" loading="lazy">
965                    </div>
966                    <div class="category-info">
967                        <h3><a href="https://lenplit.ru/category/product/29">Гидроизоляция</a></h3>
968                        <p>Гидроизоляция &amp;mdash; это основа долговечности и защиты вашего дома или строения от негативного возд...</p>
969                        <a href="https://lenplit.ru/category/product/29" 
969class="category-link">Смотреть →</a>
970                    </div>
971                </div>
972                                <div class="category-card">
973                    <div class="category-image">
974                        <img src="images/902fE29ze9vjw6rUwsTkyMiFiWDk7GxBLOhHrTo8.png" alt="Сыпучие материалы" loading="lazy">
975                    </div>
976                    <div class="category-info">
977                        <h3><a href="https://lenplit.ru/category/product/30">Сыпучие материалы</a></h3>
978                        <p>Сыпучие материалы &amp;mdash; основа любого строительства, и качество таких материалов, как цемент, песо...</p>
979                        <a href="https://lenplit.ru/category/product/30" class="category-link">Смотреть →</a>
980                    </div>
981                </div>
982                                <div class="category-card">
983                    <div class="category-image">
984                        <img src="images/DYOPChdvnobh4KOSs0z70PydkLuZExnqlQ1cKCAx.jpg" alt="Декоративные изделия" loading="lazy">
985                    </div>
986                    <div class="category-info">
987                        <h3><a href="https://lenplit.ru/category/product/31">Декоративные изделия</a></h3>
988                        <p>Декоративные изделия для монтажа дорожного покрытия применяют для усовершенствования дизайна, создан...</p>
989                        <a href="https://lenplit.ru/category/product/31" class="category-link">Смотреть →</a>
990                    </div>
991                </div>
992                                <div class="category-card">
993                    <div class="category-image">
994                        <img src="images/1777894641_1730.jpg" alt="Поверхностный водоотвод" loading="lazy">
995                    </div>
996                    <div class="category-info">
997                        <h3><a href="https://lenplit.ru/category/product/33">Поверхностный водоотвод</a></h3>
998                        <p>Пластиковые дождеприемники &amp;ndash; практичное решение для отвода воды в Кировском районе
999Надёжные и...</p>
1000                        <a href="https://lenplit.ru/category/product/33" class="category-link">Смотреть →</a>
1001                    </div>
1002                </div>
1003                            </div>
1004        </div>
1005        
1006        <!-- Товар дня -->
1007                
1008        <!-- Популярные товары (безопасное удаление HTML-тегов) -->
1009        <div class="popular-products" data-aos="fade-up">
1010            <h2 class="section-title">Популярные товары</h2>
1011            <div class="products-grid">
1012                                <div class="product-card">
1013                    <div class="product-image">
1014                                                <img src="images/ZLRh075DwKXKJ8Mn2jrAHwtyFRSW1s2A0SsA0C2j.png" alt="Цветок 350*350*50 красный" loading="lazy">
1015                    </div>
1016                    <div class="product-info">
1017                        <div class="product-name">
1018                            <a href="https://lenplit.ru/product-buy/cvetok-35035050-krasnyi">Цветок 350*350*50 красный</a>
1019                        </div>
1020                        <div class="product-description">
1021                            Цветок 350*350*50 красный
1022                        </div>
1023                        <div class="product-price">
1024                                                        <span class="current-price">130 <span class="price-unit">руб./шт.</span></span>
1025                        </div>
1026                        <a href="https://lenplit.ru/product-buy/cvetok-35035050-krasnyi" class="product-link">Подробнее →</a>
1027                    </div>
1028                </div>
1029                                <div class="product-card">
1030                    <div class="product-image">
1031                                                <img src="images/xxdSVTSVs363KStbRPMd6H9YB6vPnZhdAhdfk18z.png" alt="Геотексиль &quot;Универсальный&quot; 80 м2" loading="lazy">
1032                    </div>
1033                    <div class="product-info">
1034                        <div class="product-name">
1035                            <a href="https://lenplit.ru/product-buy/geoteksil-universalnyi-80-m2">Геотексиль &quot;Универсальный&quot; 80 м2</a>
1036                        </div>
1037                        <div class="product-description">
1038                            Геотексиль &amp;quot;Универсальный&amp;quot; 80 м2
1039                        </div>
1040                        <div class="product-price">
1041                                                        <span class="current-price">1 940 <span class="price-unit">руб./руллон</span></span>
1042                        </div>
1043                        <a href="https://lenplit.ru/product-buy/geoteksil-universalnyi-80-m2" class="product-link">Подробнее →</a>
1044                    </div>
1045                </div>
1046                                <div class="product-card">
1047                    <div class="product-image">
1048                                                <img src="images/suyb2Tu6CuNNLhMZ0OheCZJAihEOGzn5vSGzb2Qw.jpg" alt="Водостоки красные" loading="lazy">
1049                    </div>
1050                    <div class="product-info">
1051                        <div class="product-name">
1052                            <a href="https://lenplit.ru/product-buy/vodostoki-krasnye">Водостоки красные</a>
1053                        </div>
1054                        <div class="product-description">
1055                            Размер:260x160х60мм. 500x160х60 мм. Вибролитье.
1056                        </div>
1057                        <div class="product-price">
1058                                                        <span class="current-price">160 <span class="price-unit">руб./шт.</span></span>
1059                        </div>
1060                        <a href="https://lenplit.ru/product-buy/vodostoki-krasnye" class="product-link">Подробнее →</a>
1061                    </div>
1062                </div>
1063                                <div class="product-card">
1064                    <div class="product-image">
1065                                                <img src="images/ZjALrSwQGC77kGNaWJPyV9j6EtA6H2CVZfPyeNog.png" alt="Крокодил серый" loading="lazy">
1066                    </div>
1067                    <div class="product-info">
1068                        <div class="product-name">
1069                            <a href="https://lenplit.ru/product-buy/krokodil-seryi">Крокодил серый</a>
1070                        </div>
1071                        <div class="product-description">
1072                            Крокодил&amp;nbsp;
1073                        </div>
1074                        <div class="product-price">
1075                                                        <span class="current-price">600 <span class="price-unit">руб./шт.</span></span>
1076                        </div>
1077                        <a href="https://lenplit.ru/product-buy/krokodil-seryi" class="product-link">Подробнее →</a>
1078                    </div>
1079                </div>
1080                                <div class="product-card">
1081                    <div class="product-image">
1082                                                <img src="images/ptRlhnbg7ctoGNTMs93WsrxA20mcxLKHHIrLMCQQ.jpg" alt="Старый город серая" loading="lazy">
1083                    </div>
1084                    <div class="product-info">
1085                        <div class="product-name">
1086                            <a href="https://lenplit.ru/product-buy/staryi-gorod-seraia">Старый город серая</a>
1087                        </div>
1088                        <div class="product-description">
1089                            Размер:185х115х60мм;
1090115х115х60мм;
1091115х65х60мм Вес (кг) 5.5
10921 кв. м - 66 шт.
1093                        </div>
1094                        <div class="product-price">
1095                                                        <span class="current-price">850 <span class="price-unit">руб./кв.м</span></span>
1096                        </div>
1097                        <a href="https://lenplit.ru/product-buy/staryi-gorod-seraia" class="product-link">Подробнее →</a>
1098                    </div>
1099                </div>
1100                                <div class="product-card">
1101                    <div class="product-image">
1102                                                <img src="images/AQDi0PnjxdmzvP3RdJN5O0Z9zF33AA2JNylTxF79.jpg" alt="Вибропресс 330*330*60 черный" loading="lazy">
1103                    </div>
1104                    <div class="product-info">
1105                        <div class="product-name">
1106                            <a href="https://lenplit.ru/product-buy/vibropress-33033060-cernyi">Вибропресс 330*330*60 черный</a>
1107                        </div>
1108                        <div class="product-description">
1109                            Размер:330х330х60 мм. 1 кв. м - 9 шт. Вес (кг) 12 Вибропресс.
1110
1111Вибропресс 330*...
1112                        </div>
1113                        <div class="product-price">
1114                                                        <span class="current-price">120 <span class="price-unit">руб./шт.</span></span>
1115                        </div>
1116                        <a href="https://lenplit.ru/product-buy/vibropress-33033060-cernyi" class="product-link">Подробнее →</a>
1117                    </div>
1118                </div>
1119                                <div class="product-card">
1120                    <div class="product-image">
1121                                                <img src="images/nDIIAAexMCGaplZYedc1g8ZXCaVzUrZxRyedPY78.png" alt="Классика 115*115*60 черная" loading="lazy">
1122                    </div>
1123                    <div class="product-info">
1124                        <div class="product-name">
1125                            <a href="https://lenplit.ru/product-buy/klassika-11511560-cernaia">Классика 115*115*60 черная</a>
1126                        </div>
1127                        <div class="product-description">
1128                            Классика 115*115*60 черная &amp;nbsp;тротуарная плитка купить в Кировске цена произв...
1129                        </div>
1130                        <div class="product-price">
1131                                                        <span class="current-price">1 000 <span class="price-unit">руб./кв.м</span></span>
1132                        </div>
1133                        <a href="https://lenplit.ru/product-buy/klassika-11511560-cernaia" class="product-link">Подробнее →</a>
1134                    </div>
1135                </div>
1136                                <div class="product-card">
1137                    <div class="product-image">
1138                                                <img src="images/jObkugRI2gdIimm3BuW7sRnVkkroXU6GsAYyZgcJ.jpg" alt="Старый город Атлантика красная" loading="lazy">
1139                    </div>
1140                    <div class="product-info">
1141                        <div class="product-name">
1142                            <a href="https://lenplit.ru/product-buy/staryi-gorod-atlantika-krasnaia">Старый город Атлантика красная</a>
1143                        </div>
1144                        <div class="product-description">
1145                            Размеры: 180х115х60мм; 115х115х60мм; 80х110х60мм Вес (кг) 5.5 1 кв. м - 66 шт.
1146                        </div>
1147                        <div class="product-price">
1148                                                        <span class="current-price">1 000 <span class="price-unit">руб./кв.м</span></span>
1149                        </div>
1150                        <a href="https://lenplit.ru/product-buy/staryi-gorod-atlantika-krasnaia" class="product-link">Подробнее →</a>
1151                    </div>
1152                </div>
1153                                <div class="product-card">
1154                    <div class="product-image">
1155                                                <img src="images/i0VjrRvi6XIqRYn51bJjCWjCMYk2APH4VR7BdKCm.jpg" alt="ЛВП AQUA-TOP  с оцинкованной решеткой" loading="lazy">
1156                    </div>
1157                    <div class="product-info">
1158                        <div class="product-name">
1159                            <a href="https://lenplit.ru/product-buy/lvp-aqua-top-s-ocinkovannoi-resetkoi">ЛВП AQUA-TOP  с оцинкованной решеткой</a>
1160                        </div>
1161                        <div class="product-description">
1162                            Материал:&amp;nbsp;ПВХ
1163
1164Длина:&amp;nbsp;1000 мм
1165
1166Ширина:&amp;nbsp;135
1167
1168&amp;nbsp;
1169                        </div>
1170                        <div class="product-price">
1171                                                        <span class="current-price">750 <span class="price-unit">руб./шт.</span></span>
1172                        </div>
1173                        <a href="https://lenplit.ru/product-buy/lvp-aqua-top-s-ocinkovannoi-resetkoi" class="product-link">Подробнее →</a>
1174                    </div>
1175                </div>
1176                                <div class="product-card">
1177                    <div class="product-image">
1178                                                <img src="images/rAkWLZMP9wFCb4xm9OY3wBPILGJ7yzVrPGRMCuPf.jpg" alt="Калифорния 300*300*30 серая" loading="lazy">
1179                    </div>
1180                    <div class="product-info">
1181                        <div class="product-name">
1182                            <a href="https://lenplit.ru/product-buy/kaliforniia-30030030-seraia">Калифорния 300*300*30 серая</a>
1183                        </div>
1184                        <div class="product-description">
1185                            Размер: 300x300x30 мм.
11861 кв. м - 11 шт.
1187Вес (кг) 6.2
1188Вибролитая.
1189                        </div>
1190                        <div class="product-price">
1191                                                        <span class="current-price">70 <span class="price-unit">руб./шт.</span></span>
1192                        </div>
1193                        <a href="https://lenplit.ru/product-buy/kaliforniia-30030030-seraia" class="product-link">Подробнее →</a>
1194                    </div>
1195                </div>
1196                                <div class="product-card">
1197                    <div class="product-image">
1198                                                <img src="images/a1Y9aQJcSY45ppa8HBlaoCVaZ06ijfUgB3vZUcCb.png" alt="Брусчатка 200*100*60 желтая" loading="lazy">
1199                    </div>
1200                    <div class="product-info">
1201                        <div class="product-name">
1202                            <a href="https://lenplit.ru/product-buy/bruscatka-20010060-zeltaia">Брусчатка 200*100*60 желтая</a>
1203                        </div>
1204                        <div class="product-description">
1205                            Размер:200х100х60 мм.
12061 кв. м - 50 шт.
1207Вес (кг) 2.6
1208Вибропресс.
1209                        </div>
1210                        <div class="product-price">
1211                                                        <span class="current-price">1 100 <span class="price-unit">руб./кв.м</span></span>
1212                        </div>
1213                        <a href="https://lenplit.ru/product-buy/bruscatka-20010060-zeltaia" class="product-link">Подробнее →</a>
1214                    </div>
1215                </div>
1216                                <div class="product-card">
1217                    <div class="product-image">
1218                                                <img src="images/guetlWIPK4n8iGtgEM9fpxRO4Ht45AHc0VVo73Tz.jpg" alt="Лоток водоотводный DN100 H120 пластиковый Norma AQUASTOK 11012" loading="lazy">
1219                    </div>
1220                    <div class="product-info">
1221                        <div class="product-name">
1222                            <a href="https://lenplit.ru/product-buy/lotok-vodootvodnyi-dn100-h120-plastikovyi-norma-aquastok-11012">Лоток водоотводный DN100 H120 пластиковый Norma AQUASTOK 11012</a>
1223                        </div>
1224                        <div class="product-description">
1225                            Длина
12261000 мм
1227Ширина
1228148
1229Высота
1230120 мм
1231                        </div>
1232                        <div class="product-price">
1233                                                        <span class="current-price">460 <span class="price-unit">руб./шт.</span></span>
1234                        </div>
1235                        <a href="https://lenplit.ru/product-buy/lotok-vodootvodnyi-dn100-h120-plastikovyi-norma-aquastok-11012" class="product-link">Подробнее →</a>
1236                    </div>
1237                </div>
1238                                <div class="product-card">
1239                    <div class="product-image">
1240                                                <img src="images/ZPO7cgV65pgdD9MyAcJhXwUBRnvYRvEVQAKs3mnF.jpg" alt="Калифорния красная 300*300*30" loading="lazy">
1241                    </div>
1242                    <div class="product-info">
1243                        <div class="product-name">
1244                            <a href="https://lenplit.ru/product-buy/kaliforniia-krasnaia-30030030">Калифорния красная 300*300*30</a>
1245                        </div>
1246                        <div class="product-description">
1247                            Размер: 300x300x30 мм.
12481 кв. м - 11 шт.
1249Вес (кг) 6.2
1250Вибролитая.
1251                        </div>
1252                        <div class="product-price">
1253                                                        <span class="current-price">90 <span class="price-unit">руб./шт.</span></span>
1254                        </div>
1255                        <a href="https://lenplit.ru/product-buy/kaliforniia-krasnaia-30030030" class="product-link">Подробнее →</a>
1256                    </div>
1257                </div>
1258                                <div class="product-card">
1259                    <div class="product-image">
1260                                                <img src="images/tZeJjpWw2cPnb48DARsa3hoBkj4eVM
1260o0M3y2qVbX.png" alt="Ковёр 500*500*50 серый" loading="lazy">
1261                    </div>
1262                    <div class="product-info">
1263                        <div class="product-name">
1264                            <a href="https://lenplit.ru/product-buy/kover-50050050-seryi">Ковёр 500*500*50 серый</a>
1265                        </div>
1266                        <div class="product-description">
1267                            Размер: 500x500x50 мм.
12681 кв. м - 4 шт.
1269Вес (кг) 25
1270Вибролитая.
1271                        </div>
1272                        <div class="product-price">
1273                                                        <span class="current-price">210 <span class="price-unit">руб./шт.</span></span>
1274                        </div>
1275                        <a href="https://lenplit.ru/product-buy/kover-50050050-seryi" class="product-link">Подробнее →</a>
1276                    </div>
1277                </div>
1278                                <div class="product-card">
1279                    <div class="product-image">
1280                                                <img src="images/FRQDivGJQikde6ekrXUw6mpxvRbXGLBcxszwwSzx.jpg" alt="Бордюр коричневый БР500*200*60" loading="lazy">
1281                    </div>
1282                    <div class="product-info">
1283                        <div class="product-name">
1284                            <a href="https://lenplit.ru/product-buy/bordiur-koricnevyi-br50020060">Бордюр коричневый БР500*200*60</a>
1285                        </div>
1286                        <div class="product-description">
1287                            Размер:500x200x60мм. Вибропресс.
1288                        </div>
1289                        <div class="product-price">
1290                                                        <span class="current-price">170 <span class="price-unit">руб./шт.</span></span>
1291                        </div>
1292                        <a href="https://lenplit.ru/product-buy/bordiur-koricnevyi-br50020060" class="product-link">Подробнее →</a>
1293                    </div>
1294                </div>
1295                                <div class="product-card">
1296                    <div class="product-image">
1297                                                <img src="images/S1RzV22hOAm5TVVgPiVfg8t8AuHMiWC925TabCT1.png" alt="Ковёр 500*500*50 красный" loading="lazy">
1298                    </div>
1299                    <div class="product-info">
1300                        <div class="product-name">
1301                            <a href="https://lenplit.ru/product-buy/kover-50050050-krasnyi">Ковёр 500*500*50 красный</a>
1302                        </div>
1303                        <div class="product-description">
1304                            Размер: 500x500x50 мм.
13051 кв. м - 4 шт.
1306Вес (кг) 25
1307Вибролитая.
1308                        </div>
1309                        <div class="product-price">
1310                                                        <span class="current-price">260 <span class="price-unit">руб./шт.</span></span>
1311                        </div>
1312                        <a href="https://lenplit.ru/product-buy/kover-50050050-krasnyi" class="product-link">Подробнее →</a>
1313                    </div>
1314                </div>
1315                                <div class="product-card">
1316                    <div class="product-image">
1317                                                <img src="images/Tt90YvnuRm3VfibPJp9lulPPStNu52LLshwm3kuR.jpg" alt="Мегаизол SD RUS (70 кв.м)" loading="lazy">
1318                    </div>
1319                    <div class="product-info">
1320                        <div class="product-name">
1321                            <a href="https://lenplit.ru/product-buy/megaizol-sd-rus-70-kvm">Мегаизол SD RUS (70 кв.м)</a>
1322                        </div>
1323                        <div class="product-description">
1324                            Область применения:Гидро-ветрозащита (мембрана)
1325
1326Основа материала:нетканый пол...
1327                        </div>
1328                        <div class="product-price">
1329                                                        <span class="current-price">3 500 <span class="price-unit">руб./шт.</span></span>
1330                        </div>
1331                        <a href="https://lenplit.ru/product-buy/megaizol-sd-rus-70-kvm" class="product-link">Подробнее →</a>
1332                    </div>
1333                </div>
1334                                <div class="product-card">
1335                    <div class="product-image">
1336                                                <img src="images/dygTqiZajKQs3Leu56CYhrEFBC3OL3PdOk5hghXp.png" alt="Брусчатка 200*100*60 красная" loading="lazy">
1337                    </div>
1338                    <div class="product-info">
1339                        <div class="product-name">
1340                            <a href="https://lenplit.ru/product-buy/bruscatka-20010060-krasnaia">Брусчатка 200*100*60 красная</a>
1341                        </div>
1342                        <div class="product-description">
1343                            Размер:200х100х60 мм.
13441 кв. м - 50 шт.
1345Вес (кг) 2.6
1346Вибропресс.
1347                        </div>
1348                        <div class="product-price">
1349                                                        <span class="current-price">1 000 <span class="price-unit">руб./кв.м</span></span>
1350                        </div>
1351                        <a href="https://lenplit.ru/product-buy/bruscatka-20010060-krasnaia" class="product-link">Подробнее →</a>
1352                    </div>
1353                </div>
1354                            </div>
1355        </div>
1356        
1357        <!-- Призыв к действию -->
1358        <div class="cta-section" data-aos="fade-up">
1359            <h3>Нужна консультация по выбору?</h3>
1360            <p>Наши специалисты помогут подобрать плитку под ваши задачи и рассчитают стоимость</p>
1361            <a href="https://lenplit.ru/%D0%B3%D0%B4%D0%B5-%D0%BA%D1%83%D0%BF%D0%B8%D1%82%D1%8C-%D1%82%D1%80%D0%BE%D1%82%D1%83%D0%B0%D1%80%D0%BD%D1%83%D1%8E-%D0%BF%D0%BB%D0%B8%D1%82%D0%BA%D1%83-%D0%B2-%D0%BA%D0%B8%D1%80%D0%BE%D0%B2%D1%81%D0%BA%D0%BE%D0%BC-%D1%80%D0%B0%D0%B9%D0%BE%D0%BD%D0%B5" class="btn-gradient">Связаться с нами</a>
1362            <a href="https://lenplit.ru/%D1%83%D0%BA%D0%BB%D0%B0%D0%B4%D0%BA%D0%B0-%D1%82%D1%80%D0%BE%D1%82%D1%83%D0%B0%D1%80%D0%BD%D0%BE%D0%B9-%D0%BF%D0%BB%D0%B8%D1%82%D0%BA%D0%B8-%D0%B2-%D0%BA%D0%B8%D1%80%D0%BE%D0%B2%D1%81%D0%BA%D0%BE%D0%BC-%D1%80%D0%B0%D0%B9%D0%BE%D0%BD%D0%B5" class="btn-outline-gradient ms-3">Рассчитать укладку</a>
1363        </div>
1364    </div>
1365</section>
1366
1367</main>
1368<footer class="bg-dark text-white pt-5" style="background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);">
1369    <div class="container">
1370        <div class="row g-5 py-5">
1371            <div class="col-lg-4" data-aos="fade-up">
1372                <img src="https://lenplit.ru/images/alt-logo.png" alt="logo" style="height: 50px; filter: brightness(0) invert(1);">
1373                <p class="text-white-50 mt-3">ООО &quot;Атлантика&quot; — производство тротуарной плитки в Кировске с 2015 года</p>
1374                <div class="mt-4">
1375                    <a href="#" class="text-white-50 me-3 fs-4"><i class="fab fa-whatsapp"></i></a>
1376                    <a href="#" class="text-white-50 me-3 fs-4"><i class="fab fa-telegram"></i></a>
1377                    <a href="#" class="text-white-50 fs-4"><i class="fab fa-vk"></i></a>
1378                </div>
1379            </div>
1380            
1381            <div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
1382                <h5 class="fw-bold mb-3">Контакты</h5>
1383                <ul class="list-unstyled text-white-50">
1384                    <li class="mb-3"><i class="fas fa-map-marker-alt me-2 text-primary"></i> Кировский район, г.Кировск, ул. Набережная 1/20А</li>
1385                    <li class="mb-3"><i class="fas fa-envelope me-2 text-primary"></i>
1385 <a href="mailto:[email protected]" class="text-white-50 text-decoration-none">[email protected]</a></li>
1386                    <li class="mb-3"><i class="fas fa-phone-alt me-2 text-primary"></i> <a href="tel:+7 931 321 57 74" class="text-white-50 text-decoration-none">+7 931 321 57 74</a></li>
1387                    <li><i class="far fa-clock me-2 text-primary"></i> 09:00 — 19:00 (без выходных)</li>
1388                </ul>
1389            </div>
1390            
1391            <div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
1392                <h5 class="fw-bold mb-3">Получить скидку</h5>
1393                <p class="text-white-50 small">Оставьте телефон и получите персональную скидку</p>
1394                <form action="https://lenplit.ru/send-sale" method="post">
1395                    <input type="hidden" name="_token" value="gUgY6JVSfPUTKhIVIBl8S6QbiL0UIdrOgNjZtlcM" autocomplete="off">                    <div class="input-group">
1396                        <input type="text" name="phone" class="form-control input-modern bg-white" placeholder="+7 (___)-___-__-__" required>
1397                        <input type="hidden" name="site" value="lenplit.ru">
1398                        <button class="btn-gradient" type="submit">Отправить</button>
1399                    </div>
1400                </form>
1401            </div>
1402        </div>
1403    </div>
1404    
1405    <!-- КАРТА НА ПОЛНУЮ ШИРИНУ -->
1406    <div class="w-100">
1407        <div style="width: 100%; height: 300px; overflow: hidden;">
1408            <iframe src="https://yandex.ru/map-widget/v1/?z=12&ol=biz&oid=1676274613" width=100% height="400" frameborder="0"></iframe>
1409        </div>
1410    </div>
1411    
1412    <div class="container">
1413        <hr class="opacity-25 mt-0">
1414        
1415        <div class="row py-4 align-items-center">
1416            <div class="col-md-6 text-center text-md-start">
1417                <small class="text-white-50">© 2026 Атлантика. Все права защищены.</small>
1418            </div>
1419            <div class="col-md-6 text-center text-md-end d-flex align-items-center justify-content-md-end gap-2 flex-wrap">
1420             <!-- Yandex.Metrika informer -->
1421<a href="https://metrika.yandex.ru/stat/?id=51980687&amp;from=informer" target="_blank" rel="nofollow">
1422    <img src="https://informer.yandex.ru/informer/51980687/3_1_FFFFFFFF_EFEFEFFF_0_pageviews"
1423         style="width:88px; height:31px; border:0;"
1424         alt="Яндекс.Метрика"
1425         title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)"
1426        class="ym-advanced-informer" data-cid="51980687" data-lang="ru"/>
1427</a>
1428<!-- /Yandex.Metrika informer -->
1429
1430<!-- Yandex.Metrika counter -->
1431<script type="text/javascript">
vendor: 431 bytes, lines 1431-1439
1431
1432    (function(m,e,t,r,i,k,a){
1433        m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
1434        m[i].l=1*new Date();
1435        for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
1436        k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
1437    })(window, document,'script','https://mc.yandex.ru/metrika/tag.js', 'ym');
1438
1439    ym(
143951980687
vendor: 158 bytes, line 1439
1439, 'init', {webvisor:true, clickmap:true, ecommerce:"dataLayer", referrer: document.referrer, url: location.href, accurateTrackBounce:true, trackLinks:true});
1440</script>
1440
1441<noscript><div><img src="https://mc.yandex.ru/watch/51980687" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
1442<!-- /Yandex.Metrika counter -->
1443
1444
1445
1446    
1447                <iframe src="https://yandex.ru/sprav/widget/rating-badge/1676274613?type=rating" 
1448                        width="150" height="50" frameborder="0" class="rounded"></iframe>
1449            </div>
1450        </div>
1451    </div>
1452    
1453    <button onclick="window.scrollTo({top:0,behavior:'smooth'})" class="btn rounded-circle shadow-lg position-fixed bottom-0 end-0 m-4" style="background: linear-gradient(135deg, #3b82f6, #8b5cf6); width: 52px; height: 52px; color: white; border: none;">
1454        <i class="fas fa-arrow-up"></i>
1455    </button>
1456</footer>
1457
1458<script src="https://lenplit.ru/js/animation.js"></script>
vendor: 1 bytes, line 1458
1458
1459<script src="https://lenplit.ru/js/tabs.js"></script>
vendor: 1 bytes, line 1459
1459
1460<script src="https://lenplit.ru/js/accordion.js"></script>
vendor: 1 bytes, line 1460
1460
1461<script src="https://lenplit.ru/js/slide.js"></script>
vendor: 1 bytes, line 1461
1461
1462<script src="https://lenplit.ru/js/main.js"></script>
1462
1463
1464<!-- Yandex.Metrika -->
1465<script type="text/javascript">
vendor: 405 bytes, lines 1465-1471
1465
1466   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
1467   m[i].l=1*new Date();
1468   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
1469   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
1470   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
1471   ym(
147151980687
vendor: 88 bytes, line 1471
1471, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true });
1472</script>
1472
1473<!-- Top.Mail.Ru counter -->
1474<script type="text/javascript">
1475    var _tmr = window._tmr || (window._tmr = []);
1476    _tmr.push({id: "2371741", type: "pageView", start: (new Date()).getTime()});
1477    (function (d, w, id) {
1478      if (d.getElementById(id)) return;
1479      var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id;
1480      ts.src = "https://top-fwz1.mail.ru/js/code.js";
1481      var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);};
1482      if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); }
1483    })(document, window, "tmr-code");
1484    </script>
1484
1485    <noscript><div><img src="https://top-fwz1.mail.ru/counter?id=2371741;js=na" style="position:absolute;left:-9999px;" alt="Top.Mail.Ru" /></div></noscript>
1486    <!-- /Top.Mail.Ru counter -->
1487<!-- Cleversite chat button -->
1488<script src="//widget.cleversite.ru/widget/117474/158679/"></script>
1488
1489<!-- / End of Cleversite chat button -->    
1490<!-- Helper -->
1491<style>
1492    #helper { position: fixed; bottom: 20px; left: -100px; z-index: 1000; cursor: pointer; animation: run 3s forwards; }
1493    #helper-img { width: 80px; transition: transform 0.3s; }
1494    #helper-img:hover { transform: scale(1.05); }
1495    #helper-bubble { position: absolute; bottom: 100px; left: 0; background: white; border-radius: 20px; padding: 20px; width: 320px; box-shadow: 0 20px 40px rgba(0,0,0,0.15); }
1496    .hidden { display: none; }
1497    @keyframes run { 0% { left: -100px; } 100% { left: 20px; } }
1498</style>
1499
1500<script>
1501document.addEventListener("DOMContentLoaded", () => {
1502    const helperImg = document.getElementById("helper-img");
1503    const bubble = document.getElementById("helper-bubble");
1504    helperImg?.addEventListener("click", (e) => { e.stopPropagation(); bubble?.classList.toggle("hidden"); });
1505    document.addEventListener("click", () => bubble?.classList.add("hidden"));
1506    bubble?.addEventListener("click", (e) => e.stopPropagation());
1507});
1508</script>
1508
1509
1510<!-- Promo Modal -->
1511<style>
1512    .promo-modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.7); backdrop-filter: blur(8px); z-index: 9999; align-items: center; justify-content: center; }
1513    .promo-modal-content { background: white; border-radius: 32px; max-width: 700px; width: 90%; padding: 30px; position: relative; }
1514    .promo-modal-close { position: absolute; right: 20px; top: 15px; font-size: 28px; cursor: pointer; background: none; border: none; }
1515</style>
1516
1517
1518<script>
1519document.addEventListener('DOMContentLoaded', function() {
1520    const modal = document.getElementById('promoModal');
1521    const close = document.getElementById('promoModalClose');
1522    
1523        
1524    close?.addEventListener('click', () => modal.style.display = 'none');
1525    modal?.addEventListener('click', (e) => { if(e.target === modal) modal.style.display = 'none'; });
1526});
1527</script>
1527
1528
1529</body>
1530</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.