{"id":1006,"date":"2025-11-18T01:33:42","date_gmt":"2025-11-18T01:33:42","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=1006"},"modified":"2025-11-18T08:25:49","modified_gmt":"2025-11-18T08:25:49","slug":"solar-water-heater-products","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater-products\/","title":{"rendered":"Solar Water Heater Products"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1006\" class=\"elementor elementor-1006\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ed7f8b e-con-full e-flex e-con e-parent\" data-id=\"2ed7f8b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9fe4a5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a9fe4a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Factory-Direct OEM Solar Water Heating Solutions Banner -->\n<section class=\"oem-solution-banner\">\n  <style>\n    .oem-solution-banner {\n      width: 100%;\n      background: #0a0e27;\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      padding: 90px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* \u52a8\u6001\u80cc\u666f\u5c42 *\/\n    .oem-solution-banner::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        radial-gradient(circle at 20% 30%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),\n        radial-gradient(circle at 80% 70%, rgba(147, 51, 234, 0.12) 0%, transparent 50%),\n        linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);\n      z-index: 0;\n    }\n\n    \/* \u7f51\u683c\u80cc\u666f *\/\n    .oem-solution-banner::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        linear-gradient(rgba(59, 130, 246, 0.03) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(59, 130, 246, 0.03) 1px, transparent 1px);\n      background-size: 50px 50px;\n      z-index: 1;\n    }\n\n    .oem-solution-banner .banner-container {\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* \u4e3b\u5185\u5bb9\u533a - \u5de6\u53f3\u5e03\u5c40 *\/\n    .oem-solution-banner .main-content {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 80px;\n      align-items: center;\n      margin-bottom: 60px;\n    }\n\n    \/* \u5de6\u4fa7\u5185\u5bb9\u533a *\/\n    .oem-solution-banner .content-section {\n      position: relative;\n    }\n\n    .oem-solution-banner .label {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 2.5px;\n      color: #60a5fa;\n      margin-bottom: 24px;\n      padding: 10px 22px;\n      background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(147, 51, 234, 0.1));\n      border-radius: 30px;\n      border: 1px solid rgba(59, 130, 246, 0.3);\n      backdrop-filter: blur(12px);\n      box-shadow: 0 4px 15px rgba(59, 130, 246, 0.2);\n    }\n\n    .oem-solution-banner .label::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n      border-radius: 50%;\n      animation: pulse 2s ease-in-out infinite;\n    }\n\n    @keyframes pulse {\n      0%, 100% { opacity: 1; transform: scale(1); }\n      50% { opacity: 0.6; transform: scale(1.2); }\n    }\n\n    .oem-solution-banner .title {\n      font-size: 46px;\n      font-weight: 900;\n      line-height: 1.2;\n      margin-bottom: 24px;\n      color: #f8fafc;\n      text-shadow: 0 2px 20px rgba(59, 130, 246, 0.3);\n      letter-spacing: -0.5px;\n    }\n\n    .oem-solution-banner .title .highlight {\n      background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      position: relative;\n      display: inline-block;\n    }\n\n    .oem-solution-banner .title .highlight::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 0;\n      width: 100%;\n      height: 3px;\n      background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899);\n      border-radius: 2px;\n      opacity: 0.6;\n    }\n\n    .oem-solution-banner .description {\n      font-size: 16px;\n      line-height: 1.8;\n      color: #cbd5e1;\n      margin-bottom: 38px;\n      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n    }\n\n    \/* \u6309\u94ae\u7ec4 *\/\n    .oem-solution-banner .button-group {\n      display: flex;\n      gap: 16px;\n      flex-wrap: wrap;\n    }\n\n    .oem-solution-banner .btn {\n      padding: 16px 34px;\n      font-size: 14px;\n      font-weight: 700;\n      border-radius: 50px;\n      cursor: pointer;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      text-decoration: none;\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      border: none;\n      position: relative;\n      overflow: hidden;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .oem-solution-banner .btn::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 0;\n      height: 0;\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.2);\n      transform: translate(-50%, -50%);\n      transition: width 0.6s, height 0.6s;\n    }\n\n    .oem-solution-banner .btn:hover::before {\n      width: 300px;\n      height: 300px;\n    }\n\n    .oem-solution-banner .btn-primary {\n      background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n      color: white;\n      box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4);\n    }\n\n    .oem-solution-banner .btn-primary:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 12px 35px rgba(59, 130, 246, 0.6);\n    }\n\n    .oem-solution-banner .btn-secondary {\n      background: rgba(30, 41, 59, 0.8);\n      color: #e2e8f0;\n      border: 2px solid rgba(59, 130, 246, 0.4);\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n      backdrop-filter: blur(10px);\n    }\n\n    .oem-solution-banner .btn-secondary:hover {\n      background: rgba(51, 65, 85, 0.9);\n      border-color: #3b82f6;\n      color: #60a5fa;\n      box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);\n    }\n\n    .oem-solution-banner .btn svg {\n      width: 18px;\n      height: 18px;\n      position: relative;\n      z-index: 1;\n    }\n\n    .oem-solution-banner .btn span {\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* \u53f3\u4fa7\u56fe\u7247\u533a *\/\n    .oem-solution-banner .image-section {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    \/* \u53d1\u5149\u6548\u679c\u80cc\u666f *\/\n    .oem-solution-banner .glow-background {\n      position: absolute;\n      width: 120%;\n      height: 120%;\n      background: radial-gradient(circle, rgba(59, 130, 246, 0.2) 0%, transparent 70%);\n      filter: blur(60px);\n      animation: float 6s ease-in-out infinite;\n    }\n\n    @keyframes float {\n      0%, 100% { transform: translateY(0) scale(1); }\n      50% { transform: translateY(-20px) scale(1.05); }\n    }\n\n    .oem-solution-banner .image-wrapper {\n      width: 100%;\n      max-width: 520px;\n      position: relative;\n      z-index: 2;\n      border-radius: 24px;\n      overflow: hidden;\n      box-shadow: \n        0 25px 70px rgba(0, 0, 0, 0.5),\n        0 0 0 1px rgba(59, 130, 246, 0.3),\n        inset 0 0 0 1px rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(10px);\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      background: linear-gradient(135deg, #1e293b, #334155);\n      aspect-ratio: 4 \/ 3;\n    }\n\n    .oem-solution-banner .image-wrapper::before {\n      content: '';\n      position: absolute;\n      top: -2px;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      background: linear-gradient(135deg, #3b82f6, #8b5cf6, #ec4899);\n      border-radius: 24px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.5s ease;\n    }\n\n    .oem-solution-banner .image-wrapper:hover::before {\n      opacity: 1;\n    }\n\n    .oem-solution-banner .image-wrapper:hover {\n      transform: translateY(-10px) scale(1.02);\n      box-shadow: \n        0 35px 90px rgba(0, 0, 0, 0.6),\n        0 0 0 1px rgba(59, 130, 246, 0.5);\n    }\n\n    .oem-solution-banner .image-wrapper img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.6s ease;\n    }\n\n    .oem-solution-banner .image-wrapper:hover img {\n      transform: scale(1.05);\n    }\n\n    \/* \u7279\u6027\u5217\u8868 *\/\n    .oem-solution-banner .features-section {\n      margin-top: 60px;\n    }\n\n    .oem-solution-banner .features-title {\n      text-align: center;\n      font-size: 28px;\n      font-weight: 800;\n      color: #f8fafc;\n      margin-bottom: 40px;\n      position: relative;\n      display: inline-block;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n\n    .oem-solution-banner .features-title::after {\n      content: '';\n      position: absolute;\n      bottom: -12px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 80px;\n      height: 4px;\n      background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899);\n      border-radius: 2px;\n    }\n\n    .oem-solution-banner .features-list {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      gap: 20px;\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    .oem-solution-banner .feature-item {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 16px;\n      padding: 28px 20px;\n      background: rgba(30, 41, 59, 0.5);\n      border-radius: 16px;\n      border: 1px solid rgba(59, 130, 246, 0.2);\n      backdrop-filter: blur(10px);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .oem-solution-banner .feature-item:hover {\n      background: rgba(30, 41, 59, 0.7);\n      border-color: rgba(59, 130, 246, 0.5);\n      transform: translateY(-8px);\n      box-shadow: 0 12px 30px rgba(59, 130, 246, 0.3);\n    }\n\n    .oem-solution-banner .feature-icon {\n      width: 56px;\n      height: 56px;\n      min-width: 56px;\n      background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 8px 20px rgba(59, 130, 246, 0.4);\n      transition: all 0.3s ease;\n    }\n\n    .oem-solution-banner .feature-item:hover .feature-icon {\n      transform: rotateY(360deg);\n      box-shadow: 0 12px 30px rgba(59, 130, 246, 0.6);\n    }\n\n    .oem-solution-banner .feature-icon svg {\n      width: 28px;\n      height: 28px;\n      color: white;\n    }\n\n    .oem-solution-banner .feature-text {\n      flex: 1;\n    }\n\n    .oem-solution-banner .feature-text strong {\n      display: block;\n      font-size: 15px;\n      font-weight: 700;\n      color: #f1f5f9;\n      margin-bottom: 8px;\n      letter-spacing: 0.3px;\n      line-height: 1.3;\n    }\n\n    .oem-solution-banner .feature-text span {\n      font-size: 13px;\n      color: #94a3b8;\n      line-height: 1.5;\n    }\n\n    \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n    @media (max-width: 1200px) {\n      .oem-solution-banner .features-list {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n\n    @media (max-width: 1024px) {\n      .oem-solution-banner {\n        padding: 70px 0;\n      }\n      .oem-solution-banner .main-content {\n        grid-template-columns: 1fr;\n        gap: 50px;\n        text-align: center;\n      }\n      .oem-solution-banner .title {\n        font-size: 40px;\n      }\n      .oem-solution-banner .button-group {\n        justify-content: center;\n      }\n      .oem-solution-banner .features-list {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .oem-solution-banner {\n        padding: 60px 0;\n      }\n      .oem-solution-banner .banner-container {\n        padding: 0 25px;\n      }\n      .oem-solution-banner .title {\n        font-size: 34px;\n      }\n      .oem-solution-banner .main-content {\n        gap: 40px;\n      }\n      .oem-solution-banner .features-section {\n        margin-top: 50px;\n      }\n      .oem-solution-banner .features-title {\n        font-size: 24px;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .oem-solution-banner {\n        padding: 50px 0;\n      }\n      .oem-solution-banner .title {\n        font-size: 28px;\n      }\n      .oem-solution-banner .description {\n        font-size: 15px;\n      }\n      .oem-solution-banner .button-group {\n        flex-direction: column;\n        width: 100%;\n      }\n      .oem-solution-banner .btn {\n        width: 100%;\n        justify-content: center;\n      }\n      .oem-solution-banner .features-list {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n      .oem-solution-banner .feature-item {\n        padding: 24px 18px;\n      }\n    }\n  <\/style>\n\n  <div class=\"banner-container\">\n    <!-- \u4e3b\u5185\u5bb9\u533a:\u5de6\u53f3\u5e03\u5c40 -->\n    <div class=\"main-content\">\n      <!-- \u5de6\u4fa7\u5185\u5bb9 -->\n      <div class=\"content-section\">\n        <div class=\"label\">\n          <span>OEM V\u00fdroba<\/span>\n        <\/div>\n        <h1 class=\"title\">\n          Priama tov\u00e1re\u0148<br>\n          <span class=\"highlight\">OEM Sol\u00e1rne rie\u0161enia na ohrev vody<\/span>\n        <\/h1>\n        <p class=\"description\">\n          Priamo z tov\u00e1rne sol\u00e1rne ohrieva\u010de vody, rozdelen\u00e9 sol\u00e1rne ohrieva\u010de vody a sol\u00e1rne ohrieva\u010de s teplovodn\u00fdmi trubicami s vlastnou zna\u010dkou OEM, mo\u017enosti ploch\u00fdch dosiek alebo v\u00e1kuov\u00fdch trub\u00edc, modul\u00e1rna in\u0161tal\u00e1cia, dokument\u00e1cia o s\u00falade s CE\/SRCC a r\u00fdchle, predv\u00eddate\u013en\u00e9 dodacie lehoty pre glob\u00e1lnych distrib\u00fatorov.\n        <\/p>\n        \n        <div class=\"button-group\">\n          <a href=\"https:\/\/wa.me\/8615318896990?text=Hello%2C%20I%27m%20interested%20in%20your%20OEM%20Solar%20Water%20Heating%20Solutions\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <span>Chat na WhatsApp<\/span>\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n              <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/>\n            <\/svg>\n          <\/a>\n          <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater-products\/#contact\" class=\"btn btn-secondary\">\n            <span>Z\u00edska\u0165 cenov\u00fa ponuku EXW\/FOB<\/span>\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- \u53f3\u4fa7\u56fe\u7247 - \u76f4\u63a5\u663e\u793a\u538b\u7f29\u540e\u7684\u6e05\u6670\u56fe\u7247 -->\n      <div class=\"image-section\">\n        <div class=\"glow-background\"><\/div>\n        <div class=\"image-wrapper\">\n          <img decoding=\"async\" \n            src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/0a52-1-scaled.png?w=600&quality=75\"\n            alt=\"Factory-Direct OEM Solar Water Heating Solutions\"\n            loading=\"lazy\"\n          >\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u4ea7\u54c1\u7279\u6027\u5217\u8868 -->\n    <div class=\"features-section\">\n      <h2 class=\"features-title\">V\u00fdhody produktu<\/h2>\n      <div class=\"features-list\">\n        <div class=\"feature-item\">\n          <div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n              <path d=\"M12 6v6l4 2\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"feature-text\">\n            <strong>A\u017e 95% sol\u00e1rne absorp\u010dn\u00e9<\/strong>\n            <span>Vysok\u00e1 \u00fa\u010dinnos\u0165, ekologick\u00e9 \u00faspory<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M12 2v20M17 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-text\">\n            <strong>Prirodzen\u00e1 cirkul\u00e1cia<\/strong>\n            <span>Nepotrebujete elektrinu, n\u00edzke n\u00e1klady na \u00fadr\u017ebu<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\n              <path d=\"M9 3v18M15 3v18\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"feature-text\">\n            <strong>Flexibiln\u00e9 kapacity<\/strong>\n            <span>150L \/ 200L \/ 300L rodinn\u00e9 mo\u017enosti<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\n              <path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"feature-text\">\n            <strong>Tlakov\u00fd syst\u00e9m<\/strong>\n            <span>Stabiln\u00fd, pohodln\u00fd pr\u00fad sprchy<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature-item\">\n          <div class=\"feature-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"feature-text\">\n            <strong>Mo\u017enosti n\u00e1dr\u017e\u00ed z viacer\u00fdch materi\u00e1lov<\/strong>\n            <span>Emajl, 304 alebo 316 nerezov\u00e1 oce\u013e pod\u013ea kvality vody<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u7279\u6027\u5361\u7247\u52a8\u753b\n  const featureItems = document.querySelectorAll('.oem-solution-banner .feature-item');\n  if ('IntersectionObserver' in window) {\n    const featureObserver = new IntersectionObserver((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 * 100);\n        }\n      });\n    }, { threshold: 0.1 });\n\n    featureItems.forEach(item => {\n      item.style.opacity = '0';\n      item.style.transform = 'translateY(30px)';\n      item.style.transition = 'all 0.6s cubic-bezier(0.4, 0, 0.2, 1)';\n      featureObserver.observe(item);\n    });\n  }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-86f8d8d e-con-full e-flex e-con e-parent\" data-id=\"86f8d8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06335e6 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"06335e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Solar Water Heater Section -->\n<section id=\"solar-water-heater\" class=\"swh-section\">\n  <style>\n    .swh-section {\n      padding: 65px 20px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n    }\n\n    .swh-container {\n      max-width: 1320px;\n      margin: 0 auto;\n    }\n\n    .swh-header {\n      text-align: center;\n      margin-bottom: 20px;\n    }\n\n    .swh-header h2 {\n      font-size: 38px;\n      color: #1e293b;\n      margin-bottom: 18px;\n      font-weight: 700;\n      position: relative;\n      display: inline-block;\n    }\n\n    .swh-header h2::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 60px;\n      height: 3px;\n      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\n      border-radius: 2px;\n    }\n\n    .swh-intro {\n      max-width: 990px;\n      margin: 0 auto 40px;\n      text-align: center;\n    }\n\n    .swh-intro p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 0;\n    }\n\n    .swh-products-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n      margin-top: 35px;\n    }\n\n    .swh-product-card {\n      background: white;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .swh-product-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }\n\n    .swh-product-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);\n    }\n\n    .swh-product-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .swh-product-image {\n      position: relative;\n      width: 100%;\n      height: 220px;\n      overflow: hidden;\n      background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n    }\n\n    .swh-product-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 15px;\n      transition: transform 0.5s ease;\n      image-rendering: -webkit-optimize-contrast;\n      image-rendering: crisp-edges;\n    }\n\n    .swh-product-card:hover .swh-product-image img {\n      transform: scale(1.08);\n    }\n\n    .swh-product-content {\n      padding: 24px 22px;\n      display: flex;\n      flex-direction: column;\n      flex-grow: 1;\n    }\n\n    .swh-product-title {\n      font-size: 20px;\n      color: #1e293b;\n      margin-bottom: 12px;\n      font-weight: 700;\n      line-height: 1.3;\n    }\n\n    .swh-product-description {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n      margin-bottom: 8px;\n    }\n\n    .swh-product-features {\n      font-size: 14px;\n      color: #475569;\n      line-height: 1.6;\n      margin-bottom: 20px;\n      padding-left: 5px;\n      flex-grow: 1;\n    }\n\n    .swh-button-group {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .swh-learn-more,\n    .swh-get-quote {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 6px;\n      padding: 11px 24px;\n      color: white;\n      text-decoration: none;\n      border-radius: 50px;\n      font-weight: 600;\n      font-size: 14px;\n      transition: all 0.3s ease;\n      text-align: center;\n    }\n\n    .swh-learn-more {\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      box-shadow: 0 3px 12px rgba(102, 126, 234, 0.3);\n    }\n\n    .swh-learn-more:hover {\n      transform: translateX(5px);\n      box-shadow: 0 5px 18px rgba(102, 126, 234, 0.5);\n    }\n\n    .swh-get-quote {\n      background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n      box-shadow: 0 3px 12px rgba(16, 185, 129, 0.3);\n    }\n\n    .swh-get-quote:hover {\n      transform: translateX(5px);\n      box-shadow: 0 5px 18px rgba(16, 185, 129, 0.5);\n    }\n\n    .swh-learn-more svg,\n    .swh-get-quote svg {\n      width: 14px;\n      height: 14px;\n      transition: transform 0.3s ease;\n    }\n\n    .swh-learn-more:hover svg,\n    .swh-get-quote:hover svg {\n      transform: translateX(4px);\n    }\n\n    \/* Badge *\/\n    .swh-badge {\n      position: absolute;\n      top: 15px;\n      right: 15px;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      color: white;\n      padding: 6px 14px;\n      border-radius: 18px;\n      font-size: 12px;\n      font-weight: 600;\n      z-index: 10;\n      box-shadow: 0 3px 10px rgba(102, 126, 234, 0.4);\n    }\n\n    @media (max-width: 1024px) {\n      .swh-products-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 25px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .swh-section {\n        padding: 50px 20px;\n      }\n\n      .swh-header h2 {\n        font-size: 30px;\n        margin-bottom: 15px;\n      }\n\n      .swh-intro {\n        margin-bottom: 30px;\n      }\n\n      .swh-intro p {\n        font-size: 14px;\n      }\n\n      .swh-products-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n        margin-top: 30px;\n      }\n\n      .swh-product-image {\n        height: 200px;\n      }\n\n      .swh-product-image img {\n        padding: 15px;\n      }\n\n      .swh-product-content {\n        padding: 22px 20px;\n      }\n\n      .swh-product-title {\n        font-size: 20px;\n        margin-bottom: 12px;\n      }\n\n      .swh-product-description {\n        font-size: 13px;\n        margin-bottom: 8px;\n      }\n\n      .swh-product-features {\n        font-size: 13px;\n        margin-bottom: 18px;\n      }\n\n      .swh-learn-more,\n      .swh-get-quote {\n        padding: 10px 22px;\n        font-size: 13px;\n      }\n\n      .swh-badge {\n        top: 12px;\n        right: 12px;\n        padding: 5px 12px;\n        font-size: 11px;\n      }\n    }\n  <\/style>\n\n  <div class=\"swh-container\">\n    <!-- Header -->\n    <div class=\"swh-header\">\n      <h2>Sol\u00e1rny Ohrieva\u010d Vody<\/h2>\n    <\/div>\n\n    <!-- Introduction -->\n    <div class=\"swh-intro\">\n      <p>\n        Syst\u00e9my sol\u00e1rnych ohrieva\u010dov vody SOLETKS s\u00fa navrhnut\u00e9 tak, aby efekt\u00edvne zachyt\u00e1vali slne\u010dn\u00fa energiu a premie\u0148ali ju na spo\u013eahliv\u00fa tepl\u00fa vodu pre dom\u00e1cnosti, podniky a priemysel. S pokro\u010dil\u00fdmi technol\u00f3giami ploch\u00fdch dosiek a teplovodn\u00fdch trub\u00edc na\u0161e syst\u00e9my poskytuj\u00fa vynikaj\u00faci v\u00fdkon, \u00faspory energie a environment\u00e1lne v\u00fdhody. Ka\u017ed\u00fd model je navrhnut\u00fd tak, aby vyhovoval r\u00f4znym in\u0161tala\u010dn\u00fdm potreb\u00e1m a klimatick\u00fdm podmienkam, \u010d\u00edm rob\u00ed sol\u00e1rne ohrievanie vody efekt\u00edvnej\u0161\u00edm a udr\u017eate\u013enej\u0161\u00edm ne\u017e kedyko\u013evek predt\u00fdm.\n      <\/p>\n    <\/div>\n\n    <!-- Products Grid -->\n    <div class=\"swh-products-grid\">\n      \n      <!-- Integrated Solar Water Heater -->\n      <div class=\"swh-product-card\">\n        <div class=\"swh-badge\">Ob\u013e\u00faben\u00e9<\/div>\n        <div class=\"swh-product-image\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/300L\u4e00\u4f53\u673a1.png?w=500&quality=75\" \n               alt=\"Integrated Solar Water Heater\" \n               loading=\"lazy\"\n               decoding=\"async\">\n        <\/div>\n        <div class=\"swh-product-content\">\n          <h3 class=\"swh-product-title\">Integrovan\u00fd Sol\u00e1rny Ohrieva\u010d Vody<\/h3>\n          <p class=\"swh-product-description\">\n            Kompaktn\u00fd syst\u00e9m, ktor\u00fd sp\u00e1ja sol\u00e1rny kolektor a n\u00e1dr\u017e na vodu do jedn\u00e9ho integrovan\u00e9ho celku.\n          <\/p>\n          <p class=\"swh-product-features\">\n            Pon\u00faka jednoduch\u00fa in\u0161tal\u00e1ciu, spo\u013eahliv\u00fa prev\u00e1dzku a vynikaj\u00facu tepeln\u00fa retenciu \u2014 ide\u00e1lne pre domy a mal\u00e9 aplik\u00e1cie, kde je k\u013e\u00fa\u010dov\u00e1 jednoduchos\u0165 a efekt\u00edvnos\u0165.\n          <\/p>\n          <div class=\"swh-button-group\">\n            <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater\/integrated-solar-water-heater\/\" class=\"swh-learn-more\">\n              Zisti\u0165 viac\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            <\/a>\n            <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater-products\/#contact\" class=\"swh-get-quote\">\n              Z\u00edskajte svoju cenov\u00fa ponuku\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            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Split Solar Water Heater -->\n      <div class=\"swh-product-card\">\n        <div class=\"swh-badge\">Flexibiln\u00fd<\/div>\n        <div class=\"swh-product-image\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5206\u4f532.png?w=500&quality=75\" \n               alt=\"Split Solar Water Heater\" \n               loading=\"lazy\"\n               decoding=\"async\">\n        <\/div>\n        <div class=\"swh-product-content\">\n          <h3 class=\"swh-product-title\">Rozdelen\u00fd Sol\u00e1rny Ohrieva\u010d Vody<\/h3>\n          <p class=\"swh-product-description\">\n            Tento syst\u00e9m oddeluje sol\u00e1rny kolektor od z\u00e1sobn\u00edka, \u010do umo\u017e\u0148uje flexibiln\u00fa in\u0161tal\u00e1ciu pod\u013ea dispoz\u00edcie budovy.\n          <\/p>\n          <p class=\"swh-product-features\">\n            Rozdelen\u00fd dizajn minimalizuje straty tepla, poskytuje lep\u0161iu ochranu proti zamrznutiu a zabezpe\u010duje stabiln\u00fd pr\u00edsun teplej vody vo v\u0161etk\u00fdch ro\u010dn\u00fdch obdobiach.\n          <\/p>\n          <div class=\"swh-button-group\">\n            <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater\/flat-plate-split-solar-water-heater\/\" class=\"swh-learn-more\">\n              Zisti\u0165 viac\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            <\/a>\n            <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater-products\/#contact\" class=\"swh-get-quote\">\n              Z\u00edskajte svoju cenov\u00fa ponuku\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            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Heat Pipe Solar Water Heater -->\n      <div class=\"swh-product-card\">\n        <div class=\"swh-badge\">Vysok\u00e1 \u00fa\u010dinnos\u0165<\/div>\n        <div class=\"swh-product-image\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/0-scaled.png?w=500&quality=75\" \n               alt=\"Heat Pipe Solar Water Heater\" \n               loading=\"lazy\"\n               decoding=\"async\">\n        <\/div>\n        <div class=\"swh-product-content\">\n          <h3 class=\"swh-product-title\">Sol\u00e1rny Ohrieva\u010d Vody s Tepelnou R\u00farkou<\/h3>\n          <p class=\"swh-product-description\">\n            Vybaven\u00fd v\u00e1kuov\u00fdmi trubicami a pokro\u010dilou technol\u00f3giou tepelnej r\u00fary, tento model zabezpe\u010duje r\u00fdchle vykurovanie a vynikaj\u00facu \u00fa\u010dinnos\u0165 aj v chladn\u00fdch alebo zamra\u010den\u00fdch podmienkach.\n          <\/p>\n          <p class=\"swh-product-features\">\n            Vhodn\u00fd pre regi\u00f3ny s r\u00f4znorod\u00fdm podneb\u00edm a pou\u017e\u00edvate\u013eov vyh\u013ead\u00e1vaj\u00facich vysok\u00fd v\u00fdkon s minim\u00e1lnou \u00fadr\u017ebou.\n          <\/p>\n          <div class=\"swh-button-group\">\n            <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater\/heat-pipe-solar-water-heater\/\" class=\"swh-learn-more\">\n              Zisti\u0165 viac\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            <\/a>\n            <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater-products\/#contact\" class=\"swh-get-quote\">\n              Z\u00edskajte svoju cenov\u00fa ponuku\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            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01ae9d6 e-con-full e-flex e-con e-parent\" data-id=\"01ae9d6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34f7f0d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"34f7f0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Our Solutions Section -->\n<section id=\"our-solutions\" class=\"solutions-section\">\n  <style>\n    .solutions-section {\n      padding: 80px 20px;\n      background: #ffffff;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .solutions-container {\n      max-width: 1320px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    .solutions-header {\n      text-align: center;\n      margin-bottom: 25px;\n    }\n\n    .solutions-header h2 {\n      font-size: 38px;\n      color: #1e293b;\n      margin-bottom: 18px;\n      font-weight: 700;\n      position: relative;\n      display: inline-block;\n    }\n\n    .solutions-header h2::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 60px;\n      height: 3px;\n      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\n      border-radius: 2px;\n    }\n\n    .solutions-subtitle {\n      font-size: 24px;\n      color: #475569;\n      font-weight: 600;\n      margin-bottom: 15px;\n    }\n\n    .solutions-intro {\n      max-width: 990px;\n      margin: 0 auto 50px;\n      text-align: center;\n    }\n\n    .solutions-intro p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 0;\n    }\n\n    \/* Background Image Container - \u6dfb\u52a0\u538b\u7f29\u53c2\u6570 *\/\n    .solutions-cards-wrapper {\n      position: relative;\n      padding: 80px 0 100px;\n      background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u80fd\u57fa\u5730-1.png?w=1920&quality=75');\n      background-size: cover;\n      background-position: center;\n      background-repeat: no-repeat;\n      border-radius: 0;\n      overflow: visible;\n      margin: 0 -20px;\n    }\n\n    \/* \u84dd\u8272\u900f\u660e\u906e\u7f69\u5c42 *\/\n    .solutions-cards-wrapper::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(180deg, \n        rgba(37, 99, 235, 0.35) 0%, \n        rgba(59, 130, 246, 0.45) 30%,\n        rgba(96, 165, 250, 0.40) 50%,\n        rgba(59, 130, 246, 0.45) 70%,\n        rgba(37, 99, 235, 0.35) 100%);\n      z-index: 1;\n    }\n\n    \/* \u989d\u5916\u7684\u84dd\u8272\u5149\u6655\u6548\u679c *\/\n    .solutions-cards-wrapper::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: radial-gradient(ellipse at center, \n        rgba(59, 130, 246, 0.2) 0%, \n        transparent 70%);\n      z-index: 1;\n    }\n\n    .solutions-cards-grid {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      gap: 24px;\n      position: relative;\n      z-index: 2;\n      max-width: 1320px;\n      margin: 0 auto;\n      padding: 0 40px;\n    }\n\n    .solution-card {\n      background: rgba(255, 255, 255, 0.25);\n      backdrop-filter: blur(20px) saturate(180%);\n      -webkit-backdrop-filter: blur(20px) saturate(180%);\n      border-radius: 24px;\n      padding: 32px 24px;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      border: 1px solid rgba(255, 255, 255, 0.5);\n      box-shadow: \n        0 8px 32px rgba(31, 38, 135, 0.15),\n        inset 0 1px 0 rgba(255, 255, 255, 0.6);\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .solution-card::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(255, 255, 255, 0.4) 0%, \n        rgba(255, 255, 255, 0.1) 100%);\n      border-radius: 24px;\n      z-index: -1;\n    }\n\n    .solution-card::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, \n        rgba(102, 126, 234, 0.8) 0%, \n        rgba(118, 75, 162, 0.8) 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n      border-radius: 24px 24px 0 0;\n    }\n\n    .solution-card:hover {\n      transform: translateY(-12px) scale(1.02);\n      background: rgba(255, 255, 255, 0.35);\n      box-shadow: \n        0 20px 60px rgba(102, 126, 234, 0.25),\n        inset 0 1px 0 rgba(255, 255, 255, 0.8);\n      border-color: rgba(255, 255, 255, 0.7);\n    }\n\n    .solution-card:hover::after {\n      transform: scaleX(1);\n    }\n\n    .solution-number {\n      font-size: 56px;\n      font-weight: 900;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      margin-bottom: 20px;\n      line-height: 1;\n      letter-spacing: -2px;\n      text-shadow: 0 2px 10px rgba(102, 126, 234, 0.2);\n    }\n\n    .solution-title {\n      font-size: 19px;\n      color: #1e293b;\n      font-weight: 700;\n      margin-bottom: 14px;\n      line-height: 1.4;\n      min-height: 54px;\n      text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);\n    }\n\n    .solution-description {\n      font-size: 14px;\n      color: #334155;\n      line-height: 1.7;\n      flex-grow: 1;\n      text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);\n    }\n\n    .solution-icon {\n      width: 64px;\n      height: 64px;\n      background: linear-gradient(135deg, \n        rgba(102, 126, 234, 0.9) 0%, \n        rgba(118, 75, 162, 0.9) 100%);\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n      border-radius: 18px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 20px;\n      box-shadow: \n        0 8px 24px rgba(102, 126, 234, 0.3),\n        inset 0 1px 0 rgba(255, 255, 255, 0.3);\n      border: 1px solid rgba(255, 255, 255, 0.3);\n      transition: all 0.4s ease;\n    }\n\n    .solution-card:hover .solution-icon {\n      transform: rotateY(360deg) scale(1.05);\n      box-shadow: \n        0 12px 32px rgba(102, 126, 234, 0.4),\n        inset 0 1px 0 rgba(255, 255, 255, 0.5);\n    }\n\n    .solution-icon svg {\n      width: 32px;\n      height: 32px;\n      color: white;\n      filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));\n    }\n\n    \/* CTA Button inside background *\/\n    .solutions-cta {\n      text-align: center;\n      margin-top: 60px;\n      position: relative;\n      z-index: 3;\n    }\n\n    .custom-build-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 14px;\n      padding: 20px 56px;\n      font-size: 19px;\n      font-weight: 700;\n      color: #ffffff;\n      background: rgba(255, 255, 255, 0.15);\n      backdrop-filter: blur(30px) saturate(180%);\n      -webkit-backdrop-filter: blur(30px) saturate(180%);\n      border: 2px solid rgba(255, 255, 255, 0.8);\n      border-radius: 60px;\n      cursor: pointer;\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: \n        0 15px 45px rgba(255, 255, 255, 0.2),\n        inset 0 2px 0 rgba(255, 255, 255, 0.4),\n        0 0 0 0 rgba(255, 255, 255, 0.4);\n      position: relative;\n      overflow: hidden;\n      text-decoration: none;\n      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n      letter-spacing: 0.5px;\n    }\n\n    .custom-build-btn::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(255, 255, 255, 0.3) 0%, \n        rgba(255, 255, 255, 0.1) 100%);\n      border-radius: 60px;\n      z-index: -1;\n    }\n\n    .custom-build-btn::after {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: linear-gradient(45deg, \n        transparent 30%, \n        rgba(255, 255, 255, 0.3) 50%, \n        transparent 70%);\n      transform: rotate(45deg);\n      transition: all 0.6s ease;\n      opacity: 0;\n    }\n\n    .custom-build-btn:hover {\n      transform: translateY(-6px) scale(1.05);\n      background: rgba(255, 255, 255, 0.25);\n      border-color: rgba(255, 255, 255, 1);\n      box-shadow: \n        0 25px 60px rgba(255, 255, 255, 0.35),\n        inset 0 2px 0 rgba(255, 255, 255, 0.6),\n        0 0 0 8px rgba(255, 255, 255, 0.15);\n    }\n\n    .custom-build-btn:hover::after {\n      opacity: 1;\n      left: 100%;\n    }\n\n    .custom-build-btn:active {\n      transform: translateY(-3px) scale(1.02);\n    }\n\n    .custom-build-btn svg {\n      width: 22px;\n      height: 22px;\n      transition: transform 0.4s ease;\n      filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\n    }\n\n    .custom-build-btn:hover svg {\n      transform: translateX(8px);\n    }\n\n    @keyframes glow {\n      0%, 100% {\n        box-shadow: \n          0 15px 45px rgba(255, 255, 255, 0.2),\n          inset 0 2px 0 rgba(255, 255, 255, 0.4),\n          0 0 0 0 rgba(255, 255, 255, 0.4);\n      }\n      50% {\n        box-shadow: \n          0 15px 45px rgba(255, 255, 255, 0.3),\n          inset 0 2px 0 rgba(255, 255, 255, 0.5),\n          0 0 0 12px rgba(255, 255, 255, 0.1);\n      }\n    }\n\n    .custom-build-btn {\n      animation: glow 3s ease-in-out infinite;\n    }\n\n    \/* Glassmorphism shimmer effect *\/\n    @keyframes shimmer {\n      0% {\n        background-position: -200% center;\n      }\n      100% {\n        background-position: 200% center;\n      }\n    }\n\n    .solution-card:hover::before {\n      background: linear-gradient(135deg, \n        rgba(255, 255, 255, 0.5) 0%, \n        rgba(255, 255, 255, 0.2) 50%,\n        rgba(255, 255, 255, 0.5) 100%);\n      background-size: 200% 100%;\n      animation: shimmer 2s infinite;\n    }\n\n    \/* \u79fb\u52a8\u7aef\u80cc\u666f\u56fe\u4f18\u5316 *\/\n    @media (max-width: 1200px) {\n      .solutions-cards-wrapper {\n        background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u80fd\u57fa\u5730-1.png?w=1200&quality=75');\n      }\n\n      .solutions-cards-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 24px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .solutions-section {\n        padding: 60px 20px;\n      }\n\n      .solutions-header h2 {\n        font-size: 30px;\n        margin-bottom: 15px;\n      }\n\n      .solutions-subtitle {\n        font-size: 20px;\n        margin-bottom: 12px;\n      }\n\n      .solutions-intro {\n        margin-bottom: 40px;\n      }\n\n      .solutions-intro p {\n        font-size: 14px;\n      }\n\n      .solutions-cards-wrapper {\n        padding: 50px 0 70px;\n        margin: 0 -20px;\n        background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u80fd\u57fa\u5730-1.png?w=800&quality=70');\n      }\n\n      .solutions-cards-wrapper::before {\n        background: linear-gradient(180deg, \n          rgba(37, 99, 235, 0.45) 0%, \n          rgba(59, 130, 246, 0.55) 50%,\n          rgba(37, 99, 235, 0.45) 100%);\n      }\n\n      .solutions-cards-grid {\n        grid-template-columns: 1fr;\n        gap: 24px;\n        padding: 0 20px;\n      }\n\n      .solution-card {\n        padding: 28px 22px;\n        background: rgba(255, 255, 255, 0.3);\n      }\n\n      .solution-number {\n        font-size: 48px;\n        margin-bottom: 16px;\n      }\n\n      .solution-title {\n        font-size: 18px;\n        margin-bottom: 12px;\n        min-height: auto;\n      }\n\n      .solution-description {\n        font-size: 14px;\n      }\n\n      .solution-icon {\n        width: 56px;\n        height: 56px;\n        margin-bottom: 16px;\n      }\n\n      .solution-icon svg {\n        width: 28px;\n        height: 28px;\n      }\n\n      .solutions-cta {\n        margin-top: 40px;\n      }\n\n      .custom-build-btn {\n        padding: 18px 42px;\n        font-size: 17px;\n        gap: 12px;\n      }\n\n      .custom-build-btn svg {\n        width: 20px;\n        height: 20px;\n      }\n    }\n  <\/style>\n\n  <div class=\"solutions-container\">\n    <!-- Header -->\n    <div class=\"solutions-header\">\n      <h2>Na\u0161e rie\u0161enia<\/h2>\n      <p class=\"solutions-subtitle\">Personalizovan\u00e9 sol\u00e1rne tepeln\u00e9 syst\u00e9my<\/p>\n    <\/div>\n\n    <!-- Introduction -->\n    <div class=\"solutions-intro\">\n      <p>\n        SOLETKS poskytuje na mieru \u0161it\u00e9 sol\u00e1rne tepeln\u00e9 rie\u0161enia s flexibilnou kapacitou, dizajnom a mo\u017enos\u0165ami pou\u017eitia. Od reziden\u010dnej teplej vody a vykurovania budov po priemyseln\u00e9 a po\u013enohospod\u00e1rske tepeln\u00e9 potreby, integrujeme sol\u00e1rnu, geoterm\u00e1lnu a vzdu\u0161n\u00fa energiu pre maxim\u00e1lnu efekt\u00edvnos\u0165 a udr\u017eate\u013enos\u0165.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Cards with Background Image -->\n  <div class=\"solutions-cards-wrapper\">\n    <div class=\"solutions-cards-grid\">\n      \n      <!-- Solution 01 -->\n      <div class=\"solution-card\">\n        <div class=\"solution-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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        <div class=\"solution-number\">01<\/div>\n        <h3 class=\"solution-title\">Optimaliz\u00e1cia v\u00fdkonu syst\u00e9mu<\/h3>\n        <p class=\"solution-description\">\n          Hlbok\u00e9 hodnotenie v\u00fdkonu, testovanie \u00fa\u010dinnosti zberu tepla a ladenie syst\u00e9mu, aby ka\u017ed\u00e1 in\u0161tal\u00e1cia fungovala na maxim\u00e1lnom v\u00fdkone.\n        <\/p>\n      <\/div>\n\n      <!-- Solution 02 -->\n      <div class=\"solution-card\">\n        <div class=\"solution-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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        <div class=\"solution-number\">02<\/div>\n        <h3 class=\"solution-title\">Odborn\u00e1 in\u0161tal\u00e1cia a uvedenie do prev\u00e1dzky<\/h3>\n        <p class=\"solution-description\">\n          Profesion\u00e1lna in\u0161tal\u00e1cia na mieste, kalibr\u00e1cia a uvedenie do prev\u00e1dzky pre r\u00fdchlej\u0161iu mont\u00e1\u017e a bezpe\u010dnej\u0161iu prev\u00e1dzku.\n        <\/p>\n      <\/div>\n\n      <!-- Solution 03 -->\n      <div class=\"solution-card\">\n        <div class=\"solution-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\n            <polyline points=\"22 4 12 14.01 9 11.01\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"solution-number\">03<\/div>\n        <h3 class=\"solution-title\">Bezplatn\u00e1 \u00fadr\u017eba<\/h3>\n        <p class=\"solution-description\">\n          Pl\u00e1novan\u00e9 kontroly a prevent\u00edvne slu\u017eby na pred\u013a\u017eenie \u017eivotnosti syst\u00e9mu a udr\u017eanie vysokej tepelnej \u00fa\u010dinnosti \u2014 bez dodato\u010dn\u00fdch n\u00e1kladov.\n        <\/p>\n      <\/div>\n\n      <!-- Solution 04 -->\n      <div class=\"solution-card\">\n        <div class=\"solution-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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        <div class=\"solution-number\">04<\/div>\n        <h3 class=\"solution-title\">Bezplatn\u00e9 technick\u00e9 \u0161kolenie<\/h3>\n        <p class=\"solution-description\">\n          Praktick\u00e9 \u0161kolenie pre obsluhu, monitorovanie a \u00fadr\u017ebu, aby bola zabezpe\u010den\u00e1 dlhodob\u00e1 spo\u013eahlivos\u0165 syst\u00e9mu.\n        <\/p>\n      <\/div>\n\n      <!-- Solution 05 -->\n      <div class=\"solution-card\">\n        <div class=\"solution-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"solution-number\">05<\/div>\n        <h3 class=\"solution-title\">Neust\u00e1le technologick\u00e9 inov\u00e1cie<\/h3>\n        <p class=\"solution-description\">\n          Nepretr\u017eit\u00e9 inov\u00e1cie v oblasti selekt\u00edvneho povlaku, tepeln\u00e9ho skladovania a inteligentn\u00e9ho riadenia pre v\u00fdkon sol\u00e1rnej energie novej gener\u00e1cie.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- CTA Button -->\n    <div class=\"solutions-cta\">\n      <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater-products\/#contact\" class=\"custom-build-btn\">\n        Za\u010dnite s vlastnou z\u00e1kazkovou stavbou\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n          <polyline points=\"12 5 19 12 12 19\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-19081fc e-con-full e-flex e-con e-parent\" data-id=\"19081fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87c547d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"87c547d\" 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\">Na\u0161e projekty<\/span>\n            <h2 class=\"section-title\">Glob\u00e1lne <span class=\"title-highlight\">Excelentnos\u0165 v sol\u00e1rnej energii<\/span><\/h2>\n            <p class=\"section-description\">Priekopn\u00edcke rie\u0161enia udr\u017eate\u013enej energie naprie\u010d kontinentmi, prin\u00e1\u0161aj\u00face inovat\u00edvne sol\u00e1rne vykurovacie a ohrevn\u00e9 syst\u00e9my vody.<\/p>\n        <\/div>\n\n        <!-- Projects Masonry Grid -->\n        <div class=\"projects-masonry\">\n            <!-- Featured Project - Large -->\n            <article class=\"project-card featured-large\">\n                <div class=\"card-image\">\n                    <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Centralized-solar-heating-for-Saga-County-town-in-Shigatse-City.png?w=800&quality=75\" \n                         alt=\"Centralized Solar Heating\"\n                         loading=\"lazy\"\n                         decoding=\"async\">\n                    <span class=\"featured-badge\">Vybran\u00e9 projekty<\/span>\n                <\/div>\n                <div class=\"card-content\">\n                    <h3>Centralizovan\u00e9 sol\u00e1rne vykurovanie pre okresn\u00e9 mesto Saga v meste \u0160igace<\/h3>\n                    <div class=\"meta-tags\">\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>2019<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\u0160igace, Tibet<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>107 000 m\u00b2<\/span>\n                    <\/div>\n                    <p>Ve\u013ekoplo\u0161n\u00e9 ploch\u00e9 kolektory EFPC115 poskytuj\u00fa vykurovanie pre 107 000 m\u00b2, nahr\u00e1dzaj\u00face tradi\u010dn\u00e9 vykurovanie uhl\u00edm a ja\u010d\u00edm trusom. Zni\u017euje spotrebu uhlia o 2 424 ton ro\u010dne.<\/p>\n                    <div class=\"achievements-grid\">\n                        <div class=\"achievement-badge\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/><\/svg>\n                            <span>Prv\u00e9 vysokohorsk\u00e9 sol\u00e1rne centralizovan\u00e9 vykurovanie na svete<\/span>\n                        <\/div>\n                        <div class=\"achievement-badge\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/><\/svg>\n                            <span>Prv\u00fd sol\u00e1rny vykurovac\u00ed projekt na k\u013e\u00fa\u010d s kompletn\u00fdm re\u0165azcom<\/span>\n                        <\/div>\n                        <div class=\"achievement-badge\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/><\/svg>\n                            <span>Prv\u00e9 rozsiahle sol\u00e1rne vykurovanie v Tibete<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary\">\n                            <span>Z\u00edska\u0165 cenov\u00fa ponuku<\/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                        <\/a>\n                        <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary\">Zobrazi\u0165 podrobnosti<\/a>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Project 2 - Medium -->\n            <article class=\"project-card medium\">\n                <div class=\"card-image\">\n                    <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Tianjin-School-TPV-Pro-Heat-Pump-Coupled-Heating-Project.png?w=600&quality=75\" \n                         alt=\"Tianjin School\"\n                         loading=\"lazy\"\n                         decoding=\"async\">\n                <\/div>\n                <div class=\"card-content\">\n                    <h4>Projekt tepeln\u00e9ho \u010derpadla Tianjin School TPV Pro+<\/h4>\n                    <div class=\"meta-tags\">\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>2024<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Tianjin<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>3 000 m\u00b2<\/span>\n                    <\/div>\n                    <p>Syst\u00e9m tepeln\u00e9ho \u010derpadla TPV Pro+ sp\u013a\u0148a po\u017eiadavky \u0161tudentov na vykurovanie a z\u00e1rove\u0148 generuje elektrinu na mieste.<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>Z\u00edska\u0165 cenov\u00fa ponuku<\/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                        <\/a>\n                        <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">Zobrazi\u0165 podrobnosti<\/a>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Project 3 - Small -->\n            <article class=\"project-card small\">\n                <div class=\"card-image\">\n                    <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2031.jpg.webp?w=400&quality=75\" \n                         alt=\"Central Asia Clean Campus\"\n                         loading=\"lazy\"\n                         decoding=\"async\">\n                <\/div>\n                <div class=\"card-content\">\n                    <h4>\u010cist\u00e9 k\u00farenie kampusu v strednej \u00c1zii<\/h4>\n                    <div class=\"meta-tags\">\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>2023<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Kazachstan<\/span>\n                    <\/div>\n                    <p>U-tube kolektory s vynikaj\u00facou odolnos\u0165ou vo\u010di n\u00edzkym teplot\u00e1m pre vykurovanie \u0161k\u00f4l.<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>Z\u00edska\u0165 cenov\u00fa ponuku<\/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                        <\/a>\n                        <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">Detaily<\/a>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Project 4 - Small -->\n            <article class=\"project-card small\">\n                <div class=\"card-image\">\n                    <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Hot-Water-System-for-APEC-Summit-National-Leaders-Reception-Hotel.png?w=400&quality=75\" \n                         alt=\"APEC Summit\"\n                         loading=\"lazy\"\n                         decoding=\"async\">\n                <\/div>\n                <div class=\"card-content\">\n                    <h4>Hotel Summit APEC tepl\u00e1 voda<\/h4>\n                    <div class=\"meta-tags\">\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>2014<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Peking<\/span>\n                    <\/div>\n                    <p>Syst\u00e9m teplej vody pre summit APEC. U\u0161etr\u00ed 150 000 kWh ro\u010dne.<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>Z\u00edska\u0165 cenov\u00fa ponuku<\/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                        <\/a>\n                        <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">Detaily<\/a>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Project 5 - Medium -->\n            <article class=\"project-card medium\">\n                <div class=\"card-image\">\n                    <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Florida-Resort-Villa-Hot-Water-Project-USA.png?w=600&quality=75\" \n                         alt=\"Florida Resort\"\n                         loading=\"lazy\"\n                         decoding=\"async\">\n                <\/div>\n                <div class=\"card-content\">\n                    <h4>Florida Resort Villa Hot Water Project<\/h4>\n                    <div class=\"meta-tags\">\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>2022<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Florida, Slovensko<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>200 litrov\/de\u0148<\/span>\n                    <\/div>\n                    <p>Ploch\u00e9 vodn\u00e9 ohrieva\u010de poskytuj\u00fa 200 litrov hor\u00facej vody denne pre ka\u017ed\u00fa vilu v rezorte.<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>Z\u00edska\u0165 cenov\u00fa ponuku<\/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                        <\/a>\n                        <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">Zobrazi\u0165 podrobnosti<\/a>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Project 6 - Medium -->\n            <article class=\"project-card medium\">\n                <div class=\"card-image\">\n                    <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Harz-Church-Hot-Water-Project-Germany.png?w=600&quality=75\" \n                         alt=\"Harz Church\"\n                         loading=\"lazy\"\n                         decoding=\"async\">\n                <\/div>\n                <div class=\"card-content\">\n                    <h4>Projekt teplej vody v kostole Harz<\/h4>\n                    <div class=\"meta-tags\">\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>2021<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Nemecko<\/span>\n                        <span><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>22 ton za de\u0148<\/span>\n                    <\/div>\n                    <p>Kolektory s technickou triedou v s\u00e9riovej\/paralelnej konfigur\u00e1cii zabezpe\u010duj\u00fa spo\u013eahliv\u00fa dod\u00e1vku teplej vody.<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>Z\u00edska\u0165 cenov\u00fa ponuku<\/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                        <\/a>\n                        <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">Zobrazi\u0165 podrobnosti<\/a>\n                    <\/div>\n                <\/div>\n            <\/article>\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: 80px 0;\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n}\n\n.container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n\/* Section Header *\/\n.section-header {\n    text-align: center;\n    max-width: 750px;\n    margin: 0 auto 60px;\n}\n\n.section-label {\n    display: inline-block;\n    font-size: 13px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2.5px;\n    color: #3b82f6;\n    margin-bottom: 16px;\n    position: relative;\n}\n\n.section-label::after {\n    content: '';\n    position: absolute;\n    bottom: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 40px;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, #3b82f6, transparent);\n}\n\n.section-title {\n    font-size: 48px;\n    font-weight: 800;\n    color: #0f172a;\n    margin-bottom: 20px;\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: 18px;\n    line-height: 1.7;\n    color: #64748b;\n}\n\n\/* Masonry Grid Layout *\/\n.projects-masonry {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n    grid-auto-rows: minmax(200px, auto);\n}\n\n\/* Card Base Styles *\/\n.project-card {\n    background: white;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    min-height: 0;\n}\n\n.project-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, #8b5cf6);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    z-index: 1;\n}\n\n.project-card:hover {\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);\n    transform: translateY(-8px);\n}\n\n.project-card:hover::before {\n    opacity: 1;\n}\n\n\/* Card Sizes *\/\n.featured-large {\n    grid-column: span 2;\n    grid-row: span 2;\n}\n\n.medium {\n    grid-column: span 2;\n    grid-row: span 1;\n}\n\n.small {\n    grid-column: span 1;\n    grid-row: span 1;\n}\n\n\/* Card Image *\/\n.card-image {\n    position: relative;\n    overflow: hidden;\n    flex-shrink: 0;\n    width: 100%;\n}\n\n.featured-large .card-image {\n    height: 280px;\n}\n\n.medium .card-image {\n    height: 160px;\n}\n\n.small .card-image {\n    height: 140px;\n}\n\n.card-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.project-card:hover .card-image img {\n    transform: scale(1.1);\n}\n\n.featured-badge {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    color: white;\n    padding: 8px 18px;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    border-radius: 24px;\n    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);\n    z-index: 2;\n}\n\n\/* Card Content *\/\n.card-content {\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-height: 0;\n}\n\n.featured-large .card-content {\n    padding: 28px;\n}\n\n.card-content h3 {\n    font-size: 22px;\n    font-weight: 700;\n    color: #0f172a;\n    margin-bottom: 14px;\n    line-height: 1.3;\n}\n\n.card-content h4 {\n    font-size: 16px;\n    font-weight: 700;\n    color: #0f172a;\n    margin-bottom: 10px;\n    line-height: 1.4;\n}\n\n\/* Meta Tags *\/\n.meta-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-bottom: 12px;\n    padding-bottom: 12px;\n    border-bottom: 1px solid #e2e8f0;\n}\n\n.meta-tags span {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 11px;\n    font-weight: 600;\n    color: #475569;\n    padding: 5px 10px;\n    background: linear-gradient(135deg, #f0f9ff, #e0f2fe);\n    border-radius: 10px;\n    border: 1px solid #bae6fd;\n}\n\n.meta-tags svg {\n    width: 13px;\n    height: 13px;\n    stroke-width: 2;\n    flex-shrink: 0;\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.small .card-content p {\n    font-size: 13px;\n    line-height: 1.5;\n}\n\n\/* Achievements Grid *\/\n.achievements-grid {\n    display: grid;\n    gap: 8px;\n    margin-bottom: 20px;\n}\n\n.achievement-badge {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    padding: 10px 12px;\n    background: linear-gradient(135deg, #f0f9ff, #e0f2fe);\n    border-left: 3px solid #3b82f6;\n    border-radius: 6px;\n    font-size: 13px;\n    color: #0f172a;\n    font-weight: 500;\n    line-height: 1.4;\n}\n\n.achievement-badge svg {\n    width: 16px;\n    height: 16px;\n    flex-shrink: 0;\n    margin-top: 1px;\n    stroke: #3b82f6;\n    fill: #3b82f6;\n}\n\n\/* Buttons *\/\n.card-actions {\n    display: flex;\n    gap: 8px;\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: 13px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.btn-primary {\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\n    color: white;\n    padding: 10px 16px;\n    gap: 6px;\n    flex: 1;\n}\n\n.btn-primary svg {\n    width: 14px;\n    height: 14px;\n    transition: transform 0.3s ease;\n}\n\n.btn-primary:hover {\n    background: linear-gradient(135deg, #2563eb, #1d4ed8);\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);\n}\n\n.btn-primary:hover svg {\n    transform: translateX(3px);\n}\n\n.btn-secondary {\n    background: transparent;\n    color: #64748b;\n    padding: 10px 16px;\n    border: 2px solid #e2e8f0;\n    flex: 1;\n}\n\n.btn-secondary:hover {\n    background: #f8fafc;\n    color: #475569;\n    border-color: #cbd5e1;\n}\n\n.btn-small {\n    font-size: 12px;\n    padding: 8px 12px;\n}\n\n.btn-small svg {\n    width: 13px;\n    height: 13px;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 1200px) {\n    .container {\n        padding: 0 30px;\n    }\n    \n    .section-title {\n        font-size: 42px;\n    }\n    \n    .projects-masonry {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n    }\n    \n    .featured-large {\n        grid-column: span 3;\n        grid-row: span 1;\n    }\n    \n    .featured-large .card-image {\n        height: 240px;\n    }\n    \n    .medium {\n        grid-column: span 2;\n    }\n}\n\n@media (max-width: 900px) {\n    .projects-showcase {\n        padding: 60px 0;\n    }\n    \n    .section-header {\n        margin-bottom: 50px;\n    }\n    \n    .section-title {\n        font-size: 36px;\n    }\n    \n    .projects-masonry {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 18px;\n    }\n    \n    .featured-large {\n        grid-column: span 2;\n        grid-row: span 1;\n    }\n    \n    .medium {\n        grid-column: span 2;\n    }\n    \n    .small {\n        grid-column: span 1;\n    }\n}\n\n@media (max-width: 640px) {\n    .container {\n        padding: 0 20px;\n    }\n    \n    .section-title {\n        font-size: 32px;\n    }\n    \n    .section-description {\n        font-size: 16px;\n    }\n    \n    .projects-masonry {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    \n    .featured-large,\n    .medium,\n    .small {\n        grid-column: span 1;\n        grid-row: span 1;\n    }\n    \n    .featured-large .card-image,\n    .medium .card-image,\n    .small .card-image {\n        height: 200px;\n    }\n    \n    .card-content h3 {\n        font-size: 20px;\n    }\n    \n    .card-content h4 {\n        font-size: 17px;\n    }\n    \n    .card-actions {\n        flex-direction: column;\n    }\n    \n    .btn-primary,\n    .btn-secondary {\n        width: 100%;\n    }\n}\n\n@media (max-width: 480px) {\n    .section-title {\n        font-size: 28px;\n    }\n    \n    .featured-large .card-content {\n        padding: 20px;\n    }\n    \n    .card-content h3 {\n        font-size: 18px;\n    }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c772e85 e-con-full e-flex e-con e-parent\" data-id=\"c772e85\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3dfd500 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3dfd500\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Solar Thermal System Solutions Section -->\n<section id=\"system-solutions\" class=\"system-solutions-section\">\n  <style>\n    .system-solutions-section {\n      padding: 80px 20px;\n      background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .system-solutions-section::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -10%;\n      width: 600px;\n      height: 600px;\n      background: radial-gradient(circle, rgba(102, 126, 234, 0.08) 0%, transparent 70%);\n      border-radius: 50%;\n      z-index: 0;\n    }\n\n    .system-solutions-section::after {\n      content: '';\n      position: absolute;\n      bottom: -30%;\n      left: -5%;\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, rgba(118, 75, 162, 0.06) 0%, transparent 70%);\n      border-radius: 50%;\n      z-index: 0;\n    }\n\n    .system-solutions-container {\n      max-width: 1320px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .system-solutions-header {\n      text-align: center;\n      margin-bottom: 50px;\n    }\n\n    .system-solutions-header h2 {\n      font-size: 38px;\n      color: #1e293b;\n      margin-bottom: 12px;\n      font-weight: 800;\n      position: relative;\n      display: inline-block;\n    }\n\n    .system-solutions-header h2::before {\n      content:\n      font-size: 42px;\n      position: absolute;\n      left: -55px;\n      top: 50%;\n      transform: translateY(-50%);\n      animation: rotate 20s linear infinite;\n    }\n\n    @keyframes rotate {\n      from { transform: translateY(-50%) rotate(0deg); }\n      to { transform: translateY(-50%) rotate(360deg); }\n    }\n\n    .system-solutions-header h2::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 70px;\n      height: 3px;\n      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\n      border-radius: 2px;\n    }\n\n    .system-solutions-subtitle {\n      font-size: 17px;\n      color: #64748b;\n      font-weight: 500;\n      margin-top: 12px;\n    }\n\n    .solutions-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 30px;\n      margin-top: 50px;\n    }\n\n    .solution-item {\n      background: #ffffff;\n      border-radius: 20px;\n      padding: 32px 28px;\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: \n        0 4px 20px rgba(0, 0, 0, 0.06),\n        0 1px 3px rgba(0, 0, 0, 0.04);\n      position: relative;\n      overflow: hidden;\n      border: 1px solid rgba(226, 232, 240, 0.8);\n    }\n\n    .solution-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.5s ease;\n    }\n\n    .solution-item:hover {\n      transform: translateY(-8px);\n      box-shadow: \n        0 20px 50px rgba(102, 126, 234, 0.15),\n        0 10px 20px rgba(0, 0, 0, 0.08);\n      border-color: rgba(102, 126, 234, 0.3);\n    }\n\n    .solution-item:hover::before {\n      transform: scaleX(1);\n    }\n\n    .solution-svg-container {\n      width: 65px;\n      height: 65px;\n      margin: 0 auto 20px;\n      position: relative;\n    }\n\n    .solution-svg-container svg {\n      width: 100%;\n      height: 100%;\n      filter: drop-shadow(0 4px 12px rgba(102, 126, 234, 0.2));\n      transition: all 0.5s ease;\n    }\n\n    .solution-item:hover .solution-svg-container svg {\n      transform: scale(1.1) translateY(-3px);\n      filter: drop-shadow(0 8px 20px rgba(102, 126, 234, 0.35));\n    }\n\n    .solution-item-title {\n      font-size: 19px;\n      color: #1e293b;\n      font-weight: 700;\n      margin-bottom: 8px;\n      text-align: center;\n      line-height: 1.3;\n    }\n\n    .solution-item-subtitle {\n      font-size: 13px;\n      color: #667eea;\n      font-weight: 600;\n      margin-bottom: 12px;\n      text-align: center;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .solution-item-description {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n      text-align: center;\n    }\n\n    \/* Decorative elements *\/\n    .solution-item::after {\n      content: '';\n      position: absolute;\n      bottom: -50px;\n      right: -50px;\n      width: 120px;\n      height: 120px;\n      background: radial-gradient(circle, rgba(102, 126, 234, 0.05) 0%, transparent 70%);\n      border-radius: 50%;\n      transition: all 0.5s ease;\n    }\n\n    .solution-item:hover::after {\n      bottom: -30px;\n      right: -30px;\n      background: radial-gradient(circle, rgba(102, 126, 234, 0.1) 0%, transparent 70%);\n    }\n\n    \/* CTA Button *\/\n    .solutions-cta {\n      text-align: center;\n      margin-top: 60px;\n      position: relative;\n      z-index: 2;\n    }\n\n    .quote-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 18px 48px;\n      font-size: 18px;\n      font-weight: 700;\n      color: #ffffff;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      border: none;\n      border-radius: 50px;\n      cursor: pointer;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: \n        0 10px 30px rgba(102, 126, 234, 0.3),\n        0 0 0 0 rgba(102, 126, 234, 0.4);\n      position: relative;\n      overflow: hidden;\n      text-decoration: none;\n      letter-spacing: 0.3px;\n    }\n\n    .quote-btn::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, \n        transparent, \n        rgba(255, 255, 255, 0.3), \n        transparent);\n      transition: left 0.6s ease;\n    }\n\n    .quote-btn:hover {\n      transform: translateY(-4px) scale(1.03);\n      box-shadow: \n        0 20px 50px rgba(102, 126, 234, 0.4),\n        0 0 0 8px rgba(102, 126, 234, 0.1);\n      background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);\n    }\n\n    .quote-btn:hover::before {\n      left: 100%;\n    }\n\n    .quote-btn:active {\n      transform: translateY(-2px) scale(1.01);\n    }\n\n    .quote-btn svg {\n      width: 20px;\n      height: 20px;\n      transition: transform 0.4s ease;\n    }\n\n    .quote-btn:hover svg {\n      transform: translateX(6px);\n    }\n\n    \/* Pulse animation *\/\n    @keyframes pulse {\n      0%, 100% {\n        box-shadow: \n          0 10px 30px rgba(102, 126, 234, 0.3),\n          0 0 0 0 rgba(102, 126, 234, 0.4);\n      }\n      50% {\n        box-shadow: \n          0 10px 30px rgba(102, 126, 234, 0.4),\n          0 0 0 12px rgba(102, 126, 234, 0.1);\n      }\n    }\n\n    .quote-btn {\n      animation: pulse 3s ease-in-out infinite;\n    }\n\n    @media (max-width: 768px) {\n      .system-solutions-section {\n        padding: 60px 20px;\n      }\n\n      .system-solutions-header {\n        margin-bottom: 40px;\n      }\n\n      .system-solutions-header h2 {\n        font-size: 30px;\n        margin-bottom: 10px;\n      }\n\n      .system-solutions-header h2::before {\n        font-size: 34px;\n        left: -45px;\n      }\n\n      .system-solutions-subtitle {\n        font-size: 16px;\n      }\n\n      .solutions-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n        margin-top: 40px;\n      }\n\n      .solution-item {\n        padding: 28px 24px;\n      }\n\n      .solution-svg-container {\n        width: 60px;\n        height: 60px;\n        margin-bottom: 18px;\n      }\n\n      .solution-item-title {\n        font-size: 18px;\n        margin-bottom: 8px;\n      }\n\n      .solution-item-subtitle {\n        font-size: 12px;\n        margin-bottom: 10px;\n      }\n\n      .solution-item-description {\n        font-size: 14px;\n        line-height: 1.6;\n      }\n\n      .solutions-cta {\n        margin-top: 50px;\n      }\n\n      .quote-btn {\n        padding: 16px 40px;\n        font-size: 17px;\n        gap: 10px;\n      }\n\n      .quote-btn svg {\n        width: 18px;\n        height: 18px;\n      }\n    }\n  <\/style>\n\n  <div class=\"system-solutions-container\">\n    <!-- Header -->\n    <div class=\"system-solutions-header\">\n      <h2>Rie\u0161enia sol\u00e1rneho tepeln\u00e9ho syst\u00e9mu<\/h2>\n      <p class=\"system-solutions-subtitle\">Zlep\u0161ovanie energetickej \u00fa\u010dinnosti<\/p>\n    <\/div>\n\n    <!-- Solutions Grid -->\n    <div class=\"solutions-grid\">\n      \n      <!-- Flexible Payment -->\n      <div class=\"solution-item\">\n        <div class=\"solution-svg-container\">\n          <svg viewbox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <!-- Credit Card -->\n            <rect x=\"30\" y=\"60\" width=\"140\" height=\"90\" rx=\"12\" fill=\"url(#cardGradient)\" stroke=\"#667eea\" stroke-width=\"3\"\/>\n            <rect x=\"30\" y=\"80\" width=\"140\" height=\"25\" fill=\"rgba(102, 126, 234, 0.3)\"\/>\n            <line x1=\"50\" y1=\"125\" x2=\"90\" y2=\"125\" stroke=\"#667eea\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n            <circle cx=\"150\" cy=\"125\" r=\"8\" fill=\"#764ba2\"\/>\n            <circle cx=\"135\" cy=\"125\" r=\"8\" fill=\"#667eea\" opacity=\"0.7\"\/>\n            <!-- Dollar Sign -->\n            <text x=\"100\" y=\"50\" font-size=\"32\" font-weight=\"bold\" fill=\"#667eea\">$<\/text>\n            <defs>\n              <lineargradient id=\"cardGradient\" x1=\"30\" y1=\"60\" x2=\"170\" y2=\"150\">\n                <stop offset=\"0%\" stop-color=\"#f0f4ff\"\/>\n                <stop offset=\"100%\" stop-color=\"#e0e7ff\"\/>\n              <\/lineargradient>\n            <\/defs>\n          <\/svg>\n        <\/div>\n        <p class=\"solution-item-subtitle\">Flexibiln\u00e1 platba<\/p>\n        <p class=\"solution-item-description\">\n          Podporujeme T\/T, L\/C na poh\u013ead, PayPal a \u010fal\u0161ie bezpe\u010dn\u00e9 platobn\u00e9 met\u00f3dy pre glob\u00e1lny obchod.\n        <\/p>\n      <\/div>\n\n      <!-- System Protection -->\n      <div class=\"solution-item\">\n        <div class=\"solution-svg-container\">\n          <svg viewbox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <!-- Shield -->\n            <path d=\"M100 30 L160 55 L160 100 Q160 140 100 170 Q40 140 40 100 L40 55 Z\" \n                  fill=\"url(#shieldGradient)\" stroke=\"#667eea\" stroke-width=\"3\"\/>\n            <!-- Checkmark -->\n            <path d=\"M75 100 L90 115 L125 75\" stroke=\"#ffffff\" stroke-width=\"8\" \n                  stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n            <!-- Quality Badge -->\n            <circle cx=\"145\" cy=\"65\" r=\"18\" fill=\"#764ba2\"\/>\n            <text x=\"145\" y=\"72\" font-size=\"20\" font-weight=\"bold\" fill=\"#ffffff\" text-anchor=\"middle\">Q<\/text>\n            <defs>\n              <lineargradient id=\"shieldGradient\" x1=\"40\" y1=\"30\" x2=\"160\" y2=\"170\">\n                <stop offset=\"0%\" stop-color=\"#667eea\"\/>\n                <stop offset=\"100%\" stop-color=\"#764ba2\"\/>\n              <\/lineargradient>\n            <\/defs>\n          <\/svg>\n        <\/div>\n        <p class=\"solution-item-subtitle\">Zabezpe\u010denie Kvality<\/p>\n        <h3 class=\"solution-item-title\">Ochrana syst\u00e9mu<\/h3>\n        <p class=\"solution-item-description\">\n          Pr\u00edsna kontrola kvality od v\u00fdroby kolektorov po mont\u00e1\u017e syst\u00e9mu, zabezpe\u010duje dlhodob\u00fd a spo\u013eahliv\u00fd v\u00fdkon.\n        <\/p>\n      <\/div>\n\n      <!-- Efficient Logistics -->\n      <div class=\"solution-item\">\n        <div class=\"solution-svg-container\">\n          <svg viewbox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <!-- Globe -->\n            <circle cx=\"100\" cy=\"100\" r=\"60\" fill=\"url(#globeGradient)\" stroke=\"#667eea\" stroke-width=\"3\"\/>\n            <ellipse cx=\"100\" cy=\"100\" rx=\"60\" ry=\"25\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.6\"\/>\n            <ellipse cx=\"100\" cy=\"100\" rx=\"25\" ry=\"60\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.6\"\/>\n            <line x1=\"100\" y1=\"40\" x2=\"100\" y2=\"160\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.6\"\/>\n            <line x1=\"40\" y1=\"100\" x2=\"160\" y2=\"100\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.6\"\/>\n            <!-- Airplane -->\n            <g transform=\"translate(130, 60) rotate(45)\">\n              <path d=\"M0 0 L-15 -5 L-10 0 L-15 5 Z\" fill=\"#764ba2\"\/>\n              <circle cx=\"-8\" cy=\"0\" r=\"2\" fill=\"#ffffff\"\/>\n            <\/g>\n            <!-- Location Pins -->\n            <circle cx=\"70\" cy=\"80\" r=\"4\" fill=\"#fbbf24\"\/>\n            <circle cx=\"130\" cy=\"120\" r=\"4\" fill=\"#fbbf24\"\/>\n            <circle cx=\"85\" cy=\"130\" r=\"4\" fill=\"#fbbf24\"\/>\n            <defs>\n              <lineargradient id=\"globeGradient\" x1=\"40\" y1=\"40\" x2=\"160\" y2=\"160\">\n                <stop offset=\"0%\" stop-color=\"#667eea\" stop-opacity=\"0.8\"\/>\n                <stop offset=\"100%\" stop-color=\"#764ba2\" stop-opacity=\"0.6\"\/>\n              <\/lineargradient>\n            <\/defs>\n          <\/svg>\n        <\/div>\n        <p class=\"solution-item-subtitle\">Zlep\u0161enie \u017eivotn\u00e9ho prostredia<\/p>\n        <h3 class=\"solution-item-title\">Efekt\u00edvna logistika<\/h3>\n        <p class=\"solution-item-description\">\n          Bezpe\u010dn\u00e1 a spo\u013eahliv\u00e1 celosvetov\u00e1 doprava, pokr\u00fdva viac ako 30 kraj\u00edn s profesion\u00e1lnym balen\u00edm pre sol\u00e1rne zariadenia.\n        <\/p>\n      <\/div>\n\n      <!-- Customized System Design -->\n      <div class=\"solution-item\">\n        <div class=\"solution-svg-container\">\n          <svg viewbox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <!-- Blueprint\/Design -->\n            <rect x=\"40\" y=\"50\" width=\"120\" height=\"100\" rx=\"8\" fill=\"url(#blueprintGradient)\" stroke=\"#667eea\" stroke-width=\"3\"\/>\n            <!-- Grid Lines -->\n            <line x1=\"60\" y1=\"50\" x2=\"60\" y2=\"150\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"80\" y1=\"50\" x2=\"80\" y2=\"150\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"100\" y1=\"50\" x2=\"100\" y2=\"150\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"120\" y1=\"50\" x2=\"120\" y2=\"150\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"140\" y1=\"50\" x2=\"140\" y2=\"150\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"40\" y1=\"70\" x2=\"160\" y2=\"70\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"40\" y1=\"90\" x2=\"160\" y2=\"90\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"40\" y1=\"110\" x2=\"160\" y2=\"110\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"40\" y1=\"130\" x2=\"160\" y2=\"130\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <!-- Solar Panel Icon -->\n            <rect x=\"70\" y=\"80\" width=\"60\" height=\"40\" rx=\"4\" fill=\"#764ba2\" opacity=\"0.8\"\/>\n            <line x1=\"100\" y1=\"80\" x2=\"100\" y2=\"120\" stroke=\"#ffffff\" stroke-width=\"2\"\/>\n            <line x1=\"70\" y1=\"100\" x2=\"130\" y2=\"100\" stroke=\"#ffffff\" stroke-width=\"2\"\/>\n            <!-- Ruler\/Measurement Tool -->\n            <line x1=\"45\" y1=\"45\" x2=\"155\" y2=\"45\" stroke=\"#fbbf24\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n            <line x1=\"50\" y1=\"42\" x2=\"50\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <line x1=\"70\" y1=\"42\" x2=\"70\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <line x1=\"90\" y1=\"42\" x2=\"90\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <line x1=\"110\" y1=\"42\" x2=\"110\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <line x1=\"130\" y1=\"42\" x2=\"130\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <line x1=\"150\" y1=\"42\" x2=\"150\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <!-- Dollar Sign -->\n            <circle cx=\"145\" cy=\"135\" r=\"15\" fill=\"#10b981\"\/>\n            <text x=\"145\" y=\"143\" font-size=\"20\" font-weight=\"bold\" fill=\"#ffffff\" text-anchor=\"middle\">$<\/text>\n            <defs>\n              <lineargradient id=\"blueprintGradient\" x1=\"40\" y1=\"50\" x2=\"160\" y2=\"150\">\n                <stop offset=\"0%\" stop-color=\"#667eea\" stop-opacity=\"0.3\"\/>\n                <stop offset=\"100%\" stop-color=\"#764ba2\" stop-opacity=\"0.2\"\/>\n              <\/lineargradient>\n            <\/defs>\n          <\/svg>\n        <\/div>\n        <p class=\"solution-item-subtitle\">Zni\u017eovanie n\u00e1kladov<\/p>\n        <h3 class=\"solution-item-title\">Na mieru navrhnut\u00fd syst\u00e9m<\/h3>\n        <p class=\"solution-item-description\">\n          Na\u0161i in\u017einieri v\u00e1m pom\u00f4\u017eu nakonfigurova\u0165 najn\u00e1kladovo najefekt\u00edvnej\u0161ie sol\u00e1rne tepeln\u00e9 rie\u0161enie pre reziden\u010dn\u00e9, komer\u010dn\u00e9 alebo priemyseln\u00e9 pou\u017eitie.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- CTA Button -->\n    <div class=\"solutions-cta\">\n      <a href=\"#contact\" class=\"quote-btn\">\n        Z\u00edskajte svoju vlastn\u00fa cenov\u00fa ponuku\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n          <polyline points=\"12 5 19 12 12 19\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79249f8 e-con-full e-flex e-con e-parent\" data-id=\"79249f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04abea9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"04abea9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Who We Are Section -->\n<section id=\"who-we-are\" class=\"who-we-are-section\">\n  <style>\n    .who-we-are-section {\n      padding: 80px 20px;\n      background: #ffffff;\n      position: relative;\n    }\n\n    .who-we-are-container {\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    \/* Simple Header *\/\n    .section-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .section-label {\n      display: inline-block;\n      padding: 6px 16px;\n      background: #f0f4ff;\n      color: #6366f1;\n      font-size: 13px;\n      font-weight: 600;\n      border-radius: 20px;\n      margin-bottom: 16px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .section-header h2 {\n      font-size: 36px;\n      color: #1e293b;\n      font-weight: 700;\n      margin-bottom: 12px;\n      letter-spacing: -0.5px;\n    }\n\n    .section-subtitle {\n      font-size: 20px;\n      color: #6366f1;\n      font-weight: 600;\n      margin-bottom: 10px;\n    }\n\n    .section-description {\n      font-size: 16px;\n      color: #64748b;\n      max-width: 600px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }\n\n    \/* Main Content Grid *\/\n    .content-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 50px;\n      align-items: center;\n      margin-bottom: 60px;\n    }\n\n    .content-image {\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n    }\n\n    .content-image img {\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n\n    .content-text p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 20px;\n    }\n\n    \/* Stats *\/\n    .stats-row {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 20px;\n      margin-top: 30px;\n    }\n\n    .stat-item {\n      text-align: center;\n      padding: 24px;\n      background: #f8fafc;\n      border-radius: 12px;\n      border: 1px solid #e2e8f0;\n    }\n\n    .stat-number {\n      font-size: 36px;\n      font-weight: 700;\n      color: #6366f1;\n      margin-bottom: 6px;\n    }\n\n    .stat-label {\n      font-size: 13px;\n      color: #64748b;\n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    \/* Strengths *\/\n    .strengths-wrapper {\n      margin-top: 60px;\n    }\n\n    .strengths-title {\n      text-align: center;\n      font-size: 28px;\n      color: #1e293b;\n      font-weight: 700;\n      margin-bottom: 40px;\n      letter-spacing: -0.5px;\n    }\n\n    .strengths-row {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n      margin-bottom: 50px;\n    }\n\n    .strength-box {\n      text-align: center;\n      padding: 30px 20px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 12px;\n      transition: all 0.3s ease;\n    }\n\n    .strength-box:hover {\n      border-color: #6366f1;\n      box-shadow: 0 4px 20px rgba(99, 102, 241, 0.1);\n      transform: translateY(-4px);\n    }\n\n    .strength-box:hover .strength-icon svg {\n      transform: scale(1.1);\n    }\n\n    .strength-icon {\n      width: 64px;\n      height: 64px;\n      margin: 0 auto 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      border-radius: 16px;\n      box-shadow: 0 4px 15px rgba(99, 102, 241, 0.2);\n    }\n\n    .strength-icon svg {\n      width: 36px;\n      height: 36px;\n      transition: transform 0.3s ease;\n    }\n\n    .strength-box h4 {\n      font-size: 18px;\n      color: #1e293b;\n      font-weight: 600;\n      margin-bottom: 10px;\n    }\n\n    .strength-box p {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n    }\n\n    \/* Gallery *\/\n    .gallery-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 16px;\n    }\n\n    .gallery-item {\n      border-radius: 12px;\n      overflow: hidden;\n      aspect-ratio: 4\/3;\n      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);\n    }\n\n    .gallery-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.3s ease;\n    }\n\n    .gallery-item:hover img {\n      transform: scale(1.05);\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 1024px) {\n      .strengths-row {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .gallery-grid {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .who-we-are-section {\n        padding: 60px 20px;\n      }\n\n      .section-header {\n        margin-bottom: 40px;\n      }\n\n      .section-header h2 {\n        font-size: 28px;\n      }\n\n      .section-subtitle {\n        font-size: 18px;\n      }\n\n      .section-description {\n        font-size: 15px;\n      }\n\n      .content-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n        margin-bottom: 40px;\n      }\n\n      .stats-row {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n\n      .strengths-wrapper {\n        margin-top: 40px;\n      }\n\n      .strengths-title {\n        font-size: 24px;\n        margin-bottom: 30px;\n      }\n\n      .strengths-row {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        margin-bottom: 40px;\n      }\n\n      .gallery-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 12px;\n      }\n    }\n  <\/style>\n\n  <div class=\"who-we-are-container\">\n    <!-- Header -->\n    <div class=\"section-header\">\n      <span class=\"section-label\">O n\u00e1s<\/span>\n      <h2>Kto sme<\/h2>\n      <p class=\"section-subtitle\">Vedenie bud\u00facnosti \u010distej energie<\/p>\n      <p class=\"section-description\">\n        Inovat\u00edvne rie\u0161enia poh\u00e1\u0148an\u00e9 \u0161pi\u010dkovou technol\u00f3giou a udr\u017eate\u013en\u00fdmi postupmi\n      <\/p>\n    <\/div>\n\n    <!-- Main Content -->\n    <div class=\"content-grid\">\n      <div class=\"content-image\">\n        <img \n          src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/494685619_1404751250597164_7706161979368977777_n.jpg?w=600&quality=75\" \n          alt=\"SOLETKS\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n      <\/div>\n\n      <div class=\"content-text\">\n        <p>\n          SOLETKS je high-tech podnik zameran\u00fd na inov\u00e1cie v oblasti \u010distej energie. So svojou jadrovou technol\u00f3giou ploch\u00fdch \u010distiacich tepelno-energetick\u00fdch syst\u00e9mov integruje sol\u00e1rnu, geoterm\u00e1lnu a vzdu\u0161n\u00fa energiu na poskytovanie efekt\u00edvnych rie\u0161en\u00ed na vykurovanie, chladenie a v\u00fdrobu elektriny.\n        <\/p>\n        <p>\n          S podporou partnerstiev s popredn\u00fdmi v\u00fdskumn\u00fdmi in\u0161tit\u00faciami sa SOLETKS rad\u00ed medzi popredn\u00fdch svetov\u00fdch v\u00fdrobcov ploch\u00fdch kolektorov, \u010d\u00edm poh\u00e1\u0148a glob\u00e1lny pokrok smerom k udr\u017eate\u013enej bud\u00facnosti.\n        <\/p>\n\n        <div class=\"stats-row\">\n          <div class=\"stat-item\">\n            <div class=\"stat-number\">117+<\/div>\n            <div class=\"stat-label\">Zabezpe\u010den\u00e9 patenty<\/div>\n          <\/div>\n          <div class=\"stat-item\">\n            <div class=\"stat-number\">Top 5<\/div>\n            <div class=\"stat-label\">Glob\u00e1lne hodnotenie<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Strengths -->\n    <div class=\"strengths-wrapper\">\n      <h3 class=\"strengths-title\">Na\u0161e hlavn\u00e9 siln\u00e9 str\u00e1nky<\/h3>\n\n      <div class=\"strengths-row\">\n        <div class=\"strength-box\">\n          <div class=\"strength-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\" fill=\"white\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"#FDB022\"\/>\n              <path d=\"M12 2V5M12 19V22M2 12H5M19 12H22M4.22 4.22L6.34 6.34M17.66 17.66L19.78 19.78M4.22 19.78L6.34 17.66M17.66 6.34L19.78 4.22\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h4>Sol\u00e1rna integr\u00e1cia<\/h4>\n          <p>Pokro\u010dil\u00e1 technol\u00f3gia ploch\u00fdch kolektorov maximalizuj\u00faca energetick\u00fa \u00fa\u010dinnos\u0165<\/p>\n        <\/div>\n\n        <div class=\"strength-box\">\n          <div class=\"strength-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M9 12L11 14L15 10\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M20 6L9 17L4 12\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"white\" stroke-width=\"1.5\" fill=\"none\"\/>\n              <path d=\"M7 3V6M17 3V6M7 18V21M17 18V21\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h4>117+ patentov<\/h4>\n          <p>\u0160pi\u010dkov\u00e9 inova\u010dn\u00e9 portf\u00f3lio chr\u00e1niace patentovan\u00e9 technol\u00f3gie<\/p>\n        <\/div>\n\n        <div class=\"strength-box\">\n          <div class=\"strength-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <circle cx=\"9\" cy=\"7\" r=\"4\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M16 3.13C16.8604 3.35031 17.623 3.85071 18.1676 4.55232C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89318 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h4>V\u00fdskumn\u00ed partneri<\/h4>\n          <p>Strategick\u00e1 spolupr\u00e1ca s popredn\u00fdmi in\u0161tit\u00faciami na celom svete<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Gallery -->\n      <div class=\"gallery-grid\">\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662438978.jpeg?w=400&quality=75\" alt=\"Facility 1\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662607911.jpeg?w=400&quality=75\" alt=\"Facility 2\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662437572.jpeg?w=400&quality=75\" alt=\"Facility 3\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u73bb\u7483\u57fa\u5730-1.png?w=400&quality=75\" alt=\"Glass Base\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u6c34\u57fa\u5730-1.png?w=400&quality=75\" alt=\"Hot Water Base\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u667a\u80fd\u88c5\u5907\u57fa\u5730-1.png?w=400&quality=75\" alt=\"Equipment Base\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677fMOC\u57fa\u5730-1.png?w=400&quality=75\" alt=\"MOC Base\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662438978.jpeg?w=400&quality=75\" alt=\"Innovation Center\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb61a7f e-flex e-con-boxed e-con e-parent\" data-id=\"fb61a7f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e2177d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3e2177d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CTA Button - Standalone -->\n<div class=\"solutions-cta\">\n  <a href=\"#contact\" class=\"quote-btn\">\n    Z\u00edskajte svoju vlastn\u00fa cenov\u00fa ponuku\n    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n      <polyline points=\"12 5 19 12 12 19\"\/>\n    <\/svg>\n  <\/a>\n<\/div>\n\n<style>\n  \/* CTA Button Styles *\/\n  .solutions-cta {\n    text-align: center;\n    margin-top: 60px;\n    position: relative;\n    z-index: 2;\n  }\n\n  .quote-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 18px 48px;\n    font-size: 18px;\n    font-weight: 700;\n    color: #ffffff;\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    border: none;\n    border-radius: 50px;\n    cursor: pointer;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    box-shadow: \n      0 10px 30px rgba(102, 126, 234, 0.3),\n      0 0 0 0 rgba(102, 126, 234, 0.4);\n    position: relative;\n    overflow: hidden;\n    text-decoration: none;\n    letter-spacing: 0.3px;\n  }\n\n  .quote-btn::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, \n      transparent, \n      rgba(255, 255, 255, 0.3), \n      transparent);\n    transition: left 0.6s ease;\n  }\n\n  .quote-btn:hover {\n    transform: translateY(-4px) scale(1.03);\n    box-shadow: \n      0 20px 50px rgba(102, 126, 234, 0.4),\n      0 0 0 8px rgba(102, 126, 234, 0.1);\n    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);\n  }\n\n  .quote-btn:hover::before {\n    left: 100%;\n  }\n\n  .quote-btn:active {\n    transform: translateY(-2px) scale(1.01);\n  }\n\n  .quote-btn svg {\n    width: 20px;\n    height: 20px;\n    transition: transform 0.4s ease;\n  }\n\n  .quote-btn:hover svg {\n    transform: translateX(6px);\n  }\n\n  \/* Pulse animation *\/\n  @keyframes pulse {\n    0%, 100% {\n      box-shadow: \n        0 10px 30px rgba(102, 126, 234, 0.3),\n        0 0 0 0 rgba(102, 126, 234, 0.4);\n    }\n    50% {\n      box-shadow: \n        0 10px 30px rgba(102, 126, 234, 0.4),\n        0 0 0 12px rgba(102, 126, 234, 0.1);\n    }\n  }\n\n  .quote-btn {\n    animation: pulse 3s ease-in-out infinite;\n  }\n\n  \/* Responsive Design *\/\n  @media (max-width: 768px) {\n    .solutions-cta {\n      margin-top: 50px;\n    }\n\n    .quote-btn {\n      padding: 16px 40px;\n      font-size: 17px;\n      gap: 10px;\n    }\n\n    .quote-btn svg {\n      width: 18px;\n      height: 18px;\n    }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5c817b e-con-full e-flex e-con e-parent\" data-id=\"c5c817b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66d4f56 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"66d4f56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Global Partner Program Section -->\n<section class=\"partner-program-section\" id=\"partner-program\">\n  <style>\n    \/* ========== \u5168\u7403\u5408\u4f5c\u4f19\u4f34\u8ba1\u5212 - \u73b0\u4ee3\u7cbe\u81f4\u8bbe\u8ba1 ========== *\/\n    .partner-program-section {\n      background: #ffffff;\n      padding: 90px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .partner-program-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: 800px;\n      height: 800px;\n      background: radial-gradient(circle, rgba(59, 130, 246, 0.05) 0%, transparent 70%);\n      pointer-events: none;\n    }\n\n    .partner-program-section .container {\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 0 40px;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* \u6807\u9898\u533a\u57df - \u7cbe\u81f4\u8bbe\u8ba1 *\/\n    .partner-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .partner-header .icon-wrapper {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 72px;\n      height: 72px;\n      background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);\n      border-radius: 20px;\n      margin-bottom: 24px;\n      box-shadow: 0 8px 24px rgba(59, 130, 246, 0.25);\n      animation: float 3s ease-in-out infinite;\n    }\n\n    @keyframes float {\n      0%, 100% { transform: translateY(0px); }\n      50% { transform: translateY(-8px); }\n    }\n\n    .partner-header .icon-wrapper svg {\n      width: 40px;\n      height: 40px;\n      stroke: white;\n      stroke-width: 2;\n    }\n\n    .partner-header h2 {\n      font-size: 42px;\n      font-weight: 800;\n      color: #0f172a;\n      margin: 0 0 16px 0;\n      line-height: 1.2;\n      letter-spacing: -0.02em;\n    }\n\n    .partner-header .subtitle {\n      font-size: 18px;\n      color: #64748b;\n      font-weight: 400;\n      max-width: 720px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }\n\n    \/* \u4e3b\u8981\u5185\u5bb9 - \u5361\u7247\u5f0f\u8bbe\u8ba1 *\/\n    .partner-content {\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      border-radius: 24px;\n      padding: 50px;\n      margin-bottom: 50px;\n      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);\n      border: 1px solid #e2e8f0;\n    }\n\n    .content-grid {\n      display: grid;\n      grid-template-columns: 1.2fr 1fr;\n      gap: 50px;\n      align-items: center;\n    }\n\n    \/* \u6587\u672c\u5185\u5bb9 *\/\n    .content-text h3 {\n      font-size: 24px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 20px 0;\n      line-height: 1.3;\n    }\n\n    .content-text p {\n      font-size: 16px;\n      line-height: 1.8;\n      color: #475569;\n      margin: 0 0 16px 0;\n    }\n\n    .content-text p:last-child {\n      margin-bottom: 0;\n    }\n\n    .content-text strong {\n      color: #3b82f6;\n      font-weight: 600;\n    }\n\n    \/* \u56fe\u7247\u7f51\u683c - \u521b\u610f\u5e03\u5c40 *\/\n    .content-images {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 16px;\n    }\n\n    .image-item {\n      position: relative;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .image-item:first-child {\n      grid-row: 1 \/ 3;\n    }\n\n    .image-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.4s ease;\n    }\n\n    .image-item:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 12px 32px rgba(59, 130, 246, 0.2);\n    }\n\n    .image-item:hover img {\n      transform: scale(1.08);\n    }\n\n    \/* \u5408\u4f5c\u4f18\u52bf - \u73b0\u4ee3\u7f51\u683c *\/\n    .partner-benefits {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n      margin-bottom: 50px;\n    }\n\n    .benefit-card {\n      background: white;\n      border-radius: 16px;\n      padding: 32px;\n      border: 1px solid #e2e8f0;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .benefit-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background: linear-gradient(90deg, #3b82f6, #8b5cf6);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.3s ease;\n    }\n\n    .benefit-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .benefit-card:hover {\n      border-color: #3b82f6;\n      box-shadow: 0 12px 32px rgba(59, 130, 246, 0.15);\n      transform: translateY(-6px);\n    }\n\n    .benefit-icon {\n      width: 56px;\n      height: 56px;\n      background: linear-gradient(135deg, #eff6ff 0%, #f5f3ff 100%);\n      border-radius: 14px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 20px;\n      transition: all 0.3s ease;\n    }\n\n    .benefit-card:hover .benefit-icon {\n      background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);\n      transform: scale(1.1);\n    }\n\n    .benefit-icon svg {\n      width: 28px;\n      height: 28px;\n      stroke: #3b82f6;\n      stroke-width: 2;\n      transition: stroke 0.3s ease;\n    }\n\n    .benefit-card:hover .benefit-icon svg {\n      stroke: white;\n    }\n\n    .benefit-card h3 {\n      font-size: 17px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 10px 0;\n      line-height: 1.4;\n    }\n\n    .benefit-card p {\n      font-size: 14px;\n      line-height: 1.6;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* \u76ee\u6807\u5e02\u573a - \u7cbe\u81f4\u6807\u7b7e *\/\n    .target-markets {\n      background: white;\n      border-radius: 20px;\n      padding: 40px;\n      margin-bottom: 50px;\n      border: 1px solid #e2e8f0;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);\n    }\n\n    .target-markets h3 {\n      font-size: 22px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 28px 0;\n      text-align: center;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n    }\n\n    .target-markets h3 svg {\n      width: 24px;\n      height: 24px;\n      stroke: #3b82f6;\n      stroke-width: 2;\n    }\n\n    .markets-grid {\n      display: flex;\n      justify-content: center;\n      gap: 16px;\n      flex-wrap: wrap;\n    }\n\n    .market-tag {\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      border: 2px solid #e2e8f0;\n      border-radius: 12px;\n      padding: 14px 24px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      transition: all 0.3s ease;\n      cursor: default;\n    }\n\n    .market-tag:hover {\n      border-color: #3b82f6;\n      background: linear-gradient(135deg, #eff6ff 0%, #f5f3ff 100%);\n      box-shadow: 0 6px 20px rgba(59, 130, 246, 0.15);\n      transform: translateY(-4px);\n    }\n\n    .market-tag svg {\n      width: 24px;\n      height: 24px;\n      stroke: #3b82f6;\n      stroke-width: 2;\n    }\n\n    .market-tag .name {\n      font-size: 15px;\n      font-weight: 600;\n      color: #334155;\n    }\n\n    \/* CTA \u533a\u57df - \u6e10\u53d8\u5361\u7247 *\/\n    .partner-cta {\n      background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);\n      border-radius: 24px;\n      padding: 50px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 12px 40px rgba(59, 130, 246, 0.3);\n    }\n\n    .partner-cta::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\n      animation: rotate 20s linear infinite;\n    }\n\n    @keyframes rotate {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n\n    .partner-cta-content {\n      position: relative;\n      z-index: 1;\n    }\n\n    .partner-cta h3 {\n      font-size: 32px;\n      font-weight: 800;\n      color: white;\n      margin: 0 0 16px 0;\n      line-height: 1.2;\n    }\n\n    .partner-cta p {\n      font-size: 17px;\n      color: rgba(255, 255, 255, 0.9);\n      margin: 0 0 32px 0;\n      max-width: 800px;\n      margin-left: auto;\n      margin-right: auto;\n      line-height: 1.7;\n    }\n\n    .cta-buttons {\n      display: flex;\n      gap: 16px;\n      justify-content: center;\n      flex-wrap: wrap;\n    }\n\n    .cta-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 16px 36px;\n      font-size: 16px;\n      font-weight: 600;\n      text-decoration: none;\n      border-radius: 12px;\n      transition: all 0.3s ease;\n      position: relative;\n    }\n\n    .cta-btn-primary {\n      background: white;\n      color: #3b82f6;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n    }\n\n    .cta-btn-primary:hover {\n      background: #f8fafc;\n      transform: translateY(-3px);\n      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\n    }\n\n    .cta-btn-secondary {\n      background: rgba(255, 255, 255, 0.15);\n      backdrop-filter: blur(10px);\n      color: white;\n      border: 2px solid rgba(255, 255, 255, 0.3);\n    }\n\n    .cta-btn-secondary:hover {\n      background: rgba(255, 255, 255, 0.25);\n      border-color: rgba(255, 255, 255, 0.5);\n      transform: translateY(-3px);\n    }\n\n    .cta-btn svg {\n      width: 20px;\n      height: 20px;\n      transition: transform 0.3s ease;\n    }\n\n    .cta-btn:hover svg {\n      transform: translateX(4px);\n    }\n\n    \/* ========== \u54cd\u5e94\u5f0f\u8bbe\u8ba1 ========== *\/\n    @media (max-width: 1024px) {\n      .content-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n\n      .content-images {\n        max-width: 500px;\n        margin: 0 auto;\n      }\n\n      .partner-benefits {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .partner-program-section {\n        padding: 60px 0;\n      }\n\n      .partner-program-section .container {\n        padding: 0 20px;\n      }\n\n      .partner-header {\n        margin-bottom: 40px;\n      }\n\n      .partner-header .icon-wrapper {\n        width: 60px;\n        height: 60px;\n        margin-bottom: 20px;\n      }\n\n      .partner-header .icon-wrapper svg {\n        width: 32px;\n        height: 32px;\n      }\n\n      .partner-header h2 {\n        font-size: 28px;\n      }\n\n      .partner-header .subtitle {\n        font-size: 16px;\n      }\n\n      .partner-content {\n        padding: 30px 25px;\n        margin-bottom: 40px;\n      }\n\n      .content-text h3 {\n        font-size: 20px;\n      }\n\n      .content-text p {\n        font-size: 15px;\n      }\n\n      .partner-benefits {\n        grid-template-columns: 1fr;\n        gap: 16px;\n        margin-bottom: 40px;\n      }\n\n      .benefit-card {\n        padding: 24px;\n      }\n\n      .target-markets {\n        padding: 30px 20px;\n        margin-bottom: 40px;\n      }\n\n      .target-markets h3 {\n        font-size: 18px;\n        margin-bottom: 20px;\n      }\n\n      .markets-grid {\n        gap: 12px;\n      }\n\n      .market-tag {\n        padding: 12px 20px;\n      }\n\n      .partner-cta {\n        padding: 35px 25px;\n      }\n\n      .partner-cta h3 {\n        font-size: 24px;\n      }\n\n      .partner-cta p {\n        font-size: 15px;\n        margin-bottom: 24px;\n      }\n\n      .cta-buttons {\n        flex-direction: column;\n      }\n\n      .cta-btn {\n        justify-content: center;\n        width: 100%;\n      }\n    }\n  <\/style>\n\n  <div class=\"container\">\n    <!-- \u6807\u9898\u533a\u57df -->\n    <div class=\"partner-header\">\n      <div class=\"icon-wrapper\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\">\n          <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/div>\n      <h2>Glob\u00e1lny partnersk\u00fd program<\/h2>\n      <p class=\"subtitle\">Pridajte sa k celosvetovej sieti Soletks Solar a zr\u00fdchlite rast svojho podnikania s pr\u00e9miov\u00fdmi sol\u00e1rnymi tepeln\u00fdmi rie\u0161eniami<\/p>\n    <\/div>\n\n    <!-- \u4e3b\u8981\u5185\u5bb9 -->\n    <div class=\"partner-content\">\n      <div class=\"content-grid\">\n        <div class=\"content-text\">\n          <h3>Roz\u0161\u00edrte svoje podnikanie so Soletks Solar<\/h3>\n          <p>\n            <strong>Soletks Solar<\/strong> roz\u0161irujeme na\u0161u glob\u00e1lnu sie\u0165, poz\u00fdvame distrib\u00fatorov, EPC kontraktorov, in\u017einierske firmy, in\u0161talat\u00e9rov a projektov\u00fdch developerov na partnerstvo s nami.\n          <\/p>\n          <p>\n            Pon\u00fakame vysoko\u00fa\u010dinn\u00e9 ploch\u00e9 kolektory, komer\u010dn\u00e9 syst\u00e9my na tepl\u00fa vodu, PVT hybridn\u00e9 panely a ve\u013ekokapacitn\u00e9 sol\u00e1rne vykurovacie rie\u0161enia, ktor\u00fdmi d\u00f4veruj\u00fa hotely, tov\u00e1rne, nemocnice, \u0161koly a reziden\u010dn\u00e9 projekty po celom svete.\n          <\/p>\n        <\/div>\n        <div class=\"content-images\">\n          <div class=\"image-item\">\n            <img height=\"1536\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/499317750_122107377854869367_2725729609403097798_n.jpg\" alt=\"Soletks Solar Factory\" loading=\"lazy\">\n          <\/div>\n          <div class=\"image-item\">\n            <img height=\"1320\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/497466708_122101977332869367_3719270567425807432_n.jpg\" alt=\"Production Line\" loading=\"lazy\">\n          <\/div>\n          <div class=\"image-item\">\n            <img height=\"1320\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/497608519_122101977344869367_1519297593609875512_n.jpg\" alt=\"Quality Control\" loading=\"lazy\">\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u5408\u4f5c\u4f18\u52bf -->\n    <div class=\"partner-benefits\">\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M12 6v6l4 2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Priame ceny z tov\u00e1rne<\/h3>\n        <p>Konkurencieschopn\u00e9 ve\u013ekoobchodn\u00e9 ceny s garantovanou v\u00fdrobnou kapacitou a konzistentnou kvalitou<\/p>\n      <\/div>\n\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M7 7h.01\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>OEM\/ODM zna\u010denie<\/h3>\n        <p>Prisp\u00f4sobte produkty svojou zna\u010dkou pre rozvoj a identitu na miestnom trhu<\/p>\n      <\/div>\n\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Technick\u00e1 podpora<\/h3>\n        <p>Dizajnov\u00e9 v\u00fdkresy, syst\u00e9mov\u00e1 asistencia a online in\u0161tal\u00e1cia<\/p>\n      <\/div>\n\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Dlh\u00e1 z\u00e1ruka<\/h3>\n        <p>5 rokov na kolektory, 3 roky na z\u00e1sobn\u00edky, 1 rok na komponenty \u2013 pokoj na du\u0161i<\/p>\n      <\/div>\n\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>R\u00fdchle dodanie<\/h3>\n        <p>\u0160tandardn\u00e1 doba dodania 20\u201330 dn\u00ed s efekt\u00edvnymi dopravn\u00fdmi rie\u0161eniami<\/p>\n      <\/div>\n\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Podpora marketingu<\/h3>\n        <p>Profesion\u00e1lne materi\u00e1ly a exkluz\u00edvne pr\u00e1va na distrib\u00faciu v terit\u00f3riu<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- \u76ee\u6807\u5e02\u573a -->\n    <div class=\"target-markets\">\n      <h3>\n        <svg viewbox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <path d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n        Cie\u013eov\u00e9 trhy a regi\u00f3ny\n      <\/h3>\n      <div class=\"markets-grid\">\n        <div class=\"market-tag\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n          <span class=\"name\">Afrika<\/span>\n        <\/div>\n        <div class=\"market-tag\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n          <span class=\"name\">Stredn\u00fd v\u00fdchod<\/span>\n        <\/div>\n        <div class=\"market-tag\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n          <span class=\"name\">Eur\u00f3pa<\/span>\n        <\/div>\n        <div class=\"market-tag\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n          <span class=\"name\">Juhov\u00fdchodn\u00e1 \u00c1zia<\/span>\n        <\/div>\n        <div class=\"market-tag\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n          <span class=\"name\">Latinsk\u00e1 Amerika<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- CTA \u533a\u57df -->\n    <div class=\"partner-cta\">\n      <div class=\"partner-cta-content\">\n        <h3>Sta\u0148te sa partnerom e\u0161te dnes<\/h3>\n        <p>\n          Pracujte s d\u00f4veryhodnou tov\u00e1r\u0148ou na budovanie svojho trhu, z\u00edskavajte viac projektov a rozv\u00edjajte svoje podnikanie s vysokov\u00fdkonn\u00fdmi sol\u00e1rnymi tepeln\u00fdmi rie\u0161eniami.\n        <\/p>\n        <div class=\"cta-buttons\">\n          <a href=\"https:\/\/service.soletksolar.com\/sk\/contact\/\" class=\"cta-btn cta-btn-primary\">\n            <span>Po\u017eiada\u0165 o partnerstvo<\/span>\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/a>\n          <a href=\"https:\/\/service.soletksolar.com\/sk\/products\/\" class=\"cta-btn cta-btn-secondary\">\n            <span>Zobrazi\u0165 produkty<\/span>\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-711f4fe e-con-full e-flex e-con e-parent\" data-id=\"711f4fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-618fd91 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"618fd91\" 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 - 6 columns, 2 rows *\/\n    .certificates-grid {\n      display: grid;\n      grid-template-columns: repeat(6, 1fr);\n      gap: 20px;\n      margin-bottom: 40px;\n    }\n\n    .certificate-card {\n      background: white;\n      border-radius: 12px;\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: 3px;\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: 200px;\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: 12px;\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: 8px;\n      right: 8px;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      padding: 4px 10px;\n      border-radius: 15px;\n      font-size: 9px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      box-shadow: 0 2px 8px rgba(59, 130, 246, 0.4);\n    }\n\n    .certificate-info {\n      padding: 15px 12px;\n    }\n\n    .certificate-name {\n      font-size: 13px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 5px 0;\n      line-height: 1.3;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      min-height: 34px;\n    }\n\n    .certificate-type {\n      font-size: 11px;\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: 1400px) {\n      .certificates-grid {\n        grid-template-columns: repeat(5, 1fr);\n        gap: 18px;\n      }\n    }\n\n    @media (max-width: 1200px) {\n      .certificates-grid {\n        grid-template-columns: repeat(4, 1fr);\n        gap: 18px;\n      }\n\n      .certificate-image {\n        height: 180px;\n      }\n    }\n\n    @media (max-width: 992px) {\n      .certificates-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 16px;\n      }\n\n      .certificate-image {\n        height: 200px;\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      .certificates-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 16px;\n      }\n\n      .certificate-image {\n        height: 180px;\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: 16px;\n      }\n\n      .certificate-image {\n        height: 240px;\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\">Medzin\u00e1rodn\u00e9 \u0161tandardy<\/span>\n      <h2 class=\"certifications-title\">\n        Glob\u00e1lne certifik\u00e1cie &amp; <span class=\"highlight\">Zabezpe\u010denie Kvality<\/span>\n      <\/h2>\n      <p class=\"certifications-description\">\n        Sol\u00e1rne produkty SOLETK s\u00fa certifikovan\u00e9 tak, aby sp\u013a\u0148ali medzin\u00e1rodn\u00e9 normy kvality a bezpe\u010dnosti, vr\u00e1tane Solar Keymark, CE a ISO. Ni\u017e\u0161ie s\u00fa uveden\u00e9 jednotliv\u00e9 certifik\u00e1ty pre ka\u017ed\u00fd produkt, ktor\u00e9 demon\u0161truj\u00fa z\u00e1v\u00e4zok spolo\u010dnosti SOLETK Solar k spo\u013eahlivosti, v\u00fdkonu a zhode.\n      <\/p>\n    <\/div>\n\n    <!-- Tabs Navigation -->\n    <div class=\"cert-tabs\">\n      <button class=\"cert-tab active\" data-tab=\"all\">V\u0161etky certifik\u00e1ty<\/button>\n      <button class=\"cert-tab\" data-tab=\"iso\">ISO certifik\u00e1cie<\/button>\n      <button class=\"cert-tab\" data-tab=\"solar-keymark\">Solar Keymark<\/button>\n      <button class=\"cert-tab\" data-tab=\"product\">Certifik\u00e1ty produktov<\/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?w=1200&quality=85\" data-name=\"Test Report Certificate\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2.-Test-Report-240531098GZU-001_Security_01.jpg?w=300&quality=75\" alt=\"Test Report Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Protokol o sk\u00fa\u0161ke<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Certifik\u00e1t protokolu o sk\u00fa\u0161ke<\/h3>\n            <p class=\"certificate-type\">Spr\u00e1va o zabezpe\u010den\u00ed kvality<\/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?w=1200&quality=85\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg?w=300&quality=75\" alt=\"Solar Keymark Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Solar Keymark<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Certifik\u00e1cia Solar Keymark<\/h3>\n            <p class=\"certificate-type\">Eur\u00f3pska norma kvality<\/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?w=1200&quality=85\" data-name=\"ISO 9001 Quality Management\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 1\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 9001 Mana\u017e\u00e9rstvo kvality<\/h3>\n            <p class=\"certificate-type\">Medzin\u00e1rodn\u00e1 organiz\u00e1cia pre normaliz\u00e1ciu<\/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?w=1200&quality=85\" data-name=\"ISO 14001 Environmental Management\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 2\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 14001 Environment\u00e1lne mana\u017e\u00e9rstvo<\/h3>\n            <p class=\"certificate-type\">Medzin\u00e1rodn\u00e1 organiz\u00e1cia pre normaliz\u00e1ciu<\/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?w=1200&quality=85\" data-name=\"ISO 45001 Occupational Health & Safety\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 3\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 45001 Bezpe\u010dnos\u0165 a ochrana zdravia pri pr\u00e1ci<\/h3>\n            <p class=\"certificate-type\">Medzin\u00e1rodn\u00e1 organiz\u00e1cia pre normaliz\u00e1ciu<\/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?w=1200&quality=85\" data-name=\"Air Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg?w=300&quality=75\" alt=\"Air Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Vzduchov\u00fd sol\u00e1rny kolektor<\/h3>\n            <p class=\"certificate-type\">Certifik\u00e1cia produktu<\/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?w=1200&quality=85\" data-name=\"Flat Plate Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg?w=300&quality=75\" alt=\"Flat Plate Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Flat Plate Solar Collector<\/h3>\n            <p class=\"certificate-type\">Certifik\u00e1cia produktu<\/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?w=1200&quality=85\" data-name=\"PVT Solar System\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg?w=300&quality=75\" alt=\"PVT Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">PVT sol\u00e1rny syst\u00e9m<\/h3>\n            <p class=\"certificate-type\">Certifik\u00e1cia produktu<\/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?w=1200&quality=85\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg?w=300&quality=75\" alt=\"Solar Keymark Certificate 2\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Solar Keymark<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Certifik\u00e1cia Solar Keymark<\/h3>\n            <p class=\"certificate-type\">Eur\u00f3pska norma kvality<\/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?w=1200&quality=85\" data-name=\"Solar Water Heater\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg?w=300&quality=75\" alt=\"Solar Water Heater Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Sol\u00e1rny Ohrieva\u010d Vody<\/h3>\n            <p class=\"certificate-type\">Certifik\u00e1cia produktu<\/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?w=1200&quality=85\" data-name=\"Vacuum Tube Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg?w=300&quality=75\" alt=\"Vacuum Tube Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">V\u00e1kuov\u00fd trubicov\u00fd sol\u00e1rny kolektor<\/h3>\n            <p class=\"certificate-type\">Certifik\u00e1cia produktu<\/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?w=1200&quality=85\" data-name=\"ISO 9001 Quality Management\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 1\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 9001 Mana\u017e\u00e9rstvo kvality<\/h3>\n            <p class=\"certificate-type\">Medzin\u00e1rodn\u00e1 organiz\u00e1cia pre normaliz\u00e1ciu<\/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?w=1200&quality=85\" data-name=\"ISO 14001 Environmental Management\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 2\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 14001 Environment\u00e1lne mana\u017e\u00e9rstvo<\/h3>\n            <p class=\"certificate-type\">Medzin\u00e1rodn\u00e1 organiz\u00e1cia pre normaliz\u00e1ciu<\/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?w=1200&quality=85\" data-name=\"ISO 45001 Occupational Health & Safety\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 3\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 45001 Bezpe\u010dnos\u0165 a ochrana zdravia pri pr\u00e1ci<\/h3>\n            <p class=\"certificate-type\">Medzin\u00e1rodn\u00e1 organiz\u00e1cia pre normaliz\u00e1ciu<\/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?w=1200&quality=85\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg?w=300&quality=75\" alt=\"Solar Keymark Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Solar Keymark<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Certifik\u00e1cia Solar Keymark<\/h3>\n            <p class=\"certificate-type\">Eur\u00f3pska norma kvality<\/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?w=1200&quality=85\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg?w=300&quality=75\" alt=\"Solar Keymark Certificate 2\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Solar Keymark<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Certifik\u00e1cia Solar Keymark<\/h3>\n            <p class=\"certificate-type\">Eur\u00f3pska norma kvality<\/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?w=1200&quality=85\" data-name=\"Air Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg?w=300&quality=75\" alt=\"Air Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Vzduchov\u00fd sol\u00e1rny kolektor<\/h3>\n            <p class=\"certificate-type\">Certifik\u00e1cia produktu<\/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?w=1200&quality=85\" data-name=\"Flat Plate Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg?w=300&quality=75\" alt=\"Flat Plate Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Flat Plate Solar Collector<\/h3>\n            <p class=\"certificate-type\">Certifik\u00e1cia produktu<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg?w=1200&quality=85\" data-name=\"PVT Solar System\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg?w=300&quality=75\" alt=\"PVT Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">PVT sol\u00e1rny syst\u00e9m<\/h3>\n            <p class=\"certificate-type\">Certifik\u00e1cia produktu<\/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?w=1200&quality=85\" data-name=\"Solar Water Heater\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg?w=300&quality=75\" alt=\"Solar Water Heater Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Sol\u00e1rny Ohrieva\u010d Vody<\/h3>\n            <p class=\"certificate-type\">Certifik\u00e1cia produktu<\/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?w=1200&quality=85\" data-name=\"Vacuum Tube Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg?w=300&quality=75\" alt=\"Vacuum Tube Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Produkt<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">V\u00e1kuov\u00fd trubicov\u00fd sol\u00e1rny kolektor<\/h3>\n            <p class=\"certificate-type\">Certifik\u00e1cia produktu<\/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\">N\u00e1zov certifik\u00e1tu<\/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>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>OEM Manufacturing Factory-Direct OEM Solar Water Heating Solutions Factory-direct Solar Water Heater, Split Solar Water Heater, and Heat Pipe Solar Water Heater with OEM branding, flat-plate or vacuum tube options, modular installation, CE\/SRCC compliance documentation, and fast, predictable lead times for global distributors. Chat on WhatsApp Get EXW\/FOB Quote Product Advantages Up to 95% Solar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":179,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1006","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/sk\/wp-json\/wp\/v2\/pages\/1006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/sk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/sk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/sk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/sk\/wp-json\/wp\/v2\/comments?post=1006"}],"version-history":[{"count":128,"href":"https:\/\/service.soletksolar.com\/sk\/wp-json\/wp\/v2\/pages\/1006\/revisions"}],"predecessor-version":[{"id":1241,"href":"https:\/\/service.soletksolar.com\/sk\/wp-json\/wp\/v2\/pages\/1006\/revisions\/1241"}],"up":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/sk\/wp-json\/wp\/v2\/pages\/179"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/sk\/wp-json\/wp\/v2\/media?parent=1006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}