{"id":774,"date":"2025-11-11T02:42:33","date_gmt":"2025-11-11T02:42:33","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=774"},"modified":"2025-11-11T03:08:42","modified_gmt":"2025-11-11T03:08:42","slug":"evacuated-tube-solar-collector","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/sk\/products\/evacuated-tube-solar-collector\/","title":{"rendered":"Evacuated Tube Solar Collector"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"774\" class=\"elementor elementor-774\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86e574c e-con-full e-flex e-con e-parent\" data-id=\"86e574c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee7680a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ee7680a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Vacuum Tube Solar Banner -->\n<section class=\"vacuum-tube-banner\">\n  <style>\n    .vacuum-tube-banner {\n      position: relative;\n      min-height: 45vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);\n      overflow: hidden;\n      padding: 50px 20px;\n    }\n\n    \/* \u52a8\u6001\u7f51\u683c\u80cc\u666f *\/\n    .vt-grid-pattern {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      opacity: 0.08;\n      background-image: \n        linear-gradient(rgba(59, 130, 246, 0.3) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(59, 130, 246, 0.3) 1px, transparent 1px);\n      background-size: 50px 50px;\n      animation: gridMove 20s linear infinite;\n    }\n\n    @keyframes gridMove {\n      0% { transform: translate(0, 0); }\n      100% { transform: translate(50px, 50px); }\n    }\n\n    \/* \u53d1\u5149\u5149\u6655 - \u84dd\u8272\u79d1\u6280\u611f *\/\n    .vt-glow-blue {\n      position: absolute;\n      top: -10%;\n      left: -5%;\n      width: 600px;\n      height: 600px;\n      background: radial-gradient(circle, rgba(59, 130, 246, 0.25) 0%, rgba(37, 99, 235, 0.15) 40%, transparent 70%);\n      border-radius: 50%;\n      animation: glowPulse 8s ease-in-out infinite;\n    }\n\n    .vt-glow-cyan {\n      position: absolute;\n      bottom: -15%;\n      right: -8%;\n      width: 700px;\n      height: 700px;\n      background: radial-gradient(circle, rgba(6, 182, 212, 0.2) 0%, rgba(14, 165, 233, 0.12) 40%, transparent 70%);\n      border-radius: 50%;\n      animation: glowPulseReverse 10s ease-in-out infinite;\n    }\n\n    @keyframes glowPulse {\n      0%, 100% { opacity: 1; transform: scale(1); }\n      50% { opacity: 0.7; transform: scale(1.15); }\n    }\n\n    @keyframes glowPulseReverse {\n      0%, 100% { opacity: 0.8; transform: scale(1); }\n      50% { opacity: 1; transform: scale(1.2); }\n    }\n\n    \/* \u6d6e\u52a8\u771f\u7a7a\u7ba1\u5143\u7d20 *\/\n    .vt-floating-tubes {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      pointer-events: none;\n      overflow: hidden;\n    }\n\n    .vt-tube {\n      position: absolute;\n      width: 8px;\n      height: 80px;\n      background: linear-gradient(180deg, \n        rgba(59, 130, 246, 0.6) 0%, \n        rgba(147, 197, 253, 0.4) 50%, \n        rgba(59, 130, 246, 0.6) 100%);\n      border-radius: 4px;\n      box-shadow: \n        0 0 10px rgba(59, 130, 246, 0.5),\n        inset 0 0 5px rgba(255, 255, 255, 0.3);\n      animation: floatTube 12s ease-in-out infinite;\n    }\n\n    .vt-tube::before {\n      content: '';\n      position: absolute;\n      top: 5px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 4px;\n      height: 20px;\n      background: rgba(255, 255, 255, 0.4);\n      border-radius: 2px;\n      filter: blur(2px);\n    }\n\n    .vt-tube:nth-child(1) { \n      left: 8%; \n      top: 15%; \n      animation-delay: 0s;\n      transform: rotate(-15deg);\n    }\n    .vt-tube:nth-child(2) { \n      left: 20%; \n      top: 65%; \n      animation-delay: 2s;\n      transform: rotate(10deg);\n    }\n    .vt-tube:nth-child(3) { \n      left: 75%; \n      top: 25%; \n      animation-delay: 4s;\n      transform: rotate(-8deg);\n    }\n    .vt-tube:nth-child(4) { \n      left: 88%; \n      top: 70%; \n      animation-delay: 6s;\n      transform: rotate(12deg);\n    }\n    .vt-tube:nth-child(5) { \n      left: 45%; \n      top: 10%; \n      animation-delay: 8s;\n      transform: rotate(-20deg);\n    }\n    .vt-tube:nth-child(6) { \n      left: 62%; \n      top: 80%; \n      animation-delay: 10s;\n      transform: rotate(5deg);\n    }\n\n    @keyframes floatTube {\n      0%, 100% { \n        transform: translateY(0) rotate(var(--rotate, 0deg)); \n        opacity: 0.4; \n      }\n      50% { \n        transform: translateY(-30px) rotate(calc(var(--rotate, 0deg) + 5deg)); \n        opacity: 0.8; \n      }\n    }\n\n    \/* \u80fd\u91cf\u7c92\u5b50 *\/\n    .vt-energy-particles {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      pointer-events: none;\n    }\n\n    .vt-particle {\n      position: absolute;\n      width: 3px;\n      height: 3px;\n      background: rgba(59, 130, 246, 0.8);\n      border-radius: 50%;\n      box-shadow: 0 0 8px rgba(59, 130, 246, 0.8);\n      animation: particleFloat 8s ease-in-out infinite;\n    }\n\n    .vt-particle:nth-child(1) { left: 15%; top: 30%; animation-delay: 0s; }\n    .vt-particle:nth-child(2) { left: 35%; top: 55%; animation-delay: 1.5s; }\n    .vt-particle:nth-child(3) { left: 55%; top: 35%; animation-delay: 3s; }\n    .vt-particle:nth-child(4) { left: 75%; top: 60%; animation-delay: 4.5s; }\n    .vt-particle:nth-child(5) { left: 25%; top: 75%; animation-delay: 6s; }\n    .vt-particle:nth-child(6) { left: 85%; top: 40%; animation-delay: 7.5s; }\n\n    @keyframes particleFloat {\n      0%, 100% { \n        transform: translate(0, 0) scale(1); \n        opacity: 0.3; \n      }\n      50% { \n        transform: translate(20px, -40px) scale(1.5); \n        opacity: 1; \n      }\n    }\n\n    \/* \u6e29\u5ea6\u6ce2\u7eb9\u6548\u679c *\/\n    .vt-heat-wave {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 300px;\n      height: 300px;\n      border: 2px solid rgba(59, 130, 246, 0.2);\n      border-radius: 50%;\n      animation: heatWaveExpand 4s ease-out infinite;\n    }\n\n    .vt-heat-wave:nth-child(2) {\n      animation-delay: 1.3s;\n    }\n\n    .vt-heat-wave:nth-child(3) {\n      animation-delay: 2.6s;\n    }\n\n    @keyframes heatWaveExpand {\n      0% {\n        width: 100px;\n        height: 100px;\n        opacity: 1;\n      }\n      100% {\n        width: 600px;\n        height: 600px;\n        opacity: 0;\n      }\n    }\n\n    .vt-container {\n      max-width: 1000px;\n      margin: 0 auto;\n      text-align: center;\n      position: relative;\n      z-index: 10;\n    }\n\n    \/* \u9876\u90e8\u5fbd\u7ae0 *\/\n    .vt-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 20px;\n      background: rgba(59, 130, 246, 0.15);\n      border: 1px solid rgba(59, 130, 246, 0.4);\n      border-radius: 50px;\n      color: #60a5fa;\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      margin-bottom: 24px;\n      animation: fadeInDown 0.6s ease-out;\n      box-shadow: 0 4px 15px rgba(59, 130, 246, 0.2);\n      backdrop-filter: blur(10px);\n    }\n\n    @keyframes fadeInDown {\n      from {\n        opacity: 0;\n        transform: translateY(-20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    .vt-badge-icon {\n      width: 16px;\n      height: 16px;\n      animation: rotate 3s linear infinite;\n    }\n\n    @keyframes rotate {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n\n    \/* \u4e3b\u6807\u9898 *\/\n    .vt-main-title {\n      font-size: 46px;\n      font-weight: 800;\n      line-height: 1.2;\n      color: #ffffff;\n      margin: 0 0 20px 0;\n      letter-spacing: -1.5px;\n      animation: fadeInUp 0.8s ease-out 0.2s backwards;\n      text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n    }\n\n    @keyframes fadeInUp {\n      from {\n        opacity: 0;\n        transform: translateY(30px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    .vt-highlight {\n      background: linear-gradient(135deg, #3b82f6 0%, #06b6d4 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    .vt-highlight::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #3b82f6, #06b6d4);\n      border-radius: 2px;\n      animation: highlightGlow 2s ease-in-out infinite;\n    }\n\n    @keyframes highlightGlow {\n      0%, 100% { opacity: 0.5; box-shadow: 0 0 10px rgba(59, 130, 246, 0.5); }\n      50% { opacity: 1; box-shadow: 0 0 20px rgba(59, 130, 246, 0.8); }\n    }\n\n    \/* \u88c5\u9970\u7ebf *\/\n    .vt-divider {\n      width: 60px;\n      height: 3px;\n      background: linear-gradient(90deg, transparent, #3b82f6, #06b6d4, transparent);\n      margin: 0 auto 24px;\n      border-radius: 2px;\n      animation: fadeIn 0.8s ease-out 0.5s backwards;\n      box-shadow: 0 0 15px rgba(59, 130, 246, 0.5);\n    }\n\n    @keyframes fadeIn {\n      from { opacity: 0; }\n      to { opacity: 1; }\n    }\n\n    \/* \u526f\u6807\u9898 *\/\n    .vt-subtitle {\n      font-size: 18px;\n      line-height: 1.7;\n      color: #cbd5e1;\n      margin: 0 auto 36px;\n      max-width: 800px;\n      animation: fadeInUp 0.8s ease-out 0.4s backwards;\n    }\n\n    .vt-subtitle strong {\n      color: #ffffff;\n      font-weight: 600;\n    }\n\n    \/* \u7279\u6027\u6807\u7b7e\u7ec4 *\/\n    .vt-features {\n      display: flex;\n      justify-content: center;\n      gap: 16px;\n      flex-wrap: wrap;\n      margin-bottom: 36px;\n      animation: fadeInUp 0.8s ease-out 0.6s backwards;\n    }\n\n    .vt-feature-tag {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 20px;\n      background: rgba(59, 130, 246, 0.1);\n      border: 1px solid rgba(59, 130, 246, 0.3);\n      border-radius: 50px;\n      color: #93c5fd;\n      font-size: 13px;\n      font-weight: 500;\n      transition: all 0.3s ease;\n      backdrop-filter: blur(10px);\n    }\n\n    .vt-feature-tag:hover {\n      background: rgba(59, 130, 246, 0.2);\n      border-color: rgba(59, 130, 246, 0.5);\n      transform: translateY(-2px);\n      box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);\n    }\n\n    .vt-feature-icon {\n      width: 16px;\n      height: 16px;\n    }\n\n    \/* CTA \u6309\u94ae\u7ec4 *\/\n    .vt-cta-group {\n      display: flex;\n      gap: 16px;\n      justify-content: center;\n      animation: fadeInUp 0.8s ease-out 0.8s backwards;\n    }\n\n    .vt-cta-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 14px 32px;\n      border-radius: 50px;\n      font-size: 15px;\n      font-weight: 600;\n      text-decoration: none;\n      transition: all 0.3s ease;\n    }\n\n    .vt-cta-primary {\n      background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n      color: white;\n      box-shadow: 0 4px 20px rgba(59, 130, 246, 0.4);\n    }\n\n    .vt-cta-primary:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 8px 30px rgba(59, 130, 246, 0.6);\n      background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);\n    }\n\n    .vt-cta-secondary {\n      background: rgba(255, 255, 255, 0.1);\n      color: white;\n      border: 1.5px solid rgba(255, 255, 255, 0.3);\n      backdrop-filter: blur(10px);\n    }\n\n    .vt-cta-secondary:hover {\n      background: rgba(255, 255, 255, 0.15);\n      border-color: rgba(255, 255, 255, 0.5);\n      transform: translateY(-3px);\n      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\n    }\n\n    .vt-cta-btn svg {\n      width: 18px;\n      height: 18px;\n      transition: transform 0.3s ease;\n    }\n\n    .vt-cta-btn:hover svg {\n      transform: translateX(4px);\n    }\n\n    \/* \u6eda\u52a8\u63d0\u793a *\/\n    .vt-scroll-hint {\n      position: absolute;\n      bottom: 25px;\n      left: 50%;\n      transform: translateX(-50%);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 8px;\n      color: #64748b;\n      font-size: 10px;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      animation: fadeIn 1s ease-out 1.5s backwards;\n    }\n\n    .vt-scroll-line {\n      width: 2px;\n      height: 30px;\n      background: linear-gradient(180deg, #3b82f6, transparent);\n      animation: scrollMove 2.5s ease-in-out infinite;\n    }\n\n    @keyframes scrollMove {\n      0%, 100% { transform: translateY(0); opacity: 0; }\n      50% { transform: translateY(15px); opacity: 1; }\n    }\n\n    \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n    @media (max-width: 768px) {\n      .vacuum-tube-banner {\n        min-height: 42vh;\n        padding: 40px 20px;\n      }\n\n      .vt-tube {\n        width: 6px;\n        height: 60px;\n      }\n\n      .vt-badge {\n        font-size: 10px;\n        padding: 6px 16px;\n        margin-bottom: 20px;\n      }\n\n      .vt-main-title {\n        font-size: 34px;\n        letter-spacing: -1px;\n        margin-bottom: 18px;\n      }\n\n      .vt-divider {\n        width: 50px;\n        margin-bottom: 20px;\n      }\n\n      .vt-subtitle {\n        font-size: 16px;\n        margin-bottom: 30px;\n      }\n\n      .vt-features {\n        gap: 10px;\n        margin-bottom: 30px;\n      }\n\n      .vt-feature-tag {\n        padding: 8px 16px;\n        font-size: 12px;\n      }\n\n      .vt-cta-group {\n        flex-direction: column;\n        gap: 12px;\n      }\n\n      .vt-cta-btn {\n        width: 100%;\n        justify-content: center;\n        padding: 12px 28px;\n        font-size: 14px;\n      }\n\n      .vt-glow-blue,\n      .vt-glow-cyan {\n        width: 400px;\n        height: 400px;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .vacuum-tube-banner {\n        min-height: 38vh;\n        padding: 30px 16px;\n      }\n\n      .vt-main-title {\n        font-size: 28px;\n        letter-spacing: -0.5px;\n      }\n\n      .vt-subtitle {\n        font-size: 15px;\n      }\n\n      .vt-feature-tag {\n        padding: 7px 14px;\n        font-size: 11px;\n      }\n\n      .vt-cta-btn {\n        padding: 11px 24px;\n        font-size: 13px;\n      }\n    }\n  <\/style>\n\n  <!-- \u7f51\u683c\u80cc\u666f -->\n  <div class=\"vt-grid-pattern\"><\/div>\n  \n  <!-- \u5149\u6655\u6548\u679c -->\n  <div class=\"vt-glow-blue\"><\/div>\n  <div class=\"vt-glow-cyan\"><\/div>\n\n  <!-- \u6e29\u5ea6\u6ce2\u7eb9 -->\n  <div class=\"vt-heat-wave\"><\/div>\n  <div class=\"vt-heat-wave\"><\/div>\n  <div class=\"vt-heat-wave\"><\/div>\n\n  <!-- \u6d6e\u52a8\u771f\u7a7a\u7ba1 -->\n  <div class=\"vt-floating-tubes\">\n    <div class=\"vt-tube\"><\/div>\n    <div class=\"vt-tube\"><\/div>\n    <div class=\"vt-tube\"><\/div>\n    <div class=\"vt-tube\"><\/div>\n    <div class=\"vt-tube\"><\/div>\n    <div class=\"vt-tube\"><\/div>\n  <\/div>\n\n  <!-- \u80fd\u91cf\u7c92\u5b50 -->\n  <div class=\"vt-energy-particles\">\n    <div class=\"vt-particle\"><\/div>\n    <div class=\"vt-particle\"><\/div>\n    <div class=\"vt-particle\"><\/div>\n    <div class=\"vt-particle\"><\/div>\n    <div class=\"vt-particle\"><\/div>\n    <div class=\"vt-particle\"><\/div>\n  <\/div>\n\n  <div class=\"vt-container\">\n    \n    <!-- \u9876\u90e8\u5fbd\u7ae0 -->\n    <div class=\"vt-badge\">\n      <svg class=\"vt-badge-icon\" 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      Technol\u00f3gia v\u00e1kuov\u00fdch trub\u00edc\n    <\/div>\n\n    <!-- \u4e3b\u6807\u9898 -->\n    <h1 class=\"vt-main-title\">\n      <span class=\"vt-highlight\">Pokro\u010dil\u00e1 technol\u00f3gia v\u00e1kuov\u00fdch trub\u00edc<\/span><br>\n      pre maxim\u00e1lnu tepeln\u00fa \u00fa\u010dinnos\u0165\n    <\/h1>\n\n    <!-- \u88c5\u9970\u7ebf -->\n    <div class=\"vt-divider\"><\/div>\n\n    <!-- \u526f\u6807\u9898 -->\n    <p class=\"vt-subtitle\">\n      <strong>SOLETKS Vakuov\u00e9 trubkov\u00e9 kolektory<\/strong> poskytuj\u00fa vynikaj\u00face absorp\u010dn\u00e9 schopnosti tepla, minim\u00e1lne straty a spo\u013eahliv\u00fd v\u00fdkon \u2014 aj v chladn\u00fdch alebo zamra\u010den\u00fdch podmienkach.\n    <\/p>\n\n    <!-- \u7279\u6027\u6807\u7b7e -->\n    <div class=\"vt-features\">\n      <div class=\"vt-feature-tag\">\n        <svg class=\"vt-feature-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n          <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\n        <\/svg>\n        Vysok\u00e1 \u00fa\u010dinnos\u0165\n      <\/div>\n      <div class=\"vt-feature-tag\">\n        <svg class=\"vt-feature-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n          <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\n          <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\n        <\/svg>\n        V\u0161etko po\u010dasie\n      <\/div>\n      <div class=\"vt-feature-tag\">\n        <svg class=\"vt-feature-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n          <path d=\"M12 2v20M2 12h20\"\/>\n        <\/svg>\n        N\u00edzke tepeln\u00e9 straty\n      <\/div>\n    <\/div>\n\n    <!-- CTA \u6309\u94ae -->\n    <div class=\"vt-cta-group\">\n      <a href=\"#vacuum-tube-products\" class=\"vt-cta-btn vt-cta-primary\">\n        Zobrazi\u0165 produkty\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=\"#technical-specs\" class=\"vt-cta-btn vt-cta-secondary\">\n        Technick\u00e9 \u00fadaje\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n          <path d=\"M14 2v6h6M16 13H8M16 17H8M10 9H8\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n  <!-- \u6eda\u52a8\u63d0\u793a -->\n  <div class=\"vt-scroll-hint\">\n    <span>Zistite viac<\/span>\n    <div class=\"vt-scroll-line\"><\/div>\n  <\/div>\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9457f11 e-con-full e-flex e-con e-parent\" data-id=\"9457f11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b68f612 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b68f612\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Evacuated Tube Solar Collector Section -->\n<section id=\"evacuated-tube-collector\" class=\"etc-section\">\n  <style>\n    .etc-section {\n      padding: 80px 20px;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* \u80cc\u666f\u88c5\u9970 *\/\n    .etc-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(59, 130, 246, 0.08) 0%, transparent 70%);\n      border-radius: 50%;\n      pointer-events: none;\n    }\n\n    .etc-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(139, 92, 246, 0.06) 0%, transparent 70%);\n      border-radius: 50%;\n      pointer-events: none;\n    }\n\n    .etc-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .etc-header {\n      text-align: center;\n      margin-bottom: 20px;\n    }\n\n    .etc-subtitle {\n      font-size: 13px;\n      color: #3b82f6;\n      font-weight: 600;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      margin-bottom: 15px;\n      display: inline-block;\n      padding: 8px 20px;\n      background: rgba(59, 130, 246, 0.1);\n      border-radius: 30px;\n      border: 1px solid rgba(59, 130, 246, 0.2);\n    }\n\n    .etc-header h2 {\n      font-size: 42px;\n      color: #1e293b;\n      margin-bottom: 20px;\n      font-weight: 800;\n      position: relative;\n      display: inline-block;\n      background: linear-gradient(135deg, #1e293b 0%, #475569 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .etc-header h2::after {\n      content: '';\n      position: absolute;\n      bottom: -10px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 80px;\n      height: 4px;\n      background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);\n      border-radius: 2px;\n    }\n\n    .etc-intro {\n      max-width: 950px;\n      margin: 0 auto 50px;\n      text-align: center;\n    }\n\n    .etc-intro p {\n      font-size: 16px;\n      color: #475569;\n      line-height: 1.8;\n      margin-bottom: 0;\n    }\n\n    \/* \u4ea7\u54c1\u5217\u8868 - \u5782\u76f4\u5806\u53e0 *\/\n    .etc-products-list {\n      display: flex;\n      flex-direction: column;\n      gap: 40px;\n      margin-top: 40px;\n    }\n\n    \/* \u4ea7\u54c1\u5361\u7247 - \u6a2a\u5411\u5e03\u5c40 *\/\n    .etc-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.5s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n      border: 1px solid rgba(0, 0, 0, 0.05);\n      display: grid;\n      grid-template-columns: 40% 60%;\n      align-items: center;\n    }\n\n    \/* \u5947\u6570\u884c\uff1a\u56fe\u7247\u5728\u5de6 *\/\n    .etc-product-card:nth-child(odd) {\n      grid-template-columns: 40% 60%;\n    }\n\n    \/* \u5076\u6570\u884c\uff1a\u56fe\u7247\u5728\u53f3 *\/\n    .etc-product-card:nth-child(even) {\n      grid-template-columns: 60% 40%;\n    }\n\n    .etc-product-card:nth-child(even) .etc-product-image {\n      order: 2;\n    }\n\n    .etc-product-card:nth-child(even) .etc-product-content {\n      order: 1;\n    }\n\n    .etc-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, #3b82f6 0%, #8b5cf6 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.5s ease;\n      z-index: 10;\n    }\n\n    .etc-product-card:hover {\n      transform: translateY(-6px);\n      box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);\n      border-color: rgba(59, 130, 246, 0.3);\n    }\n\n    .etc-product-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    \/* \u56fe\u7247\u5bb9\u5668 *\/\n    .etc-product-image {\n      position: relative;\n      width: 100%;\n      height: 320px;\n      overflow: hidden;\n      background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 30px;\n    }\n\n    .etc-product-image img {\n      max-width: 100%;\n      max-height: 100%;\n      width: auto;\n      height: auto;\n      object-fit: contain;\n      object-position: center;\n      transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), filter 0.3s ease;\n      filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.1));\n    }\n\n    .etc-product-card:hover .etc-product-image img {\n      transform: scale(1.06);\n      filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.15));\n    }\n\n    \/* \u5185\u5bb9\u533a\u57df *\/\n    .etc-product-content {\n      padding: 35px 40px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    .etc-product-title {\n      font-size: 24px;\n      color: #1e293b;\n      margin-bottom: 14px;\n      font-weight: 700;\n      line-height: 1.3;\n      position: relative;\n      padding-bottom: 12px;\n    }\n\n    .etc-product-title::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 50px;\n      height: 3px;\n      background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);\n      border-radius: 2px;\n    }\n\n    .etc-product-description {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.7;\n      margin-bottom: 12px;\n    }\n\n    .etc-product-features {\n      font-size: 14px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 22px;\n    }\n\n    .etc-learn-more {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 12px 28px;\n      background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);\n      color: white;\n      text-decoration: none;\n      border-radius: 50px;\n      font-weight: 600;\n      font-size: 14px;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);\n      align-self: flex-start;\n    }\n\n    .etc-learn-more:hover {\n      transform: translateX(5px);\n      box-shadow: 0 6px 20px rgba(59, 130, 246, 0.5);\n      background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);\n    }\n\n    .etc-learn-more svg {\n      width: 16px;\n      height: 16px;\n      transition: transform 0.4s ease;\n    }\n\n    .etc-learn-more:hover svg {\n      transform: translateX(4px);\n    }\n\n    \/* Badge \u6807\u7b7e *\/\n    .etc-badge {\n      position: absolute;\n      top: 20px;\n      right: 20px;\n      background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);\n      color: white;\n      padding: 8px 16px;\n      border-radius: 20px;\n      font-size: 12px;\n      font-weight: 700;\n      z-index: 10;\n      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    \/* \u5e73\u677f\u5e03\u5c40 *\/\n    @media (max-width: 1024px) {\n      .etc-product-card {\n        grid-template-columns: 1fr !important;\n      }\n\n      .etc-product-card:nth-child(even) .etc-product-image,\n      .etc-product-card:nth-child(even) .etc-product-content {\n        order: 0;\n      }\n\n      .etc-product-image {\n        height: 300px;\n        padding: 25px;\n      }\n\n      .etc-product-content {\n        padding: 30px 35px;\n      }\n    }\n\n    \/* \u624b\u673a\u5e03\u5c40 *\/\n    @media (max-width: 768px) {\n      .etc-section {\n        padding: 60px 15px;\n      }\n\n      .etc-subtitle {\n        font-size: 11px;\n        padding: 6px 16px;\n      }\n\n      .etc-header h2 {\n        font-size: 32px;\n        margin-bottom: 18px;\n      }\n\n      .etc-intro {\n        margin-bottom: 40px;\n      }\n\n      .etc-intro p {\n        font-size: 15px;\n      }\n\n      .etc-products-list {\n        gap: 30px;\n      }\n\n      .etc-product-card {\n        border-radius: 18px;\n      }\n\n      .etc-product-image {\n        height: 240px;\n        padding: 20px;\n      }\n\n      .etc-product-content {\n        padding: 25px 20px;\n      }\n\n      .etc-product-title {\n        font-size: 21px;\n        margin-bottom: 12px;\n        padding-bottom: 10px;\n      }\n\n      .etc-product-title::after {\n        width: 45px;\n      }\n\n      .etc-product-description {\n        font-size: 13px;\n        margin-bottom: 10px;\n      }\n\n      .etc-product-features {\n        font-size: 13px;\n        margin-bottom: 20px;\n      }\n\n      .etc-learn-more {\n        padding: 11px 24px;\n        font-size: 13px;\n      }\n\n      .etc-badge {\n        top: 15px;\n        right: 15px;\n        padding: 6px 14px;\n        font-size: 11px;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .etc-product-image {\n        height: 220px;\n        padding: 18px;\n      }\n\n      .etc-product-content {\n        padding: 22px 18px;\n      }\n\n      .etc-product-title {\n        font-size: 20px;\n      }\n    }\n  <\/style>\n\n  <div class=\"etc-container\">\n    <!-- Header -->\n    <div class=\"etc-header\">\n      <div class=\"etc-subtitle\">Pokro\u010dil\u00e1 technol\u00f3gia v\u00e1kuov\u00fdch trub\u00edc<\/div>\n      <h2>Evacuated Tube Solar Collector<\/h2>\n    <\/div>\n\n    <!-- Introduction -->\n    <div class=\"etc-intro\">\n      <p>\n        SOLETKS Vakuov\u00e9 trubkov\u00e9 sol\u00e1rne kolektory s\u00fa navrhnut\u00e9 pre maxim\u00e1lnu \u00fa\u010dinnos\u0165 a spo\u013eahlivos\u0165. Pou\u017eit\u00edm pokro\u010dil\u00fdch technol\u00f3gi\u00ed v\u00e1kuov\u00fdch trub\u00edc a selekt\u00edvneho povlaku poskytuj\u00fa vynikaj\u00facu absorpciu tepla, minim\u00e1lne tepeln\u00e9 straty a konzistentn\u00fd v\u00fdkon \u2014 aj v chladnom alebo zamra\u010denom po\u010das\u00ed. Ide\u00e1lne pre reziden\u010dn\u00e9, komer\u010dn\u00e9 a priemyseln\u00e9 sol\u00e1rne vykurovacie aplik\u00e1cie.\n      <\/p>\n    <\/div>\n\n    <!-- Products List - Vertical Stack -->\n    <div class=\"etc-products-list\">\n      \n      <!-- Product 1: DVC Air Collector -->\n      <div class=\"etc-product-card\">\n        <div class=\"etc-badge\">Vykurovanie vzduchu<\/div>\n        <div class=\"etc-product-image\">\n          <img loading=\"lazy\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/DVC1.png?w=600&quality=85\" \n               srcset=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/DVC1.png?w=600&quality=85 600w,                       https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/DVC1.png?w=900&quality=85 900w\"\n               sizes=\"auto, (max-width: 768px) 100vw, 40vw\"\n               alt=\"DVC Air Collector\" \n               decoding=\"async\"\n               width=\"600\"\n               height=\"450\">\n        <\/div>\n        <div class=\"etc-product-content\">\n          <h3 class=\"etc-product-title\">DVC Air Collector<\/h3>\n          <p class=\"etc-product-description\">\n            Priame v\u00e1kuov\u00e9 trubkov\u00e9 vzduchov\u00e9 kolektory navrhnut\u00e9 na \u010dist\u00e9 a efekt\u00edvne vykurovanie vzduchu.\n          <\/p>\n          <p class=\"etc-product-features\">\n            Zabezpe\u010duje r\u00fdchly n\u00e1rast teploty a stabiln\u00fd prietok vzduchu na su\u0161enie, vykurovanie priestoru a ventila\u010dn\u00e9 syst\u00e9my, \u010d\u00edm zabezpe\u010duje vysok\u00fa \u00fa\u010dinnos\u0165 s minim\u00e1lnou \u00fadr\u017ebou.\n          <\/p>\n          <a href=\"#dvc-air-collector\" class=\"etc-learn-more\">\n            Zisti\u0165 viac\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Product 2: CTC Hot Water Collector -->\n      <div class=\"etc-product-card\">\n        <div class=\"etc-badge\">Tepl\u00e1 voda<\/div>\n        <div class=\"etc-product-image\">\n          <img loading=\"lazy\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/CTC\u70ed\u6c34\u96c6\u70ed\u56682-scaled.png?w=600&quality=85\" \n               srcset=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/CTC\u70ed\u6c34\u96c6\u70ed\u56682-scaled.png?w=600&quality=85 600w,                       https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/CTC\u70ed\u6c34\u96c6\u70ed\u56682-scaled.png?w=900&quality=85 900w\"\n               sizes=\"auto, (max-width: 768px) 100vw, 40vw\"\n               alt=\"CTC Hot Water Collector\" \n               decoding=\"async\"\n               width=\"600\"\n               height=\"450\">\n        <\/div>\n        <div class=\"etc-product-content\">\n          <h3 class=\"etc-product-title\">CTC Hot Water Collector<\/h3>\n          <p class=\"etc-product-description\">\n            Tento model integruje vysokov\u00fdkonn\u00e9 v\u00e1kuov\u00e9 trubice pre lep\u0161iu \u00fa\u010dinnos\u0165 ohrevu vody.\n          <\/p>\n          <p class=\"etc-product-features\">\n            Zabezpe\u010duje spo\u013eahliv\u00fd chod v r\u00f4znych klimatick\u00fdch podmienkach a je vhodn\u00fd pre tepl\u00fa vodu v dom\u00e1cnostiach, centr\u00e1lne syst\u00e9my z\u00e1sobovania a priemyseln\u00e9 tepeln\u00e9 procesy.\n          <\/p>\n          <a href=\"#ctc-hot-water-collector\" class=\"etc-learn-more\">\n            Zisti\u0165 viac\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Product 3: HPC Thermal Collector -->\n      <div class=\"etc-product-card\">\n        <div class=\"etc-badge\">Vysok\u00fd v\u00fdkon<\/div>\n        <div class=\"etc-product-image\">\n          <img loading=\"lazy\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/U\u7ba1\u96c6\u70ed\u56681-scaled.png?w=600&quality=85\" \n               srcset=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/U\u7ba1\u96c6\u70ed\u56681-scaled.png?w=600&quality=85 600w,                       https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/U\u7ba1\u96c6\u70ed\u56681-scaled.png?w=900&quality=85 900w\"\n               sizes=\"auto, (max-width: 768px) 100vw, 40vw\"\n               alt=\"HPC Thermal Collector\" \n               decoding=\"async\"\n               width=\"600\"\n               height=\"450\">\n        <\/div>\n        <div class=\"etc-product-content\">\n          <h3 class=\"etc-product-title\">HPC Thermal Collector<\/h3>\n          <p class=\"etc-product-description\">\n            Pokro\u010dil\u00fd hybridn\u00fd syst\u00e9m kombinuj\u00faci technol\u00f3gie v\u00e1kuov\u00fdch trub\u00edc a teplovodn\u00fdch r\u00far.\n          <\/p>\n          <p class=\"etc-product-features\">\n            Pon\u00faka r\u00fdchly prenos tepla, odolnos\u0165 vo\u010di vysok\u00fdm teplot\u00e1m a dlh\u00fa \u017eivotnos\u0165 \u2014 ide\u00e1lny pre aplik\u00e1cie vy\u017eaduj\u00face efekt\u00edvny a stabiln\u00fd tepeln\u00fd v\u00fdkon.\n          <\/p>\n          <a href=\"#hpc-thermal-collector\" class=\"etc-learn-more\">\n            Zisti\u0165 viac\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n            <\/svg>\n          <\/a>\n        <\/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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Vacuum Tube Technology Advanced Vacuum Tube Technology for Maximum Thermal Efficiency SOLETKS Evacuated Tube Collectors deliver superior heat absorption, minimal loss, and reliable performance \u2014 even in cold or cloudy conditions. High Efficiency All-Weather Low Heat Loss View Products Technical Details Discover More Advanced Vacuum Tube Technology Evacuated Tube Solar Collector SOLETKS Evacuated Tube 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-774","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/sk\/wp-json\/wp\/v2\/pages\/774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/sk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/sk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/sk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/sk\/wp-json\/wp\/v2\/comments?post=774"}],"version-history":[{"count":10,"href":"https:\/\/service.soletksolar.com\/sk\/wp-json\/wp\/v2\/pages\/774\/revisions"}],"predecessor-version":[{"id":793,"href":"https:\/\/service.soletksolar.com\/sk\/wp-json\/wp\/v2\/pages\/774\/revisions\/793"}],"up":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/sk\/wp-json\/wp\/v2\/pages\/179"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/sk\/wp-json\/wp\/v2\/media?parent=774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}