{"id":115,"date":"2025-11-21T17:03:09","date_gmt":"2025-11-21T14:03:09","guid":{"rendered":"https:\/\/sound-light-set.ru\/?page_id=115"},"modified":"2025-11-25T17:53:50","modified_gmt":"2025-11-25T14:53:50","slug":"%d0%bd%d0%be%d0%b2%d0%b0%d1%8f","status":"publish","type":"page","link":"https:\/\/sound-light-set.ru\/","title":{"rendered":"\u041d\u043e\u0432\u0430\u044f"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>\u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \u043a\u043b\u0443\u0431\u043d\u043e\u0433\u043e \u0437\u0432\u0443\u043a\u0430, \u0441\u0432\u0435\u0442\u0430 \u0438 LED-\u044d\u043a\u0440\u0430\u043d\u043e\u0432<\/title>\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n\n  <style>\n    \/* ==== \u0411\u0410\u0417\u0410 ==================================================== *\/\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    \/* ==== HERO =================================================== *\/\n\n    #hero-club {\n      padding: 80px 0;\n      background: radial-gradient(circle at top,#2f1370 0,#0b0620 65%,#050314 100%);\n      color: #fff;\n      font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;\n    }\n\n    #hero-club .hero-inner {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 20px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 20px;\n    }\n\n    #hero-club .hero-left { flex: 1; }\n\n    #hero-club .tagline {\n      text-transform: uppercase;\n      letter-spacing: 0.18em;\n      font-size: 12px;\n      opacity: 0.75;\n      margin-bottom: 14px;\n    }\n\n    #hero-club h1 {\n      font-size: 44px;\n      line-height: 1.15;\n      margin: 0 0 18px;\n      font-weight: 700;\n    }\n\n    #hero-club h1 span {\n      color: #ff4b9a;\n    }\n\n    #hero-club .subtext {\n      max-width: 650px;\n      font-size: 17px;\n      opacity: 0.9;\n      margin-bottom: 18px;\n      line-height: 1.6;\n    }\n\n    #hero-club .notes {\n      font-size: 12px;\n      opacity: 0.7;\n      line-height: 1.7;\n      margin-bottom: 26px;\n    }\n\n    #hero-club .notes span {\n      display: inline-block;\n      margin-right: 22px;\n      position: relative;\n      padding-left: 10px;\n    }\n\n    #hero-club .notes span::before {\n      content: \"\u2022\";\n      position: absolute;\n      left: 0;\n      top: 0;\n      opacity: 0.7;\n    }\n\n    #hero-club .actions {\n      display: flex;\n      gap: 14px;\n      flex-wrap: wrap;\n      align-items: center;\n    }\n\n    #hero-club .btn-main {\n      padding: 12px 26px;\n      border-radius: 999px;\n      background: linear-gradient(120deg,#7b5cff,#ff4b9a);\n      color: #fff;\n      font-size: 15px;\n      font-weight: 600;\n      text-decoration: none;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.4);\n      transition: 0.2s;\n    }\n\n    #hero-club .btn-main:hover {\n      transform: translateY(-1px);\n      box-shadow: 0 14px 36px rgba(0,0,0,0.6);\n    }\n\n    #hero-club .btn-outline {\n      padding: 10px 22px;\n      border-radius: 999px;\n      border: 1px solid rgba(255,255,255,0.5);\n      color: #fff;\n      font-size: 15px;\n      text-decoration: none;\n      opacity: 0.95;\n      transition: 0.25s ease;\n    }\n\n    #hero-club .btn-outline:hover {\n      border-color: rgba(255,255,255,0.9);\n      opacity: 1;\n      background: rgba(255,255,255,0.1);\n    }\n\n    .hero-video-slider {\n      width: 360px;\n      flex-shrink: 0;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .video-wrapper {\n      width: 100%;\n      height: 630px;\n      border-radius: 26px;\n      overflow: hidden;\n      background: #000;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .video-wrapper video {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    \/* \u0412 hero \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u0440\u043e\u043b\u0438\u043a *\/\n    #hero-club .video-wrapper video { display: none; }\n    #hero-club .video-wrapper video.active { display: block; }\n\n    .hero-dots {\n      display: flex;\n      justify-content: center;\n      margin-top: 14px;\n      gap: 10px;\n    }\n\n    .hero-dots div {\n      width: 11px;\n      height: 11px;\n      background: #ffffff3d;\n      border-radius: 50%;\n      cursor: pointer;\n      transition: 0.25s;\n    }\n\n    .hero-dots .active {\n      background: #ff4b9a;\n      transform: scale(1.25);\n    }\n\n    \/* ==== \u041f\u0420\u0415\u0418\u041c\u0423\u0429\u0415\u0421\u0422\u0412\u0410 ========================================= *\/\n\n    #benefits {\n      padding: 80px 0;\n      background: radial-gradient(circle at top,#1b0a44 0,#07031b 70%,#030213 100%);\n      color: #fff;\n      font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;\n    }\n\n    #benefits .inner {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 20px;\n      text-align: left;\n    }\n\n    #benefits h2 {\n      font-size: 32px;\n      font-weight: 700;\n      margin-bottom: 40px;\n    }\n\n    .benefit-grid {\n      display: grid;\n      grid-template-columns: repeat(4,1fr);\n      gap: 24px;\n    }\n\n    .benefit-item {\n      padding: 24px 20px 22px;\n      background: rgba(255,255,255,0.05);\n      border: 1px solid rgba(255,255,255,0.10);\n      border-radius: 18px;\n      backdrop-filter: blur(8px);\n      transition: 0.25s ease;\n    }\n\n    .benefit-item-icon {\n      width: 44px;\n      height: 44px;\n      border-radius: 16px;\n      background: linear-gradient(135deg,#7b5cff,#ff4b9a);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 16px;\n    }\n\n    .benefit-item-icon svg {\n      width: 24px;\n      height: 24px;\n      stroke: #ffffff;\n      stroke-width: 1.7;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n      fill: none;\n    }\n\n    .benefit-title {\n      font-size: 16px;\n      font-weight: 600;\n      margin-bottom: 8px;\n    }\n\n    .benefit-text {\n      font-size: 13px;\n      opacity: 0.9;\n      line-height: 1.6;\n    }\n\n    .benefit-item:hover {\n      background: rgba(255,255,255,0.10);\n      border-color: #7b5cff;\n      box-shadow: 0 0 22px rgba(123,92,255,0.35);\n      transform: translateY(-3px);\n    }\n\n    \/* ==== \u0411\u041b\u041e\u041a \u0421 \u0413\u041e\u0420\u0418\u0417\u041e\u041d\u0422\u0410\u041b\u042c\u041d\u042b\u041c \u0412\u0418\u0414\u0415\u041e ========================= *\/\n\n    #demo-video-block {\n      padding: 70px 0;\n      background: radial-gradient(circle at top,#21104e 0,#090422 70%,#040214 100%);\n      color:#ffffff;\n      font-family:system-ui,-apple-system,'Segoe UI',sans-serif;\n    }\n\n    #demo-video-block .inner {\n      max-width:1200px;\n      margin:0 auto;\n      padding:0 20px;\n    }\n\n    #demo-video-block h2 {\n      font-size:32px;\n      font-weight:700;\n      margin-bottom:12px;\n    }\n\n    #demo-video-block p {\n      max-width:650px;\n      font-size:15px;\n      opacity:0.86;\n      line-height:1.6;\n      margin-bottom:24px;\n    }\n\n    .demo-video-wrapper {\n      border-radius:22px;\n      overflow:hidden;\n      border:1px solid rgba(255,255,255,0.18);\n      box-shadow:0 18px 40px rgba(0,0,0,0.7);\n      background:#000;\n    }\n\n    .demo-video-wrapper video {\n      width:100%;\n      height:auto;\n      display:block;\n    }\n\n    \/* ==== \u0421\u041e\u0421\u0422\u0410\u0412 \u041a\u041e\u041c\u041f\u041b\u0415\u041a\u0422\u0410 ===================================== *\/\n\n    #equipment-block {\n      padding: 70px 0;\n      background: radial-gradient(circle at top,#2f1370 0,#0b0620 65%,#050314 100%);\n      color: #ffffff;\n      font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;\n    }\n\n    #equipment-block .inner {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n\n    #equipment-block h2 {\n      font-size: 34px;\n      margin-bottom: 10px;\n      font-weight: 700;\n    }\n\n    #equipment-block p {\n      max-width: 650px;\n      font-size: 16px;\n      opacity: 0.86;\n      line-height: 1.6;\n      margin-bottom: 26px;\n    }\n\n    .equip-filters {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-bottom: 26px;\n    }\n\n    .equip-filter {\n      border-radius: 999px;\n      padding: 7px 14px;\n      font-size: 13px;\n      border: 1px solid rgba(255,255,255,0.35);\n      background: rgba(255,255,255,0.05);\n      color: #fff;\n      cursor: pointer;\n      opacity: 0.85;\n      transition: 0.2s;\n    }\n\n    .equip-filter:hover {\n      opacity: 1;\n      background: rgba(255,255,255,0.12);\n    }\n\n    .equip-filter.is-active {\n      border-color: #7b5cff;\n      background: rgba(123,92,255,0.22);\n      box-shadow: 0 0 0 1px rgba(123,92,255,0.4);\n      opacity: 1;\n    }\n\n    .equip-grid {\n      display: grid;\n      grid-template-columns: repeat(2,minmax(0,1fr));\n      gap: 14px 22px;\n    }\n\n    .equip-item {\n      border-radius: 14px;\n      padding: 10px 14px;\n      background: rgba(255,255,255,0.06);\n      border: 1px solid rgba(255,255,255,0.12);\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      transition: 0.2s;\n    }\n\n    .equip-item:hover {\n      border-color: rgba(123,92,255,0.6);\n      box-shadow: 0 10px 26px rgba(0,0,0,0.45);\n      transform: translateY(-1px);\n    }\n\n    .equip-meta {\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.18em;\n      opacity: 0.75;\n    }\n\n    .equip-name {\n      font-size: 14px;\n      font-weight: 500;\n    }\n\n    .equip-extra {\n      font-size: 12px;\n      opacity: 0.8;\n    }\n\n    .equip-item.hidden { display: none; }\n\n    \/* ==== \u0424\u041e\u0422\u041e ================================================== *\/\n\n    #photos-block {\n      padding: 70px 0;\n      background: radial-gradient(circle at top,#2f1370 0,#0b0620 65%,#050314 100%);\n      color: #ffffff;\n      font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;\n    }\n\n    #photos-block .photos-inner {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 20px;\n      text-align: left;\n    }\n\n    #photos-block h2 {\n      font-size: 32px;\n      margin-bottom: 10px;\n      font-weight: 700;\n    }\n\n    #photos-block p {\n      max-width: 650px;\n      font-size: 15px;\n      opacity: 0.86;\n      line-height: 1.6;\n      margin-bottom: 26px;\n    }\n\n    .photos-carousel { position: relative; }\n\n    .photos-strip {\n      display: flex;\n      gap: 18px;\n      overflow-x: auto;\n      padding-bottom: 6px;\n      scroll-behavior: smooth;\n      scrollbar-width: none;\n    }\n\n    .photos-strip::-webkit-scrollbar { display: none; }\n\n    .photo-item {\n      flex: 0 0 auto;\n      width: 420px;\n      height: 270px;\n      border-radius: 20px;\n      overflow: hidden;\n      border: 1px solid rgba(255,255,255,0.18);\n      background: rgba(0,0,0,0.45);\n      cursor: pointer;\n      transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;\n    }\n\n    .photo-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.25s ease;\n    }\n\n    .photo-item:hover {\n      border-color: #7b5cff;\n      box-shadow: 0 0 22px rgba(123,92,255,0.55);\n      transform: translateY(-2px);\n    }\n\n    .photo-item:hover img { transform: scale(1.06); }\n\n    .photos-nav-btn {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 46px;\n      height: 46px;\n      border-radius: 999px;\n      border: 1px solid rgba(255,255,255,0.5);\n      background: radial-gradient(circle at 30% 30%,rgba(255,255,255,0.22),rgba(5,3,24,0.92));\n      box-shadow: 0 0 24px rgba(0,0,0,0.7);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      font-size: 22px;\n      color: #fff;\n      opacity: 0.9;\n      transition: 0.25s ease;\n      z-index: 20;\n    }\n\n    .photos-nav-prev { left: -32px; }\n    .photos-nav-next { right: -32px; }\n\n    .photos-nav-btn:hover {\n      opacity: 1;\n      box-shadow: 0 0 30px rgba(123,92,255,0.7);\n      border-color: #b9a0ff;\n    }\n\n    .photos-lightbox {\n      position: fixed;\n      inset: 0;\n      background: rgba(0,0,0,0.88);\n      display: none;\n      align-items: center;\n      justify-content: center;\n      z-index: 9999;\n    }\n\n    .photos-lightbox.is-open { display: flex; }\n\n    .photos-lightbox-inner {\n      position: relative;\n      max-width: 90vw;\n      max-height: 90vh;\n    }\n\n    .photos-lightbox img {\n      display: block;\n      max-width: 100%;\n      max-height: 90vh;\n      border-radius: 10px;\n    }\n\n    .photos-lightbox-close {\n      position: absolute;\n      top: -40px;\n      right: 0;\n      width: 32px;\n      height: 32px;\n      border-radius: 999px;\n      border: 1px solid rgba(255,255,255,0.6);\n      background: rgba(0,0,0,0.7);\n      color: #fff;\n      font-size: 18px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      cursor: pointer;\n      z-index: 3;\n    }\n\n    .photos-lightbox-arrow {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 40px;\n      height: 40px;\n      border-radius: 999px;\n      border: 1px solid rgba(255,255,255,0.6);\n      background: rgba(0,0,0,0.7);\n      color: #fff;\n      font-size: 22px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      cursor: pointer;\n      z-index: 3;\n    }\n\n    .photos-lightbox-arrow.prev { left: -54px; }\n    .photos-lightbox-arrow.next { right: -54px; }\n\n    \/* ==== \u041a\u041e\u041d\u0422\u0410\u041a\u0422\u042b ============================================= *\/\n\n    #contact-block {\n      padding: 80px 0;\n      background: radial-gradient(circle at top,#150733 0,#050214 70%,#02010b 100%);\n      color: #ffffff;\n      font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;\n    }\n\n    #contact-block .inner {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n\n    #contact-block h2 {\n      font-size: 32px;\n      font-weight: 700;\n      margin-bottom: 12px;\n    }\n\n    #contact-block p {\n      max-width: 600px;\n      font-size: 15px;\n      opacity: 0.86;\n      line-height: 1.6;\n      margin-bottom: 30px;\n    }\n\n    .contact-layout {\n      display: grid;\n      grid-template-columns: 0.85fr 1.15fr;\n      gap: 28px;\n      align-items: flex-start;\n    }\n\n    .contact-video-card {\n      padding: 0;\n      background: none;\n      border: none;\n      box-shadow: none;\n      display: flex;\n      justify-content: center;\n    }\n\n    .contact-info-card {\n      padding: 26px 24px;\n      border-radius: 22px;\n      background: rgba(255,255,255,0.03);\n      border: 1px solid rgba(255,255,255,0.12);\n      backdrop-filter: blur(10px);\n    }\n\n    .contact-info-card h3 {\n      font-size: 20px;\n      margin-bottom: 14px;\n      font-weight: 600;\n    }\n\n    .price-title,\n    .agent-title {\n      font-size:15px;\n      font-weight:600;\n      margin:6px 0 2px;\n    }\n\n    .price-title {\n      color:#ffd976;\n    }\n\n    .agent-title {\n      color:#b9a0ff;\n    }\n\n    .price-note {\n      font-size:14px;\n      opacity:0.86;\n      line-height:1.6;\n      margin:4px 0;\n    }\n\n    .contact-label {\n      font-size: 11px;\n      text-transform: uppercase;\n      opacity: 0.6;\n      letter-spacing: 0.14em;\n      margin-top: 14px;\n      margin-bottom: 6px;\n    }\n\n    .contact-phone {\n      font-size: 22px;\n      font-weight: 600;\n      margin-bottom: 14px;\n    }\n\n    .contact-phone a {\n      color: #fff !important;\n      text-decoration: none !important;\n    }\n\n    .contact-phone a:hover { color: #ffd976; }\n\n    .messengers {\n      display: flex;\n      gap: 16px;\n      flex-wrap: wrap;\n      margin: 10px 0 12px;\n    }\n\n    .messenger-btn {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 18px;\n      border-radius: 999px;\n      font-size: 15px;\n      font-weight: 500;\n      color: #fff !important;\n      text-decoration: none !important;\n      transition: 0.25s ease;\n    }\n\n    .messenger-btn img {\n      width: 22px;\n      height: 22px;\n    }\n\n    .messenger-btn.wa { background: #25D366; }\n    .messenger-btn.wa:hover { background: #1ebe5b; }\n\n    .messenger-btn.tg { background: #0088cc; }\n    .messenger-btn.tg:hover { background: #0077b3; }\n\n    .contact-note {\n      margin-top: 16px;\n      font-size: 14px;\n      opacity: 0.8;\n      line-height: 1.5;\n    }\n\n    \/* ==== \u0410\u0414\u0410\u041f\u0422\u0418\u0412 ============================================== *\/\n\n    @media (max-width: 900px) {\n      .benefit-grid {\n        grid-template-columns: repeat(2,1fr);\n        gap: 18px;\n      }\n\n      .contact-layout {\n        grid-template-columns: 1fr;\n      }\n\n      .contact-video-card { order: -1; }\n\n      #demo-video-block h2 {\n        font-size:28px;\n      }\n    }\n\n    @media (max-width: 768px) {\n\n      #hero-club .hero-inner {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n\n      .hero-video-slider {\n        width: 100%;\n        max-width: 320px;\n        margin: 24px auto 0;\n      }\n\n      .video-wrapper {\n        height: 520px;\n      }\n\n      #equipment-block {\n        padding: 52px 0;\n      }\n\n      #equipment-block h2 {\n        font-size: 26px;\n      }\n\n      #equipment-block p {\n        font-size: 14px;\n        margin-bottom: 20px;\n      }\n\n      .equip-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .photo-item {\n        width: 300px;\n        height: 200px;\n      }\n\n      .photos-nav-prev { left: -20px; }\n      .photos-nav-next { right: -20px; }\n    }\n\n    @media (max-width: 600px) {\n\n      #hero-club h1 {\n        font-size: 30px;\n        line-height: 1.2;\n      }\n\n      .photo-item {\n        width: 240px;\n        height: 160px;\n      }\n\n      \/* \u0441\u0442\u0440\u0435\u043b\u043a\u0438 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438 \u0444\u043e\u0442\u043e \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 *\/\n      .photos-nav-btn { display: none; }\n\n      #benefits h2 {\n        font-size: 26px;\n        margin-bottom: 28px;\n      }\n\n      .benefit-grid {\n        grid-template-columns: 1fr;\n      }\n\n      #demo-video-block h2 {\n        font-size:24px;\n      }\n\n      \/* \u0441\u0442\u0440\u0435\u043b\u043a\u0438 \u043b\u0430\u0439\u0442\u0431\u043e\u043a\u0441\u0430 \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 *\/\n      .photos-lightbox-arrow { display:none; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<!-- HERO -->\n<section id=\"hero-club\">\n  <div class=\"hero-inner\">\n\n    <div class=\"hero-left\">\n      <div class=\"tagline\">\u041f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \u0437\u0432\u0443\u043a\u0430 \u0438 \u0441\u0432\u0435\u0442\u0430<\/div>\n\n      <h1>\n        \u041f\u043e\u043b\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \u043a\u043b\u0443\u0431\u043d\u043e\u0433\u043e \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f<br>\n        <span>\u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u044f \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0438<\/span>\n      <\/h1>\n\n      <p class=\"subtext\">\n        \u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u0432\u0443\u043a d&amp;b audiotechnik, DJ-\u043f\u043e\u0437\u0438\u0446\u0438\u044f Pioneer CDJ-3000\/DJM-900NXS2,\n        \u0441\u0432\u0435\u0442\u043e\u0432\u044b\u0435 \u043f\u0440\u0438\u0431\u043e\u0440\u044b, \u043b\u0430\u0437\u0435\u0440\u044b \u0438 LED-\u044d\u043a\u0440\u0430\u043d\u044b \u2014 \u0432\u0441\u0451 \u0432 \u043e\u0434\u043d\u043e\u043c \u0433\u043e\u0442\u043e\u0432\u043e\u043c \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0435.\n        \u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0411\/\u0423, \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0440\u0430\u0431\u043e\u0447\u0435\u0435, \u0443\u0436\u0435 \u043e\u0442\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u043e\u0435 \u043f\u043e\u0434 \u043a\u043b\u0443\u0431.\n      <\/p>\n\n      <div class=\"notes\">\n        <span>\u041f\u0440\u043e\u0434\u0430\u0451\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u043e\u043c<\/span>\n        <span>\u041f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0431\u0440\u0435\u043d\u0434\u044b<\/span>\n        <span>\u0413\u043e\u0442\u043e\u0432\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435<\/span>\n      <\/div>\n\n      <div class=\"actions\">\n        <a href=\"#contact-block\" class=\"btn-main\">\u0423\u0437\u043d\u0430\u0442\u044c \u0446\u0435\u043d\u0443 \u0438 \u0443\u0441\u043b\u043e\u0432\u0438\u044f<\/a>\n        <a href=\"#equipment-block\" class=\"btn-outline\">\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0441\u043e\u0441\u0442\u0430\u0432 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"hero-video-slider\">\n      <div class=\"video-wrapper\">\n        <video class=\"active\"\n               src=\"http:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/v1.mp4\"\n               autoplay muted loop preload=\"metadata\" playsinline><\/video>\n        <video src=\"http:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/v2.mp4\"\n               autoplay muted loop preload=\"metadata\" playsinline><\/video>\n        <video src=\"http:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/v3.mp4\"\n               autoplay muted loop preload=\"metadata\" playsinline><\/video>\n      <\/div>\n\n      <div class=\"hero-dots\">\n        <div class=\"active\" data-id=\"0\"><\/div>\n        <div data-id=\"1\"><\/div>\n        <div data-id=\"2\"><\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- \u041f\u0420\u0415\u0418\u041c\u0423\u0429\u0415\u0421\u0422\u0412\u0410 -->\n<section id=\"benefits\">\n  <div class=\"inner\">\n    <h2>\u041f\u043e\u0447\u0435\u043c\u0443 \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \u2014 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435<\/h2>\n\n    <div class=\"benefit-grid\">\n      <!-- 1 -->\n      <div class=\"benefit-item\">\n        <div class=\"benefit-item-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"4\" y=\"7\" width=\"16\" height=\"11\" rx=\"2\"><\/rect>\n            <polyline points=\"4 7 12 4 20 7\"><\/polyline>\n          <\/svg>\n        <\/div>\n        <div class=\"benefit-title\">\u041f\u0440\u043e\u0434\u0430\u0451\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u043e\u043c<\/div>\n        <div class=\"benefit-text\">\n          \u041d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u2014 \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u0430\u044f \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0432 \u043e\u0434\u043d\u043e\u043c \u043f\u0430\u043a\u0435\u0442\u0435.\n        <\/div>\n      <\/div>\n\n      <!-- 2 -->\n      <div class=\"benefit-item\">\n        <div class=\"benefit-item-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"5\" y=\"5\" width=\"14\" height=\"14\" rx=\"3\"><\/rect>\n            <polyline points=\"8 12 11 15 16 9\"><\/polyline>\n          <\/svg>\n        <\/div>\n        <div class=\"benefit-title\">\u0413\u043e\u0442\u043e\u0432\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435<\/div>\n        <div class=\"benefit-text\">\n          \u041f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u043a\u043b\u0443\u0431\u0430, \u043a\u0430\u0440\u0430\u043e\u043a\u0435, \u0431\u0430\u0440\u0430, \u043a\u043e\u043d\u0446\u0435\u0440\u0442\u043d\u043e\u0439 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0438 \u0438\u043b\u0438 \u0438\u0432\u0435\u043d\u0442-\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430.\n        <\/div>\n      <\/div>\n\n      <!-- 3 -->\n      <div class=\"benefit-item\">\n        <div class=\"benefit-item-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"9\" r=\"4\"><\/circle>\n            <polyline points=\"10 13 8 19 12 17 16 19 14 13\"><\/polyline>\n          <\/svg>\n        <\/div>\n        <div class=\"benefit-title\">\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c<\/div>\n        <div class=\"benefit-text\">\n          \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f d&amp;b audiotechnik, Pioneer DJ \u0438 Allen &amp; Heath \u2014 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043e\u043c \u043a\u043b\u0443\u0431\u043d\u043e\u0439 \u0438\u043d\u0434\u0443\u0441\u0442\u0440\u0438\u0438.\n        <\/div>\n      <\/div>\n\n      <!-- 4 -->\n      <div class=\"benefit-item\">\n        <div class=\"benefit-item-icon\">\n          <!-- \u0441\u043e\u043b\u043d\u0446\u0435 \u0434\u043b\u044f \u0441\u0438\u043d\u0435\u0440\u0433\u0438\u0438 -->\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n\n            <line x1=\"12\" y1=\"2\"  x2=\"12\" y2=\"5\"><\/line>\n            <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"22\"><\/line>\n\n            <line x1=\"4.7\"  y1=\"4.7\"  x2=\"6.8\" y2=\"6.8\"><\/line>\n            <line x1=\"17.2\" y1=\"17.2\" x2=\"19.3\" y2=\"19.3\"><\/line>\n\n            <line x1=\"2\"  y1=\"12\" x2=\"5\" y2=\"12\"><\/line>\n            <line x1=\"19\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n\n            <line x1=\"4.7\"  y1=\"19.3\" x2=\"6.8\" y2=\"17.2\"><\/line>\n            <line x1=\"17.2\" y1=\"6.8\"  x2=\"19.3\" y2=\"4.7\"><\/line>\n          <\/svg>\n        <\/div>\n        <div class=\"benefit-title\">\u0412\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u0438 \u0437\u0432\u0443\u043a\u043e\u0432\u0430\u044f \u0441\u0438\u043d\u0435\u0440\u0433\u0438\u044f<\/div>\n        <div class=\"benefit-text\">\n          \u0421\u0432\u0435\u0442 \u0438 \u0437\u0432\u0443\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u043a\u0430\u043a \u0435\u0434\u0438\u043d\u0430\u044f \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f \u2014 \u043d\u0430\u0441\u044b\u0449\u0435\u043d\u043d\u043e, \u0447\u0438\u0441\u0442\u043e \u0438 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e.\n        <\/div>\n      <\/div>\n\n      <!-- 5 -->\n      <div class=\"benefit-item\">\n        <div class=\"benefit-item-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"7\"><\/circle>\n            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line>\n            <line x1=\"12\" y1=\"12\" x2=\"15\" y2=\"14\"><\/line>\n          <\/svg>\n        <\/div>\n        <div class=\"benefit-title\">\u0413\u043e\u0442\u043e\u0432\u043e \u043a \u0431\u044b\u0441\u0442\u0440\u043e\u043c\u0443 \u043c\u043e\u043d\u0442\u0430\u0436\u0443<\/div>\n        <div class=\"benefit-text\">\n          \u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0440\u0430\u0431\u043e\u0447\u0435\u0435, \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043e \u0438 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0437\u0430\u043f\u0443\u0449\u0435\u043d\u043e \u0432 \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u0435 \u0441\u0440\u043e\u043a\u0438.\n        <\/div>\n      <\/div>\n\n      <!-- 6 -->\n      <div class=\"benefit-item\">\n        <div class=\"benefit-item-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M4 14c1-2 2-3 3.5-3s2.5 1 3.5 3 2 3 3.5 3 2.5-1 3.5-3\"><\/path>\n            <line x1=\"6\" y1=\"5\" x2=\"9\" y2=\"7\"><\/line>\n            <line x1=\"15\" y1=\"5\" x2=\"18\" y2=\"7\"><\/line>\n          <\/svg>\n        <\/div>\n        <div class=\"benefit-title\">\u0421\u0446\u0435\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u043e\u0434 \u043a\u043b\u0443\u0431<\/div>\n        <div class=\"benefit-text\">\n          \u0421\u0432\u0435\u0442, \u0437\u0432\u0443\u043a \u0438 LED-\u044d\u043a\u0440\u0430\u043d\u044b \u0441\u043e\u0431\u0440\u0430\u043d\u044b \u043f\u043e\u0434 \u043a\u043b\u0443\u0431\u043d\u044b\u0439 \u0444\u043e\u0440\u043c\u0430\u0442: \u043f\u043b\u043e\u0442\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u0438 \u0447\u0438\u0442\u0430\u0435\u043c\u043e\u0441\u0442\u044c \u0437\u0432\u0443\u043a\u0430 \u043f\u0440\u0438 \u0432\u044b\u0441\u043e\u043a\u043e\u0439 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0435.\n        <\/div>\n      <\/div>\n\n      <!-- 7 -->\n      <div class=\"benefit-item\">\n        <div class=\"benefit-item-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <ellipse cx=\"12\" cy=\"8\" rx=\"4.5\" ry=\"2.3\"><\/ellipse>\n            <path d=\"M7.5 8v4c0 1.3 2 2.3 4.5 2.3s4.5-1 4.5-2.3V8\"><\/path>\n            <path d=\"M7.5 12v2.5c0 1.3 2 2.3 4.5 2.3s4.5-1 4.5-2.3V12\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"benefit-title\">\u042d\u043a\u043e\u043d\u043e\u043c\u0438\u044f \u0431\u044e\u0434\u0436\u0435\u0442\u0430<\/div>\n        <div class=\"benefit-text\">\n          \u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430 \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043d\u0438\u0436\u0435, \u0447\u0435\u043c \u043f\u043e\u043a\u0443\u043f\u0430\u0442\u044c \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u0442\u0435\u043c \u0431\u043e\u043b\u0435\u0435 \u043d\u0438\u0436\u0435 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 \u043d\u043e\u0432\u043e\u0433\u043e \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f.\n        <\/div>\n      <\/div>\n\n      <!-- 8 -->\n      <div class=\"benefit-item\">\n        <div class=\"benefit-item-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"1.5\"><\/rect>\n            <line x1=\"10\" y1=\"9\" x2=\"10\" y2=\"9\"><\/line>\n            <line x1=\"14\" y1=\"9\" x2=\"14\" y2=\"9\"><\/line>\n            <line x1=\"10\" y1=\"12\" x2=\"10\" y2=\"12\"><\/line>\n            <line x1=\"14\" y1=\"12\" x2=\"14\" y2=\"12\"><\/line>\n            <line x1=\"10\" y1=\"15\" x2=\"10\" y2=\"15\"><\/line>\n            <line x1=\"14\" y1=\"15\" x2=\"14\" y2=\"15\"><\/line>\n          <\/svg>\n        <\/div>\n        <div class=\"benefit-title\">\u041e\u0434\u043d\u0430 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430<\/div>\n        <div class=\"benefit-text\">\n          \u0412\u0435\u0441\u044c \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \u043d\u0430\u0445\u043e\u0434\u0438\u043b\u0441\u044f \u0432 \u043a\u043b\u0443\u0431\u0435, \u0434\u0435\u043c\u043e\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d \u0438 \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u0432 \u043d\u0430\u0434\u043b\u0435\u0436\u0430\u0449\u0438\u0445 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445. \u0411\u0435\u0437 \u043f\u0440\u043e\u043a\u0430\u0442\u043d\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f.\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u041f\u0420\u0418\u041c\u0415\u0420 \u0420\u0410\u0411\u041e\u0422\u042b -->\n<section id=\"demo-video-block\">\n  <div class=\"inner\">\n    <h2>\u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \u043d\u0430 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0435<\/h2>\n    <p>\n      \u0424\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0430: \u0441\u0432\u044f\u0437\u043a\u0430 \u0437\u0432\u0443\u043a\u0430, \u0441\u0432\u0435\u0442\u0430 \u0438 LED-\u044d\u043a\u0440\u0430\u043d\u043e\u0432 \u0432 \u043a\u043b\u0443\u0431\u043d\u043e\u043c \u0440\u0435\u0436\u0438\u043c\u0435.\n    <\/p>\n\n    <div class=\"demo-video-wrapper\">\n      <video\n        src=\"http:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/demo-horizontal.mp4\"\n        controls\n        playsinline\n        preload=\"metadata\">\n      <\/video>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u0421\u041e\u0421\u0422\u0410\u0412 \u041a\u041e\u041c\u041f\u041b\u0415\u041a\u0422\u0410 -->\n<section id=\"equipment-block\">\n  <div class=\"inner\">\n\n    <h2>\u0421\u043e\u0441\u0442\u0430\u0432 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f<\/h2>\n    <p>\n      \u0412\u0435\u0441\u044c \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \u043f\u0440\u043e\u0434\u0430\u0451\u0442\u0441\u044f \u0446\u0435\u043b\u0438\u043a\u043e\u043c: \u0430\u043a\u0443\u0441\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 d&amp;b audiotechnik, DJ-\u043f\u043e\u0437\u0438\u0446\u0438\u044f Pioneer,\n      \u0441\u0432\u0435\u0442\u043e\u0432\u044b\u0435 \u043f\u0440\u0438\u0431\u043e\u0440\u044b, \u043b\u0430\u0437\u0435\u0440\u044b, LED-\u044d\u043a\u0440\u0430\u043d\u044b \u0438 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430. \u041d\u0438\u0436\u0435 \u2014 \u0441\u043f\u0438\u0441\u043e\u043a \u0441 \u0443\u0434\u043e\u0431\u043d\u043e\u0439 \u0444\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u0435\u0439.\n    <\/p>\n\n    <div class=\"equip-filters\">\n      <button class=\"equip-filter is-active\" data-filter=\"all\">\u0412\u0441\u0435<\/button>\n      <button class=\"equip-filter\" data-filter=\"sound\">\u0417\u0432\u0443\u043a<\/button>\n      <button class=\"equip-filter\" data-filter=\"light\">\u0421\u0432\u0435\u0442<\/button>\n      <button class=\"equip-filter\" data-filter=\"dj\">DJ \/ FOH<\/button>\n      <button class=\"equip-filter\" data-filter=\"led\">LED \/ \u042d\u043a\u0440\u0430\u043d\u044b<\/button>\n    <\/div>\n\n    <div class=\"equip-grid\">\n      <div class=\"equip-item\" data-cat=\"light\">\n        <div class=\"equip-meta\">\u0421\u0432\u0435\u0442<\/div>\n        <div class=\"equip-name\">\u0421\u0432\u0435\u0442\u043e\u0434\u0438\u043e\u0434\u043d\u0430\u044f \u0433\u043e\u043b\u043e\u0432\u0430 Beam Wash C, \u043f\u0438\u043a\u0441\u0435\u043b\u044c-\u043c\u044d\u043f\u043f\u0438\u043d\u0433, Zoom 5\u201360\u00b0<\/div>\n        <div class=\"equip-extra\">2 \u0448\u0442.<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"sound\">\n        <div class=\"equip-meta\">\u0417\u0432\u0443\u043a<\/div>\n        <div class=\"equip-name\">D&#038;B audiotechnik Vi7P \u2014 \u0442\u0440\u0451\u0445\u043f\u043e\u043b\u043e\u0441\u043d\u0430\u044f \u0410\u0421<\/div>\n        <div class=\"equip-extra\">2 \u0448\u0442.<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"sound\">\n        <div class=\"equip-meta\">\u0417\u0432\u0443\u043a<\/div>\n        <div class=\"equip-name\">D&#038;B audiotechnik 12S \u2014 \u0448\u0438\u0440\u043e\u043a\u043e\u043f\u043e\u043b\u043e\u0441\u043d\u0430\u044f \u0410\u0421<\/div>\n        <div class=\"equip-extra\">9 \u0448\u0442.<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"sound\">\n        <div class=\"equip-meta\">\u0421\u0430\u0431\u0432\u0443\u0444\u0435\u0440\u044b<\/div>\n        <div class=\"equip-name\">D&#038;B audiotechnik V-SUB \u2014 \u043a\u0430\u0440\u0434\u0438\u043e\u0434\u043d\u044b\u0439 \u0441\u0430\u0431\u0432\u0443\u0444\u0435\u0440<\/div>\n        <div class=\"equip-extra\">4 \u0448\u0442.<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"sound\">\n        <div class=\"equip-meta\">\u0421\u0430\u0431\u0432\u0443\u0444\u0435\u0440\u044b<\/div>\n        <div class=\"equip-name\">D&#038;B audiotechnik 12S-SUB \u2014 \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u044b\u0439 \u0441\u0430\u0431\u0432\u0443\u0444\u0435\u0440 12&#8243;<\/div>\n        <div class=\"equip-extra\">1 \u0448\u0442.<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"sound\">\n        <div class=\"equip-meta\">\u0423\u0441\u0438\u043b\u0438\u0442\u0435\u043b\u0438<\/div>\n        <div class=\"equip-name\">D&#038;B audiotechnik D12<\/div>\n        <div class=\"equip-extra\">3 \u0448\u0442. \u00b7 2\u00d71200 \u0412\u0442<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"sound\">\n        <div class=\"equip-meta\">\u041f\u043e\u0434\u0432\u0435\u0441<\/div>\n        <div class=\"equip-name\">\u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \u0444\u0443\u0440\u043d\u0438\u0442\u0443\u0440\u044b D&#038;B: \u043a\u0440\u043e\u043d\u0448\u0442\u0435\u0439\u043d\u044b, \u0433\u0440\u0435\u0431\u0451\u043d\u043a\u0438, \u0430\u0434\u0430\u043f\u0442\u0435\u0440\u044b<\/div>\n        <div class=\"equip-extra\">5 \u043f\u043e\u0437\u0438\u0446\u0438\u0439<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"dj\">\n        <div class=\"equip-meta\">FOH<\/div>\n        <div class=\"equip-name\">Allen &amp; Heath SQ-5 \u2014 \u0446\u0438\u0444\u0440\u043e\u0432\u043e\u0439 \u043c\u0438\u043a\u0448\u0435\u0440<\/div>\n        <div class=\"equip-extra\">1 \u0448\u0442.<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"dj\">\n        <div class=\"equip-meta\">FOH<\/div>\n        <div class=\"equip-name\">\u041c\u0438\u043a\u0448\u0435\u0440\u043d\u044b\u0439 \u043f\u0443\u043b\u044c\u0442 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/div>\n        <div class=\"equip-extra\">1 \u0448\u0442.<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"dj\">\n        <div class=\"equip-meta\">DJ<\/div>\n        <div class=\"equip-name\">Pioneer CDJ-3000 \u2014 \u043c\u0435\u0434\u0438\u0430-\u043f\u0440\u043e\u0438\u0433\u0440\u044b\u0432\u0430\u0442\u0435\u043b\u044c<\/div>\n        <div class=\"equip-extra\">2 \u0448\u0442.<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"dj\">\n        <div class=\"equip-meta\">DJ<\/div>\n        <div class=\"equip-name\">Pioneer DJM-900NXS2 \u2014 DJ-\u043c\u0438\u043a\u0448\u0435\u0440<\/div>\n        <div class=\"equip-extra\">1 \u0448\u0442.<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"dj sound\">\n        <div class=\"equip-meta\">\u0417\u0432\u0443\u043a<\/div>\n        <div class=\"equip-name\">\u041c\u0438\u043a\u0440\u043e\u0444\u043e\u043d\u043d\u0430\u044f \u0440\u0430\u0434\u0438\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/div>\n        <div class=\"equip-extra\">1 \u0448\u0442.<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"light\">\n        <div class=\"equip-meta\">\u041b\u0430\u0437\u0435\u0440\u044b<\/div>\n        <div class=\"equip-name\">RGB \u043b\u0430\u0437\u0435\u0440\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0440 3W<\/div>\n        <div class=\"equip-extra\">3 \u0448\u0442.<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"light\">\n        <div class=\"equip-meta\">\u0421\u0432\u0435\u0442<\/div>\n        <div class=\"equip-name\">Laser Beam Bar Moving RGB<\/div>\n        <div class=\"equip-extra\">8 \u0448\u0442.<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"light\">\n        <div class=\"equip-meta\">\u042d\u0444\u0444\u0435\u043a\u0442\u044b<\/div>\n        <div class=\"equip-name\">\u041c\u0430\u0448\u0438\u043d\u0430 \u043a\u043e\u043d\u0444\u0435\u0442\u0442\u0438<\/div>\n        <div class=\"equip-extra\">1 \u0448\u0442.<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"led\">\n        <div class=\"equip-meta\">LED \/ \u042d\u043a\u0440\u0430\u043d\u044b<\/div>\n        <div class=\"equip-name\">LED \u044d\u043a\u0440\u0430\u043d P2.5 \u2014 3520\u00d71920 \u043c\u043c<\/div>\n        <div class=\"equip-extra\">1 \u0448\u0442.<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"led\">\n        <div class=\"equip-meta\">LED \/ \u042d\u043a\u0440\u0430\u043d\u044b<\/div>\n        <div class=\"equip-name\">LED \u044d\u043a\u0440\u0430\u043d P2.5 \u2014 960\u00d72240 \u043c\u043c<\/div>\n        <div class=\"equip-extra\">2 \u0448\u0442.<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"light\">\n        <div class=\"equip-meta\">\u0421\u0432\u0435\u0442<\/div>\n        <div class=\"equip-name\">Anzhee P14*15 SLIMPAR<\/div>\n        <div class=\"equip-extra\">4 \u0448\u0442.<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"light\">\n        <div class=\"equip-meta\">\u0421\u0432\u0435\u0442<\/div>\n        <div class=\"equip-name\">FOS PAR Innovative<\/div>\n        <div class=\"equip-extra\">4 \u0448\u0442.<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"light\">\n        <div class=\"equip-meta\">\u0421\u0432\u0435\u0442<\/div>\n        <div class=\"equip-name\">NVOLIGHT LEDBAR508R<\/div>\n        <div class=\"equip-extra\">5 \u0448\u0442.<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"light\">\n        <div class=\"equip-meta\">\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0439 \u0441\u0432\u0435\u0442<\/div>\n        <div class=\"equip-name\">LED \u0441\u0432\u0435\u0442\u0438\u043b\u044c\u043d\u0438\u043a\u0438 \u0437\u0430\u043b\u0438\u0432\u0430\u044e\u0449\u0435\u0433\u043e \u0441\u0432\u0435\u0442\u0430<\/div>\n        <div class=\"equip-extra\">11 \u0448\u0442.<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"sound light\">\n        <div class=\"equip-meta\">\u0418\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430<\/div>\n        <div class=\"equip-name\">EVROMET \u0440\u044d\u043a\u043e\u0432\u044b\u0439 \u0448\u043a\u0430\u0444 540 \u043c\u043c<\/div>\n        <div class=\"equip-extra\">1 \u0448\u0442.<\/div>\n      <\/div>\n\n      <div class=\"equip-item\" data-cat=\"light\">\n        <div class=\"equip-meta\">\u0418\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430<\/div>\n        <div class=\"equip-name\">TR-D4151IR1 5 \u041c\u043f IP-\u043a\u0430\u043c\u0435\u0440\u0430<\/div>\n        <div class=\"equip-extra\">2 \u0448\u0442.<\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- \u0424\u041e\u0422\u041e -->\n<section id=\"photos-block\">\n  <div class=\"photos-inner\">\n    <h2>\u0424\u043e\u0442\u043e \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f<\/h2>\n    <p>\u0410\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0438 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u043d\u0430 \u0441\u043a\u043b\u0430\u0434\u0435: \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u0432 \u0441\u0443\u0445\u043e\u043c \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u0438, \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e \u0443\u043f\u0430\u043a\u043e\u0432\u0430\u043d\u043e, \u0433\u043e\u0442\u043e\u0432\u043e \u043a \u043e\u0442\u0433\u0440\u0443\u0437\u043a\u0435.<\/p>\n\n    <div class=\"photos-carousel\">\n      <button class=\"photos-nav-btn photos-nav-prev\"><span>\u2039<\/span><\/button>\n      <button class=\"photos-nav-btn photos-nav-next\"><span>\u203a<\/span><\/button>\n\n      <div class=\"photos-strip\" id=\"photos-strip\">\n        <div class=\"photo-item\" data-full=\"https:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/1.jpg\">\n          <img decoding=\"async\" src=\"https:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/1.jpg\" loading=\"lazy\" alt=\"\">\n        <\/div>\n        <div class=\"photo-item\" data-full=\"https:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/2.jpg\">\n          <img decoding=\"async\" src=\"https:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/2.jpg\" loading=\"lazy\" alt=\"\">\n        <\/div>\n        <div class=\"photo-item\" data-full=\"https:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/3.jpg\">\n          <img decoding=\"async\" src=\"https:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/3.jpg\" loading=\"lazy\" alt=\"\">\n        <\/div>\n        <div class=\"photo-item\" data-full=\"https:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/4.jpg\">\n          <img decoding=\"async\" src=\"https:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/4.jpg\" loading=\"lazy\" alt=\"\">\n        <\/div>\n        <div class=\"photo-item\" data-full=\"https:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/5.jpg\">\n          <img decoding=\"async\" src=\"https:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/5.jpg\" loading=\"lazy\" alt=\"\">\n        <\/div>\n        <div class=\"photo-item\" data-full=\"https:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/6.jpg\">\n          <img decoding=\"async\" src=\"https:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/6.jpg\" loading=\"lazy\" alt=\"\">\n        <\/div>\n        <div class=\"photo-item\" data-full=\"https:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/7.jpg\">\n          <img decoding=\"async\" src=\"https:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/7.jpg\" loading=\"lazy\" alt=\"\">\n        <\/div>\n        <div class=\"photo-item\" data-full=\"https:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/8.jpg\">\n          <img decoding=\"async\" src=\"https:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/8.jpg\" loading=\"lazy\" alt=\"\">\n        <\/div>\n        <div class=\"photo-item\" data-full=\"https:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/9.jpg\">\n          <img decoding=\"async\" src=\"https:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/9.jpg\" loading=\"lazy\" alt=\"\">\n        <\/div>\n        <div class=\"photo-item\" data-full=\"https:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/10.jpg\">\n          <img decoding=\"async\" src=\"https:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/10.jpg\" loading=\"lazy\" alt=\"\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"photos-lightbox\" id=\"photos-lightbox\">\n    <div class=\"photos-lightbox-inner\">\n      <button class=\"photos-lightbox-close\" id=\"photos-lightbox-close\">\u2715<\/button>\n      <button class=\"photos-lightbox-arrow prev\" id=\"photos-lightbox-prev\">\u2039<\/button>\n      <button class=\"photos-lightbox-arrow next\" id=\"photos-lightbox-next\">\u203a<\/button>\n      <img id=\"photos-lightbox-img\" alt=\"\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u041a\u041e\u041d\u0422\u0410\u041a\u0422\u042b -->\n<section id=\"contact-block\">\n  <div class=\"inner\">\n    <h2>\u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0438 \u0443\u0442\u043e\u0447\u043d\u0438\u0442\u044c \u0434\u0435\u0442\u0430\u043b\u0438<\/h2>\n    <p>\u041f\u043e \u0432\u043e\u043f\u0440\u043e\u0441\u0430\u043c \u043f\u0440\u0438\u043e\u0431\u0440\u0435\u0442\u0435\u043d\u0438\u044f \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430 \u043e\u0431\u0440\u0430\u0449\u0430\u0439\u0442\u0435\u0441\u044c \u043f\u043e \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u044b\u043c \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0430\u043c.<\/p>\n\n    <div class=\"contact-layout\">\n\n      <div class=\"contact-video-card\">\n        <div class=\"hero-video-slider contact-video-slider\">\n          <div class=\"video-wrapper\">\n            <video\n              src=\"http:\/\/sound-light-set.ru\/wp-content\/uploads\/2025\/11\/v4.mp4\"\n              autoplay\n              muted\n              loop\n              playsinline\n              preload=\"metadata\">\n            <\/video>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"contact-info-card\">\n       \n        <div class=\"price-title\">\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u2014 \u0434\u043e\u0433\u043e\u0432\u043e\u0440\u043d\u0430\u044f<\/div>\n        <p class=\"price-note\">\n          \u0412\u0441\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u0438 \u0434\u0435\u0442\u0430\u043b\u0438 \u043e\u0431\u0441\u0443\u0436\u0434\u0430\u044e\u0442\u0441\u044f \u043f\u043e \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443, \u0434\u043b\u044f \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u043e\u043a\u0443\u043f\u0430\u0442\u0435\u043b\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u0435\u043d \u0443\u043c\u0435\u0441\u0442\u043d\u044b\u0439 \u0442\u043e\u0440\u0433.\n        <\/p>\n\n        <div class=\"agent-title\">\u0410\u0433\u0435\u043d\u0442\u0441\u043a\u043e\u0435 \u0432\u043e\u0437\u043d\u0430\u0433\u0440\u0430\u0436\u0434\u0435\u043d\u0438\u0435 \u2014 5&nbsp;%<\/div>\n        <p class=\"price-note\">\n          \u041c\u044b \u0433\u043e\u0442\u043e\u0432\u044b \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u043a \u0441\u0434\u0435\u043b\u043a\u0435 \u043f\u0440\u043e\u0444\u0438\u043b\u044c\u043d\u044b\u0445 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u0432 \u0438 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u0435\u043b\u0435\u0439 \u043f\u043b\u043e\u0449\u0430\u0434\u043e\u043a.\n\u0414\u043b\u044f \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0442\u0435\u043b\u0435\u0439 \u0438 \u043f\u043e\u0441\u0440\u0435\u0434\u043d\u0438\u043a\u043e\u0432 \u0434\u0435\u0439\u0441\u0442\u0432\u0443\u0435\u0442 \u0430\u0433\u0435\u043d\u0442\u0441\u043a\u043e\u0435 \u0432\u043e\u0437\u043d\u0430\u0433\u0440\u0430\u0436\u0434\u0435\u043d\u0438\u0435 5&nbsp;% \u043e\u0442 \u0441\u0443\u043c\u043c\u044b \u043f\u0440\u043e\u0434\u0430\u0436\u0438 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430.\n        <\/p>\n\n <h3>\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/h3>\n        <div class=\"contact-label\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/div>\n\n        <div class=\"contact-phone\">\n          <a href=\"tel:+79037434364\">+7 903 743-43-64 (\u0418\u0433\u043e\u0440\u044c)<\/a>\n        <\/div>\n\n        <div class=\"contact-label\">\u041c\u0435\u0441\u0441\u0435\u043d\u0434\u0436\u0435\u0440\u044b<\/div>\n\n        <div class=\"messengers\">\n          <a class=\"messenger-btn wa\" href=\"https:\/\/wa.me\/79037434364\" target=\"_blank\">\n            <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/6b\/WhatsApp.svg\" loading=\"lazy\" alt=\"\">\n            WhatsApp\n          <\/a>\n\n          <a class=\"messenger-btn tg\" href=\"https:\/\/t.me\/IFatnev\" target=\"_blank\">\n            <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/8\/82\/Telegram_logo.svg\" loading=\"lazy\" alt=\"\">\n            Telegram\n          <\/a>\n        <\/div>\n\n        <div class=\"contact-note\">\n          \u0413\u043e\u0442\u043e\u0432 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u0438 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u043e\u0441\u043c\u043e\u0442\u0440 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430.\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  \/\/ HERO-\u0432\u0438\u0434\u0435\u043e \u0441 \u0442\u043e\u0447\u043a\u0430\u043c\u0438 + \u0441\u0432\u0430\u0439\u043f\n  const videos = document.querySelectorAll(\"#hero-club .video-wrapper video\");\n  const dots = document.querySelectorAll(\".hero-dots div\");\n  const heroWrapper = document.querySelector(\"#hero-club .video-wrapper\");\n\n  function setHeroSlide(index) {\n    const i = (index + videos.length) % videos.length;\n    videos.forEach(v => v.classList.remove(\"active\"));\n    dots.forEach(d => d.classList.remove(\"active\"));\n    videos[i].classList.add(\"active\");\n    dots[i].classList.add(\"active\");\n  }\n\n  \/\/ \u043a\u043b\u0438\u043a\u0438 \u043f\u043e \u0442\u043e\u0447\u043a\u0430\u043c\n  dots.forEach(dot => {\n    dot.addEventListener(\"click\", () => {\n      const id = Number(dot.dataset.id) || 0;\n      setHeroSlide(id);\n    });\n  });\n\n  \/\/ \u0441\u0432\u0430\u0439\u043f\u044b \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 (hero)\n  let startX = null;\n\n  if (heroWrapper) {\n    heroWrapper.addEventListener(\"touchstart\", e => {\n      startX = e.touches[0].clientX;\n    });\n\n    heroWrapper.addEventListener(\"touchmove\", e => {\n      if (startX === null) return;\n      const diff = e.touches[0].clientX - startX;\n      if (Math.abs(diff) > 40) {\n        const current = [...videos].findIndex(v => v.classList.contains(\"active\"));\n        const delta = diff < 0 ? 1 : -1;\n        setHeroSlide(current + delta);\n        startX = null;\n      }\n    });\n\n    heroWrapper.addEventListener(\"touchend\", () => {\n      startX = null;\n    });\n  }\n\n  \/\/ \u0424\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u044f \u0441\u043e\u0441\u0442\u0430\u0432\u0430 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430\n  (function() {\n    const buttons = document.querySelectorAll('.equip-filter');\n    const items = document.querySelectorAll('.equip-item');\n\n    buttons.forEach(btn => {\n      btn.addEventListener('click', () => {\n        const filter = btn.getAttribute('data-filter');\n\n        buttons.forEach(b => b.classList.remove('is-active'));\n        btn.classList.add('is-active');\n\n        items.forEach(item => {\n          const cats = (item.getAttribute('data-cat') || '').split(' ');\n          if (filter === 'all' || cats.includes(filter)) {\n            item.classList.remove('hidden');\n          } else {\n            item.classList.add('hidden');\n          }\n        });\n      });\n    });\n  })();\n\n  \/\/ \u0424\u043e\u0442\u043e-\u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c \u0438 \u043b\u0430\u0439\u0442\u0431\u043e\u043a\u0441 (+ \u0441\u0432\u0430\u0439\u043f \u0432 \u043b\u0430\u0439\u0442\u0431\u043e\u043a\u0441\u0435)\n  window.addEventListener('load', function() {\n    const strip = document.getElementById('photos-strip');\n    const items = Array.from(strip.querySelectorAll('.photo-item'));\n\n    const lightbox = document.getElementById('photos-lightbox');\n    const lbImg = document.getElementById('photos-lightbox-img');\n    const btnClose = document.getElementById('photos-lightbox-close');\n    const btnPrev = document.getElementById('photos-lightbox-prev');\n    const btnNext = document.getElementById('photos-lightbox-next');\n\n    const btnScrollPrev = document.querySelector('.photos-nav-prev');\n    const btnScrollNext = document.querySelector('.photos-nav-next');\n\n    let currentIndex = 0;\n\n    function openLightbox(i){\n      currentIndex = i;\n      lbImg.src = items[i].dataset.full;\n      lightbox.classList.add('is-open');\n    }\n    function closeLightbox(){\n      lightbox.classList.remove('is-open');\n    }\n    function showNext(delta){\n      currentIndex = (currentIndex + delta + items.length) % items.length;\n      lbImg.src = items[currentIndex].dataset.full;\n    }\n\n    items.forEach((item,i)=>{\n      item.addEventListener('click',()=>openLightbox(i));\n    });\n\n    btnClose.addEventListener('click',closeLightbox);\n    if (btnPrev) btnPrev.addEventListener('click',()=>showNext(-1));\n    if (btnNext) btnNext.addEventListener('click',()=>showNext(1));\n\n    lightbox.addEventListener('click',e=>{\n      if(e.target===lightbox) closeLightbox();\n    });\n\n    document.addEventListener('keydown',e=>{\n      if(!lightbox.classList.contains('is-open')) return;\n      if(e.key==='Escape') closeLightbox();\n      if(e.key==='ArrowLeft') showNext(-1);\n      if(e.key==='ArrowRight') showNext(1);\n    });\n\n    if (btnScrollPrev && btnScrollNext) {\n      btnScrollPrev.addEventListener('click',()=>strip.scrollBy({left:-400,behavior:\"smooth\"}));\n      btnScrollNext.addEventListener('click',()=>strip.scrollBy({left:400,behavior:\"smooth\"}));\n    }\n\n    \/\/ \u0441\u0432\u0430\u0439\u043f \u043f\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044e \u0432 \u043b\u0430\u0439\u0442\u0431\u043e\u043a\u0441\u0435 (\u0442\u0435\u043b\u0435\u0444\u043e\u043d)\n    let lbStartX = null;\n\n    lbImg.addEventListener('touchstart', e => {\n      lbStartX = e.touches[0].clientX;\n    });\n\n    lbImg.addEventListener('touchmove', e => {\n      if (lbStartX === null) return;\n      const diff = e.touches[0].clientX - lbStartX;\n      if (Math.abs(diff) > 40) {\n        showNext(diff < 0 ? 1 : -1);\n        lbStartX = null;\n      }\n    });\n\n    lbImg.addEventListener('touchend', () => {\n      lbStartX = null;\n    });\n  });\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \u043a\u043b\u0443\u0431\u043d\u043e\u0433\u043e \u0437\u0432\u0443\u043a\u0430, \u0441\u0432\u0435\u0442\u0430 \u0438 LED-\u044d\u043a\u0440\u0430\u043d\u043e\u0432 \u041f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \u0437\u0432\u0443\u043a\u0430 \u0438 \u0441\u0432\u0435\u0442\u0430 \u041f\u043e\u043b\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \u043a\u043b\u0443\u0431\u043d\u043e\u0433\u043e \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u044f \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0438 \u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u0432\u0443\u043a d&amp;b audiotechnik, DJ-\u043f\u043e\u0437\u0438\u0446\u0438\u044f Pioneer CDJ-3000\/DJM-900NXS2, \u0441\u0432\u0435\u0442\u043e\u0432\u044b\u0435 \u043f\u0440\u0438\u0431\u043e\u0440\u044b, \u043b\u0430\u0437\u0435\u0440\u044b \u0438 LED-\u044d\u043a\u0440\u0430\u043d\u044b&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-115","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sound-light-set.ru\/index.php?rest_route=\/wp\/v2\/pages\/115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sound-light-set.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sound-light-set.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sound-light-set.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sound-light-set.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=115"}],"version-history":[{"count":21,"href":"https:\/\/sound-light-set.ru\/index.php?rest_route=\/wp\/v2\/pages\/115\/revisions"}],"predecessor-version":[{"id":178,"href":"https:\/\/sound-light-set.ru\/index.php?rest_route=\/wp\/v2\/pages\/115\/revisions\/178"}],"wp:attachment":[{"href":"https:\/\/sound-light-set.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}