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>ФигÑÑÐ½Ð°Ñ ÑÑоÑÑаÑÐ½Ð°Ñ Ð¿Ð»Ð¸Ñка &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>ТÑоÑÑаÑÐ½Ð°Ñ Ð¿Ð»Ð¸Ñка в ÐиÑовÑком Ñайоне &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>ÐоÑдÑÑÑ &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>ТÑоÑÑаÑнÑе водоÑÑоки &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>ÐидÑоизолÑÑÐ¸Ñ &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>СÑпÑÑие маÑеÑÐ¸Ð°Ð»Ñ &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>ÐлаÑÑиковÑе дождепÑиемники &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="ÐеоÑекÑÐ¸Ð»Ñ "УнивеÑÑалÑнÑй" 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">ÐеоÑекÑÐ¸Ð»Ñ "УнивеÑÑалÑнÑй" 80 м2</a> 1036 </div> 1037 <div class="product-description"> 1038 ÐеоÑекÑÐ¸Ð»Ñ &quot;УнивеÑÑалÑнÑй&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 ÐÑокодил&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 ÑеÑÐ½Ð°Ñ &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 ÐаÑеÑиал:&nbsp;ÐÐÐ¥ 1163 1164Ðлина:&nbsp;1000 мм 1165 1166ШиÑина:&nbsp;135 1167 1168&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">ÐÐÐ "ÐÑланÑика" â пÑоизводÑÑво ÑÑоÑÑаÑной плиÑки в ÐиÑовÑке Ñ 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&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.