{"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\/cs\/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          P\u0159\u00edmo z tov\u00e1rny<br>\n          <span class=\"highlight\">OEM Sol\u00e1rn\u00ed \u0159e\u0161en\u00ed pro oh\u0159ev vody<\/span>\n        <\/h1>\n        <p class=\"description\">\n          Tov\u00e1rn\u011b p\u0159\u00edm\u00fd sol\u00e1rn\u00ed oh\u0159\u00edva\u010d vody, rozd\u011blen\u00fd sol\u00e1rn\u00ed oh\u0159\u00edva\u010d vody a oh\u0159\u00edva\u010d s tepelnou trubic\u00ed s vlastn\u00edm ozna\u010den\u00edm OEM, mo\u017enosti ploch\u00e9 desky nebo vakuov\u00e9 trubice, modul\u00e1rn\u00ed instalace, dokumentace o shod\u011b CE\/SRCC a rychl\u00e9, p\u0159edv\u00eddateln\u00e9 dodac\u00ed lh\u016fty pro glob\u00e1ln\u00ed distributory.\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 WhatsAppu<\/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\/cs\/products\/solar-water-heater-products\/#contact\" class=\"btn btn-secondary\">\n            <span>Z\u00edskejte nab\u00eddku 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\u00e1rn\u00ed absorpce<\/strong>\n            <span>Vysok\u00e1 \u00fa\u010dinnost, 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>P\u0159irozen\u00e1 cirkulace<\/strong>\n            <span>Nepot\u0159ebuje elekt\u0159inu, n\u00edzk\u00e1 \u00fadr\u017eba<\/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\u00ed kapacity<\/strong>\n            <span>150L \/ 200L \/ 300L rodinn\u00e9 varianty<\/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\u00ed, pohodln\u00fd proud 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\u017ee z v\u00edce materi\u00e1l\u016f<\/strong>\n            <span>Smalt, nerezov\u00e1 ocel 304 nebo 316 podle 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\u00e1rn\u00ed oh\u0159\u00edva\u010d vody<\/h2>\n    <\/div>\n\n    <!-- Introduction -->\n    <div class=\"swh-intro\">\n      <p>\n        Syst\u00e9my sol\u00e1rn\u00edho oh\u0159evu vody SOLETKS jsou navr\u017eeny tak, aby efektivn\u011b zachyt\u00e1valy slune\u010dn\u00ed energii a p\u0159em\u011b\u0148ovaly ji na spolehlivou teplou vodu pro dom\u00e1cnosti, firmy a pr\u016fmysl. S pokro\u010dil\u00fdmi technologiemi ploch\u00fdch desek a tepeln\u00fdch trubic na\u0161e syst\u00e9my poskytuj\u00ed vynikaj\u00edc\u00ed v\u00fdkon, \u00faspory energie a environment\u00e1ln\u00ed p\u0159\u00ednosy. Ka\u017ed\u00fd model je navr\u017een tak, aby vyhovoval r\u016fzn\u00fdm instala\u010dn\u00edm pot\u0159eb\u00e1m a klimatick\u00fdm podm\u00ednk\u00e1m, \u010d\u00edm\u017e \u010din\u00ed sol\u00e1rn\u00ed oh\u0159ev vody efektivn\u011bj\u0161\u00ed a udr\u017eiteln\u011bj\u0161\u00ed ne\u017e kdy d\u0159\u00edve.\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\">Obl\u00edben\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\u00e1rn\u00ed oh\u0159\u00edva\u010d vody<\/h3>\n          <p class=\"swh-product-description\">\n            Kompaktn\u00ed syst\u00e9m, kter\u00fd kombinuje sol\u00e1rn\u00ed kolektor a n\u00e1dr\u017e na vodu do jednoho integrovan\u00e9ho celku.\n          <\/p>\n          <p class=\"swh-product-features\">\n            Nab\u00edz\u00ed snadnou instalaci, spolehliv\u00fd provoz a vynikaj\u00edc\u00ed zadr\u017eov\u00e1n\u00ed tepla\u2014ide\u00e1ln\u00ed pro dom\u00e1cnosti a mal\u00e9 aplikace, kde jsou kl\u00ed\u010dov\u00e9 jednoduchost a \u00fa\u010dinnost.\n          <\/p>\n          <div class=\"swh-button-group\">\n            <a href=\"https:\/\/service.soletksolar.com\/cs\/products\/solar-water-heater\/integrated-solar-water-heater\/\" class=\"swh-learn-more\">\n              Zjistit v\u00edce\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\/cs\/products\/solar-water-heater-products\/#contact\" class=\"swh-get-quote\">\n              Z\u00edskejte svou nab\u00eddku\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\u00ed<\/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\">D\u011blen\u00fd sol\u00e1rn\u00ed oh\u0159\u00edva\u010d vody<\/h3>\n          <p class=\"swh-product-description\">\n            Tento syst\u00e9m odd\u011bluje sol\u00e1rn\u00ed kolektor od z\u00e1sobn\u00edku, co\u017e umo\u017e\u0148uje flexibiln\u00ed instalaci podle uspo\u0159\u00e1d\u00e1n\u00ed budovy.\n          <\/p>\n          <p class=\"swh-product-features\">\n            D\u011blen\u00fd design minimalizuje ztr\u00e1ty tepla, poskytuje lep\u0161\u00ed ochranu proti zamrznut\u00ed a zaji\u0161\u0165uje stabiln\u00ed dod\u00e1vku tepl\u00e9 vody ve v\u0161ech ro\u010dn\u00edch obdob\u00edch.\n          <\/p>\n          <div class=\"swh-button-group\">\n            <a href=\"https:\/\/service.soletksolar.com\/cs\/products\/solar-water-heater\/flat-plate-split-solar-water-heater\/\" class=\"swh-learn-more\">\n              Zjistit v\u00edce\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\/cs\/products\/solar-water-heater-products\/#contact\" class=\"swh-get-quote\">\n              Z\u00edskejte svou nab\u00eddku\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\u010dinnost<\/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\u00e1rn\u00ed oh\u0159\u00edva\u010d vody s teplovodn\u00ed trubkou<\/h3>\n          <p class=\"swh-product-description\">\n            Vybaven vakuov\u00fdmi trubicemi a pokro\u010dilou technologi\u00ed teplovodiv\u00fdch trubek, tento model dosahuje rychl\u00e9ho oh\u0159evu a vynikaj\u00edc\u00ed \u00fa\u010dinnosti i za chladn\u00e9ho nebo zata\u017een\u00e9ho po\u010das\u00ed.\n          <\/p>\n          <p class=\"swh-product-features\">\n            Vhodn\u00fd pro oblasti s r\u016fznorod\u00fdm klimatem a u\u017eivatele hledaj\u00edc\u00ed vysok\u00fd v\u00fdkon s minim\u00e1ln\u00ed \u00fadr\u017ebou.\n          <\/p>\n          <div class=\"swh-button-group\">\n            <a href=\"https:\/\/service.soletksolar.com\/cs\/products\/solar-water-heater\/heat-pipe-solar-water-heater\/\" class=\"swh-learn-more\">\n              Zjistit v\u00edce\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\/cs\/products\/solar-water-heater-products\/#contact\" class=\"swh-get-quote\">\n              Z\u00edskejte svou nab\u00eddku\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 \u0159e\u0161en\u00ed<\/h2>\n      <p class=\"solutions-subtitle\">Personalizovan\u00e9 sol\u00e1rn\u00ed termick\u00e9 syst\u00e9my<\/p>\n    <\/div>\n\n    <!-- Introduction -->\n    <div class=\"solutions-intro\">\n      <p>\n        SOLETKS poskytuje na m\u00edru \u0161it\u00e9 sol\u00e1rn\u00ed termick\u00e9 \u0159e\u0161en\u00ed s flexibiln\u00ed kapacitou, designem a mo\u017enostmi pou\u017eit\u00ed. Od reziden\u010dn\u00ed tepl\u00e9 vody a vyt\u00e1p\u011bn\u00ed budov po pr\u016fmyslov\u00e9 a zem\u011bd\u011blsk\u00e9 tepeln\u00e9 pot\u0159eby, integrujeme sol\u00e1rn\u00ed, geoterm\u00e1ln\u00ed a vzdu\u0161nou energii pro maxim\u00e1ln\u00ed \u00fa\u010dinnost a udr\u017eitelnost.\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\">Optimalizace v\u00fdkonu syst\u00e9mu<\/h3>\n        <p class=\"solution-description\">\n          Hlubok\u00e9 hodnocen\u00ed v\u00fdkonu, testov\u00e1n\u00ed \u00fa\u010dinnosti sb\u011bru tepla a lad\u011bn\u00ed syst\u00e9mu, aby ka\u017ed\u00e1 instalace fungovala na maxim\u00e1ln\u00ed v\u00fdkon.\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 instalace a uveden\u00ed do provozu<\/h3>\n        <p class=\"solution-description\">\n          Profesion\u00e1ln\u00ed mont\u00e1\u017e na m\u00edst\u011b, kalibrace a uveden\u00ed do provozu pro rychlej\u0161\u00ed instalaci a bezpe\u010dn\u011bj\u0161\u00ed provoz.\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\">Zdarma \u00fadr\u017eba<\/h3>\n        <p class=\"solution-description\">\n          Pl\u00e1novan\u00e9 kontroly a preventivn\u00ed servis pro prodlou\u017een\u00ed \u017eivotnosti syst\u00e9mu a udr\u017een\u00ed vysok\u00e9 tepeln\u00e9 \u00fa\u010dinnosti \u2014 bez dal\u0161\u00edch n\u00e1klad\u016f.\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\">Zdarma technick\u00e9 \u0161kolen\u00ed<\/h3>\n        <p class=\"solution-description\">\n          Praktick\u00e9 \u0161kolen\u00ed pro obsluhu, monitorov\u00e1n\u00ed a \u00fadr\u017ebu, aby byla zaji\u0161t\u011bna dlouhodob\u00e1 spolehlivost 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\">Nep\u0159etr\u017eit\u00e9 technologick\u00e9 inovace<\/h3>\n        <p class=\"solution-description\">\n          Nep\u0159etr\u017eit\u00e9 inovace v oblasti selektivn\u00edho povlaku, tepeln\u00e9ho skladov\u00e1n\u00ed a chytr\u00e9 kontroly pro v\u00fdkon sol\u00e1rn\u00ed energie p\u0159\u00ed\u0161t\u00ed generace.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- CTA Button -->\n    <div class=\"solutions-cta\">\n      <a href=\"https:\/\/service.soletksolar.com\/cs\/products\/solar-water-heater-products\/#contact\" class=\"custom-build-btn\">\n        Za\u010dn\u011bte sv\u016fj zak\u00e1zkov\u00fd projekt\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\">Celosv\u011btov\u011b <span class=\"title-highlight\">Excelence v sol\u00e1rn\u00ed energii<\/span><\/h2>\n            <p class=\"section-description\">Pr\u016fkopnick\u00e1 udr\u017eiteln\u00e1 energetick\u00e1 \u0159e\u0161en\u00ed nap\u0159\u00ed\u010d kontinenty, dod\u00e1vaj\u00edc\u00ed inovativn\u00ed sol\u00e1rn\u00ed vyt\u00e1p\u011bn\u00ed a syst\u00e9m\u016f tepl\u00e9 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\u00fd projekt<\/span>\n                <\/div>\n                <div class=\"card-content\">\n                    <h3>Centralizovan\u00e9 sol\u00e1rn\u00ed vyt\u00e1p\u011bn\u00ed pro m\u011bsto Saga v okrese Shigatse<\/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>Shigatse, 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>Velk\u00e9 ploch\u00e9 kolektory EFPC115 pokr\u00fdvaj\u00ed vyt\u00e1p\u011bn\u00ed pro 107 000 m\u00b2, nahrazuj\u00ed tradi\u010dn\u00ed vyt\u00e1p\u011bn\u00ed uhl\u00edm a yakovou tr\u00e1vou. Sni\u017euje spot\u0159ebu uhl\u00ed o 2 424 tun ro\u010dn\u011b.<\/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>Prvn\u00ed vysokohorsk\u00e9 centr\u00e1ln\u00ed sol\u00e1rn\u00ed vyt\u00e1p\u011bn\u00ed na sv\u011bt\u011b<\/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>Prvn\u00ed kompletn\u00ed projekt sol\u00e1rn\u00edho vyt\u00e1p\u011bn\u00ed na kl\u00ed\u010d v pln\u00e9m \u0159et\u011bzci<\/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>Prvn\u00ed velkoplo\u0161n\u00e9 sol\u00e1rn\u00ed vyt\u00e1p\u011bn\u00ed v Tibetu<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/cs\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary\">\n                            <span>Z\u00edskejte nab\u00eddku<\/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\/cs\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary\">Zobrazit 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\u00fdch \u010derpadel TPV Pro+ v Tjin-\u0165iangu<\/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>Tjin-\u0165iang<\/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\u00fdch \u010derpadel TPV Pro+ spl\u0148uje vyt\u00e1p\u011bc\u00ed pot\u0159eby student\u016f a z\u00e1rove\u0148 generuje elekt\u0159inu na m\u00edst\u011b.<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/cs\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>Z\u00edskejte nab\u00eddku<\/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\/cs\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">Zobrazit 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\u00e1 kampusov\u00e1 vyt\u00e1p\u011bn\u00ed ve st\u0159edn\u00ed Asii<\/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>\u010cesk\u00e1 republika<\/span>\n                    <\/div>\n                    <p>U-tube kolektory s vynikaj\u00edc\u00ed odolnost\u00ed v\u016f\u010di n\u00edzk\u00fdm teplot\u00e1m pro vyt\u00e1p\u011bn\u00ed \u0161kol.<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/cs\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>Z\u00edskejte nab\u00eddku<\/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\/cs\/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 APEC Summit Hork\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>Praha<\/span>\n                    <\/div>\n                    <p>Horkovodn\u00ed syst\u00e9m pro APEC Summit. U\u0161et\u0159\u00ed 150 000 kWh ro\u010dn\u011b.<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/cs\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>Z\u00edskejte nab\u00eddku<\/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\/cs\/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>Projekt hork\u00e9 vody v rezortov\u00e9 vile Florida<\/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, USA<\/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>200L\/den<\/span>\n                    <\/div>\n                    <p>Ploch\u00e9 vodn\u00ed oh\u0159\u00edva\u010de poskytuj\u00ed denn\u011b 200L tepl\u00e9 vody pro ka\u017edou rezortovou vilu.<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/cs\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>Z\u00edskejte nab\u00eddku<\/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\/cs\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">Zobrazit 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 hork\u00e9 vody v kostele 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>N\u011bmecko<\/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 tun\/den<\/span>\n                    <\/div>\n                    <p>In\u017een\u00fdrsk\u00e9 kolektory v s\u00e9riov\u00e9\/paraleln\u00ed konfiguraci poskytuj\u00ed spolehlivou z\u00e1sobu tepl\u00e9 vody.<\/p>\n                    <div class=\"card-actions\">\n                        <a href=\"https:\/\/service.soletksolar.com\/cs\/products\/solar-water-heater-products\/#contact\" class=\"btn-primary btn-small\">\n                            <span>Z\u00edskejte nab\u00eddku<\/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\/cs\/products\/solar-water-heater-products\/#contact\" class=\"btn-secondary btn-small\">Zobrazit 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>\u0158e\u0161en\u00ed sol\u00e1rn\u00edho tepeln\u00e9ho syst\u00e9mu<\/h2>\n      <p class=\"system-solutions-subtitle\">Zlep\u0161en\u00ed energetick\u00e9 \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\u00ed platba<\/p>\n        <p class=\"solution-item-description\">\n          Podporujeme T\/T, L\/C na m\u00edst\u011b, PayPal a dal\u0161\u00ed bezpe\u010dn\u00e9 platebn\u00ed metody pro glob\u00e1ln\u00ed 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\">Z\u00e1ruka kvality<\/p>\n        <h3 class=\"solution-item-title\">Ochrana syst\u00e9mu<\/h3>\n        <p class=\"solution-item-description\">\n          P\u0159\u00edsn\u00e1 kontrola kvality od v\u00fdroby kolektor\u016f po sestaven\u00ed syst\u00e9mu, zaji\u0161\u0165uj\u00edc\u00ed dlouhodob\u00fd a spolehliv\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\u0161en\u00ed \u017eivotn\u00edho prost\u0159ed\u00ed<\/p>\n        <h3 class=\"solution-item-title\">Efektivn\u00ed logistika<\/h3>\n        <p class=\"solution-item-description\">\n          Bezpe\u010dn\u00e9 a spolehliv\u00e9 glob\u00e1ln\u00ed doru\u010den\u00ed, pokr\u00fdvaj\u00edc\u00ed v\u00edce ne\u017e 30 zem\u00ed s profesion\u00e1ln\u00edm balen\u00edm pro sol\u00e1rn\u00ed za\u0159\u00edzen\u00ed.\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\">Sni\u017eov\u00e1n\u00ed n\u00e1klad\u016f<\/p>\n        <h3 class=\"solution-item-title\">Na m\u00edru navr\u017een\u00fd syst\u00e9m<\/h3>\n        <p class=\"solution-item-description\">\n          Na\u0161i in\u017een\u00fd\u0159i v\u00e1m pomohou nakonfigurovat nejn\u00e1kladov\u011b efektivn\u011bj\u0161\u00ed sol\u00e1rn\u00ed tepeln\u00fd syst\u00e9m pro reziden\u010dn\u00ed, komer\u010dn\u00ed nebo pr\u016fmyslov\u00e9 pou\u017eit\u00ed.\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\u00edskejte svou individu\u00e1ln\u00ed nab\u00eddku\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>Kdo jsme<\/h2>\n      <p class=\"section-subtitle\">Veden\u00ed budoucnosti \u010dist\u00e9 energie<\/p>\n      <p class=\"section-description\">\n        Inovativn\u00ed \u0159e\u0161en\u00ed poh\u00e1n\u011bn\u00e1 nejmodern\u011bj\u0161\u00ed technologi\u00ed a udr\u017eiteln\u00fdmi praktikami\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 zam\u011b\u0159en\u00fd na inovace v oblasti \u010dist\u00e9 energie. Se sv\u00fdm j\u00e1drem technologie ploch\u00e9 \u010dist\u00e9 tepeln\u00e9 energie integruje sol\u00e1rn\u00ed, geoterm\u00e1ln\u00ed a vzdu\u0161nou energii, aby poskytoval efektivn\u00ed \u0159e\u0161en\u00ed pro vyt\u00e1p\u011bn\u00ed, chlazen\u00ed a v\u00fdrobu energie.\n        <\/p>\n        <p>\n          Podpo\u0159en spoluprac\u00ed s p\u0159edn\u00edmi v\u00fdzkumn\u00fdmi institucemi, SOLETKS pat\u0159\u00ed mezi p\u0159edn\u00ed sv\u011btov\u00e9 v\u00fdrobce ploch\u00fdch kolektor\u016f a posouv\u00e1 glob\u00e1ln\u00ed pokrok sm\u011brem k udr\u017eiteln\u00e9 budoucnosti.\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\">Zaji\u0161t\u011bn\u00e9 patenty<\/div>\n          <\/div>\n          <div class=\"stat-item\">\n            <div class=\"stat-number\">Top 5<\/div>\n            <div class=\"stat-label\">Glob\u00e1ln\u00ed \u017eeb\u0159\u00ed\u010dek<\/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\u00ed s\u00edly<\/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\u00e1rn\u00ed integrace<\/h4>\n          <p>Pokro\u010dil\u00e1 technologie ploch\u00fdch kolektor\u016f maximalizuj\u00edc\u00ed energetickou \u00fa\u010dinnost<\/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+ patent\u016f<\/h4>\n          <p>\u0160pi\u010dkov\u00e9 portfolio inovac\u00ed chr\u00e1n\u00edc\u00ed vlastnick\u00e9 technologie<\/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\u00fdzkumn\u00ed partne\u0159i<\/h4>\n          <p>Strategick\u00e1 spolupr\u00e1ce s p\u0159edn\u00edmi institucemi po cel\u00e9m sv\u011bt\u011b<\/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\u00edskejte svou individu\u00e1ln\u00ed nab\u00eddku\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\u00e1ln\u00ed partnersk\u00fd program<\/h2>\n      <p class=\"subtitle\">P\u0159ipojte se k celosv\u011btov\u00e9 s\u00edti Soletks Solar a urychlete r\u016fst sv\u00e9ho podnik\u00e1n\u00ed s pr\u00e9miov\u00fdmi \u0159e\u0161en\u00edmi sol\u00e1rn\u00edho tepeln\u00e9ho syst\u00e9mu<\/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\u0161i\u0159te sv\u00e9 podnik\u00e1n\u00ed s fotovoltaikou Soletks Solar<\/h3>\n          <p>\n            <strong>Soletks Solar<\/strong> roz\u0161i\u0159uje na\u0161i glob\u00e1ln\u00ed s\u00ed\u0165 a zve distributory, EPC kontraktory, in\u017een\u00fdrsk\u00e9 firmy, instalat\u00e9ry a projektov\u00e9 developery ke spolupr\u00e1ci s n\u00e1mi.\n          <\/p>\n          <p>\n            Nab\u00edz\u00edme vysoce \u00fa\u010dinn\u00e9 ploch\u00e9 kolektory, komer\u010dn\u00ed syst\u00e9my na teplou vodu, hybridn\u00ed panely PVT a sol\u00e1rn\u00ed topen\u00ed s velkou kapacitou, kter\u00fdm d\u016fv\u011b\u0159uj\u00ed hotely, tov\u00e1rny, nemocnice, \u0161koly a reziden\u010dn\u00ed projekty po cel\u00e9m sv\u011bt\u011b.\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>Ceny p\u0159\u00edmo z tov\u00e1rny<\/h3>\n        <p>Konkurenceschopn\u00e9 velkoobchodn\u00ed ceny se zaru\u010denou v\u00fdrobn\u00ed kapacitou a konzistentn\u00ed 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\u010den\u00ed<\/h3>\n        <p>P\u0159izp\u016fsobte produkty sv\u00e9mu zna\u010dkov\u00e1n\u00ed pro rozvoj m\u00edstn\u00edho trhu a identitu<\/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>Stavebn\u00ed v\u00fdkresy, syst\u00e9mov\u00e1 podpora a online pr\u016fvodce uveden\u00edm do provozu<\/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>Dlouh\u00e1 z\u00e1ruka<\/h3>\n        <p>5 let na kolektory, 3 roky na z\u00e1sobn\u00edky, 1 rok na komponenty \u2013 klid 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>Rychl\u00e9 dod\u00e1n\u00ed<\/h3>\n        <p>Standardn\u00ed dodac\u00ed lh\u016fta 20\u201330 dn\u00ed s efektivn\u00edmi dopravn\u00edmi \u0159e\u0161en\u00edmi<\/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>Marketingov\u00e1 podpora<\/h3>\n        <p>Profesion\u00e1ln\u00ed materi\u00e1ly a exkluzivn\u00ed pr\u00e1va na distribuci v teritoriu<\/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        C\u00edlov\u00e9 trhy a regiony\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\">St\u0159edn\u00ed 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\">Evropa<\/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\">Jihov\u00fdchodn\u00ed Asie<\/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 se partnerem je\u0161t\u011b dnes<\/h3>\n        <p>\n          Spolupracujte s d\u016fv\u011bryhodnou tov\u00e1rnou na budov\u00e1n\u00ed va\u0161eho trhu, z\u00edskejte v\u00edce projekt\u016f a rozv\u00edjejte sv\u00e9 podnik\u00e1n\u00ed s vysoce v\u00fdkonn\u00fdmi sol\u00e1rn\u00edmi tepeln\u00fdmi \u0159e\u0161en\u00edmi.\n        <\/p>\n        <div class=\"cta-buttons\">\n          <a href=\"https:\/\/service.soletksolar.com\/cs\/contact\/\" class=\"cta-btn cta-btn-primary\">\n            <span>Po\u017e\u00e1dejte o partnerstv\u00ed<\/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\/cs\/products\/\" class=\"cta-btn cta-btn-secondary\">\n            <span>Zobrazit 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\">Mezin\u00e1rodn\u00ed normy<\/span>\n      <h2 class=\"certifications-title\">\n        Celosv\u011btov\u00e9 certifikace &amp; <span class=\"highlight\">Z\u00e1ruka kvality<\/span>\n      <\/h2>\n      <p class=\"certifications-description\">\n        Produkty SOLETK Solar jsou certifikov\u00e1ny tak, aby spl\u0148ovaly mezin\u00e1rodn\u00ed normy kvality a bezpe\u010dnosti, v\u010detn\u011b Solar Keymark, CE a ISO. N\u00ed\u017ee jsou uvedeny jednotliv\u00e9 certifik\u00e1ty pro ka\u017ed\u00fd produkt, kter\u00e9 dokazuj\u00ed z\u00e1vazek SOLETK Solar k spolehlivosti, v\u00fdkonu a shod\u011b.\n      <\/p>\n    <\/div>\n\n    <!-- Tabs Navigation -->\n    <div class=\"cert-tabs\">\n      <button class=\"cert-tab active\" data-tab=\"all\">V\u0161echny certifik\u00e1ty<\/button>\n      <button class=\"cert-tab\" data-tab=\"iso\">ISO certifikace<\/button>\n      <button class=\"cert-tab\" data-tab=\"solar-keymark\">Sol\u00e1rn\u00ed kl\u00ed\u010dov\u00fd znak<\/button>\n      <button class=\"cert-tab\" data-tab=\"product\">Certifik\u00e1ty produktu<\/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\">Zku\u0161ebn\u00ed zpr\u00e1va<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Certifik\u00e1t zku\u0161ebn\u00ed zpr\u00e1vy<\/h3>\n            <p class=\"certificate-type\">Zpr\u00e1va o zaji\u0161t\u011bn\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\">Sol\u00e1rn\u00ed kl\u00ed\u010dov\u00fd znak<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Certifikace Sol\u00e1rn\u00ed kl\u00ed\u010dov\u00fd znak<\/h3>\n            <p class=\"certificate-type\">Evropsk\u00fd standard 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 Syst\u00e9m \u0159\u00edzen\u00ed jakosti<\/h3>\n            <p class=\"certificate-type\">Mezin\u00e1rodn\u00ed organizace pro normalizaci<\/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\u00e1ln\u00ed \u0159\u00edzen\u00ed<\/h3>\n            <p class=\"certificate-type\">Mezin\u00e1rodn\u00ed organizace pro normalizaci<\/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\u010dnost a ochrana zdrav\u00ed p\u0159i pr\u00e1ci<\/h3>\n            <p class=\"certificate-type\">Mezin\u00e1rodn\u00ed organizace pro normalizaci<\/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\">Vzdu\u0161n\u00fd sol\u00e1rn\u00ed kolektor<\/h3>\n            <p class=\"certificate-type\">Certifikace 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\">Sol\u00e1rn\u00ed kolektor s plochou deskou<\/h3>\n            <p class=\"certificate-type\">Certifikace 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\u00e1rn\u00ed syst\u00e9m<\/h3>\n            <p class=\"certificate-type\">Certifikace 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\">Sol\u00e1rn\u00ed kl\u00ed\u010dov\u00fd znak<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Certifikace Sol\u00e1rn\u00ed kl\u00ed\u010dov\u00fd znak<\/h3>\n            <p class=\"certificate-type\">Evropsk\u00fd standard 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\u00e1rn\u00ed oh\u0159\u00edva\u010d vody<\/h3>\n            <p class=\"certificate-type\">Certifikace 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\">Vakuov\u00fd trubkov\u00fd sol\u00e1rn\u00ed kolektor<\/h3>\n            <p class=\"certificate-type\">Certifikace 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 Syst\u00e9m \u0159\u00edzen\u00ed jakosti<\/h3>\n            <p class=\"certificate-type\">Mezin\u00e1rodn\u00ed organizace pro normalizaci<\/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\u00e1ln\u00ed \u0159\u00edzen\u00ed<\/h3>\n            <p class=\"certificate-type\">Mezin\u00e1rodn\u00ed organizace pro normalizaci<\/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\u010dnost a ochrana zdrav\u00ed p\u0159i pr\u00e1ci<\/h3>\n            <p class=\"certificate-type\">Mezin\u00e1rodn\u00ed organizace pro normalizaci<\/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\">Sol\u00e1rn\u00ed kl\u00ed\u010dov\u00fd znak<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Certifikace Sol\u00e1rn\u00ed kl\u00ed\u010dov\u00fd znak<\/h3>\n            <p class=\"certificate-type\">Evropsk\u00fd standard 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\">Sol\u00e1rn\u00ed kl\u00ed\u010dov\u00fd znak<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Certifikace Sol\u00e1rn\u00ed kl\u00ed\u010dov\u00fd znak<\/h3>\n            <p class=\"certificate-type\">Evropsk\u00fd standard 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\">Vzdu\u0161n\u00fd sol\u00e1rn\u00ed kolektor<\/h3>\n            <p class=\"certificate-type\">Certifikace 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\">Sol\u00e1rn\u00ed kolektor s plochou deskou<\/h3>\n            <p class=\"certificate-type\">Certifikace 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\u00e1rn\u00ed syst\u00e9m<\/h3>\n            <p class=\"certificate-type\">Certifikace 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\u00e1rn\u00ed oh\u0159\u00edva\u010d vody<\/h3>\n            <p class=\"certificate-type\">Certifikace 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\">Vakuov\u00fd trubkov\u00fd sol\u00e1rn\u00ed kolektor<\/h3>\n            <p class=\"certificate-type\">Certifikace 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\u00e1zev 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\/cs\/wp-json\/wp\/v2\/pages\/1006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/cs\/wp-json\/wp\/v2\/comments?post=1006"}],"version-history":[{"count":128,"href":"https:\/\/service.soletksolar.com\/cs\/wp-json\/wp\/v2\/pages\/1006\/revisions"}],"predecessor-version":[{"id":1241,"href":"https:\/\/service.soletksolar.com\/cs\/wp-json\/wp\/v2\/pages\/1006\/revisions\/1241"}],"up":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/cs\/wp-json\/wp\/v2\/pages\/179"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/cs\/wp-json\/wp\/v2\/media?parent=1006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}