{"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\/cs\/products\/evacuated-tube-solar-collector\/","title":{"rendered":"Vakuov\u00fd trubkov\u00fd sol\u00e1rn\u00ed kolektor"},"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      Technologie vakuov\u00fdch trubek\n    <\/div>\n\n    <!-- \u4e3b\u6807\u9898 -->\n    <h1 class=\"vt-main-title\">\n      <span class=\"vt-highlight\">Pokro\u010dil\u00e1 technologie vakuov\u00fdch trubek<\/span><br>\n      pro maxim\u00e1ln\u00ed tepelnou \u00fa\u010dinnost\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\u00ed vynikaj\u00edc\u00ed absorpci tepla, minim\u00e1ln\u00ed ztr\u00e1ty a spolehliv\u00fd v\u00fdkon \u2014 i za chladn\u00e9ho nebo zata\u017een\u00e9ho po\u010das\u00ed.\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\u010dinnost\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\u0161echna ro\u010dn\u00ed obdob\u00ed\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\u00edzk\u00e9 ztr\u00e1ty tepla\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        Zobrazit 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>Objevte v\u00edce<\/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 technologie vakuov\u00fdch trubek<\/div>\n      <h2>Vakuov\u00fd trubkov\u00fd sol\u00e1rn\u00ed kolektor<\/h2>\n    <\/div>\n\n    <!-- Introduction -->\n    <div class=\"etc-intro\">\n      <p>\n        Vakuov\u00e9 trubkov\u00e9 sol\u00e1rn\u00ed kolektory SOLETKS jsou navr\u017eeny pro maxim\u00e1ln\u00ed \u00fa\u010dinnost a spolehlivost. Pou\u017eit\u00edm pokro\u010dil\u00fdch technologi\u00ed vakuov\u00fdch trubek a selektivn\u00edho povlaku poskytuj\u00ed vynikaj\u00edc\u00ed absorpci tepla, minim\u00e1ln\u00ed ztr\u00e1ty tepla a konzistentn\u00ed v\u00fdkon \u2014 i za chladn\u00e9ho nebo zata\u017een\u00e9ho po\u010das\u00ed. Ide\u00e1ln\u00ed pro reziden\u010dn\u00ed, komer\u010dn\u00ed a pr\u016fmyslov\u00e9 sol\u00e1rn\u00ed vyt\u00e1p\u011bn\u00ed.\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\">Vyt\u00e1p\u011bn\u00ed 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 vzdu\u0161n\u00fd kolektor<\/h3>\n          <p class=\"etc-product-description\">\n            P\u0159\u00edm\u00fd vzduchov\u00fd kolektor s vakuovou trubkou navr\u017een\u00fd pro \u010dist\u00e9 a efektivn\u00ed vyt\u00e1p\u011bn\u00ed vzduchu.\n          <\/p>\n          <p class=\"etc-product-features\">\n            Zaji\u0161\u0165uje rychl\u00fd n\u00e1r\u016fst teploty a stabiln\u00ed proud\u011bn\u00ed vzduchu pro su\u0161en\u00ed, vyt\u00e1p\u011bn\u00ed prostoru a ventila\u010dn\u00ed syst\u00e9my, s vysokou \u00fa\u010dinnost\u00ed a minim\u00e1ln\u00ed \u00fadr\u017ebou.\n          <\/p>\n          <a href=\"#dvc-air-collector\" class=\"etc-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        <\/div>\n      <\/div>\n\n      <!-- Product 2: CTC Hot Water Collector -->\n      <div class=\"etc-product-card\">\n        <div class=\"etc-badge\">Hork\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 horkovodn\u00ed kolektor<\/h3>\n          <p class=\"etc-product-description\">\n            Tento model integruje vysoce v\u00fdkonn\u00e9 vakuov\u00e9 trubky pro vynikaj\u00edc\u00ed \u00fa\u010dinnost oh\u0159evu vody.\n          <\/p>\n          <p class=\"etc-product-features\">\n            Zaji\u0161\u0165uje spolehliv\u00fd provoz v r\u016fzn\u00fdch klimatick\u00fdch podm\u00ednk\u00e1ch a je vhodn\u00fd pro dom\u00e1c\u00ed teplou vodu, centr\u00e1ln\u00ed syst\u00e9my z\u00e1sobov\u00e1n\u00ed a pr\u016fmyslov\u00e9 tepeln\u00e9 procesy.\n          <\/p>\n          <a href=\"#ctc-hot-water-collector\" class=\"etc-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        <\/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 tepeln\u00fd kolektor<\/h3>\n          <p class=\"etc-product-description\">\n            Pokro\u010dil\u00fd hybridn\u00ed syst\u00e9m kombinuj\u00edc\u00ed technologii vakuov\u00fdch trubek a teplovodn\u00edch trubek.\n          <\/p>\n          <p class=\"etc-product-features\">\n            Nab\u00edz\u00ed rychl\u00fd p\u0159enos tepla, odolnost v\u016f\u010di vysok\u00fdm teplot\u00e1m a dlouhou \u017eivotnost \u2014 ide\u00e1ln\u00ed pro aplikace vy\u017eaduj\u00edc\u00ed efektivn\u00ed a stabiln\u00ed tepelnou energii.\n          <\/p>\n          <a href=\"#hpc-thermal-collector\" class=\"etc-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        <\/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\/cs\/wp-json\/wp\/v2\/pages\/774","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=774"}],"version-history":[{"count":10,"href":"https:\/\/service.soletksolar.com\/cs\/wp-json\/wp\/v2\/pages\/774\/revisions"}],"predecessor-version":[{"id":793,"href":"https:\/\/service.soletksolar.com\/cs\/wp-json\/wp\/v2\/pages\/774\/revisions\/793"}],"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=774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}