{"id":972,"date":"2025-11-17T05:19:24","date_gmt":"2025-11-17T05:19:24","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=972"},"modified":"2025-11-17T05:19:24","modified_gmt":"2025-11-17T05:19:24","slug":"pvt-t-type-solar-panel","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/uk\/products\/pvt-solar-panel\/pvt-t-type-solar-panel\/","title":{"rendered":"PVT-T \u0422\u0438\u043f \u0441\u043e\u043d\u044f\u0447\u043d\u043e\u0457 \u043f\u0430\u043d\u0435\u043b\u0456"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"972\" class=\"elementor elementor-972\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-049adb4 e-con-full e-flex e-con e-parent\" data-id=\"049adb4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-459ffb1 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"459ffb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Solar Hot Water Solution Banner (Centered Version) -->\n<section class=\"solution-banner\">\n  <style>\n    .solution-banner {\n      width: 100%;\n      background: #0f172a;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      padding: 80px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .solution-banner::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/497797651_122101973762869367_3274744652282478844_n.jpg');\n      background-size: cover;\n      background-position: center;\n      background-repeat: no-repeat;\n      opacity: 0.45;\n      z-index: 0;\n    }\n\n    .solution-banner::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, rgba(224, 242, 254, 0.85) 0%, rgba(219, 234, 254, 0.8) 50%, rgba(224, 231, 255, 0.85) 100%);\n      z-index: 1;\n    }\n\n    .solution-banner .banner-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 30px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 60px;\n      align-items: center;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* \u5de6\u4fa7\u5185\u5bb9 *\/\n    .solution-banner .content-section .label {\n      display: inline-block;\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #1e40af;\n      margin-bottom: 18px;\n      padding: 8px 18px;\n      background: rgba(59, 130, 246, 0.2);\n      border-radius: 20px;\n      border: 1px solid rgba(59, 130, 246, 0.3);\n      backdrop-filter: blur(10px);\n    }\n\n    .solution-banner .title {\n      font-size: 44px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin-bottom: 20px;\n      color: #0f172a;\n      text-shadow: 0 2px 10px rgba(255, 255, 255, 0.5);\n    }\n\n    .solution-banner .title .highlight {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .solution-banner .description {\n      font-size: 17px;\n      line-height: 1.7;\n      color: #1e293b;\n      margin-bottom: 35px;\n      text-shadow: 0 1px 3px rgba(255, 255, 255, 0.3);\n    }\n\n    \/* \u6309\u94ae *\/\n    .solution-banner .button-group {\n      display: flex;\n      gap: 15px;\n      flex-wrap: wrap;\n    }\n\n    .solution-banner .btn {\n      padding: 14px 30px;\n      font-size: 15px;\n      font-weight: 600;\n      border-radius: 50px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      text-decoration: none;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      border: none;\n    }\n\n    .solution-banner .btn-primary {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      box-shadow: 0 4px 15px rgba(59, 130, 246, 0.5);\n    }\n\n    .solution-banner .btn-primary:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 20px rgba(59, 130, 246, 0.6);\n    }\n\n    .solution-banner .btn-secondary {\n      background: rgba(255, 255, 255, 0.9);\n      color: #1e293b;\n      border: 2px solid rgba(203, 213, 225, 0.8);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n      backdrop-filter: blur(10px);\n    }\n\n    .solution-banner .btn-secondary:hover {\n      background: white;\n      border-color: #3b82f6;\n      color: #3b82f6;\n      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);\n    }\n\n    .solution-banner .btn svg {\n      width: 16px;\n      height: 16px;\n    }\n\n    \/* \u53f3\u4fa7\u56fe\u7247 *\/\n    .solution-banner .image-section {\n      display: flex;\n      justify-content: center;\n    }\n\n    .solution-banner .image-wrapper {\n      width: 100%;\n      max-width: 500px;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n      border: 3px solid rgba(255, 255, 255, 0.9);\n      backdrop-filter: blur(10px);\n    }\n\n    .solution-banner .image-wrapper img {\n      width: 100%;\n      height: auto;\n      display: block;\n      transition: transform 0.5s ease;\n    }\n\n    .solution-banner .image-wrapper:hover img {\n      transform: scale(1.05);\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 992px) {\n      .solution-banner {\n        padding: 60px 0;\n      }\n      .solution-banner .banner-container {\n        grid-template-columns: 1fr;\n        text-align: center;\n      }\n      .solution-banner .title {\n        font-size: 38px;\n      }\n      .solution-banner .image-wrapper {\n        margin: 0 auto;\n      }\n      .solution-banner .button-group {\n        justify-content: center;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .solution-banner {\n        padding: 50px 0;\n      }\n      .solution-banner .title {\n        font-size: 32px;\n      }\n      .solution-banner .description {\n        font-size: 16px;\n      }\n      .solution-banner .button-group {\n        flex-direction: column;\n      }\n      .solution-banner .btn {\n        width: 100%;\n        justify-content: center;\n      }\n    }\n  <\/style>\n\n  <div class=\"banner-container\">\n    <div class=\"content-section\">\n      <div class=\"label\">\u0421\u043e\u043d\u044f\u0447\u043d\u0435 \u043d\u0430\u0433\u0440\u0456\u0432\u0430\u043d\u043d\u044f \u0432\u043e\u0434\u0438<\/div>\n      <h1 class=\"title\">\n        \u0415\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e \u0442\u0430 \u0435\u043b\u0435\u0433\u0430\u043d\u0442\u043d\u043e<br>\n        <span class=\"highlight\">\u0420\u0456\u0448\u0435\u043d\u043d\u044f \u0434\u043b\u044f \u0441\u043e\u043d\u044f\u0447\u043d\u043e\u0433\u043e \u0433\u0430\u0440\u044f\u0447\u043e\u0433\u043e \u0432\u043e\u0434\u043e\u043f\u043e\u0441\u0442\u0430\u0447\u0430\u043d\u043d\u044f<\/span>\n      <\/h1>\n      <p class=\"description\">\n        \u0421\u043e\u043d\u044f\u0447\u043d\u0438\u0439 \u0440\u043e\u0437\u0434\u0456\u043b\u044c\u043d\u0438\u0439 \u0432\u043e\u0434\u043e\u043d\u0430\u0433\u0440\u0456\u0432\u0430\u0447 SOLETKS \u0440\u043e\u0437\u0434\u0456\u043b\u044f\u0454 \u043a\u043e\u043b\u0435\u043a\u0442\u043e\u0440 \u0456 \u0431\u0430\u043a \u0434\u043b\u044f \u0437\u0431\u0435\u0440\u0456\u0433\u0430\u043d\u043d\u044f \u0434\u043b\u044f \u0433\u043d\u0443\u0447\u043a\u043e\u0457 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438, \u0432\u0438\u0441\u043e\u043a\u043e\u0457 \u0442\u0435\u043f\u043b\u043e\u0443\u0442\u0440\u0438\u043c\u0443\u044e\u0447\u043e\u0457 \u0437\u0434\u0430\u0442\u043d\u043e\u0441\u0442\u0456 \u0442\u0430 \u043d\u0430\u0434\u0456\u0439\u043d\u043e\u0441\u0442\u0456 \u0432 \u0431\u0443\u0434\u044c-\u044f\u043a\u0443 \u043f\u043e\u0433\u043e\u0434\u0443 \u2014 \u0456\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0445 \u0431\u0443\u0434\u0438\u043d\u043a\u0456\u0432 \u0456 \u0432\u0456\u043b\u043b.\n      <\/p>\n      <div class=\"button-group\">\n        <button class=\"btn btn-primary\">\n          <span>\u041e\u0442\u0440\u0438\u043c\u0430\u0442\u0438 \u043a\u043e\u043c\u0435\u0440\u0446\u0456\u0439\u043d\u0443 \u043f\u0440\u043e\u043f\u043e\u0437\u0438\u0446\u0456\u044e<\/span>\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n          <\/svg>\n        <\/button>\n        <button class=\"btn btn-secondary\">\n          <span>\u0414\u0456\u0437\u043d\u0430\u0442\u0438\u0441\u044f \u0431\u0456\u043b\u044c\u0448\u0435<\/span>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"image-section\">\n      <div class=\"image-wrapper\">\n        <img height=\"800\" width=\"800\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/11.webp\" alt=\"SOLETKS Solar Hot Water Solution\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  document.querySelectorAll('.solution-banner .btn').forEach(button => {\n    button.addEventListener('click', function() {\n      console.log(this.textContent.trim() + ' clicked');\n    });\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af74d44 e-con-full e-flex e-con e-parent\" data-id=\"af74d44\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-451d194 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"451d194\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Solar Split Water Heater Section -->\n<section class=\"split-heater-section\" id=\"solar-split-heater-unique\">\n  <style>\n    \/* Split Heater Section Styles - \u5b8c\u5168\u9694\u79bb *\/\n    #solar-split-heater-unique.split-heater-section {\n      padding: 60px 20px;\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }\n\n    #solar-split-heater-unique .split-heater-container {\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    \/* Header *\/\n    #solar-split-heater-unique .heater-header {\n      text-align: center;\n      margin-bottom: 50px;\n    }\n\n    #solar-split-heater-unique .heater-title {\n      font-size: 42px;\n      font-weight: 800;\n      color: #1e293b;\n      line-height: 1.2;\n      margin: 0 0 20px 0;\n    }\n\n    #solar-split-heater-unique .heater-title .highlight {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    #solar-split-heater-unique .heater-intro {\n      font-size: 17px;\n      line-height: 1.8;\n      color: #64748b;\n      max-width: 900px;\n      margin: 0 auto 15px;\n    }\n\n    #solar-split-heater-unique .heater-intro strong {\n      color: #1e293b;\n      font-weight: 600;\n    }\n\n    #solar-split-heater-unique .intro-subtitle {\n      font-size: 18px;\n      font-weight: 600;\n      color: #1e293b;\n      margin: 30px 0 25px;\n      text-align: center;\n    }\n\n    \/* Advantages Grid *\/\n    #solar-split-heater-unique .advantages-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 25px;\n      margin-bottom: 50px;\n    }\n\n    #solar-split-heater-unique .advantage-card {\n      background: white;\n      padding: 35px 28px;\n      border-radius: 16px;\n      border: 2px solid #e2e8f0;\n      text-align: center;\n      transition: all 0.3s ease;\n      position: relative;\n      overflow: hidden;\n    }\n\n    #solar-split-heater-unique .advantage-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #3b82f6, #2563eb);\n      transform: scaleX(0);\n      transition: transform 0.3s ease;\n    }\n\n    #solar-split-heater-unique .advantage-card:hover {\n      border-color: #3b82f6;\n      box-shadow: 0 8px 25px rgba(59, 130, 246, 0.12);\n      transform: translateY(-5px);\n    }\n\n    #solar-split-heater-unique .advantage-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    #solar-split-heater-unique .advantage-number {\n      width: 45px;\n      height: 45px;\n      margin: 0 auto 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      border-radius: 50%;\n      color: white;\n      font-size: 20px;\n      font-weight: 700;\n    }\n\n    #solar-split-heater-unique .advantage-text {\n      font-size: 15px;\n      line-height: 1.6;\n      color: #475569;\n    }\n\n    \/* Features Section *\/\n    #solar-split-heater-unique .features-section {\n      background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);\n      border-radius: 20px;\n      padding: 45px;\n      color: white;\n    }\n\n    #solar-split-heater-unique .features-title {\n      font-size: 28px;\n      font-weight: 700;\n      text-align: center;\n      margin: 0 0 35px 0;\n    }\n\n    #solar-split-heater-unique .features-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 25px;\n    }\n\n    #solar-split-heater-unique .feature-item {\n      text-align: center;\n      padding: 28px 20px;\n      background: rgba(255, 255, 255, 0.1);\n      border-radius: 14px;\n      border: 1px solid rgba(255, 255, 255, 0.2);\n      backdrop-filter: blur(10px);\n      transition: all 0.3s ease;\n    }\n\n    #solar-split-heater-unique .feature-item:hover {\n      background: rgba(255, 255, 255, 0.15);\n      transform: translateY(-5px);\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n    }\n\n    #solar-split-heater-unique .feature-number {\n      width: 40px;\n      height: 40px;\n      margin: 0 auto 15px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: rgba(255, 255, 255, 0.2);\n      border-radius: 50%;\n      color: white;\n      font-size: 18px;\n      font-weight: 700;\n      border: 2px solid rgba(255, 255, 255, 0.3);\n    }\n\n    #solar-split-heater-unique .feature-name {\n      font-size: 16px;\n      font-weight: 700;\n      margin: 0 0 8px 0;\n    }\n\n    #solar-split-heater-unique .feature-desc {\n      font-size: 13px;\n      opacity: 0.9;\n      line-height: 1.5;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      #solar-split-heater-unique .advantages-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }\n\n      #solar-split-heater-unique .features-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n      }\n    }\n\n    @media (max-width: 968px) {\n      #solar-split-heater-unique.split-heater-section {\n        padding: 50px 15px;\n      }\n\n      #solar-split-heater-unique .heater-title {\n        font-size: 34px;\n      }\n\n      #solar-split-heater-unique .heater-intro {\n        font-size: 16px;\n      }\n\n      #solar-split-heater-unique .features-section {\n        padding: 35px 25px;\n      }\n\n      #solar-split-heater-unique .features-grid {\n        grid-template-columns: 1fr;\n        gap: 15px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      #solar-split-heater-unique .heater-title {\n        font-size: 28px;\n      }\n\n      #solar-split-heater-unique .heater-intro {\n        font-size: 15px;\n      }\n\n      #solar-split-heater-unique .intro-subtitle {\n        font-size: 16px;\n      }\n\n      #solar-split-heater-unique .advantage-card {\n        padding: 25px 20px;\n      }\n\n      #solar-split-heater-unique .features-title {\n        font-size: 24px;\n      }\n    }\n  <\/style>\n\n  <div class=\"split-heater-container\">\n    <!-- Header -->\n    <div class=\"heater-header\">\n      <h2 class=\"heater-title\">\n        <span class=\"highlight\">\u0421\u043e\u043d\u044f\u0447\u043d\u0438\u0439 \u0440\u043e\u0437\u0434\u0456\u043b\u044c\u043d\u0438\u0439<\/span> \u0412\u043e\u0434\u043e\u043d\u0430\u0433\u0440\u0456\u0432\u0430\u0447\n      <\/h2>\n\n      <p class=\"heater-intro\">\n        \u0421\u043e\u043d\u044f\u0447\u043d\u0438\u0439 \u0440\u043e\u0437\u0434\u0456\u043b\u044c\u043d\u0438\u0439 \u0432\u043e\u0434\u043e\u043d\u0430\u0433\u0440\u0456\u0432\u0430\u0447 \u2014 \u0446\u0435 \u0441\u0443\u0447\u0430\u0441\u043d\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0433\u0430\u0440\u044f\u0447\u043e\u0457 \u0432\u043e\u0434\u0438, \u044f\u043a\u0430 <strong>\u0440\u043e\u0437\u0434\u0456\u043b\u044f\u0454 \u0441\u043e\u043d\u044f\u0447\u043d\u0438\u0439 \u043a\u043e\u043b\u0435\u043a\u0442\u043e\u0440 \u0456 \u0431\u0430\u043a \u0434\u043b\u044f \u0437\u0431\u0435\u0440\u0456\u0433\u0430\u043d\u043d\u044f<\/strong>. \u041a\u043e\u043b\u0435\u043a\u0442\u043e\u0440 \u043f\u043e\u0433\u043b\u0438\u043d\u0430\u0454 \u0441\u043e\u043d\u044f\u0447\u043d\u0443 \u0435\u043d\u0435\u0440\u0433\u0456\u044e \u0447\u0435\u0440\u0435\u0437 \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0446\u0438\u0440\u043a\u0443\u043b\u044f\u0446\u0456\u0457 \u0441\u0435\u0440\u0435\u0434\u043d\u044c\u043e\u0433\u043e \u0442\u0438\u043f\u0443 \u0456 \u043f\u0435\u0440\u0435\u0442\u0432\u043e\u0440\u044e\u0454 \u0457\u0457 \u0432 \u0442\u0435\u043f\u043b\u043e. \u0411\u0430\u043a \u0434\u043b\u044f \u0437\u0431\u0435\u0440\u0456\u0433\u0430\u043d\u043d\u044f, \u0440\u043e\u0437\u0442\u0430\u0448\u043e\u0432\u0430\u043d\u0438\u0439 \u0432\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0456 \u0430\u0431\u043e \u043d\u0430 \u0431\u0430\u043b\u043a\u043e\u043d\u0456, \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e \u0437\u0431\u0435\u0440\u0456\u0433\u0430\u0454 \u0446\u044e \u0442\u0435\u043f\u043b\u043e\u0432\u0443 \u0435\u043d\u0435\u0440\u0433\u0456\u044e \u0434\u043b\u044f \u043f\u043e\u0434\u0430\u043b\u044c\u0448\u043e\u0433\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f.\n      <\/p>\n\n      <h3 class=\"intro-subtitle\">\u0426\u0435\u0439 \u0456\u043d\u043d\u043e\u0432\u0430\u0446\u0456\u0439\u043d\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u043c\u0430\u0454 \u043a\u0456\u043b\u044c\u043a\u0430 \u043f\u0435\u0440\u0435\u0432\u0430\u0433:<\/h3>\n    <\/div>\n\n    <!-- Advantages Grid -->\n    <div class=\"advantages-grid\">\n      <div class=\"advantage-card\">\n        <div class=\"advantage-number\">01<\/div>\n        <p class=\"advantage-text\">\u0413\u043d\u0443\u0447\u043a\u0430 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0443 \u0440\u0456\u0437\u043d\u0438\u0445 \u0443\u043c\u043e\u0432\u0430\u0445 \u0431\u0435\u0437 \u0434\u043e\u0434\u0430\u0442\u043a\u043e\u0432\u043e\u0433\u043e \u043d\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0435\u043d\u043d\u044f \u043d\u0430 \u0434\u0430\u0445<\/p>\n      <\/div>\n\n      <div class=\"advantage-card\">\n        <div class=\"advantage-number\">02<\/div>\n        <p class=\"advantage-text\">\u0417\u043c\u0435\u043d\u0448\u0435\u043d\u043d\u044f \u0432\u0442\u0440\u0430\u0442 \u0442\u0435\u043f\u043b\u0430 \u0442\u0430 \u043f\u043e\u043a\u0440\u0430\u0449\u0435\u043d\u0438\u0439 \u0437\u0430\u0445\u0438\u0441\u0442 \u0432\u0456\u0434 \u0437\u0430\u043c\u0435\u0440\u0437\u0430\u043d\u043d\u044f \u0437\u0430\u0432\u0434\u044f\u043a\u0438 \u0440\u043e\u0437\u043c\u0456\u0449\u0435\u043d\u043d\u044e \u0431\u0430\u043a\u0430 \u0432\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0456 \u043f\u0440\u0438\u043c\u0456\u0449\u0435\u043d\u043d\u044f<\/p>\n      <\/div>\n\n      <div class=\"advantage-card\">\n        <div class=\"advantage-number\">03<\/div>\n        <p class=\"advantage-text\">\u0415\u0441\u0442\u0435\u0442\u0438\u0447\u043d\u0430 \u0456\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0456\u044f \u0437 \u0441\u0443\u0447\u0430\u0441\u043d\u043e\u044e \u0430\u0440\u0445\u0456\u0442\u0435\u043a\u0442\u0443\u0440\u043e\u044e, \u0456\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u0431\u0430\u0433\u0430\u0442\u043e\u043f\u043e\u0432\u0435\u0440\u0445\u043e\u0432\u0438\u0445 \u0431\u0443\u0434\u0456\u0432\u0435\u043b\u044c \u0456 \u0432\u0456\u043b\u043b<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Features Section -->\n    <div class=\"features-section\">\n      <h3 class=\"features-title\">\u041e\u0441\u043e\u0431\u043b\u0438\u0432\u043e\u0441\u0442\u0456 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0443<\/h3>\n\n      <div class=\"features-grid\">\n        <div class=\"feature-item\">\n          <div class=\"feature-number\">01<\/div>\n          <div class=\"feature-name\">\u041d\u0435\u0440\u0436\u0430\u0432\u0456\u044e\u0447\u0430 \u0441\u0442\u0430\u043b\u044c\u043e\u0432\u0430 \u043e\u0431\u043e\u043b\u043e\u043d\u043a\u0430 \u0445\u0430\u0440\u0447\u043e\u0432\u043e\u0433\u043e \u043a\u043b\u0430\u0441\u0443<\/div>\n          <p class=\"feature-desc\">\u0427\u0438\u0441\u0442\u0430, \u0433\u0456\u0433\u0456\u0454\u043d\u0456\u0447\u043d\u0430 \u0432\u043e\u0434\u0430 \u0431\u0435\u0437 \u0437\u0430\u0431\u0440\u0443\u0434\u043d\u0435\u043d\u044c<\/p>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-number\">02<\/div>\n          <div class=\"feature-name\">\u0421\u0435\u0440\u0435\u0434\u043d\u044f \u0446\u0438\u0440\u043a\u0443\u043b\u044f\u0446\u0456\u044f<\/div>\n          <p class=\"feature-desc\">\u041d\u0430\u0434\u0456\u0439\u043d\u0430 \u0440\u043e\u0431\u043e\u0442\u0430 \u0432 \u0445\u043e\u043b\u043e\u0434\u043d\u0438\u0445 \u043a\u043b\u0456\u043c\u0430\u0442\u0438\u0447\u043d\u0438\u0445 \u0443\u043c\u043e\u0432\u0430\u0445<\/p>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-number\">03<\/div>\n          <div class=\"feature-name\">\u0412\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u0456\u0439 \u0432\u043e\u0434\u044f\u043d\u0438\u0439 \u0431\u0430\u043a<\/div>\n          <p class=\"feature-desc\">\u0411\u0435\u0437\u043f\u0435\u0447\u043d\u0438\u0439, \u0437\u0440\u0443\u0447\u043d\u0438\u0439 \u0456 \u043b\u0435\u0433\u043a\u0438\u0439 \u0443 \u043e\u0431\u0441\u043b\u0443\u0433\u043e\u0432\u0443\u0432\u0430\u043d\u043d\u0456<\/p>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-number\">04<\/div>\n          <div class=\"feature-name\">\u0417\u0440\u0443\u0447\u043d\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u0434\u043b\u044f \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0430<\/div>\n          <p class=\"feature-desc\">\u041f\u0440\u043e\u0441\u0442\u0430 \u043e\u043f\u0435\u0440\u0430\u0446\u0456\u044f \u0437 \u0434\u043e\u0432\u0433\u0438\u043c \u0442\u0435\u0440\u043c\u0456\u043d\u043e\u043c \u0441\u043b\u0443\u0436\u0431\u0438<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  'use strict';\n  \n  \/\/ \u4f7f\u7528IIFE\u521b\u5efa\u79c1\u6709\u4f5c\u7528\u57df\uff0c\u9632\u6b62\u53d8\u91cf\u6c61\u67d3\n  const COMPONENT_ID = 'solar-split-heater-unique';\n  const container = document.getElementById(COMPONENT_ID);\n  \n  \/\/ \u5982\u679c\u5bb9\u5668\u4e0d\u5b58\u5728\uff0c\u76f4\u63a5\u8fd4\u56de\n  if (!container) {\n    return;\n  }\n  \n  \/\/ \u6eda\u52a8\u5904\u7406\u51fd\u6570 - \u53ea\u4f5c\u7528\u4e8e\u5f53\u524d\u7ec4\u4ef6\n  function handleHeaterScroll() {\n    const advantageCards = container.querySelectorAll('.advantage-card');\n    const featureItems = container.querySelectorAll('.feature-item');\n    \n    advantageCards.forEach((card, index) => {\n      const rect = card.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 60;\n      \n      if (isVisible && !card.classList.contains('animated')) {\n        setTimeout(() => {\n          card.style.opacity = '1';\n          card.style.transform = 'translateY(0)';\n          card.classList.add('animated');\n        }, index * 100);\n      }\n    });\n\n    featureItems.forEach((item, index) => {\n      const rect = item.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 60;\n      \n      if (isVisible && !item.classList.contains('animated')) {\n        setTimeout(() => {\n          item.style.opacity = '1';\n          item.style.transform = 'translateY(0)';\n          item.classList.add('animated');\n        }, index * 80);\n      }\n    });\n  }\n  \n  \/\/ \u521d\u59cb\u5316\u51fd\u6570\n  function initComponent() {\n    const advantageCards = container.querySelectorAll('.advantage-card');\n    const featureItems = container.querySelectorAll('.feature-item');\n    \n    \/\/ \u8bbe\u7f6e\u521d\u59cb\u52a8\u753b\u72b6\u6001\n    advantageCards.forEach(card => {\n      card.style.opacity = '0';\n      card.style.transform = 'translateY(20px)';\n      card.style.transition = 'all 0.5s ease';\n    });\n\n    featureItems.forEach(item => {\n      item.style.opacity = '0';\n      item.style.transform = 'translateY(20px)';\n      item.style.transition = 'all 0.5s ease';\n    });\n    \n    \/\/ \u6dfb\u52a0\u6eda\u52a8\u4e8b\u4ef6\u76d1\u542c\u5668\n    window.addEventListener('scroll', handleHeaterScroll, { passive: true });\n    \n    \/\/ \u89e6\u53d1\u521d\u59cb\u68c0\u67e5\n    setTimeout(handleHeaterScroll, 100);\n  }\n  \n  \/\/ DOM\u52a0\u8f7d\u5b8c\u6210\u540e\u521d\u59cb\u5316\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initComponent);\n  } else {\n    initComponent();\n  }\n  \n  \/\/ \u6e05\u7406\u51fd\u6570\uff08\u53ef\u9009\uff0c\u7528\u4e8e\u5355\u9875\u5e94\u7528\uff09\n  window.cleanupSolarSplitHeater = function() {\n    window.removeEventListener('scroll', handleHeaterScroll);\n  };\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b12ec37 e-con-full e-flex e-con e-parent\" data-id=\"b12ec37\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee66697 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"ee66697\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Flat Plate Solar Collector Section -->\n<section class=\"collector-specs-section\">\n  <style>\n    \/* Collector Specs Section Styles *\/\n    .collector-specs-section {\n      padding: 70px 20px;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 50%, #f8fafc 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }\n\n    .collector-container {\n      max-width: 1400px;\n      margin: 0 auto;\n    }\n\n    \/* Section Header with Images *\/\n    .specs-hero {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 30px;\n      margin-bottom: 60px;\n      align-items: center;\n    }\n\n    .hero-content {\n      padding: 30px;\n    }\n\n    .specs-title {\n      font-size: 48px;\n      font-weight: 800;\n      color: #1e293b;\n      line-height: 1.2;\n      margin: 0 0 20px 0;\n    }\n\n    .specs-title .highlight {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .specs-description {\n      font-size: 16px;\n      line-height: 1.7;\n      color: #64748b;\n      margin-bottom: 25px;\n    }\n\n    .hero-features {\n      display: grid;\n      gap: 10px;\n    }\n\n    .hero-feature {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      font-size: 14px;\n      color: #475569;\n      font-weight: 500;\n    }\n\n    .hero-feature::before {\n      content: '\u2713';\n      width: 22px;\n      height: 22px;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      border-radius: 50%;\n      color: white;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 12px;\n      font-weight: 700;\n      flex-shrink: 0;\n    }\n\n    .hero-images {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 20px;\n    }\n\n    .hero-image-wrapper {\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n      transition: all 0.3s ease;\n    }\n\n    .hero-image-wrapper:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 15px 50px rgba(59, 130, 246, 0.15);\n    }\n\n    .hero-image-wrapper img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.5s ease;\n    }\n\n    .hero-image-wrapper:hover img {\n      transform: scale(1.05);\n    }\n\n    \/* Tabs Navigation *\/\n    .specs-tabs {\n      display: flex;\n      justify-content: center;\n      gap: 15px;\n      margin-bottom: 35px;\n      flex-wrap: wrap;\n    }\n\n    .tab-button {\n      padding: 12px 28px;\n      background: white;\n      border: 2px solid #e2e8f0;\n      border-radius: 50px;\n      font-size: 15px;\n      font-weight: 600;\n      color: #64748b;\n      cursor: pointer;\n      transition: all 0.3s ease;\n    }\n\n    .tab-button:hover {\n      border-color: #3b82f6;\n      color: #3b82f6;\n    }\n\n    .tab-button.active {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      border-color: #3b82f6;\n      color: white;\n      box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);\n    }\n\n    \/* Table Content *\/\n    .tab-content {\n      display: none;\n    }\n\n    .tab-content.active {\n      display: block;\n      animation: fadeIn 0.4s ease;\n    }\n\n    @keyframes fadeIn {\n      from {\n        opacity: 0;\n        transform: translateY(10px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    .specs-table-wrapper {\n      background: white;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n      border: 1px solid #e2e8f0;\n    }\n\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n    }\n\n    .specs-table thead {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n    }\n\n    .specs-table thead th {\n      padding: 16px 18px;\n      color: white;\n      font-size: 14px;\n      font-weight: 600;\n      text-align: left;\n    }\n\n    .specs-table tbody tr {\n      border-bottom: 1px solid #f1f5f9;\n      transition: all 0.2s ease;\n    }\n\n    .specs-table tbody tr:hover {\n      background: #f8fafc;\n    }\n\n    .specs-table tbody tr:last-child {\n      border-bottom: none;\n    }\n\n    .specs-table tbody td {\n      padding: 14px 18px;\n      font-size: 14px;\n      color: #475569;\n    }\n\n    .specs-table tbody td:first-child {\n      font-weight: 600;\n      color: #1e293b;\n      background: #f8fafc;\n    }\n\n    \/* Compact Table *\/\n    .compact-table thead th {\n      text-align: center;\n      padding: 14px 12px;\n    }\n\n    .compact-table tbody td {\n      text-align: center;\n      padding: 12px 12px;\n    }\n\n    .compact-table tbody td:first-child {\n      text-align: left;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .specs-hero {\n        gap: 25px;\n      }\n\n      .hero-content {\n        padding: 20px;\n      }\n\n      .specs-title {\n        font-size: 40px;\n      }\n    }\n\n    @media (max-width: 968px) {\n      .collector-specs-section {\n        padding: 50px 15px;\n      }\n\n      .specs-hero {\n        grid-template-columns: 1fr;\n        gap: 30px;\n      }\n\n      .hero-images {\n        order: -1;\n      }\n\n      .specs-title {\n        font-size: 36px;\n      }\n\n      .specs-table-wrapper {\n        overflow-x: auto;\n      }\n\n      .specs-table {\n        min-width: 600px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .specs-title {\n        font-size: 30px;\n      }\n\n      .specs-description {\n        font-size: 15px;\n      }\n\n      .hero-images {\n        grid-template-columns: 1fr;\n      }\n\n      .specs-tabs {\n        gap: 10px;\n      }\n\n      .tab-button {\n        padding: 10px 20px;\n        font-size: 13px;\n      }\n    }\n  <\/style>\n\n  <div class=\"collector-container\">\n    <!-- Hero Section with Images -->\n    <div class=\"specs-hero\">\n      <!-- Left Content -->\n      <div class=\"hero-content\">\n        <h2 class=\"specs-title\">\n          <span class=\"highlight\">\u041f\u043b\u043e\u0441\u043a\u0430 \u043f\u043b\u0430\u0441\u0442\u0438\u043d\u0430<\/span><br>\u0421\u043e\u043d\u044f\u0447\u043d\u0438\u0439 \u043a\u043e\u043b\u0435\u043a\u0442\u043e\u0440\n        <\/h2>\n        <p class=\"specs-description\">\n          \u041f\u0435\u0440\u0435\u0434\u043e\u0432\u0430 \u0441\u043e\u043d\u044f\u0447\u043d\u0430 \u0442\u0435\u043f\u043b\u043e\u0432\u0430 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0456\u044f \u0437 \u0432\u0438\u0441\u043e\u043a\u043e\u044e \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0456\u0441\u0442\u044e \u0437\u0431\u043e\u0440\u0443 \u0442\u0435\u043f\u043b\u0430 \u0442\u0430 \u043c\u0456\u0446\u043d\u043e\u044e \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0456\u0454\u044e \u0434\u043b\u044f \u0436\u0438\u0442\u043b\u043e\u0432\u0438\u0445 \u0442\u0430 \u043a\u043e\u043c\u0435\u0440\u0446\u0456\u0439\u043d\u0438\u0445 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u0432\u0430\u043d\u044c.\n        <\/p>\n        <div class=\"hero-features\">\n          <div class=\"hero-feature\">\u041e\u043f\u0442\u0438\u0447\u043d\u0430 \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0456\u0441\u0442\u044c 78%<\/div>\n          <div class=\"hero-feature\">\u0412\u0438\u0441\u043e\u043a\u043e \u0441\u0435\u043b\u0435\u043a\u0442\u0438\u0432\u043d\u0435 \u043f\u043e\u0433\u043b\u0438\u043d\u0430\u044e\u0447\u0435 \u043f\u043e\u043a\u0440\u0438\u0442\u0442\u044f<\/div>\n          <div class=\"hero-feature\">\u041a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0456\u044f \u0437 \u0430\u043b\u044e\u043c\u0456\u043d\u0456\u0454\u0432\u043e\u0457 \u0440\u0430\u043c\u0438<\/div>\n          <div class=\"hero-feature\">\u0420\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043a\u043e\u0432\u0438\u0439 \u0440\u043e\u0431\u043e\u0447\u0438\u0439 \u0442\u0438\u0441\u043a 0,6 \u0431\u0430\u0440<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Right Images -->\n      <div class=\"hero-images\">\n        <div class=\"hero-image-wrapper\">\n          <img loading=\"lazy\" height=\"1536\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/H722d7b3d968b4d8a8aed68bc2c1feb92C.avif\" alt=\"SOLETKS Flat Plate Collector\">\n        <\/div>\n        <div class=\"hero-image-wrapper\">\n          <img loading=\"lazy\" height=\"1824\" width=\"1824\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/H592b24cd253446dda5a90ab688959a7bX.avif\" alt=\"SOLETKS Water Heater System\">\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Tabs Navigation -->\n    <div class=\"specs-tabs\">\n      <button class=\"tab-button active\" data-tab=\"collector\">\u0425\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438 \u043a\u043e\u043b\u0435\u043a\u0442\u043e\u0440\u0430<\/button>\n      <button class=\"tab-button\" data-tab=\"tank\">\u041c\u043e\u0434\u0435\u043b\u0456 \u0432\u043e\u0434\u044f\u043d\u0438\u0445 \u0431\u0430\u043a\u0456\u0432<\/button>\n      <button class=\"tab-button\" data-tab=\"workstation\">\u0420\u043e\u0431\u043e\u0447\u0430 \u0441\u0442\u0430\u043d\u0446\u0456\u044f<\/button>\n    <\/div>\n\n    <!-- Tab Content 1: Collector -->\n    <div class=\"tab-content active\" id=\"collector\">\n      <div class=\"specs-table-wrapper\">\n        <table class=\"specs-table\">\n          <thead>\n            <tr>\n              <th>Specification<\/th>\n              <th>BTE2.0-2<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td>\u0417\u0430\u0433\u0430\u043b\u044c\u043d\u0430 \u043f\u043b\u043e\u0449\u0430 (\u043c\u00b2)<\/td>\n              <td>2<\/td>\n            <\/tr>\n            <tr>\n              <td>\u041f\u043b\u043e\u0449\u0430 \u0430\u043f\u0435\u0440\u0442\u0443\u0440\u0438 (\u043c\u00b2)<\/td>\n              <td>1.87<\/td>\n            <\/tr>\n            <tr>\n              <td>\u0414\u043e\u0432\u0436\u0438\u043d\u0430 x \u0428\u0438\u0440\u0438\u043d\u0430 x \u0412\u0438\u0441\u043e\u0442\u0430 (\u043c\u043c)<\/td>\n              <td>2000 x 1000 x 80<\/td>\n            <\/tr>\n            <tr>\n              <td>\u0420\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043a\u043e\u0432\u0438\u0439 \u0440\u043e\u0431\u043e\u0447\u0438\u0439 \u0442\u0438\u0441\u043a<\/td>\n              <td>0,6 \u0431\u0430\u0440<\/td>\n            <\/tr>\n            <tr>\n              <td>\u041e\u043f\u0442\u0438\u0447\u043d\u0430 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0430<\/td>\n              <td>78%<\/td>\n            <\/tr>\n            <tr>\n              <td>\u041b\u0438\u0441\u0442 \u043f\u043e\u0433\u043b\u0438\u043d\u0430\u0447\u0430<\/td>\n              <td>Al, \u0432\u0438\u0441\u043e\u043a\u043e \u0441\u0435\u043b\u0435\u043a\u0442\u0438\u0432\u043d\u0435 \u043f\u043e\u0433\u043b\u0438\u043d\u0430\u044e\u0447\u0435 \u043f\u043e\u043a\u0440\u0438\u0442\u0442\u044f<\/td>\n            <\/tr>\n            <tr>\n              <td>\u041a\u0430\u0440\u043a\u0430\u0441<\/td>\n              <td>\u0410\u043b\u044e\u043c\u0456\u043d\u0456\u0439<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n\n    <!-- Tab Content 2: Tank -->\n    <div class=\"tab-content\" id=\"tank\">\n      <div class=\"specs-table-wrapper\">\n        <table class=\"specs-table compact-table\">\n          <thead>\n            <tr>\n              <th>\u041c\u043e\u0434\u0435\u043b\u044c<\/th>\n              <th>300<\/th>\n              <th>500<\/th>\n              <th>800<\/th>\n              <th>1000<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td>\u041a\u043e\u043b\u0435\u043a\u0442\u043e\u0440<\/td>\n              <td>BTE-2.0(\u00d73)<\/td>\n              <td>BTE-2.0(\u00d74)<\/td>\n              <td>BTE-2.0(\u00d78)<\/td>\n              <td>BTE-2.0(\u00d710)<\/td>\n            <\/tr>\n            <tr>\n              <td>\u0414\u043e\u0432\u0436\u0438\u043d\u0430 (\u043c\u043c)<\/td>\n              <td>1740<\/td>\n              <td>1845<\/td>\n              <td>1720\/1820<\/td>\n              <td>2000\/2100<\/td>\n            <\/tr>\n            <tr>\n              <td>\u0412\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u0456\u0439 \u0434\u0456\u0430\u043c\u0435\u0442\u0440 (\u043c\u043c)<\/td>\n              <td>\u03a6480<\/td>\n              <td>\u03a6580<\/td>\n              <td>\u03a6800<\/td>\n              <td>\u03a6800<\/td>\n            <\/tr>\n            <tr>\n              <td>\u0417\u043e\u0432\u043d\u0456\u0448\u043d\u0456\u0439 \u0434\u0456\u0430\u043c\u0435\u0442\u0440 (\u043c\u043c)<\/td>\n              <td>\u03a6580<\/td>\n              <td>\u03a6700<\/td>\n              <td>\u03a6900\/1000<\/td>\n              <td>\u03a6900\/1000<\/td>\n            <\/tr>\n            <tr>\n              <td>\u0406\u0437\u043e\u043b\u044f\u0446\u0456\u044f<\/td>\n              <td colspan=\"2\">\u041f\u0456\u043d\u043e\u043f\u043e\u043b\u0456\u0443\u0440\u0435\u0442\u0430\u043d\u043e\u0432\u0430 \u043f\u0456\u043d\u0430 60\u043c\u043c<\/td>\n              <td colspan=\"2\">\u041f\u0456\u043d\u043e\u043f\u043e\u043b\u0456\u0443\u0440\u0435\u0442\u0430\u043d\u043e\u0432\u0430 \u043f\u0456\u043d\u0430 50\/100\u043c\u043c<\/td>\n            <\/tr>\n            <tr>\n              <td>\u041c\u0430\u0442\u0435\u0440\u0456\u0430\u043b \u0432\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u044c\u043e\u0433\u043e \u0431\u0430\u043a\u0430<\/td>\n              <td colspan=\"4\">SUS304 \/ SUS316 L<\/td>\n            <\/tr>\n            <tr>\n              <td>\u041c\u0430\u0442\u0435\u0440\u0456\u0430\u043b \u0437\u043e\u0432\u043d\u0456\u0448\u043d\u044c\u043e\u0433\u043e \u0431\u0430\u043a\u0430<\/td>\n              <td colspan=\"4\">\u041b\u0438\u0441\u0442 \u0437 \u043a\u043e\u043b\u044c\u043e\u0440\u043e\u0432\u0438\u043c \u043f\u043e\u043a\u0440\u0438\u0442\u0442\u044f\u043c<\/td>\n            <\/tr>\n            <tr>\n              <td>\u0420\u043e\u0431\u043e\u0447\u0438\u0439 \u0442\u0438\u0441\u043a<\/td>\n              <td colspan=\"4\">7 \u0431\u0430\u0440<\/td>\n            <\/tr>\n            <tr>\n              <td>\u0415\u043b\u0435\u043a\u0442\u0440\u0438\u0447\u043d\u0438\u0439 \u043d\u0430\u0433\u0440\u0456\u0432\u0430\u043b\u044c\u043d\u0438\u0439 \u0435\u043b\u0435\u043c\u0435\u043d\u0442<\/td>\n              <td colspan=\"4\">220\u0412 1500\u0412\u0442~3000\u0412\u0442 \/ 110\u0412 1500\u0412\u0442<\/td>\n            <\/tr>\n            <tr>\n              <td>\u041c\u0430\u0442\u0435\u0440\u0456\u0430\u043b \u043a\u043e\u0442\u0443\u0448\u043a\u043e\u0432\u043e\u0457 \u0442\u0440\u0443\u0431\u0438<\/td>\n              <td colspan=\"4\">\u041e\u043f\u0446\u0456\u043e\u043d\u0430\u043b\u044c\u043d\u043e (\u043c\u0456\u0434\u044c\/sus304\/sus316)<\/td>\n            <\/tr>\n            <tr>\n              <td>\u0420\u043e\u0437\u043c\u0456\u0440 \u043a\u043e\u0442\u0443\u0448\u043a\u0438<\/td>\n              <td colspan=\"4\">\u03a612 x 1.0\u043c\u043c<\/td>\n            <\/tr>\n            <tr>\n              <td>\u041a\u043e\u0442\u0443\u0448\u043a\u0430 \u0442\u0435\u043f\u043b\u043e\u043e\u0431\u043c\u0456\u043d\u0443<\/td>\n              <td colspan=\"4\">\u041d\u0435\u043c\u0430\u0454 \/ \u041d\u0438\u0436\u043d\u044f \u043a\u043e\u0442\u0443\u0448\u043a\u0430 \/ \u0412\u0435\u0440\u0445\u043d\u044f \u043a\u043e\u0442\u0443\u0448\u043a\u0430 \u0442\u0430 \u043d\u0438\u0436\u043d\u044f \u043a\u043e\u0442\u0443\u0448\u043a\u0430<\/td>\n            <\/tr>\n            <tr>\n              <td>\u0420\u043e\u0437\u0448\u0438\u0440\u044e\u0432\u0430\u043b\u044c\u043d\u0438\u0439 \u0431\u0430\u043a<\/td>\n              <td>12\u043b<\/td>\n              <td>24\u043b<\/td>\n              <td>50\u043b<\/td>\n              <td>50\u043b<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n\n    <!-- Tab Content 3: Workstation -->\n    <div class=\"tab-content\" id=\"workstation\">\n      <div class=\"specs-table-wrapper\">\n        <table class=\"specs-table\">\n          <thead>\n            <tr>\n              <th>\u041c\u043e\u0434\u0435\u043b\u044c<\/th>\n              <th>\u0412\u0445\u0456\u0434<\/th>\n              <th>\u041d\u0430\u0441\u043e\u0441<\/th>\n              <th>\u041d\u043e\u043c\u0456\u043d\u0430\u043b\u044c\u043d\u0430 \u043f\u043e\u0442\u0443\u0436\u043d\u0456\u0441\u0442\u044c<\/th>\n              <th>\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u0435\u0440<\/th>\n              <th>\u0420\u043e\u0437\u043c\u0456\u0440 (\u043c\u043c)<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td>SR21H<\/td>\n              <td>AC220V\/110V, 50Hz<\/td>\n              <td>Grundfos 15-65 130<\/td>\n              <td>60-100\u0412\u0442<\/td>\n              <td>SR258<\/td>\n              <td>450 x 300 x 160<\/td>\n            <\/tr>\n            <tr>\n              <td>TSCEN-6<\/td>\n              <td>AC220V\/110V, 50Hz<\/td>\n              <td>Wilo ST20\/11<\/td>\n              <td>165W<\/td>\n              <td>FTC-6<\/td>\n              <td>270 x 460 x 160<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Tab\u5207\u6362\u529f\u80fd\n  const tabButtons = document.querySelectorAll('.collector-specs-section .tab-button');\n  const tabContents = document.querySelectorAll('.collector-specs-section .tab-content');\n  \n  tabButtons.forEach(button => {\n    button.addEventListener('click', function() {\n      const targetTab = this.getAttribute('data-tab');\n      \n      \/\/ \u79fb\u9664\u6240\u6709active\u7c7b\n      tabButtons.forEach(btn => btn.classList.remove('active'));\n      tabContents.forEach(content => content.classList.remove('active'));\n      \n      \/\/ \u6dfb\u52a0active\u7c7b\u5230\u5f53\u524d\u9009\u4e2d\u7684\n      this.classList.add('active');\n      document.getElementById(targetTab).classList.add('active');\n    });\n  });\n\n  \/\/ \u6eda\u52a8\u52a8\u753b\n  function handleSpecsScroll() {\n    const hero = document.querySelector('.collector-specs-section .specs-hero');\n    const tabs = document.querySelector('.collector-specs-section .specs-tabs');\n    \n    if (hero) {\n      const rect = hero.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 80;\n      \n      if (isVisible && !hero.classList.contains('animated')) {\n        hero.style.opacity = '1';\n        hero.style.transform = 'translateY(0)';\n        hero.classList.add('animated');\n      }\n    }\n\n    if (tabs) {\n      const rect = tabs.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 60;\n      \n      if (isVisible && !tabs.classList.contains('animated')) {\n        setTimeout(() => {\n          tabs.style.opacity = '1';\n          tabs.style.transform = 'translateY(0)';\n          tabs.classList.add('animated');\n        }, 200);\n      }\n    }\n  }\n  \n  \/\/ \u521d\u59cb\u5316\u72b6\u6001\n  const hero = document.querySelector('.collector-specs-section .specs-hero');\n  const tabs = document.querySelector('.collector-specs-section .specs-tabs');\n  \n  if (hero) {\n    hero.style.opacity = '0';\n    hero.style.transform = 'translateY(30px)';\n    hero.style.transition = 'all 0.6s ease';\n  }\n\n  if (tabs) {\n    tabs.style.opacity = '0';\n    tabs.style.transform = 'translateY(20px)';\n    tabs.style.transition = 'all 0.5s ease';\n  }\n  \n  \/\/ \u4e8b\u4ef6\u76d1\u542c\n  window.addEventListener('scroll', handleSpecsScroll);\n  \n  \/\/ \u89e6\u53d1\u521d\u59cb\u68c0\u67e5\n  setTimeout(handleSpecsScroll, 100);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cacee18 e-con-full e-flex e-con e-parent\" data-id=\"cacee18\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af0ced3 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"af0ced3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- How Solar Split Water Heater Works Section -->\n<section class=\"working-principle-section\">\n  <style>\n    \/* Working Principle Section Styles *\/\n    .working-principle-section {\n      padding: 70px 20px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }\n\n    .working-container {\n      max-width: 1400px;\n      margin: 0 auto;\n    }\n\n    \/* Section Header *\/\n    .working-header {\n      text-align: center;\n      margin-bottom: 50px;\n    }\n\n    .working-label {\n      display: inline-block;\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #3b82f6;\n      margin-bottom: 15px;\n      padding: 6px 18px;\n      background: rgba(59, 130, 246, 0.1);\n      border-radius: 20px;\n    }\n\n    .working-title {\n      font-size: 42px;\n      font-weight: 800;\n      color: #1e293b;\n      line-height: 1.2;\n      margin: 0 0 20px 0;\n    }\n\n    .working-title .highlight {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .working-intro {\n      font-size: 17px;\n      line-height: 1.7;\n      color: #64748b;\n      max-width: 900px;\n      margin: 0 auto;\n    }\n\n    \/* Main Content Grid *\/\n    .working-content {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 50px;\n      align-items: start;\n    }\n\n    \/* Diagram Section *\/\n    .diagram-section {\n      position: relative;\n    }\n\n    .diagram-wrapper {\n      background: white;\n      border-radius: 20px;\n      padding: 30px;\n      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n      border: 2px solid #e2e8f0;\n      margin-bottom: 0;\n    }\n\n    .diagram-wrapper img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 12px;\n      margin-bottom: 0;\n    }\n\n    \/* Summary Box - Now under diagram *\/\n    .summary-box {\n      background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n      border: 2px solid #bfdbfe;\n      border-radius: 16px;\n      padding: 25px;\n      margin-top: 20px;\n    }\n\n    .summary-title {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1e3a8a;\n      margin: 0 0 12px 0;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .summary-title::before {\n      content: '\ud83d\udca1';\n      font-size: 22px;\n    }\n\n    .summary-text {\n      font-size: 14px;\n      line-height: 1.6;\n      color: #1e40af;\n      margin: 0;\n    }\n\n    \/* Components List - Optimized *\/\n    .components-list {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 15px;\n    }\n\n    .component-item {\n      background: white;\n      padding: 16px 18px;\n      border-radius: 12px;\n      border-left: 4px solid #3b82f6;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n      transition: all 0.3s ease;\n    }\n\n    .component-item:hover {\n      box-shadow: 0 8px 25px rgba(59, 130, 246, 0.12);\n      transform: translateX(5px);\n      border-left-width: 6px;\n    }\n\n    .component-title {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 6px 0;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .component-number {\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      border-radius: 50%;\n      color: white;\n      font-size: 12px;\n      font-weight: 700;\n      flex-shrink: 0;\n    }\n\n    .component-description {\n      font-size: 13px;\n      line-height: 1.5;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .working-content {\n        gap: 40px;\n      }\n\n      .working-title {\n        font-size: 38px;\n      }\n    }\n\n    @media (max-width: 968px) {\n      .working-principle-section {\n        padding: 60px 15px;\n      }\n\n      .working-content {\n        grid-template-columns: 1fr;\n        gap: 35px;\n      }\n\n      .working-title {\n        font-size: 34px;\n      }\n\n      .working-intro {\n        font-size: 16px;\n      }\n\n      .diagram-wrapper {\n        padding: 20px;\n      }\n\n      .components-list {\n        gap: 18px;\n      }\n\n      .component-item {\n        padding: 18px 20px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .working-principle-section {\n        padding: 50px 15px;\n      }\n\n      .working-header {\n        margin-bottom: 40px;\n      }\n\n      .working-title {\n        font-size: 28px;\n      }\n\n      .working-intro {\n        font-size: 15px;\n      }\n\n      .component-item {\n        padding: 16px 18px;\n      }\n\n      .component-title {\n        font-size: 14px;\n      }\n\n      .component-description {\n        font-size: 13px;\n      }\n\n      .summary-box {\n        padding: 20px;\n      }\n\n      .summary-title {\n        font-size: 17px;\n      }\n\n      .summary-text {\n        font-size: 13px;\n      }\n    }\n  <\/style>\n\n  <div class=\"working-container\">\n    <!-- Section Header -->\n    <div class=\"working-header\">\n      <span class=\"working-label\">\u041e\u0433\u043b\u044f\u0434 \u0441\u0438\u0441\u0442\u0435\u043c\u0438<\/span>\n      <h2 class=\"working-title\">\n        \u042f\u043a \u043f\u0440\u0430\u0446\u044e\u0454 <span class=\"highlight\">\u0421\u043e\u043d\u044f\u0447\u043d\u0438\u0439 \u0440\u043e\u0437\u0434\u0456\u043b\u044c\u043d\u0438\u0439 \u0432\u043e\u0434\u043e\u043d\u0430\u0433\u0440\u0456\u0432\u0430\u0447<\/span> \u041f\u0440\u0430\u0446\u044e\u0454\n      <\/h2>\n      <p class=\"working-intro\">\n        \u0414\u0456\u0430\u0433\u0440\u0430\u043c\u0430 \u0456\u043b\u044e\u0441\u0442\u0440\u0443\u0454 \u043f\u0440\u0438\u043d\u0446\u0438\u043f \u0440\u043e\u0431\u043e\u0442\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0438 \u0441\u043e\u043d\u044f\u0447\u043d\u043e\u0433\u043e \u0440\u043e\u0437\u0434\u0456\u043b\u044c\u043d\u043e\u0433\u043e \u043d\u0430\u0433\u0440\u0456\u0432\u0443 \u0432\u043e\u0434\u0438. \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0441\u043a\u043b\u0430\u0434\u0430\u0454\u0442\u044c\u0441\u044f \u0437 \u0434\u0432\u043e\u0445 \u043e\u0441\u043d\u043e\u0432\u043d\u0438\u0445 \u0447\u0430\u0441\u0442\u0438\u043d \u2014 \u0441\u043e\u043d\u044f\u0447\u043d\u0438\u0445 \u043a\u043e\u043b\u0435\u043a\u0442\u043e\u0440\u0456\u0432 \u0442\u0430 \u0431\u0430\u043a\u0430 \u0434\u043b\u044f \u0433\u0430\u0440\u044f\u0447\u043e\u0457 \u0432\u043e\u0434\u0438 \u2014 \u0437'\u0454\u0434\u043d\u0430\u043d\u0438\u0445 \u0441\u0435\u0440\u0435\u0434\u043d\u044c\u043e\u044e \u0446\u0438\u0440\u043a\u0443\u043b\u044f\u0446\u0456\u0439\u043d\u043e\u044e \u043f\u0435\u0442\u043b\u0435\u044e.\n      <\/p>\n    <\/div>\n\n    <!-- Main Content Grid -->\n    <div class=\"working-content\">\n      <!-- Left - Diagram and Summary -->\n      <div class=\"diagram-section\">\n        <div class=\"diagram-wrapper\">\n          <img loading=\"lazy\" height=\"575\" width=\"800\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/22.png\" alt=\"Solar Split Water Heater Working Principle\">\n        <\/div>\n        \n        <!-- Summary Box moved here -->\n        <div class=\"summary-box\">\n          <div class=\"summary-title\">\u041f\u0435\u0440\u0435\u0432\u0430\u0433\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0438<\/div>\n          <p class=\"summary-text\">\n            \u0426\u044f \u043a\u043e\u043d\u0444\u0456\u0433\u0443\u0440\u0430\u0446\u0456\u044f \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0454 \u0441\u043e\u043d\u044f\u0447\u043d\u0443 \u0435\u043d\u0435\u0440\u0433\u0456\u044e, \u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0443\u044e\u0447\u0438 \u0432\u0438\u0441\u043e\u043a\u0443 \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0456\u0441\u0442\u044c, \u0431\u0435\u0437\u043f\u0435\u0447\u043d\u0443 \u0435\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0456\u044e \u0442\u0430 \u043d\u0430\u0434\u0456\u0439\u043d\u0456\u0441\u0442\u044c \u043f\u0440\u043e\u0442\u044f\u0433\u043e\u043c \u0443\u0441\u044c\u043e\u0433\u043e \u0440\u043e\u043a\u0443, \u043d\u0430\u0432\u0456\u0442\u044c \u0443 \u0445\u043e\u043b\u043e\u0434\u043d\u0438\u0445 \u0430\u0431\u043e \u0437\u043c\u0456\u043d\u043d\u0438\u0445 \u043a\u043b\u0456\u043c\u0430\u0442\u0438\u0447\u043d\u0438\u0445 \u0443\u043c\u043e\u0432\u0430\u0445.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Right - Components List -->\n      <div class=\"components-list\">\n        <div class=\"component-item\">\n          <div class=\"component-title\">\n            <span class=\"component-number\">1<\/span>\n            \u0421\u043e\u043d\u044f\u0447\u043d\u0456 \u043a\u043e\u043b\u0435\u043a\u0442\u043e\u0440\u0438\n          <\/div>\n          <p class=\"component-description\">\n            \u0412\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0456 \u043d\u0430 \u0434\u0430\u0445\u0443, \u043f\u043e\u0433\u043b\u0438\u043d\u0430\u044e\u0442\u044c \u0441\u043e\u043d\u044f\u0447\u043d\u0435 \u0432\u0438\u043f\u0440\u043e\u043c\u0456\u043d\u044e\u0432\u0430\u043d\u043d\u044f \u0442\u0430 \u043f\u0435\u0440\u0435\u0442\u0432\u043e\u0440\u044e\u044e\u0442\u044c \u0439\u043e\u0433\u043e \u0443 \u0442\u0435\u043f\u043b\u043e.\n          <\/p>\n        <\/div>\n\n        <div class=\"component-item\">\n          <div class=\"component-title\">\n            <span class=\"component-number\">2<\/span>\n            \u041c\u0435\u0434\u0456\u0443\u043c \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0456 \u0442\u0435\u043f\u043b\u0430\n          <\/div>\n          <p class=\"component-description\">\n            \u0422\u0435\u043f\u043b\u043e\u043f\u0440\u043e\u0432\u0456\u0434\u043d\u0430 \u0440\u0456\u0434\u0438\u043d\u0430 \u0446\u0438\u0440\u043a\u0443\u043b\u044e\u0454 \u043c\u0456\u0436 \u043a\u043e\u043b\u0435\u043a\u0442\u043e\u0440\u0430\u043c\u0438 \u0442\u0430 \u0431\u0430\u043a\u043e\u043c \u0434\u043b\u044f \u0437\u0431\u0435\u0440\u0456\u0433\u0430\u043d\u043d\u044f \u0432\u043e\u0434\u0438.\n          <\/p>\n        <\/div>\n\n        <div class=\"component-item\">\n          <div class=\"component-title\">\n            <span class=\"component-number\">3<\/span>\n            \u0420\u043e\u0431\u043e\u0447\u0430 \u0441\u0442\u0430\u043d\u0446\u0456\u044f \u0442\u0430 \u0440\u043e\u0437\u0448\u0438\u0440\u044e\u0432\u0430\u043b\u044c\u043d\u0438\u0439 \u0431\u0430\u043a\n          <\/div>\n          <p class=\"component-description\">\n            \u0420\u0435\u0433\u0443\u043b\u044e\u044e\u0442\u044c \u0442\u0438\u0441\u043a \u0442\u0430 \u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0443\u044e\u0442\u044c \u0441\u0442\u0430\u0431\u0456\u043b\u044c\u043d\u0443 \u0446\u0438\u0440\u043a\u0443\u043b\u044f\u0446\u0456\u044e \u0441\u0435\u0440\u0435\u0434\u043e\u0432\u0438\u0449\u0430.\n          <\/p>\n        <\/div>\n\n        <div class=\"component-item\">\n          <div class=\"component-title\">\n            <span class=\"component-number\">4<\/span>\n            \u041a\u043e\u043d\u0442\u0440\u043e\u043b\u0435\u0440 \u0442\u0430 \u0434\u0430\u0442\u0447\u0438\u043a\u0438 \u0442\u0435\u043c\u043f\u0435\u0440\u0430\u0442\u0443\u0440\u0438\n          <\/div>\n          <p class=\"component-description\">\n            \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u043d\u0438\u0439 \u043c\u043e\u043d\u0456\u0442\u043e\u0440\u0438\u043d\u0433 \u0442\u0430 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0442\u0435\u043c\u043f\u0435\u0440\u0430\u0442\u0443\u0440\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0438 \u0434\u043b\u044f \u043f\u0456\u0434\u0432\u0438\u0449\u0435\u043d\u043d\u044f \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0456.\n          <\/p>\n        <\/div>\n\n        <div class=\"component-item\">\n          <div class=\"component-title\">\n            <span class=\"component-number\">5<\/span>\n            \u0411\u0430\u043a \u0434\u043b\u044f \u0437\u0431\u0435\u0440\u0456\u0433\u0430\u043d\u043d\u044f \u0433\u0430\u0440\u044f\u0447\u043e\u0457 \u0432\u043e\u0434\u0438\n          <\/div>\n          <p class=\"component-description\">\n            \u0412\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u0456\u0439 \u0431\u0430\u043a \u0437 \u043d\u0430\u0433\u0440\u0456\u0442\u043e\u044e \u0432\u043e\u0434\u043e\u044e \u0437 \u0432\u0431\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u043c \u0435\u043b\u0435\u043a\u0442\u0440\u0438\u0447\u043d\u0438\u043c \u0440\u0435\u0437\u0435\u0440\u0432\u043d\u0438\u043c \u043d\u0430\u0433\u0440\u0456\u0432\u0430\u0447\u0435\u043c.\n          <\/p>\n        <\/div>\n\n        <div class=\"component-item\">\n          <div class=\"component-title\">\n            <span class=\"component-number\">6<\/span>\n            \u0417\u0430\u043f\u043e\u0431\u0456\u0436\u043d\u0456 \u043a\u043b\u0430\u043f\u0430\u043d\u0438 \u0442\u0430 \u0422\u0420 \u043a\u043b\u0430\u043f\u0430\u043d\u0438\n          <\/div>\n          <p class=\"component-description\">\n            \u0417\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0435\u043d\u043d\u044f \u0431\u0435\u0437\u043f\u0435\u043a\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0438 \u0448\u043b\u044f\u0445\u043e\u043c \u0437\u043d\u044f\u0442\u0442\u044f \u043d\u0430\u0434\u043b\u0438\u0448\u043a\u043e\u0432\u043e\u0433\u043e \u0442\u0438\u0441\u043a\u0443 \u0430\u0431\u043e \u0442\u0435\u043c\u043f\u0435\u0440\u0430\u0442\u0443\u0440\u0438.\n          <\/p>\n        <\/div>\n\n        <div class=\"component-item\">\n          <div class=\"component-title\">\n            <span class=\"component-number\">7<\/span>\n            \u041c\u0435\u0440\u0435\u0436\u0456 \u0445\u043e\u043b\u043e\u0434\u043d\u043e\u0457 \u0442\u0430 \u0433\u0430\u0440\u044f\u0447\u043e\u0457 \u0432\u043e\u0434\u0438\n          <\/div>\n          <p class=\"component-description\">\n            \u0425\u043e\u043b\u043e\u0434\u043d\u0430 \u0432\u043e\u0434\u0430 \u0432\u0445\u043e\u0434\u0438\u0442\u044c \u0437\u043d\u0438\u0437\u0443, \u0433\u0430\u0440\u044f\u0447\u0430 \u0432\u043e\u0434\u0430 \u043f\u043e\u0434\u0430\u0454\u0442\u044c\u0441\u044f \u0437 \u0432\u0435\u0440\u0445\u043d\u044c\u043e\u0433\u043e \u0432\u0438\u0445\u043e\u0434\u0443.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u7ec4\u4ef6\u9879\u6eda\u52a8\u52a8\u753b\n  function handleComponentsScroll() {\n    const componentItems = document.querySelectorAll('.working-principle-section .component-item');\n    const summaryBox = document.querySelector('.working-principle-section .summary-box');\n    \n    componentItems.forEach((item, index) => {\n      const rect = item.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 60;\n      \n      if (isVisible && !item.classList.contains('animated')) {\n        setTimeout(() => {\n          item.style.opacity = '1';\n          item.style.transform = 'translateX(0)';\n          item.classList.add('animated');\n        }, index * 80);\n      }\n    });\n\n    if (summaryBox) {\n      const rect = summaryBox.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 60;\n      \n      if (isVisible && !summaryBox.classList.contains('animated')) {\n        summaryBox.style.opacity = '1';\n        summaryBox.style.transform = 'translateY(0)';\n        summaryBox.classList.add('animated');\n      }\n    }\n  }\n  \n  \/\/ \u521d\u59cb\u5316\u72b6\u6001\n  const componentItems = document.querySelectorAll('.working-principle-section .component-item');\n  const summaryBox = document.querySelector('.working-principle-section .summary-box');\n  \n  componentItems.forEach(item => {\n    item.style.opacity = '0';\n    item.style.transform = 'translateX(-20px)';\n    item.style.transition = 'all 0.5s ease';\n  });\n\n  if (summaryBox) {\n    summaryBox.style.opacity = '0';\n    summaryBox.style.transform = 'translateY(20px)';\n    summaryBox.style.transition = 'all 0.6s ease';\n  }\n  \n  \/\/ \u4e8b\u4ef6\u76d1\u542c\n  window.addEventListener('scroll', handleComponentsScroll);\n  \n  \/\/ \u89e6\u53d1\u521d\u59cb\u68c0\u67e5\n  setTimeout(handleComponentsScroll, 100);\n});\n<\/script\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db720f1 e-con-full e-flex e-con e-parent\" data-id=\"db720f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a765c90 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"a765c90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Why Choose Our System Section -->\n<section class=\"why-choose-section\">\n  <style>\n    \/* Why Choose Section Styles *\/\n    .why-choose-section {\n      padding: 80px 20px;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .why-choose-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #e2e8f0 50%, transparent);\n    }\n\n    .why-choose-container {\n      max-width: 1400px;\n      margin: 0 auto;\n    }\n\n    \/* Section Header *\/\n    .why-choose-header {\n      text-align: center;\n      margin-bottom: 50px;\n    }\n\n    .why-choose-label {\n      display: inline-block;\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #3b82f6;\n      margin-bottom: 15px;\n      padding: 6px 18px;\n      background: rgba(59, 130, 246, 0.1);\n      border-radius: 20px;\n    }\n\n    .why-choose-title {\n      font-size: 42px;\n      font-weight: 800;\n      color: #1e293b;\n      line-height: 1.2;\n      margin: 0 0 20px 0;\n    }\n\n    .why-choose-title .highlight {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .why-choose-intro {\n      font-size: 16px;\n      line-height: 1.7;\n      color: #64748b;\n      max-width: 950px;\n      margin: 0 auto;\n    }\n\n    \/* Main Content Grid *\/\n    .why-choose-content {\n      display: grid;\n      grid-template-columns: 1.2fr 1fr;\n      gap: 50px;\n      align-items: start;\n      margin-bottom: 40px;\n    }\n\n    \/* System Image *\/\n    .system-image-wrapper {\n      position: relative;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);\n      background: white;\n      padding: 20px;\n    }\n\n    .system-image-wrapper img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 12px;\n    }\n\n    .image-badge {\n      position: absolute;\n      top: 35px;\n      right: 35px;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      padding: 10px 20px;\n      border-radius: 30px;\n      font-size: 12px;\n      font-weight: 700;\n      box-shadow: 0 8px 20px rgba(59, 130, 246, 0.3);\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n\n    \/* Key Points *\/\n    .key-points {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n\n    .key-point-item {\n      background: white;\n      border-radius: 14px;\n      padding: 20px 24px;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n      border-left: 4px solid #3b82f6;\n      transition: all 0.3s ease;\n    }\n\n    .key-point-item:hover {\n      box-shadow: 0 8px 30px rgba(59, 130, 246, 0.15);\n      transform: translateX(5px);\n      border-left-width: 6px;\n    }\n\n    .key-point-title {\n      font-size: 16px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 8px 0;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .key-point-icon {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, #eff6ff, #dbeafe);\n      border-radius: 10px;\n      flex-shrink: 0;\n    }\n\n    .key-point-icon svg {\n      width: 22px;\n      height: 22px;\n    }\n\n    .key-point-text {\n      font-size: 14px;\n      line-height: 1.5;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* Bottom Features Grid *\/\n    .bottom-features {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 25px;\n    }\n\n    .feature-box {\n      background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n      border: 2px solid #bfdbfe;\n      border-radius: 16px;\n      padding: 25px 20px;\n      text-align: center;\n      transition: all 0.3s ease;\n    }\n\n    .feature-box:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 10px 30px rgba(59, 130, 246, 0.2);\n    }\n\n    .feature-box-icon {\n      width: 56px;\n      height: 56px;\n      margin: 0 auto 15px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: white;\n      border-radius: 14px;\n      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);\n    }\n\n    .feature-box-icon svg {\n      width: 30px;\n      height: 30px;\n    }\n\n    .feature-box-title {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1e3a8a;\n      margin: 0 0 6px 0;\n    }\n\n    .feature-box-text {\n      font-size: 13px;\n      color: #1e40af;\n      margin: 0;\n      line-height: 1.4;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .why-choose-content {\n        gap: 40px;\n      }\n\n      .why-choose-title {\n        font-size: 38px;\n      }\n\n      .bottom-features {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n      }\n    }\n\n    @media (max-width: 968px) {\n      .why-choose-section {\n        padding: 60px 15px;\n      }\n\n      .why-choose-content {\n        grid-template-columns: 1fr;\n        gap: 35px;\n      }\n\n      .why-choose-title {\n        font-size: 34px;\n      }\n\n      .why-choose-intro {\n        font-size: 15px;\n      }\n\n      .bottom-features {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .why-choose-section {\n        padding: 50px 15px;\n      }\n\n      .why-choose-header {\n        margin-bottom: 40px;\n      }\n\n      .why-choose-title {\n        font-size: 28px;\n      }\n\n      .system-image-wrapper {\n        padding: 15px;\n      }\n\n      .image-badge {\n        top: 25px;\n        right: 25px;\n        padding: 8px 16px;\n        font-size: 11px;\n      }\n\n      .key-point-item {\n        padding: 18px 20px;\n      }\n\n      .key-point-icon {\n        width: 36px;\n        height: 36px;\n      }\n\n      .key-point-icon svg {\n        width: 20px;\n        height: 20px;\n      }\n\n      .key-point-title {\n        font-size: 15px;\n      }\n\n      .key-point-text {\n        font-size: 13px;\n      }\n\n      .bottom-features {\n        grid-template-columns: 1fr;\n        gap: 15px;\n      }\n\n      .feature-box {\n        padding: 20px;\n      }\n\n      .feature-box-icon {\n        width: 50px;\n        height: 50px;\n        margin-bottom: 12px;\n      }\n\n      .feature-box-icon svg {\n        width: 26px;\n        height: 26px;\n      }\n    }\n  <\/style>\n\n  <div class=\"why-choose-container\">\n    <!-- Section Header -->\n    <div class=\"why-choose-header\">\n      <span class=\"why-choose-label\">Split System Diagram<\/span>\n      <h2 class=\"why-choose-title\">\n        Why Choose <span class=\"highlight\">Our System?<\/span>\n      <\/h2>\n      <p class=\"why-choose-intro\">\n        Our solar split water heater combines German-engineered heat pipe technology, military-grade vacuum tubes, and an intelligent split design to deliver exceptional performance and flexibility. With a <strong>10-year tank warranty<\/strong> \u0442\u0430 <strong>5-year vacuum tube guarantee<\/strong>, enjoy a quick payback period of just <strong>3\u20135 years<\/strong> and a durable lifespan of over <strong>20 years<\/strong>.\n      <\/p>\n    <\/div>\n\n    <!-- Main Content -->\n    <div class=\"why-choose-content\">\n      <!-- Left - System Image -->\n      <div class=\"system-image-wrapper\">\n        <img loading=\"lazy\" height=\"1000\" width=\"1500\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1752889120206907.jpg.webp\" alt=\"Solar Split System - Rooftop Collector + Indoor Tank\">\n        <div class=\"image-badge\">Split Design<\/div>\n      <\/div>\n\n      <!-- Right - Key Points -->\n      <div class=\"key-points\">\n        <div class=\"key-point-item\">\n          <div class=\"key-point-title\">\n            <div class=\"key-point-icon\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>\n              <\/svg>\n            <\/div>\n            German Engineering\n          <\/div>\n          <p class=\"key-point-text\">\n            Advanced heat pipe technology ensures maximum efficiency in all weather conditions.\n          <\/p>\n        <\/div>\n\n        <div class=\"key-point-item\">\n          <div class=\"key-point-title\">\n            <div class=\"key-point-icon\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n              <\/svg>\n            <\/div>\n            Military-Grade Quality\n          <\/div>\n          <p class=\"key-point-text\">\n            High-quality vacuum tubes withstand extreme temperatures and harsh environments.\n          <\/p>\n        <\/div>\n\n        <div class=\"key-point-item\">\n          <div class=\"key-point-title\">\n            <div class=\"key-point-icon\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\n                <polyline points=\"9 22 9 12 15 12 15 22\"\/>\n              <\/svg>\n            <\/div>\n            Flexible Installation\n          <\/div>\n          <p class=\"key-point-text\">\n            Split design allows collectors on roof and tank indoors for any building configuration.\n          <\/p>\n        <\/div>\n\n        <div class=\"key-point-item\">\n          <div class=\"key-point-title\">\n            <div class=\"key-point-icon\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>\n              <\/svg>\n            <\/div>\n            Smart Control System\n          <\/div>\n          <p class=\"key-point-text\">\n            Intelligent controller optimizes energy usage with backup electric heating.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Bottom Features -->\n    <div class=\"bottom-features\">\n      <div class=\"feature-box\">\n        <div class=\"feature-box-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/>\n            <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"feature-box-title\">3-5 Year Payback<\/div>\n        <p class=\"feature-box-text\">Quick return on investment<\/p>\n      <\/div>\n\n      <div class=\"feature-box\">\n        <div class=\"feature-box-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n            <polyline points=\"12 6 12 12 16 14\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"feature-box-title\">20+ Year Lifespan<\/div>\n        <p class=\"feature-box-text\">\u0414\u043e\u0432\u0433\u043e\u0442\u0440\u0438\u0432\u0430\u043b\u0430 \u043d\u0430\u0434\u0456\u0439\u043d\u0456\u0441\u0442\u044c<\/p>\n      <\/div>\n\n      <div class=\"feature-box\">\n        <div class=\"feature-box-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"feature-box-title\">\u0415\u043a\u043e\u043b\u043e\u0433\u0456\u0447\u043d\u043e \u0447\u0438\u0441\u0442\u0438\u0439<\/div>\n        <p class=\"feature-box-text\">Sustainable energy solution<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  function handleScrollAnimation() {\n    const imageWrapper = document.querySelector('.why-choose-section .system-image-wrapper');\n    const keyPoints = document.querySelectorAll('.why-choose-section .key-point-item');\n    const featureBoxes = document.querySelectorAll('.why-choose-section .feature-box');\n    \n    if (imageWrapper) {\n      const rect = imageWrapper.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 100;\n      \n      if (isVisible && !imageWrapper.classList.contains('animated')) {\n        imageWrapper.style.opacity = '1';\n        imageWrapper.style.transform = 'scale(1)';\n        imageWrapper.classList.add('animated');\n      }\n    }\n\n    keyPoints.forEach((item, index) => {\n      const rect = item.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 80;\n      \n      if (isVisible && !item.classList.contains('animated')) {\n        setTimeout(() => {\n          item.style.opacity = '1';\n          item.style.transform = 'translateX(0)';\n          item.classList.add('animated');\n        }, index * 80);\n      }\n    });\n\n    featureBoxes.forEach((box, index) => {\n      const rect = box.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 80;\n      \n      if (isVisible && !box.classList.contains('animated')) {\n        setTimeout(() => {\n          box.style.opacity = '1';\n          box.style.transform = 'translateY(0)';\n          box.classList.add('animated');\n        }, index * 100);\n      }\n    });\n  }\n  \n  const imageWrapper = document.querySelector('.why-choose-section .system-image-wrapper');\n  const keyPoints = document.querySelectorAll('.why-choose-section .key-point-item');\n  const featureBoxes = document.querySelectorAll('.why-choose-section .feature-box');\n  \n  if (imageWrapper) {\n    imageWrapper.style.opacity = '0';\n    imageWrapper.style.transform = 'scale(0.95)';\n    imageWrapper.style.transition = 'all 0.6s ease';\n  }\n\n  keyPoints.forEach(item => {\n    item.style.opacity = '0';\n    item.style.transform = 'translateX(-20px)';\n    item.style.transition = 'all 0.5s ease';\n  });\n\n  featureBoxes.forEach(box => {\n    box.style.opacity = '0';\n    box.style.transform = 'translateY(20px)';\n    box.style.transition = 'all 0.5s ease';\n  });\n  \n  window.addEventListener('scroll', handleScrollAnimation);\n  setTimeout(handleScrollAnimation, 100);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54b10c1 e-con-full e-flex e-con e-parent\" data-id=\"54b10c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-317b596 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"317b596\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"projects-showcase\">\n    <div class=\"container\">\n        <!-- Section Header -->\n        <div class=\"section-header\">\n            <span class=\"section-label\">\u041d\u0430\u0448\u0456 \u043f\u0440\u043e\u0454\u043a\u0442\u0438<\/span>\n            <h2 class=\"section-title\">\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0438\u0439 <span class=\"title-highlight\">\u0414\u043e\u0441\u043a\u043e\u043d\u0430\u043b\u0456\u0441\u0442\u044c \u0441\u043e\u043d\u044f\u0447\u043d\u043e\u0457 \u0435\u043d\u0435\u0440\u0433\u0456\u0457<\/span><\/h2>\n            <p class=\"section-description\">\u0412\u043f\u0440\u043e\u0432\u0430\u0434\u0436\u0435\u043d\u043d\u044f \u0435\u043a\u043e\u043b\u043e\u0433\u0456\u0447\u043d\u0438\u0445 \u0435\u043d\u0435\u0440\u0433\u0435\u0442\u0438\u0447\u043d\u0438\u0445 \u0440\u0456\u0448\u0435\u043d\u044c \u043d\u0430 \u0440\u0456\u0437\u043d\u0438\u0445 \u043a\u043e\u043d\u0442\u0438\u043d\u0435\u043d\u0442\u0430\u0445, \u043f\u043e\u0441\u0442\u0430\u0447\u0430\u043d\u043d\u044f \u0456\u043d\u043d\u043e\u0432\u0430\u0446\u0456\u0439\u043d\u0438\u0445 \u0441\u0438\u0441\u0442\u0435\u043c \u0441\u043e\u043d\u044f\u0447\u043d\u043e\u0433\u043e \u043e\u043f\u0430\u043b\u0435\u043d\u043d\u044f \u0442\u0430 \u0433\u0430\u0440\u044f\u0447\u043e\u0433\u043e \u0432\u043e\u0434\u043e\u043f\u043e\u0441\u0442\u0430\u0447\u0430\u043d\u043d\u044f.<\/p>\n        <\/div>\n\n        <div class=\"projects-layout\">\n            <!-- Featured Project - Left Side -->\n            <article class=\"project-featured\">\n                <div class=\"featured-image\">\n                    <img loading=\"lazy\" height=\"728\" width=\"1254\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Centralized-solar-heating-for-Saga-County-town-in-Shigatse-City.png\" alt=\"Centralized Solar Heating\">\n                    <span class=\"featured-badge\">\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u0456<\/span>\n                <\/div>\n                <div class=\"featured-content\">\n                    <h3>\u0426\u0435\u043d\u0442\u0440\u0430\u043b\u0456\u0437\u043e\u0432\u0430\u043d\u0435 \u0441\u043e\u043d\u044f\u0447\u043d\u0435 \u043e\u043f\u0430\u043b\u0435\u043d\u043d\u044f \u0434\u043b\u044f \u043f\u043e\u0432\u0456\u0442\u043e\u0432\u043e\u0433\u043e \u043c\u0456\u0441\u0442\u0430 \u0421\u0430\u0433\u0430 \u0432 \u043c\u0456\u0441\u0442\u0456 \u0428\u0438\u0433\u0430\u0446\u0437\u0435<\/h3>\n                    <div class=\"meta-tags\">\n                        <span>2019<\/span>\n                        <span>\u0428\u0438\u0433\u0430\u0446\u0437\u0435, \u0422\u0438\u0431\u0435\u0442<\/span>\n                        <span>107 000 \u043c\u00b2<\/span>\n                    <\/div>\n                    <p>\u0412\u0435\u043b\u0438\u043a\u0456 \u043f\u043b\u043e\u0441\u043a\u0456 \u043a\u043e\u043b\u0435\u043a\u0442\u043e\u0440\u0438 EFPC115 \u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0443\u044e\u0442\u044c \u043e\u043f\u0430\u043b\u0435\u043d\u043d\u044f \u043f\u043b\u043e\u0449\u0456 107 000 \u043c\u00b2, \u0437\u0430\u043c\u0456\u043d\u044e\u044e\u0447\u0438 \u0442\u0440\u0430\u0434\u0438\u0446\u0456\u0439\u043d\u0435 \u043e\u043f\u0430\u043b\u0435\u043d\u043d\u044f \u0432\u0443\u0433\u0456\u043b\u043b\u044f\u043c \u0456 \u044f\u0447\u0438\u043c \u0433\u043d\u043e\u0454\u043c. \u0417\u043c\u0435\u043d\u0448\u0443\u0454 \u0441\u043f\u043e\u0436\u0438\u0432\u0430\u043d\u043d\u044f \u0432\u0443\u0433\u0456\u043b\u043b\u044f \u043d\u0430 2424 \u0442\u043e\u043d\u043d\u0438 \u043d\u0430 \u0440\u0456\u043a.<\/p>\n                    <div class=\"achievements-list\">\n                        <div class=\"achievement\">\u041f\u0435\u0440\u0448\u0435 \u0443 \u0441\u0432\u0456\u0442\u0456 \u0432\u0438\u0441\u043e\u043a\u043e\u0433\u0456\u0440\u043d\u0435 \u0441\u043e\u043d\u044f\u0447\u043d\u0435 \u0446\u0435\u043d\u0442\u0440\u0430\u043b\u0456\u0437\u043e\u0432\u0430\u043d\u0435 \u043e\u043f\u0430\u043b\u0435\u043d\u043d\u044f<\/div>\n                        <div class=\"achievement\">\u041f\u0435\u0440\u0448\u0438\u0439 \u0441\u043e\u043d\u044f\u0447\u043d\u0438\u0439 \u043e\u043f\u0430\u043b\u044e\u0432\u0430\u043b\u044c\u043d\u0438\u0439 \u043f\u0440\u043e\u0454\u043a\u0442 \u00ab\u043f\u0456\u0434 \u043a\u043b\u044e\u0447\u00bb \u0437 \u043f\u043e\u0432\u043d\u0438\u043c \u043b\u0430\u043d\u0446\u044e\u0433\u043e\u043c<\/div>\n                        <div class=\"achievement\">\u041f\u0435\u0440\u0448\u0435 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u043d\u0435 \u0441\u043e\u043d\u044f\u0447\u043d\u0435 \u043e\u043f\u0430\u043b\u0435\u043d\u043d\u044f \u0432 \u0422\u0438\u0431\u0435\u0442\u0456<\/div>\n                    <\/div>\n                    <div class=\"featured-actions\">\n                        <button class=\"btn-primary\">\n                            <span>\u041e\u0442\u0440\u0438\u043c\u0430\u0442\u0438 \u043f\u0440\u043e\u043f\u043e\u0437\u0438\u0446\u0456\u044e<\/span>\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"btn-secondary\">\u041f\u0435\u0440\u0435\u0433\u043b\u044f\u043d\u0443\u0442\u0438 \u0434\u0435\u0442\u0430\u043b\u0456<\/button>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Right Side Grid -->\n            <div class=\"projects-grid\">\n                <!-- Project 2 -->\n                <article class=\"project-card\">\n                    <div class=\"card-image\">\n                        <img loading=\"lazy\" height=\"755\" width=\"1313\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Tianjin-School-TPV-Pro-Heat-Pump-Coupled-Heating-Project.png\" alt=\"Tianjin School\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h4>\u041f\u0440\u043e\u0454\u043a\u0442 \u0442\u0435\u043f\u043b\u043e\u0432\u043e\u0433\u043e \u043d\u0430\u0441\u043e\u0441\u0443 TPV Pro+ \u0443 \u0448\u043a\u043e\u043b\u0456 \u0422\u044f\u043d\u044c\u0446\u0437\u0456\u043d\u044c<\/h4>\n                        <div class=\"card-meta\">\n                            <span>2024<\/span>\n                            <span>\u0422\u044f\u043d\u044c\u0446\u0437\u0456\u043d\u044c<\/span>\n                            <span>3 000 \u043c\u00b2<\/span>\n                        <\/div>\n                        <p>\u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0442\u0435\u043f\u043b\u043e\u0432\u043e\u0433\u043e \u043d\u0430\u0441\u043e\u0441\u0443 TPV Pro+ \u0437\u0430\u0434\u043e\u0432\u043e\u043b\u044c\u043d\u044f\u0454 \u043f\u043e\u0442\u0440\u0435\u0431\u0438 \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u0456\u0432 \u0443 \u043e\u043f\u0430\u043b\u0435\u043d\u043d\u0456 \u0442\u0430 \u0433\u0435\u043d\u0435\u0440\u0443\u0454 \u0435\u043b\u0435\u043a\u0442\u0440\u043e\u0435\u043d\u0435\u0440\u0433\u0456\u044e \u043d\u0430 \u043c\u0456\u0441\u0446\u0456.<\/p>\n                        <div class=\"card-actions\">\n                            <button class=\"btn-primary btn-small\">\n                                <span>\u041e\u0442\u0440\u0438\u043c\u0430\u0442\u0438 \u043f\u0440\u043e\u043f\u043e\u0437\u0438\u0446\u0456\u044e<\/span>\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"btn-secondary btn-small\">\u041f\u0435\u0440\u0435\u0433\u043b\u044f\u043d\u0443\u0442\u0438 \u0434\u0435\u0442\u0430\u043b\u0456<\/button>\n                        <\/div>\n                    <\/div>\n                <\/article>\n\n                <!-- Project 3 -->\n                <article class=\"project-card\">\n                    <div class=\"card-image\">\n                        <img loading=\"lazy\" height=\"460\" width=\"801\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Hot-Water-System-for-APEC-Summit-National-Leaders-Reception-Hotel.png\" alt=\"APEC Summit\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h4>\u0413\u043e\u0442\u0435\u043b\u044c\u043d\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0433\u0430\u0440\u044f\u0447\u043e\u0433\u043e \u0432\u043e\u0434\u043e\u043f\u043e\u0441\u0442\u0430\u0447\u0430\u043d\u043d\u044f \u0434\u043b\u044f \u0441\u0430\u043c\u0456\u0442\u0443 \u0410\u041f\u0415\u041a<\/h4>\n                        <div class=\"card-meta\">\n                            <span>2014<\/span>\n                            <span>\u041a\u0438\u0457\u0432<\/span>\n                            <span>50 \u0442\u043e\u043d\u043d\/\u0434\u0435\u043d\u044c<\/span>\n                        <\/div>\n                        <p>\u041f\u043e\u0441\u0442\u0430\u0447\u0430\u0454 \u0433\u0430\u0440\u044f\u0447\u0443 \u0432\u043e\u0434\u0443 \u0434\u043b\u044f \u0433\u043e\u0442\u0435\u043b\u044e \u0441\u0430\u043c\u0456\u0442\u0443 \u0410\u041f\u0415\u041a. \u0415\u043a\u043e\u043d\u043e\u043c\u0438\u0442\u044c 150 000 \u043a\u0412\u0442\u00b7\u0433\u043e\u0434 \u043d\u0430 \u0440\u0456\u043a, \u0437\u043c\u0435\u043d\u0448\u0443\u0454 \u0432\u0438\u043a\u0438\u0434\u0438 CO\u2082 \u043d\u0430 74 \u0442\u043e\u043d\u043d\u0438.<\/p>\n                        <div class=\"card-actions\">\n                            <button class=\"btn-primary btn-small\">\n                                <span>\u041e\u0442\u0440\u0438\u043c\u0430\u0442\u0438 \u043f\u0440\u043e\u043f\u043e\u0437\u0438\u0446\u0456\u044e<\/span>\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"btn-secondary btn-small\">\u041f\u0435\u0440\u0435\u0433\u043b\u044f\u043d\u0443\u0442\u0438 \u0434\u0435\u0442\u0430\u043b\u0456<\/button>\n                        <\/div>\n                    <\/div>\n                <\/article>\n\n                <!-- Project 4 -->\n                <article class=\"project-card\">\n                    <div class=\"card-image\">\n                        <img loading=\"lazy\" height=\"565\" width=\"952\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Florida-Resort-Villa-Hot-Water-Project-USA.png\" alt=\"Florida Resort\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h4>\u041f\u0440\u043e\u0454\u043a\u0442 \u0433\u0430\u0440\u044f\u0447\u043e\u0433\u043e \u0432\u043e\u0434\u043e\u043f\u043e\u0441\u0442\u0430\u0447\u0430\u043d\u043d\u044f \u0434\u043b\u044f \u0432\u0456\u043b\u043b \u0443 \u0424\u043b\u043e\u0440\u0438\u0434\u0456<\/h4>\n                        <div class=\"card-meta\">\n                            <span>2022<\/span>\n                            <span>\u0424\u043b\u043e\u0440\u0438\u0434\u0430, \u0421\u0428\u0410<\/span>\n                            <span>200\u043b\/\u0434\u0435\u043d\u044c<\/span>\n                        <\/div>\n                        <p>\u041f\u043b\u043e\u0441\u043a\u0456 \u0432\u043e\u0434\u043e\u043d\u0430\u0433\u0440\u0456\u0432\u0430\u0447\u0456 \u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0443\u044e\u0442\u044c 200\u043b \u0433\u0430\u0440\u044f\u0447\u043e\u0457 \u0432\u043e\u0434\u0438 \u0449\u043e\u0434\u043d\u044f \u0434\u043b\u044f \u043a\u043e\u0436\u043d\u043e\u0457 \u0432\u0456\u043b\u043b\u0438 \u043a\u0443\u0440\u043e\u0440\u0442\u0443.<\/p>\n                        <div class=\"card-actions\">\n                            <button class=\"btn-primary btn-small\">\n                                <span>\u041e\u0442\u0440\u0438\u043c\u0430\u0442\u0438 \u043f\u0440\u043e\u043f\u043e\u0437\u0438\u0446\u0456\u044e<\/span>\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"btn-secondary btn-small\">\u041f\u0435\u0440\u0435\u0433\u043b\u044f\u043d\u0443\u0442\u0438 \u0434\u0435\u0442\u0430\u043b\u0456<\/button>\n                        <\/div>\n                    <\/div>\n                <\/article>\n\n                <!-- Project 5 -->\n                <article class=\"project-card\">\n                    <div class=\"card-image\">\n                        <img loading=\"lazy\" height=\"534\" width=\"902\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Harz-Church-Hot-Water-Project-Germany.png\" alt=\"Harz Church\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h4>\u041f\u0440\u043e\u0454\u043a\u0442 \u0433\u0430\u0440\u044f\u0447\u043e\u0433\u043e \u0432\u043e\u0434\u043e\u043f\u043e\u0441\u0442\u0430\u0447\u0430\u043d\u043d\u044f \u0446\u0435\u0440\u043a\u0432\u0438 \u0425\u0430\u0440\u0446<\/h4>\n                        <div class=\"card-meta\">\n                            <span>2021<\/span>\n                            <span>\u041d\u0456\u043c\u0435\u0447\u0447\u0438\u043d\u0430<\/span>\n                            <span>22 \u0442\u043e\u043d\u043d\u0438\/\u0434\u0435\u043d\u044c<\/span>\n                        <\/div>\n                        <p>\u0406\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u0456 \u043a\u043e\u043b\u0435\u043a\u0442\u043e\u0440\u0438 \u0443 \u043f\u043e\u0441\u043b\u0456\u0434\u043e\u0432\u043d\u0456\u0439\/\u043f\u0430\u0440\u0430\u043b\u0435\u043b\u044c\u043d\u0456\u0439 \u043a\u043e\u043d\u0444\u0456\u0433\u0443\u0440\u0430\u0446\u0456\u0457 \u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0443\u044e\u0442\u044c \u043d\u0430\u0434\u0456\u0439\u043d\u0435 \u043f\u043e\u0441\u0442\u0430\u0447\u0430\u043d\u043d\u044f \u0433\u0430\u0440\u044f\u0447\u043e\u0457 \u0432\u043e\u0434\u0438.<\/p>\n                        <div class=\"card-actions\">\n                            <button class=\"btn-primary btn-small\">\n                                <span>\u041e\u0442\u0440\u0438\u043c\u0430\u0442\u0438 \u043f\u0440\u043e\u043f\u043e\u0437\u0438\u0446\u0456\u044e<\/span>\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"btn-secondary btn-small\">\u041f\u0435\u0440\u0435\u0433\u043b\u044f\u043d\u0443\u0442\u0438 \u0434\u0435\u0442\u0430\u043b\u0456<\/button>\n                        <\/div>\n                    <\/div>\n                <\/article>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n.projects-showcase {\n    padding: 70px 0;\n    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);\n}\n\n.container {\n    max-width: 1480px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n.section-header {\n    text-align: center;\n    max-width: 700px;\n    margin: 0 auto 50px;\n}\n\n.section-label {\n    display: inline-block;\n    font-size: 13px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #3b82f6;\n    margin-bottom: 12px;\n}\n\n.section-title {\n    font-size: 44px;\n    font-weight: 800;\n    color: #1e293b;\n    margin-bottom: 16px;\n    line-height: 1.2;\n}\n\n.title-highlight {\n    background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n\n.section-description {\n    font-size: 17px;\n    line-height: 1.6;\n    color: #64748b;\n}\n\n.projects-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    align-items: stretch;\n}\n\n\/* Featured Project *\/\n.project-featured {\n    background: white;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    position: relative;\n}\n\n.project-featured::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #3b82f6, #1d4ed8);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n.project-featured:hover {\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n    transform: translateY(-5px);\n}\n\n.project-featured:hover::before {\n    opacity: 1;\n}\n\n.featured-image {\n    position: relative;\n    height: 300px;\n    overflow: hidden;\n    flex-shrink: 0;\n}\n\n.featured-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}\n\n.project-featured:hover .featured-image img {\n    transform: scale(1.06);\n}\n\n.featured-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    color: white;\n    padding: 6px 16px;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    border-radius: 20px;\n}\n\n.featured-content {\n    padding: 28px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n}\n\n.featured-content h3 {\n    font-size: 24px;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n    line-height: 1.3;\n}\n\n.meta-tags {\n    display: flex;\n    gap: 10px;\n    margin-bottom: 16px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid #e8e8e8;\n}\n\n.meta-tags span {\n    font-size: 12px;\n    font-weight: 600;\n    color: #64748b;\n    padding: 4px 12px;\n    background: linear-gradient(135deg, #e0f2fe, #bae6fd);\n    border-radius: 12px;\n    border: 1px solid #7dd3fc;\n}\n\n.featured-content p {\n    font-size: 15px;\n    line-height: 1.7;\n    color: #64748b;\n    margin-bottom: 20px;\n}\n\n.achievements-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-bottom: 24px;\n}\n\n.achievement {\n    font-size: 13px;\n    color: #1e293b;\n    padding: 10px 14px;\n    background: linear-gradient(135deg, #e0f2fe, #bae6fd);\n    border-left: 3px solid #3b82f6;\n    border-radius: 4px;\n    font-weight: 500;\n    line-height: 1.5;\n}\n\n.featured-actions {\n    display: flex;\n    gap: 10px;\n    margin-top: auto;\n}\n\n.btn-primary, .btn-secondary {\n    border: none;\n    border-radius: 8px;\n    font-weight: 600;\n    font-size: 0.85rem;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.btn-primary {\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    color: white;\n    padding: 10px 16px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    flex: 1;\n    justify-content: center;\n}\n\n.btn-primary svg {\n    width: 16px;\n    height: 16px;\n    transition: transform 0.3s ease;\n}\n\n.btn-primary:hover {\n    background: linear-gradient(135deg, #2563eb, #1d4ed8);\n    transform: translateY(-1px);\n    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);\n}\n\n.btn-primary:hover svg {\n    transform: translateX(2px);\n}\n\n.btn-secondary {\n    background: transparent;\n    color: #64748b;\n    padding: 10px 16px;\n    border: 1px solid #cbd5e1;\n}\n\n.btn-secondary:hover {\n    background: #f8fafc;\n    color: #475569;\n    border-color: #94a3b8;\n}\n\n\/* Small Button Variant for Cards *\/\n.btn-small {\n    font-size: 0.75rem;\n    padding: 8px 12px;\n}\n\n.btn-small svg {\n    width: 14px;\n    height: 14px;\n}\n\n\/* Right Side Grid *\/\n.projects-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-template-rows: repeat(2, 1fr);\n    gap: 24px;\n    height: 100%;\n}\n\n.project-card {\n    background: white;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    position: relative;\n}\n\n.project-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #3b82f6, #1d4ed8);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n.project-card:hover {\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n    transform: translateY(-4px);\n}\n\n.project-card:hover::before {\n    opacity: 1;\n}\n\n.card-image {\n    height: 160px;\n    overflow: hidden;\n    flex-shrink: 0;\n}\n\n.card-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}\n\n.project-card:hover .card-image img {\n    transform: scale(1.08);\n}\n\n.card-content {\n    padding: 20px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n.card-content h4 {\n    font-size: 17px;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 12px;\n    line-height: 1.4;\n}\n\n.card-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-bottom: 12px;\n}\n\n.card-meta span {\n    font-size: 11px;\n    font-weight: 600;\n    color: #64748b;\n    padding: 3px 10px;\n    background: linear-gradient(135deg, #e0f2fe, #bae6fd);\n    border-radius: 10px;\n    border: 1px solid #7dd3fc;\n}\n\n.card-content p {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #64748b;\n    margin-bottom: 16px;\n    flex: 1;\n}\n\n\/* Card Actions *\/\n.card-actions {\n    display: flex;\n    gap: 8px;\n    margin-top: auto;\n}\n\n.card-actions .btn-primary,\n.card-actions .btn-secondary {\n    flex: 1;\n}\n\n@media (max-width: 1200px) {\n    .container {\n        padding: 0 30px;\n    }\n    \n    .section-title {\n        font-size: 38px;\n    }\n    \n    .projects-layout {\n        gap: 28px;\n    }\n    \n    .featured-image {\n        height: 260px;\n    }\n    \n    .card-image {\n        height: 140px;\n    }\n}\n\n@media (max-width: 1024px) {\n    .projects-layout {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }\n    \n    .projects-grid {\n        grid-template-columns: repeat(2, 1fr);\n        grid-template-rows: auto;\n        gap: 20px;\n    }\n    \n    .featured-image {\n        height: 300px;\n    }\n    \n    .card-image {\n        height: 180px;\n    }\n}\n\n@media (max-width: 768px) {\n    .projects-showcase {\n        padding: 60px 0;\n    }\n    \n    .container {\n        padding: 0 20px;\n    }\n    \n    .section-header {\n        margin-bottom: 40px;\n    }\n    \n    .section-title {\n        font-size: 32px;\n    }\n    \n    .section-description {\n        font-size: 16px;\n    }\n    \n    .featured-image {\n        height: 240px;\n    }\n    \n    .featured-content {\n        padding: 24px;\n    }\n    \n    .featured-content h3 {\n        font-size: 21px;\n    }\n    \n    .card-content h4 {\n        font-size: 16px;\n    }\n    \n    .featured-actions {\n        flex-direction: column;\n    }\n    \n    .btn-primary, .btn-secondary {\n        width: 100%;\n        justify-content: center;\n    }\n    \n    .card-actions {\n        flex-direction: column;\n    }\n}\n\n@media (max-width: 640px) {\n    .projects-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .card-image {\n        height: 200px;\n    }\n}\n\n@media (max-width: 480px) {\n    .section-title {\n        font-size: 28px;\n    }\n    \n    .featured-image {\n        height: 220px;\n    }\n    \n    .featured-content h3 {\n        font-size: 19px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c402f8b e-con-full e-flex e-con e-parent\" data-id=\"c402f8b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82fea8f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"82fea8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Company Introduction Module -->\n<section class=\"company-intro-module\">\n  <style>\n    \/* Company Introduction Module Styles - Isolated *\/\n    .company-intro-module {\n      padding: 50px 20px;\n      background: #ffffff;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      box-sizing: border-box;\n    }\n\n    .company-intro-module *,\n    .company-intro-module *::before,\n    .company-intro-module *::after {\n      box-sizing: border-box;\n    }\n\n    .company-intro-module .intro-wrapper {\n      max-width: 1400px;\n      margin: 0 auto;\n    }\n\n    \/* Header Section *\/\n    .company-intro-module .intro-main-header {\n      text-align: center;\n      margin-bottom: 35px;\n    }\n\n    .company-intro-module .intro-label {\n      display: inline-block;\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #0066cc;\n      margin-bottom: 8px;\n      padding: 5px 15px;\n      background: rgba(0, 102, 204, 0.08);\n      border-radius: 20px;\n    }\n\n    .company-intro-module .intro-main-title {\n      font-size: 36px;\n      font-weight: 700;\n      color: #1a1a1a;\n      line-height: 1.2;\n      margin: 10px 0 8px 0;\n    }\n\n    .company-intro-module .intro-main-title .highlight {\n      background: linear-gradient(135deg, #0066cc, #00a8e8);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .company-intro-module .intro-subtitle {\n      font-size: 15px;\n      color: #666;\n      max-width: 700px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }\n\n    \/* Main Content Grid *\/\n    .company-intro-module .intro-main-grid {\n      display: grid;\n      grid-template-columns: 1.2fr 1fr;\n      gap: 30px;\n      margin-bottom: 35px;\n    }\n\n    \/* Image Card *\/\n    .company-intro-module .intro-image-card {\n      position: relative;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);\n      background: #f8f9fa;\n      height: 380px;\n    }\n\n    .company-intro-module .intro-image-card img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.6s ease;\n    }\n\n    .company-intro-module .intro-image-card:hover img {\n      transform: scale(1.06);\n    }\n\n    .company-intro-module .image-badge {\n      position: absolute;\n      top: 20px;\n      right: 20px;\n      background: rgba(255, 255, 255, 0.95);\n      backdrop-filter: blur(10px);\n      padding: 10px 18px;\n      border-radius: 30px;\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);\n    }\n\n    .company-intro-module .badge-text {\n      font-size: 12px;\n      font-weight: 700;\n      color: #0066cc;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    \/* Content Card *\/\n    .company-intro-module .intro-content-card {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      padding: 25px 30px;\n      background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n      border-radius: 16px;\n      border: 1px solid #e9ecef;\n    }\n\n    .company-intro-module .content-description {\n      font-size: 14px;\n      line-height: 1.7;\n      color: #4a4a4a;\n      margin-bottom: 15px;\n    }\n\n    .company-intro-module .content-description:last-of-type {\n      margin-bottom: 0;\n    }\n\n    .company-intro-module .content-description strong {\n      color: #1a1a1a;\n      font-weight: 600;\n    }\n\n    .company-intro-module .stats-row {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 15px;\n      margin-top: 20px;\n    }\n\n    .company-intro-module .stat-box {\n      text-align: center;\n      padding: 18px;\n      background: white;\n      border-radius: 12px;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n      transition: all 0.3s ease;\n    }\n\n    .company-intro-module .stat-box:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 10px 25px rgba(0, 102, 204, 0.1);\n    }\n\n    .company-intro-module .stat-number {\n      font-size: 28px;\n      font-weight: 700;\n      background: linear-gradient(135deg, #0066cc, #00a8e8);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      line-height: 1.2;\n      margin-bottom: 5px;\n      display: block;\n    }\n\n    .company-intro-module .stat-label {\n      font-size: 12px;\n      color: #666;\n      font-weight: 500;\n      display: block;\n    }\n\n    \/* Features Section *\/\n    .company-intro-module .features-section {\n      margin-top: 35px;\n      padding: 40px 30px;\n      background: linear-gradient(135deg, #0066cc, #00a8e8);\n      border-radius: 16px;\n    }\n\n    .company-intro-module .features-title {\n      font-size: 24px;\n      font-weight: 700;\n      color: #ffffff;\n      text-align: center;\n      margin-bottom: 25px;\n      margin-top: 0;\n    }\n\n    .company-intro-module .features-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n    }\n\n    .company-intro-module .feature-card {\n      padding: 25px 20px;\n      background: #ffffff;\n      border-radius: 14px;\n      text-align: center;\n      transition: all 0.3s ease;\n      border: 2px solid #f0f0f0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .company-intro-module .feature-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #0066cc, #00a8e8);\n      transform: scaleX(0);\n      transition: transform 0.3s ease;\n    }\n\n    .company-intro-module .feature-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 15px 35px rgba(0, 102, 204, 0.12);\n      border-color: #0066cc;\n    }\n\n    .company-intro-module .feature-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .company-intro-module .feature-icon-wrapper {\n      width: 60px;\n      height: 60px;\n      margin: 0 auto 15px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, rgba(0, 102, 204, 0.1), rgba(0, 168, 232, 0.1));\n      border-radius: 14px;\n      transition: all 0.3s ease;\n    }\n\n    .company-intro-module .feature-card:hover .feature-icon-wrapper {\n      background: linear-gradient(135deg, #0066cc, #00a8e8);\n      transform: scale(1.08) rotate(3deg);\n    }\n\n    .company-intro-module .feature-icon-wrapper svg {\n      transition: all 0.3s ease;\n      display: block;\n      stroke: #0066cc;\n    }\n\n    .company-intro-module .feature-card:hover .feature-icon-wrapper svg {\n      stroke: #ffffff;\n    }\n\n    .company-intro-module .feature-card h3 {\n      font-size: 16px;\n      font-weight: 600;\n      color: #1a1a1a;\n      margin: 12px 0 8px;\n      line-height: 1.3;\n      padding: 0;\n    }\n\n    .company-intro-module .feature-card p {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.6;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Gallery Section *\/\n    .company-intro-module .gallery-section {\n      margin-top: 40px;\n    }\n\n    .company-intro-module .gallery-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 20px;\n    }\n\n    .company-intro-module .gallery-item {\n      position: relative;\n      border-radius: 14px;\n      overflow: hidden;\n      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\n      transition: all 0.4s ease;\n      aspect-ratio: 1;\n      background: #f8f9fa;\n    }\n\n    .company-intro-module .gallery-item:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 15px 40px rgba(0, 102, 204, 0.15);\n    }\n\n    .company-intro-module .gallery-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.5s ease;\n    }\n\n    .company-intro-module .gallery-item:hover img {\n      transform: scale(1.1);\n    }\n\n    .company-intro-module .gallery-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);\n      opacity: 0;\n      transition: opacity 0.4s ease;\n      display: flex;\n      align-items: flex-end;\n      padding: 20px;\n    }\n\n    .company-intro-module .gallery-item:hover .gallery-overlay {\n      opacity: 1;\n    }\n\n    .company-intro-module .gallery-caption {\n      color: #ffffff;\n      font-size: 14px;\n      font-weight: 600;\n      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n      .company-intro-module .intro-main-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n      }\n\n      .company-intro-module .intro-image-card {\n        height: 320px;\n      }\n\n      .company-intro-module .features-grid {\n        grid-template-columns: 1fr;\n        gap: 15px;\n      }\n\n      .company-intro-module .gallery-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 15px;\n      }\n\n      .company-intro-module .intro-main-title {\n        font-size: 30px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .company-intro-module {\n        padding: 35px 15px;\n      }\n\n      .company-intro-module .intro-main-header {\n        margin-bottom: 25px;\n      }\n\n      .company-intro-module .intro-main-title {\n        font-size: 26px;\n      }\n\n      .company-intro-module .intro-subtitle {\n        font-size: 14px;\n      }\n\n      .company-intro-module .intro-content-card {\n        padding: 20px;\n      }\n\n      .company-intro-module .stats-row {\n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n\n      .company-intro-module .features-section {\n        padding: 30px 20px;\n      }\n\n      .company-intro-module .features-title {\n        font-size: 20px;\n        margin-bottom: 20px;\n      }\n\n      .company-intro-module .intro-image-card {\n        height: 280px;\n      }\n\n      .company-intro-module .gallery-grid {\n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n    }\n  <\/style>\n\n  <div class=\"intro-wrapper\">\n    <!-- Header Section -->\n    <div class=\"intro-main-header\">\n      <span class=\"intro-label\">\u0425\u0442\u043e \u043c\u0438<\/span>\n      <h1 class=\"intro-main-title\">\u041e\u0447\u043e\u043b\u044e\u0454\u043c\u043e \u043c\u0430\u0439\u0431\u0443\u0442\u043d\u0454 <span class=\"highlight\">\u0427\u0438\u0441\u0442\u043e\u0457 \u0435\u043d\u0435\u0440\u0433\u0456\u0457<\/span><\/h1>\n      <p class=\"intro-subtitle\">Innovative solutions powered by cutting-edge technology and sustainable practices<\/p>\n    <\/div>\n\n    <!-- Main Content Grid -->\n    <div class=\"intro-main-grid\">\n      <!-- Image Card -->\n      <div class=\"intro-image-card\">\n        <img loading=\"lazy\" height=\"1152\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/494685619_1404751250597164_7706161979368977777_n.jpg\" alt=\"SOLETKS Clean Energy Technology\">\n        <div class=\"image-badge\">\n          <span class=\"badge-text\">Industry Leader<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Content Card -->\n      <div class=\"intro-content-card\">\n        <p class=\"content-description\">\n          <strong>SOLETKS<\/strong> is a high-tech enterprise focused on clean energy innovation. With its core <strong>Flat-Plate Clean Thermal Energy<\/strong> technology, the company integrates solar, geothermal, and air energy to deliver efficient solutions for heating, cooling, and power generation.\n        <\/p>\n        <p class=\"content-description\">\n          Backed by partnerships with leading research institutions, SOLETKS ranks among the world's top manufacturers of flat-plate collectors, driving global progress toward a sustainable future.\n        <\/p>\n\n        <div class=\"stats-row\">\n          <div class=\"stat-box\">\n            <div class=\"stat-number\">117+<\/div>\n            <div class=\"stat-label\">\u0417\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0435\u043d\u0456 \u043f\u0430\u0442\u0435\u043d\u0442\u0438<\/div>\n          <\/div>\n          <div class=\"stat-box\">\n            <div class=\"stat-number\">\u0422\u043e\u043f 5<\/div>\n            <div class=\"stat-label\">\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0438\u0439 \u0440\u0435\u0439\u0442\u0438\u043d\u0433<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Features Section -->\n    <div class=\"features-section\">\n      <h2 class=\"features-title\">\u041d\u0430\u0448\u0456 \u043e\u0441\u043d\u043e\u0432\u043d\u0456 \u043f\u0435\u0440\u0435\u0432\u0430\u0433\u0438<\/h2>\n      <div class=\"features-grid\">\n        <div class=\"feature-card\">\n          <div class=\"feature-icon-wrapper\">\n            <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"5\"\/>\n              <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/>\n              <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/>\n              <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/>\n              <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\/>\n              <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\/>\n              <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\/>\n              <line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\/>\n              <line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\/>\n            <\/svg>\n          <\/div>\n          <h3>\u0406\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0456\u044f \u0441\u043e\u043d\u044f\u0447\u043d\u043e\u0457 \u0435\u043d\u0435\u0440\u0433\u0456\u0457<\/h3>\n          <p>\u041f\u0435\u0440\u0435\u0434\u043e\u0432\u0430 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0456\u044f \u043f\u043b\u043e\u0441\u043a\u0438\u0445 \u043a\u043e\u043b\u0435\u043a\u0442\u043e\u0440\u0456\u0432, \u0449\u043e \u043c\u0430\u043a\u0441\u0438\u043c\u0456\u0437\u0443\u0454 \u0435\u043d\u0435\u0440\u0433\u043e\u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0456\u0441\u0442\u044c<\/p>\n        <\/div>\n\n        <div class=\"feature-card\">\n          <div class=\"feature-icon-wrapper\">\n            <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n              <polyline points=\"14 2 14 8 20 8\"\/>\n              <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n              <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n              <polyline points=\"10 9 9 9 8 9\"\/>\n            <\/svg>\n          <\/div>\n          <h3>117+ \u043f\u0430\u0442\u0435\u043d\u0442\u0456\u0432<\/h3>\n          <p>\u041f\u043e\u0440\u0442\u0444\u0435\u043b\u044c \u0456\u043d\u043d\u043e\u0432\u0430\u0446\u0456\u0439 \u043f\u0435\u0440\u0435\u0434\u043e\u0432\u043e\u0433\u043e \u0440\u0456\u0432\u043d\u044f, \u0449\u043e \u0437\u0430\u0445\u0438\u0449\u0430\u0454 \u0432\u043b\u0430\u0441\u043d\u0456 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0456\u0457<\/p>\n        <\/div>\n\n        <div class=\"feature-card\">\n          <div class=\"feature-icon-wrapper\">\n            <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n              <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n              <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\n              <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n            <\/svg>\n          <\/div>\n          <h3>\u041f\u0430\u0440\u0442\u043d\u0435\u0440\u0438 \u0434\u043e\u0441\u043b\u0456\u0434\u0436\u0435\u043d\u044c<\/h3>\n          <p>\u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0456\u0447\u043d\u0430 \u0441\u043f\u0456\u0432\u043f\u0440\u0430\u0446\u044f \u0437 \u043f\u0440\u043e\u0432\u0456\u0434\u043d\u0438\u043c\u0438 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0430\u043c\u0438 \u0443 \u0432\u0441\u044c\u043e\u043c\u0443 \u0441\u0432\u0456\u0442\u0456<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Gallery Section -->\n    <div class=\"gallery-section\">\n      <div class=\"gallery-grid\">\n        <div class=\"gallery-item\">\n          <img loading=\"lazy\" height=\"1080\" width=\"1920\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662599508.jpeg\" alt=\"SOLETKS Product 1\">\n          <div class=\"gallery-overlay\">\n            <span class=\"gallery-caption\">\u0406\u043d\u043d\u043e\u0432\u0430\u0446\u0456\u0457 \u0432 \u0434\u0456\u0457<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"gallery-item\">\n          <img loading=\"lazy\" height=\"1366\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662438978.jpeg\" alt=\"SOLETKS Product 2\">\n          <div class=\"gallery-overlay\">\n            <span class=\"gallery-caption\">\u041f\u0435\u0440\u0435\u0434\u043e\u0432\u0456 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0456\u0457<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"gallery-item\">\n          <img loading=\"lazy\" height=\"1152\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662607911.jpeg\" alt=\"SOLETKS Product 3\">\n          <div class=\"gallery-overlay\">\n            <span class=\"gallery-caption\">\u0421\u0442\u0430\u043b\u0456 \u0440\u0456\u0448\u0435\u043d\u043d\u044f<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"gallery-item\">\n          <img loading=\"lazy\" height=\"1152\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662437572.jpeg\" alt=\"SOLETKS Product 4\">\n          <div class=\"gallery-overlay\">\n            <span class=\"gallery-caption\">\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430 \u0434\u043e\u0441\u043a\u043e\u043d\u0430\u043b\u0456\u0441\u0442\u044c<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-28a1104 e-con-full e-flex e-con e-parent\" data-id=\"28a1104\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59ae54d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"59ae54d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Global Customers Gallery Section -->\n<section class=\"customers-gallery-section\">\n  <style>\n    \/* Customers Gallery Section Styles *\/\n    .customers-gallery-section {\n      padding: 100px 20px;\n      background: #0a0f1a;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* Background Image Mosaic *\/\n    .background-mosaic {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      grid-template-rows: repeat(2, 1fr);\n      gap: 0;\n      opacity: 0.7;\n      z-index: 0;\n    }\n\n    .mosaic-item {\n      width: 100%;\n      height: 100%;\n      background-size: cover;\n      background-position: center;\n      background-repeat: no-repeat;\n      filter: grayscale(0%) brightness(0.9);\n      transition: all 0.5s ease;\n    }\n\n    .mosaic-item:hover {\n      filter: grayscale(0%) brightness(1.15);\n      transform: scale(1.05);\n    }\n\n    \/* \u7279\u6b8a\u5b9a\u4f4d\u7b2c\u4e8c\u884c\u7b2c\u4e00\u5f20\u56fe\u7247 *\/\n    .mosaic-item:nth-child(5) {\n      background-position: center top;\n    }\n\n    \/* Overlay Gradient *\/\n    .customers-gallery-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, \n        rgba(12, 22, 41, 0.5) 0%, \n        rgba(30, 58, 138, 0.45) 25%,\n        rgba(29, 78, 216, 0.4) 50%,\n        rgba(37, 99, 235, 0.45) 75%,\n        rgba(59, 130, 246, 0.5) 100%\n      );\n      z-index: 1;\n    }\n\n    \/* Animated Particles *\/\n    .customers-gallery-section::after {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -20%;\n      width: 800px;\n      height: 800px;\n      background: radial-gradient(circle, rgba(251, 191, 36, 0.08) 0%, transparent 70%);\n      border-radius: 50%;\n      z-index: 1;\n      animation: floatParticle 20s ease-in-out infinite;\n    }\n\n    @keyframes floatParticle {\n      0%, 100% {\n        transform: translate(0, 0) scale(1);\n      }\n      50% {\n        transform: translate(-100px, 100px) scale(1.1);\n      }\n    }\n\n    .customers-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* Section Header *\/\n    .customers-header {\n      text-align: center;\n      margin-bottom: 0;\n    }\n\n    .customers-label {\n      display: inline-block;\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 3px;\n      color: #fbbf24;\n      margin-bottom: 20px;\n      padding: 8px 24px;\n      background: rgba(251, 191, 36, 0.2);\n      border-radius: 30px;\n      border: 1px solid rgba(251, 191, 36, 0.5);\n      backdrop-filter: blur(15px);\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n    }\n\n    .customers-title {\n      font-size: 52px;\n      font-weight: 700;\n      color: #ffffff;\n      line-height: 1.2;\n      margin: 0 0 25px 0;\n      text-shadow: 0 4px 20px rgba(0, 0, 0, 0.8), 0 2px 10px rgba(0, 0, 0, 0.6);\n    }\n\n    .customers-title .highlight {\n      background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      text-shadow: none;\n      position: relative;\n      filter: drop-shadow(0 2px 8px rgba(251, 191, 36, 0.5));\n    }\n\n    .customers-title .highlight::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #fbbf24, #f59e0b);\n      border-radius: 2px;\n      box-shadow: 0 2px 10px rgba(251, 191, 36, 0.6);\n    }\n\n    .customers-subtitle {\n      font-size: 20px;\n      color: rgba(255, 255, 255, 1);\n      margin: 0 0 20px 0;\n      line-height: 1.6;\n      font-weight: 600;\n      text-shadow: 0 3px 15px rgba(0, 0, 0, 0.8), 0 2px 8px rgba(0, 0, 0, 0.6);\n    }\n\n    .customers-description {\n      font-size: 17px;\n      color: rgba(255, 255, 255, 0.98);\n      max-width: 900px;\n      margin: 0 auto 70px;\n      line-height: 1.8;\n      text-shadow: 0 3px 12px rgba(0, 0, 0, 0.7), 0 2px 6px rgba(0, 0, 0, 0.5);\n      font-weight: 500;\n    }\n\n    \/* CTA Section *\/\n    .customers-cta {\n      text-align: center;\n      margin-top: 0;\n    }\n\n    .explore-button {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      gap: 14px;\n      background: linear-gradient(135deg, #fbbf24, #f59e0b);\n      color: #1e293b;\n      font-size: 18px;\n      font-weight: 700;\n      padding: 22px 55px;\n      border: none;\n      border-radius: 50px;\n      cursor: pointer;\n      text-decoration: none;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      box-shadow: 0 12px 35px rgba(251, 191, 36, 0.6), 0 6px 20px rgba(0, 0, 0, 0.4);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      overflow: hidden;\n    }\n\n    .explore-button::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\n      transition: left 0.6s ease;\n    }\n\n    .explore-button:hover {\n      transform: translateY(-4px) scale(1.05);\n      box-shadow: 0 18px 50px rgba(251, 191, 36, 0.7), 0 8px 25px rgba(0, 0, 0, 0.5);\n      background: linear-gradient(135deg, #f59e0b, #d97706);\n    }\n\n    .explore-button:hover::before {\n      left: 100%;\n    }\n\n    .explore-button svg {\n      width: 24px;\n      height: 24px;\n      transition: transform 0.3s ease;\n    }\n\n    .explore-button:hover svg {\n      transform: translateX(6px);\n    }\n\n    .explore-button:active {\n      transform: translateY(-2px) scale(1.02);\n      box-shadow: 0 10px 30px rgba(251, 191, 36, 0.65), 0 5px 18px rgba(0, 0, 0, 0.45);\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .background-mosaic {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n\n    @media (max-width: 968px) {\n      .customers-gallery-section {\n        padding: 70px 15px;\n      }\n\n      .background-mosaic {\n        grid-template-columns: repeat(2, 1fr);\n        opacity: 0.6;\n      }\n\n      .customers-title {\n        font-size: 42px;\n      }\n\n      .customers-subtitle {\n        font-size: 18px;\n      }\n\n      .customers-description {\n        font-size: 16px;\n        margin-bottom: 60px;\n      }\n\n      .explore-button {\n        padding: 20px 50px;\n        font-size: 16px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .customers-gallery-section {\n        padding: 60px 15px;\n      }\n\n      .customers-header {\n        margin-bottom: 0;\n      }\n\n      .customers-title {\n        font-size: 34px;\n      }\n\n      .customers-subtitle {\n        font-size: 17px;\n      }\n\n      .customers-description {\n        font-size: 15px;\n        margin-bottom: 50px;\n      }\n\n      .explore-button {\n        width: 100%;\n        max-width: 350px;\n        justify-content: center;\n        padding: 20px 45px;\n        font-size: 15px;\n      }\n    }\n  <\/style>\n\n  <!-- Background Mosaic -->\n  <div class=\"background-mosaic\">\n    <div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/497466708_122101977332869367_3719270567425807432_n.jpg');\"><\/div>\n    <div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/497608519_122101977344869367_1519297593609875512_n.jpg');\"><\/div>\n    <div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/499670549_122107377740869367_877933122360364159_n.jpg');\"><\/div>\n    <div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/562390049_122147862644869367_200812617978916262_n.jpg');\"><\/div>\n    <div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/565129666_122147862638869367_6210422942108884031_n.jpg');\"><\/div>\n    <div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1746694993943.jpeg');\"><\/div>\n    <div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1746775625409.jpeg');\"><\/div>\n    <div class=\"mosaic-item\" style=\"background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/497466708_122101977332869367_3719270567425807432_n.jpg');\"><\/div>\n  <\/div>\n\n  <div class=\"customers-container\">\n    <!-- Section Header -->\n    <div class=\"customers-header\">\n      <span class=\"customers-label\">\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430 \u0434\u043e\u0441\u043a\u043e\u043d\u0430\u043b\u0456\u0441\u0442\u044c<\/span>\n      <h2 class=\"customers-title\"><span class=\"highlight\">SOLETKS<\/span> \u041f\u0435\u0440\u0448\u0438\u0439 \u0432\u0438\u0431\u0456\u0440 \u0434\u043b\u044f \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0438\u0445 \u043a\u043b\u0456\u0454\u043d\u0442\u0456\u0432<\/h2>\n      <p class=\"customers-subtitle\">\u0414\u043e\u0432\u0456\u0440\u044f\u044e\u0442\u044c \u043b\u0456\u0434\u0435\u0440\u0438 \u0433\u0430\u043b\u0443\u0437\u0456 \u043f\u043e \u0432\u0441\u044c\u043e\u043c\u0443 \u0441\u0432\u0456\u0442\u0443<\/p>\n      <p class=\"customers-description\">\n        \u0412\u0456\u0434 \u0436\u0438\u0442\u043b\u043e\u0432\u0438\u0445 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043e\u043a \u0434\u043e \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u043d\u0438\u0445 \u043f\u0440\u043e\u043c\u0438\u0441\u043b\u043e\u0432\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0456\u0432, SOLETKS \u043d\u0430\u0434\u0430\u0454 \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u0435\u043d\u0456 \u0441\u043e\u043d\u044f\u0447\u043d\u0456 \u0442\u0435\u043f\u043b\u043e\u0432\u0456 \u0440\u0456\u0448\u0435\u043d\u043d\u044f \u043d\u0430 \u043a\u043e\u043d\u0442\u0438\u043d\u0435\u043d\u0442\u0430\u0445, \u0441\u043f\u0440\u0438\u044f\u044e\u0447\u0438 \u0441\u0442\u0430\u043b\u043e\u043c\u0443 \u0435\u043d\u0435\u0440\u0433\u0435\u0442\u0438\u0447\u043d\u043e\u043c\u0443 \u043f\u0435\u0440\u0435\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044e \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e.\n      <\/p>\n    <\/div>\n\n    <!-- CTA Section -->\n    <div class=\"customers-cta\">\n      <button class=\"explore-button\">\n        <span>\u0414\u043e\u0441\u043b\u0456\u0434\u0436\u0443\u0439\u0442\u0435 \u0437\u0430\u0440\u0430\u0437<\/span>\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n        <\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u521d\u59cb\u5316\u6309\u94ae\u72b6\u6001\n  const exploreButton = document.querySelector('.explore-button');\n  if (exploreButton) {\n    exploreButton.style.opacity = '0';\n    exploreButton.style.transform = 'translateY(30px)';\n    exploreButton.style.transition = 'all 0.8s ease';\n    \n    \/\/ \u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6\n    exploreButton.addEventListener('click', function() {\n      console.log('Explore Now clicked');\n      \/\/ \u8fd9\u91cc\u53ef\u4ee5\u6dfb\u52a0\u8df3\u8f6c\u6216\u5f39\u7a97\u903b\u8f91\n    });\n  }\n  \n  \/\/ \u6eda\u52a8\u52a8\u753b\u6548\u679c\n  function handleCustomersScroll() {\n    const exploreButton = document.querySelector('.explore-button');\n    if (exploreButton) {\n      const rect = exploreButton.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 100;\n      \n      if (isVisible && !exploreButton.classList.contains('animated')) {\n        setTimeout(() => {\n          exploreButton.style.opacity = '1';\n          exploreButton.style.transform = 'translateY(0)';\n          exploreButton.classList.add('animated');\n        }, 300);\n      }\n    }\n  }\n  \n  \/\/ \u80cc\u666f\u56fe\u7247\u60ac\u6d6e\u6548\u679c\n  const mosaicItems = document.querySelectorAll('.mosaic-item');\n  mosaicItems.forEach(item => {\n    item.addEventListener('mouseenter', function() {\n      this.style.transition = 'all 0.5s ease';\n    });\n  });\n  \n  \/\/ \u4e8b\u4ef6\u76d1\u542c\n  window.addEventListener('scroll', handleCustomersScroll);\n  \n  \/\/ \u89e6\u53d1\u521d\u59cb\u68c0\u67e5\n  setTimeout(handleCustomersScroll, 100);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26c02b4 e-con-full e-flex e-con e-parent\" data-id=\"26c02b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd18f69 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"dd18f69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Global Certifications & Quality Assurance Section -->\n<section class=\"certifications-section\">\n  <style>\n    .certifications-section {\n      width: 100%;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      padding: 80px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .certifications-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #e2e8f0 50%, transparent);\n    }\n\n    .certifications-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 40px;\n    }\n\n    \/* Section Header *\/\n    .certifications-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .certifications-label {\n      display: inline-block;\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #3b82f6;\n      margin-bottom: 15px;\n      padding: 8px 20px;\n      background: rgba(59, 130, 246, 0.1);\n      border-radius: 25px;\n      border: 1px solid rgba(59, 130, 246, 0.2);\n    }\n\n    .certifications-title {\n      font-size: 44px;\n      font-weight: 800;\n      color: #1e293b;\n      margin: 0 0 20px 0;\n      line-height: 1.2;\n    }\n\n    .certifications-title .highlight {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .certifications-description {\n      font-size: 17px;\n      line-height: 1.7;\n      color: #64748b;\n      max-width: 900px;\n      margin: 0 auto;\n    }\n\n    \/* Tabs Navigation *\/\n    .cert-tabs {\n      display: flex;\n      justify-content: center;\n      gap: 12px;\n      margin-bottom: 50px;\n      flex-wrap: wrap;\n    }\n\n    .cert-tab {\n      padding: 12px 28px;\n      font-size: 15px;\n      font-weight: 600;\n      color: #64748b;\n      background: white;\n      border: 2px solid #e2e8f0;\n      border-radius: 50px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .cert-tab::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.1), transparent);\n      transition: left 0.5s ease;\n    }\n\n    .cert-tab:hover {\n      border-color: #3b82f6;\n      color: #3b82f6;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);\n    }\n\n    .cert-tab:hover::before {\n      left: 100%;\n    }\n\n    .cert-tab.active {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      border-color: #3b82f6;\n      box-shadow: 0 4px 16px rgba(59, 130, 246, 0.4);\n    }\n\n    \/* Tab Content *\/\n    .cert-tab-content {\n      display: none;\n      animation: fadeIn 0.5s ease;\n    }\n\n    .cert-tab-content.active {\n      display: block;\n    }\n\n    @keyframes fadeIn {\n      from {\n        opacity: 0;\n        transform: translateY(20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    \/* Certificates Grid - 4 columns *\/\n    .certificates-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 25px;\n      margin-bottom: 40px;\n    }\n\n    .certificate-card {\n      background: white;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n      transition: all 0.4s ease;\n      cursor: pointer;\n      position: relative;\n    }\n\n    .certificate-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, #3b82f6, #2563eb);\n      transform: scaleX(0);\n      transition: transform 0.4s ease;\n    }\n\n    .certificate-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 12px 40px rgba(59, 130, 246, 0.2);\n    }\n\n    .certificate-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .certificate-image {\n      width: 100%;\n      height: 280px;\n      overflow: hidden;\n      background: #f1f5f9;\n      position: relative;\n    }\n\n    .certificate-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 15px;\n      transition: transform 0.5s ease;\n    }\n\n    .certificate-card:hover .certificate-image img {\n      transform: scale(1.08);\n    }\n\n    .certificate-badge {\n      position: absolute;\n      top: 12px;\n      right: 12px;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      padding: 5px 12px;\n      border-radius: 20px;\n      font-size: 10px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);\n    }\n\n    .certificate-info {\n      padding: 20px;\n    }\n\n    .certificate-name {\n      font-size: 16px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 6px 0;\n      line-height: 1.4;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    .certificate-type {\n      font-size: 13px;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* Lightbox Modal *\/\n    .lightbox-modal {\n      display: none;\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0, 0, 0, 0.95);\n      z-index: 10000;\n      justify-content: center;\n      align-items: center;\n      padding: 40px;\n      animation: lightboxFadeIn 0.3s ease;\n    }\n\n    .lightbox-modal.active {\n      display: flex;\n    }\n\n    @keyframes lightboxFadeIn {\n      from {\n        opacity: 0;\n      }\n      to {\n        opacity: 1;\n      }\n    }\n\n    .lightbox-content {\n      position: relative;\n      max-width: 95%;\n      max-height: 95%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      animation: zoomIn 0.4s ease;\n    }\n\n    @keyframes zoomIn {\n      from {\n        transform: scale(0.8);\n        opacity: 0;\n      }\n      to {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n\n    .lightbox-content img {\n      max-width: 100%;\n      max-height: 90vh;\n      width: auto;\n      height: auto;\n      object-fit: contain;\n      border-radius: 8px;\n      box-shadow: 0 20px 80px rgba(0, 0, 0, 0.5);\n    }\n\n    .lightbox-close {\n      position: fixed;\n      top: 30px;\n      right: 30px;\n      width: 50px;\n      height: 50px;\n      background: rgba(255, 255, 255, 0.95);\n      border: none;\n      border-radius: 50%;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      z-index: 10001;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n    }\n\n    .lightbox-close:hover {\n      background: white;\n      transform: rotate(90deg) scale(1.1);\n    }\n\n    .lightbox-close svg {\n      width: 24px;\n      height: 24px;\n      stroke: #1e293b;\n      stroke-width: 2.5;\n    }\n\n    .lightbox-info {\n      position: fixed;\n      bottom: 30px;\n      left: 50%;\n      transform: translateX(-50%);\n      background: rgba(255, 255, 255, 0.95);\n      padding: 12px 24px;\n      border-radius: 30px;\n      font-size: 14px;\n      color: #1e293b;\n      font-weight: 600;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n      backdrop-filter: blur(10px);\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .certificates-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n      }\n\n      .certificate-image {\n        height: 260px;\n      }\n    }\n\n    @media (max-width: 992px) {\n      .certificates-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n      }\n\n      .certificate-image {\n        height: 280px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .certifications-section {\n        padding: 60px 0;\n      }\n\n      .certifications-container {\n        padding: 0 20px;\n      }\n\n      .certifications-title {\n        font-size: 36px;\n      }\n\n      .certifications-description {\n        font-size: 16px;\n      }\n\n      .cert-tabs {\n        gap: 8px;\n      }\n\n      .cert-tab {\n        padding: 10px 20px;\n        font-size: 14px;\n      }\n\n      .certificate-image {\n        height: 240px;\n      }\n\n      .lightbox-modal {\n        padding: 20px;\n      }\n\n      .lightbox-close {\n        top: 20px;\n        right: 20px;\n        width: 44px;\n        height: 44px;\n      }\n\n      .lightbox-info {\n        bottom: 20px;\n        font-size: 13px;\n        padding: 10px 20px;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .certificates-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }\n\n      .certificate-image {\n        height: 300px;\n      }\n\n      .certifications-title {\n        font-size: 28px;\n      }\n\n      .lightbox-content img {\n        max-height: 80vh;\n      }\n    }\n  <\/style>\n\n  <div class=\"certifications-container\">\n    <!-- Section Header -->\n    <div class=\"certifications-header\">\n      <span class=\"certifications-label\">\u041c\u0456\u0436\u043d\u0430\u0440\u043e\u0434\u043d\u0456 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438<\/span>\n      <h2 class=\"certifications-title\">\n        \u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0456 \u0441\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u0430\u0446\u0456\u0457 &amp; <span class=\"highlight\">\u0413\u0430\u0440\u0430\u043d\u0442\u0456\u044f \u044f\u043a\u043e\u0441\u0442\u0456<\/span>\n      <\/h2>\n      <p class=\"certifications-description\">\n        \u041f\u0440\u043e\u0434\u0443\u043a\u0442\u0438 \u0441\u043e\u043d\u044f\u0447\u043d\u043e\u0457 \u0435\u043d\u0435\u0440\u0433\u0435\u0442\u0438\u043a\u0438 SOLETK \u0441\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u043e\u0432\u0430\u043d\u0456 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u043d\u043e \u0434\u043e \u043c\u0456\u0436\u043d\u0430\u0440\u043e\u0434\u043d\u0438\u0445 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0456\u0432 \u044f\u043a\u043e\u0441\u0442\u0456 \u0442\u0430 \u0431\u0435\u0437\u043f\u0435\u043a\u0438, \u0432\u043a\u043b\u044e\u0447\u0430\u044e\u0447\u0438 Solar Keymark, CE \u0442\u0430 ISO. \u041d\u0438\u0436\u0447\u0435 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0456 \u043e\u043a\u0440\u0435\u043c\u0456 \u0441\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u0430\u0442\u0438 \u0434\u043b\u044f \u043a\u043e\u0436\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0443, \u0449\u043e \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0443\u044e\u0442\u044c \u043f\u0440\u0438\u0445\u0438\u043b\u044c\u043d\u0456\u0441\u0442\u044c SOLETK Solar \u0434\u043e \u043d\u0430\u0434\u0456\u0439\u043d\u043e\u0441\u0442\u0456, \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0456 \u0442\u0430 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u043d\u043e\u0441\u0442\u0456 \u0432\u0438\u043c\u043e\u0433\u0430\u043c.\n      <\/p>\n    <\/div>\n\n    <!-- Tabs Navigation -->\n    <div class=\"cert-tabs\">\n      <button class=\"cert-tab active\" data-tab=\"all\">cURL Too many subrequests.<\/button>\n      <button class=\"cert-tab\" data-tab=\"iso\">cURL Too many subrequests.<\/button>\n      <button class=\"cert-tab\" data-tab=\"solar-keymark\">cURL Too many subrequests.<\/button>\n      <button class=\"cert-tab\" data-tab=\"product\">cURL Too many subrequests.<\/button>\n    <\/div>\n\n    <!-- All Certificates Tab -->\n    <div class=\"cert-tab-content active\" id=\"all\">\n      <div class=\"certificates-grid\">\n        <!-- Certificate 1 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2.-Test-Report-240531098GZU-001_Security_01.jpg\" data-name=\"Test Report Certificate\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2338\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2.-Test-Report-240531098GZU-001_Security_01.jpg\" alt=\"Test Report Certificate\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">cURL Too many subrequests.<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 2 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2339\" width=\"1654\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg\" alt=\"Solar Keymark Certificate\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">cURL Too many subrequests.<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 3 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg\" data-name=\"ISO 9001 Quality Management\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg\" alt=\"ISO Certification 1\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">cURL Too many subrequests.<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 4 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg\" data-name=\"ISO 14001 Environmental Management\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg\" alt=\"ISO Certification 2\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">cURL Too many subrequests.<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 5 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg\" data-name=\"ISO 45001 Occupational Health & Safety\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg\" alt=\"ISO Certification 3\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">cURL Too many subrequests.<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 6 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg\" data-name=\"Air Solar Collector\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg\" alt=\"Air Solar Collector Certificate\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">cURL Too many subrequests.<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 7 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg\" data-name=\"Flat Plate Solar Collector\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg\" alt=\"Flat Plate Solar Collector Certificate\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u041f\u043b\u043e\u0441\u043a\u0438\u0439 \u0441\u043e\u043d\u044f\u0447\u043d\u0438\u0439 \u043a\u043e\u043b\u0435\u043a\u0442\u043e\u0440<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 8 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg\" data-name=\"PVT Solar System\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg\" alt=\"PVT Certificate\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">cURL Too many subrequests.<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 9 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2339\" width=\"1654\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg\" alt=\"Solar Keymark Certificate 2\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">cURL Too many subrequests.<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 10 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg\" data-name=\"Solar Water Heater\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg\" alt=\"Solar Water Heater Certificate\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u0421\u043e\u043d\u044f\u0447\u043d\u0438\u0439 \u0432\u043e\u0434\u043e\u043d\u0430\u0433\u0440\u0456\u0432\u0430\u0447<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 11 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg\" data-name=\"Vacuum Tube Solar Collector\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg\" alt=\"Vacuum Tube Solar Collector Certificate\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">cURL Too many subrequests.<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ISO Certifications Tab -->\n    <div class=\"cert-tab-content\" id=\"iso\">\n      <div class=\"certificates-grid\">\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg\" data-name=\"ISO 9001 Quality Management\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg\" alt=\"ISO Certification 1\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">cURL Too many subrequests.<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg\" data-name=\"ISO 14001 Environmental Management\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg\" alt=\"ISO Certification 2\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">cURL Too many subrequests.<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg\" data-name=\"ISO 45001 Occupational Health & Safety\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2560\" width=\"1809\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg\" alt=\"ISO Certification 3\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">cURL Too many subrequests.<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Solar Keymark Tab -->\n    <div class=\"cert-tab-content\" id=\"solar-keymark\">\n      <div class=\"certificates-grid\">\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2339\" width=\"1654\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg\" alt=\"Solar Keymark Certificate\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">cURL Too many subrequests.<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2339\" width=\"1654\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg\" alt=\"Solar Keymark Certificate 2\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">cURL Too many subrequests.<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Product Certificates Tab -->\n    <div class=\"cert-tab-content\" id=\"product\">\n      <div class=\"certificates-grid\">\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg\" data-name=\"Air Solar Collector\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg\" alt=\"Air Solar Collector Certificate\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">cURL Too many subrequests.<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg\" data-name=\"Flat Plate Solar Collector\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg\" alt=\"Flat Plate Solar Collector Certificate\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u041f\u043b\u043e\u0441\u043a\u0438\u0439 \u0441\u043e\u043d\u044f\u0447\u043d\u0438\u0439 \u043a\u043e\u043b\u0435\u043a\u0442\u043e\u0440<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg\" data-name=\"PVT Solar System\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg\" alt=\"PVT Certificate\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">cURL Too many subrequests.<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg\" data-name=\"Solar Water Heater\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg\" alt=\"Solar Water Heater Certificate\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">\u0421\u043e\u043d\u044f\u0447\u043d\u0438\u0439 \u0432\u043e\u0434\u043e\u043d\u0430\u0433\u0440\u0456\u0432\u0430\u0447<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg\" data-name=\"Vacuum Tube Solar Collector\">\n          <div class=\"certificate-image\">\n            <img loading=\"lazy\" height=\"2336\" width=\"1653\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg\" alt=\"Vacuum Tube Solar Collector Certificate\">\n            <span class=\"certificate-badge\">cURL Too many subrequests.<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">cURL Too many subrequests.<\/h3>\n            <p class=\"certificate-type\">cURL Too many subrequests.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Lightbox Modal -->\n  <div class=\"lightbox-modal\" id=\"lightbox\">\n    <button class=\"lightbox-close\" id=\"lightbox-close\">\n      <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n        <path d=\"M18 6L6 18M6 6l12 12\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"lightbox-content\">\n      <img loading=\"lazy\" decoding=\"async\" src=\"\" alt=\"Certificate\" id=\"lightbox-image\">\n    <\/div>\n    <div class=\"lightbox-info\" id=\"lightbox-info\">cURL Too many subrequests.<\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Tab Switching\n  const tabs = document.querySelectorAll('.cert-tab');\n  const tabContents = document.querySelectorAll('.cert-tab-content');\n\n  tabs.forEach(tab => {\n    tab.addEventListener('click', function() {\n      const targetTab = this.getAttribute('data-tab');\n      \n      tabs.forEach(t => t.classList.remove('active'));\n      tabContents.forEach(c => c.classList.remove('active'));\n      \n      this.classList.add('active');\n      document.getElementById(targetTab).classList.add('active');\n    });\n  });\n\n  \/\/ Lightbox functionality\n  const lightbox = document.getElementById('lightbox');\n  const lightboxImage = document.getElementById('lightbox-image');\n  const lightboxInfo = document.getElementById('lightbox-info');\n  const lightboxClose = document.getElementById('lightbox-close');\n  const certificateCards = document.querySelectorAll('.certificate-card');\n\n  \/\/ Open lightbox when clicking on certificate card\n  certificateCards.forEach(card => {\n    card.addEventListener('click', function() {\n      const imageUrl = this.getAttribute('data-image');\n      const certName = this.getAttribute('data-name');\n      \n      lightboxImage.src = imageUrl;\n      lightboxInfo.textContent = certName;\n      lightbox.classList.add('active');\n      document.body.style.overflow = 'hidden';\n    });\n  });\n\n  \/\/ Close lightbox\n  lightboxClose.addEventListener('click', function() {\n    lightbox.classList.remove('active');\n    document.body.style.overflow = '';\n  });\n\n  \/\/ Close lightbox when clicking on dark background\n  lightbox.addEventListener('click', function(e) {\n    if (e.target === lightbox) {\n      lightbox.classList.remove('active');\n      document.body.style.overflow = '';\n    }\n  });\n\n  \/\/ Close lightbox with ESC key\n  document.addEventListener('keydown', function(e) {\n    if (e.key === 'Escape' && lightbox.classList.contains('active')) {\n      lightbox.classList.remove('active');\n      document.body.style.overflow = '';\n    }\n  });\n\n  \/\/ Scroll animation for certificate cards\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach((entry, index) => {\n      if (entry.isIntersecting) {\n        setTimeout(() => {\n          entry.target.style.opacity = '1';\n          entry.target.style.transform = 'translateY(0)';\n        }, index * 50);\n        \n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  certificateCards.forEach(card => {\n    card.style.opacity = '0';\n    card.style.transform = 'translateY(30px)';\n    card.style.transition = 'all 0.6s ease';\n    observer.observe(card);\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a71399a e-con-full e-flex e-con e-parent\" data-id=\"a71399a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57543fe elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"57543fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- What Sets SOLETKS Ahead Section -->\n<section class=\"advantages-section\">\n  <style>\n    \/* Advantages Section Styles *\/\n    .advantages-section {\n      padding: 80px 20px;\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .advantages-section::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -10%;\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, rgba(59, 130, 246, 0.05) 0%, transparent 70%);\n      border-radius: 50%;\n      z-index: 0;\n    }\n\n    .advantages-section::after {\n      content: '';\n      position: absolute;\n      bottom: -40%;\n      right: -8%;\n      width: 600px;\n      height: 600px;\n      background: radial-gradient(circle, rgba(29, 78, 216, 0.04) 0%, transparent 70%);\n      border-radius: 50%;\n      z-index: 0;\n    }\n\n    .advantages-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* Section Header *\/\n    .advantages-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .advantages-label {\n      display: inline-block;\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #3b82f6;\n      margin-bottom: 12px;\n      padding: 6px 18px;\n      background: rgba(59, 130, 246, 0.08);\n      border-radius: 20px;\n    }\n\n    .advantages-title {\n      font-size: 42px;\n      font-weight: 700;\n      color: #1e293b;\n      line-height: 1.2;\n      margin: 10px 0 15px 0;\n    }\n\n    .advantages-title .highlight {\n      background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .advantages-subtitle {\n      font-size: 18px;\n      color: #64748b;\n      font-weight: 500;\n      margin: 0;\n    }\n\n    \/* Advantages Grid *\/\n    .advantages-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 25px;\n      margin-top: 50px;\n    }\n\n    .advantage-card {\n      background: white;\n      border-radius: 16px;\n      padding: 35px 28px;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n      border: 2px solid transparent;\n      text-align: center;\n    }\n\n    .advantage-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, #3b82f6, #2563eb);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }\n\n    .advantage-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 12px 40px rgba(59, 130, 246, 0.15);\n      border-color: rgba(59, 130, 246, 0.2);\n    }\n\n    .advantage-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .advantage-icon {\n      width: 70px;\n      height: 70px;\n      margin: 0 auto 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(37, 99, 235, 0.08));\n      border-radius: 18px;\n      transition: all 0.4s ease;\n      position: relative;\n    }\n\n    .advantage-card:hover .advantage-icon {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      transform: scale(1.1) rotate(-5deg);\n      box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3);\n    }\n\n    .advantage-icon svg {\n      width: 36px;\n      height: 36px;\n      stroke: #3b82f6;\n      transition: all 0.4s ease;\n    }\n\n    .advantage-card:hover .advantage-icon svg {\n      stroke: white;\n      transform: scale(1.1);\n    }\n\n    .advantage-title {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 12px 0;\n      line-height: 1.3;\n    }\n\n    .advantage-description {\n      font-size: 14px;\n      line-height: 1.7;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* CTA Section *\/\n    .advantages-cta {\n      text-align: center;\n      margin-top: 60px;\n    }\n\n    .cta-button {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      font-size: 16px;\n      font-weight: 700;\n      padding: 18px 40px;\n      border: none;\n      border-radius: 50px;\n      cursor: pointer;\n      text-decoration: none;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      overflow: hidden;\n    }\n\n    .cta-button::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n      transition: left 0.6s ease;\n    }\n\n    .cta-button:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 12px 35px rgba(59, 130, 246, 0.4);\n      background: linear-gradient(135deg, #2563eb, #1d4ed8);\n    }\n\n    .cta-button:hover::before {\n      left: 100%;\n    }\n\n    .cta-button svg {\n      width: 20px;\n      height: 20px;\n      transition: transform 0.3s ease;\n    }\n\n    .cta-button:hover svg {\n      transform: translateX(4px);\n    }\n\n    .cta-button:active {\n      transform: translateY(-1px);\n      box-shadow: 0 6px 20px rgba(59, 130, 246, 0.35);\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n      .advantages-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n      }\n    }\n\n    @media (max-width: 968px) {\n      .advantages-section {\n        padding: 60px 15px;\n      }\n\n      .advantages-title {\n        font-size: 34px;\n      }\n\n      .advantages-subtitle {\n        font-size: 16px;\n      }\n\n      .advantages-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 18px;\n      }\n\n      .advantage-card {\n        padding: 28px 22px;\n      }\n\n      .advantages-cta {\n        margin-top: 50px;\n      }\n\n      .cta-button {\n        padding: 16px 36px;\n        font-size: 15px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .advantages-section {\n        padding: 50px 15px;\n      }\n\n      .advantages-header {\n        margin-bottom: 40px;\n      }\n\n      .advantages-title {\n        font-size: 28px;\n      }\n\n      .advantages-subtitle {\n        font-size: 15px;\n      }\n\n      .advantages-grid {\n        grid-template-columns: 1fr;\n        gap: 15px;\n      }\n\n      .advantage-card {\n        padding: 30px 25px;\n        max-width: 400px;\n        margin: 0 auto;\n      }\n\n      .advantage-icon {\n        width: 64px;\n        height: 64px;\n        margin-bottom: 18px;\n      }\n\n      .advantage-icon svg {\n        width: 32px;\n        height: 32px;\n      }\n\n      .advantage-title {\n        font-size: 17px;\n      }\n\n      .advantage-description {\n        font-size: 13px;\n      }\n\n      .advantages-cta {\n        margin-top: 45px;\n      }\n\n      .cta-button {\n        width: 100%;\n        max-width: 350px;\n        justify-content: center;\n        padding: 16px 32px;\n        font-size: 14px;\n      }\n    }\n  <\/style>\n\n  <div class=\"advantages-container\">\n    <!-- Section Header -->\n    <div class=\"advantages-header\">\n      <span class=\"advantages-label\">cURL Too many subrequests.<\/span>\n      <h2 class=\"advantages-title\">cURL Too many subrequests. <span class=\"highlight\">SOLETKS<\/span> Ahead<\/h2>\n      <p class=\"advantages-subtitle\">\u041f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440 \u043f\u0440\u043e\u0432\u0456\u0434\u043d\u0438\u0445 \u0440\u0456\u0448\u0435\u043d\u044c \u0443 \u0433\u0430\u043b\u0443\u0437\u0456 \u0447\u0438\u0441\u0442\u043e\u0457 \u0442\u0435\u043f\u043b\u043e\u0432\u043e\u0457 \u0435\u043d\u0435\u0440\u0433\u0456\u0457 \u0432 \u0423\u043a\u0440\u0430\u0457\u043d\u0456<\/p>\n    <\/div>\n\n    <!-- Advantages Grid -->\n    <div class=\"advantages-grid\">\n      <!-- Advantage 1: Superior Quality -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">\u0412\u0438\u0449\u0430 \u044f\u043a\u0456\u0441\u0442\u044c<\/h3>\n        <p class=\"advantage-description\">High-performance solar thermal systems built with advanced materials and 160+ strict inspection steps for long-term reliability.<\/p>\n      <\/div>\n\n      <!-- Advantage 2: Cost Effective -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n            <path d=\"M12 6v6l4 2\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">\u0415\u043a\u043e\u043d\u043e\u043c\u0456\u0447\u043d\u043e \u0432\u0438\u0433\u0456\u0434\u043d\u0438\u0439<\/h3>\n        <p class=\"advantage-description\">\u0415\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0435 \u0432\u0438\u0440\u043e\u0431\u043d\u0438\u0446\u0442\u0432\u043e \u0442\u0430 \u0440\u043e\u0437\u0443\u043c\u043d\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0443\u0432\u0430\u043d\u043d\u044f \u0441\u0438\u0441\u0442\u0435\u043c \u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0443\u044e\u0442\u044c \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0443 \u0435\u043d\u0435\u0440\u0433\u0435\u0442\u0438\u0447\u043d\u0443 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438\u0432\u043d\u0456\u0441\u0442\u044c \u043f\u0440\u0438 \u043c\u0456\u043d\u0456\u043c\u0430\u043b\u044c\u043d\u0438\u0445 \u0432\u0438\u0442\u0440\u0430\u0442\u0430\u0445 \u043d\u0430 \u0436\u0438\u0442\u0442\u0454\u0432\u0438\u0439 \u0446\u0438\u043a\u043b.<\/p>\n      <\/div>\n\n      <!-- Advantage 3: Precision Customization -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 2v6m0 4v10M6 8l6 6 6-6\"\/>\n            <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">\u0422\u043e\u0447\u043d\u0430 \u043d\u0430\u043b\u0430\u0448\u0442\u0443\u0432\u0430\u043d\u043d\u044f<\/h3>\n        <p class=\"advantage-description\">\u0406\u043d\u0434\u0438\u0432\u0456\u0434\u0443\u0430\u043b\u044c\u043d\u0456 \u043f\u043b\u043e\u0441\u043a\u0456 \u0441\u0438\u0441\u0442\u0435\u043c\u0438, \u0440\u043e\u0437\u0440\u043e\u0431\u043b\u0435\u043d\u0456 \u0434\u043b\u044f \u0440\u0456\u0437\u043d\u0438\u0445 \u043a\u043b\u0456\u043c\u0430\u0442\u0438\u0447\u043d\u0438\u0445 \u0443\u043c\u043e\u0432, \u0433\u0430\u043b\u0443\u0437\u0435\u0439 \u0442\u0430 \u0432\u0438\u043c\u043e\u0433 \u0434\u043e \u043c\u043e\u043d\u0442\u0430\u0436\u0443.<\/p>\n      <\/div>\n\n      <!-- Advantage 4: Innovation Driven -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83\"\/>\n            <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">\u0406\u043d\u043d\u043e\u0432\u0430\u0446\u0456\u0439\u043d\u043e \u043e\u0440\u0456\u0454\u043d\u0442\u043e\u0432\u0430\u043d\u0438\u0439<\/h3>\n        <p class=\"advantage-description\">Continuous R&amp;D supported by 117 patented technologies, advancing solar absorption and integrated energy solutions.<\/p>\n      <\/div>\n\n      <!-- Advantage 5: Reliable Support -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">\u041d\u0430\u0434\u0456\u0439\u043d\u0430 \u043f\u0456\u0434\u0442\u0440\u0438\u043c\u043a\u0430<\/h3>\n        <p class=\"advantage-description\">\u0426\u0456\u043b\u043e\u0434\u043e\u0431\u043e\u0432\u0435 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0435 \u0442\u0435\u0445\u043d\u0456\u0447\u043d\u0435 \u043e\u0431\u0441\u043b\u0443\u0433\u043e\u0432\u0443\u0432\u0430\u043d\u043d\u044f \u0442\u0430 \u043f\u0440\u043e\u0444\u0435\u0441\u0456\u0439\u043d\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u0430 \u043d\u0430 \u043c\u0456\u0441\u0446\u0456 \u0434\u043b\u044f \u0431\u0435\u0437\u043f\u0435\u0440\u0435\u0431\u0456\u0439\u043d\u043e\u0457, \u043d\u0430\u0434\u0456\u0439\u043d\u043e\u0457 \u0440\u043e\u0431\u043e\u0442\u0438.<\/p>\n      <\/div>\n\n      <!-- Advantage 6: Global Reach -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n            <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n            <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0438\u0439 \u043e\u0445\u043e\u043f\u043b\u0435\u043d\u043d\u044f<\/h3>\n        <p class=\"advantage-description\">\u041d\u0430\u0434\u0430\u043d\u043d\u044f \u0441\u0442\u0430\u043b\u0438\u0445 \u0435\u043d\u0435\u0440\u0433\u0435\u0442\u0438\u0447\u043d\u0438\u0445 \u0440\u0456\u0448\u0435\u043d\u044c \u043a\u043b\u0456\u0454\u043d\u0442\u0430\u043c \u0443 \u0440\u0456\u0437\u043d\u0438\u0445 \u0440\u0435\u0433\u0456\u043e\u043d\u0430\u0445 \u0437 \u043b\u043e\u043a\u0430\u043b\u0456\u0437\u043e\u0432\u0430\u043d\u0438\u043c\u0438 \u0441\u0435\u0440\u0432\u0456\u0441\u043d\u0438\u043c\u0438 \u043c\u0435\u0440\u0435\u0436\u0430\u043c\u0438.<\/p>\n      <\/div>\n\n      <!-- Advantage 7: Certified Excellence -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n            <polyline points=\"14 2 14 8 20 8\"\/>\n            <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n            <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n            <polyline points=\"10 9 9 9 8 9\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">\u0421\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u043e\u0432\u0430\u043d\u0430 \u0434\u043e\u0441\u043a\u043e\u043d\u0430\u043b\u0456\u0441\u0442\u044c<\/h3>\n        <p class=\"advantage-description\">\u0412\u0438\u0437\u043d\u0430\u043d\u043e \u043d\u0430\u0446\u0456\u043e\u043d\u0430\u043b\u044c\u043d\u0438\u043c \u0432\u0438\u0441\u043e\u043a\u043e\u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0456\u0447\u043d\u0438\u043c \u043f\u0456\u0434\u043f\u0440\u0438\u0454\u043c\u0441\u0442\u0432\u043e\u043c \u0456\u0437 \u043c\u0456\u0436\u043d\u0430\u0440\u043e\u0434\u043d\u0438\u043c\u0438 \u0441\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u0430\u0442\u0430\u043c\u0438 \u044f\u043a\u043e\u0441\u0442\u0456 \u0442\u0430 \u0441\u0442\u0430\u043b\u043e\u0433\u043e \u0440\u043e\u0437\u0432\u0438\u0442\u043a\u0443.<\/p>\n      <\/div>\n\n      <!-- Advantage 8: Extended Warranty -->\n      <div class=\"advantage-card\">\n        <div class=\"advantage-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/>\n            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"advantage-title\">\u0420\u043e\u0437\u0448\u0438\u0440\u0435\u043d\u0430 \u0433\u0430\u0440\u0430\u043d\u0442\u0456\u044f<\/h3>\n        <p class=\"advantage-description\">Comprehensive product warranty and lifetime technical guidance for long-term peace of mind.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- CTA Section -->\n    <div class=\"advantages-cta\">\n      <button class=\"cta-button\">\n        <span>Find Your SOLETKS Energy Solution<\/span>\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n        <\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u6eda\u52a8\u52a8\u753b\u6548\u679c\n  function handleAdvantagesScroll() {\n    const advantageCards = document.querySelectorAll('.advantage-card');\n    \n    advantageCards.forEach((card, index) => {\n      const rect = card.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 80;\n      \n      if (isVisible && !card.classList.contains('animated')) {\n        setTimeout(() => {\n          card.style.opacity = '1';\n          card.style.transform = 'translateY(0)';\n          card.classList.add('animated');\n        }, index * 80);\n      }\n    });\n    \n    \/\/ CTA\u6309\u94ae\u52a8\u753b\n    const ctaButton = document.querySelector('.cta-button');\n    if (ctaButton) {\n      const rect = ctaButton.getBoundingClientRect();\n      const isVisible = rect.top < window.innerHeight - 50;\n      \n      if (isVisible && !ctaButton.classList.contains('animated')) {\n        setTimeout(() => {\n          ctaButton.style.opacity = '1';\n          ctaButton.style.transform = 'translateY(0)';\n          ctaButton.classList.add('animated');\n        }, 700);\n      }\n    }\n  }\n  \n  \/\/ \u521d\u59cb\u5316\u5361\u7247\u72b6\u6001\n  const advantageCards = document.querySelectorAll('.advantage-card');\n  advantageCards.forEach(card => {\n    card.style.opacity = '0';\n    card.style.transform = 'translateY(30px)';\n    card.style.transition = 'all 0.6s ease';\n  });\n  \n  \/\/ \u521d\u59cb\u5316CTA\u6309\u94ae\u72b6\u6001\n  const ctaButton = document.querySelector('.cta-button');\n  if (ctaButton) {\n    ctaButton.style.opacity = '0';\n    ctaButton.style.transform = 'translateY(30px)';\n    ctaButton.style.transition = 'all 0.6s ease';\n    \n    \/\/ \u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6\n    ctaButton.addEventListener('click', function() {\n      console.log('Find Your SOLETKS Energy Solution clicked');\n      \/\/ \u8fd9\u91cc\u53ef\u4ee5\u6dfb\u52a0\u8df3\u8f6c\u6216\u5f39\u7a97\u903b\u8f91\n    });\n  }\n  \n  \/\/ \u4e8b\u4ef6\u76d1\u542c\n  window.addEventListener('scroll', handleAdvantagesScroll);\n  \n  \/\/ \u89e6\u53d1\u521d\u59cb\u68c0\u67e5\n  setTimeout(handleAdvantagesScroll, 100);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Hybrid Technology PVT-T Hybrid Solar Panels Dual Energy, Maximum Efficiency Revolutionary photovoltaic-thermal technology that generates electricity and heat simultaneously, achieving up to 80% solar energy utilization for a truly sustainable future. Dual Energy Output 80% Efficiency Smart Control Low Carbon Request Quote Technical Details 80% Energy Utilization PVT-T Hybrid Solar Panel Next-Generation Solar Co-Generation for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":796,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-972","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/uk\/wp-json\/wp\/v2\/pages\/972","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/uk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/uk\/wp-json\/wp\/v2\/comments?post=972"}],"version-history":[{"count":1,"href":"https:\/\/service.soletksolar.com\/uk\/wp-json\/wp\/v2\/pages\/972\/revisions"}],"predecessor-version":[{"id":973,"href":"https:\/\/service.soletksolar.com\/uk\/wp-json\/wp\/v2\/pages\/972\/revisions\/973"}],"up":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/uk\/wp-json\/wp\/v2\/pages\/796"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/uk\/wp-json\/wp\/v2\/media?parent=972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}