{"id":966,"date":"2025-11-17T03:54:54","date_gmt":"2025-11-17T03:54:54","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=966"},"modified":"2025-11-17T03:54:54","modified_gmt":"2025-11-17T03:54:54","slug":"ctc-hot-water-collector","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/sv\/products\/evacuated-tube-solar-collector\/ctc-hot-water-collector\/","title":{"rendered":"CTC Varmvattenf\u00e5ngare"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"966\" class=\"elementor elementor-966\" 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      Vacuum Tube Technology\n    <\/div>\n\n    <!-- \u4e3b\u6807\u9898 -->\n    <h1 class=\"vt-main-title\">\n      <span class=\"vt-highlight\">Advanced Vacuum Tube Technology<\/span><br>\n      for Maximum Thermal Efficiency\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 Evacuated Tube Collectors<\/strong> deliver superior heat absorption, minimal loss, and reliable performance \u2014 even in cold or cloudy conditions.\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        H\u00f6g Effektivitet\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        All-Weather\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        Low Heat Loss\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        View Products\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        Tekniska Detaljer\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>Discover More<\/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\">Advanced Vacuum Tube Technology<\/div>\n      <h2>Vakuumr\u00f6rsolf\u00e5ngare<\/h2>\n    <\/div>\n\n    <!-- Introduction -->\n    <div class=\"etc-intro\">\n      <p>\n        SOLETKS Evacuated Tube Solar Collectors are engineered for maximum efficiency and reliability. Using advanced vacuum tube and selective coating technologies, they deliver superior heat absorption, minimal heat loss, and consistent performance \u2014 even in cold or cloudy weather. Ideal for residential, commercial, and industrial solar heating applications.\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\">Luftv\u00e4rme<\/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 Luftf\u00e5ngare<\/h3>\n          <p class=\"etc-product-description\">\n            A direct vacuum tube air collector designed for clean and efficient air heating.\n          <\/p>\n          <p class=\"etc-product-features\">\n            It delivers fast temperature rise and stable airflow for drying, space heating, and ventilation systems, ensuring high efficiency with minimal maintenance.\n          <\/p>\n          <a href=\"#dvc-air-collector\" class=\"etc-learn-more\">\n            L\u00e4s mer\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\">Varmvatten<\/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 Varmvattenf\u00e5ngare<\/h3>\n          <p class=\"etc-product-description\">\n            This model integrates high-performance evacuated tubes for superior water heating efficiency.\n          <\/p>\n          <p class=\"etc-product-features\">\n            It ensures reliable operation under various climates and is suitable for domestic hot water, central supply systems, and industrial thermal processes.\n          <\/p>\n          <a href=\"#ctc-hot-water-collector\" class=\"etc-learn-more\">\n            L\u00e4s mer\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\">H\u00f6g prestanda<\/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 Termisk f\u00e5ngare<\/h3>\n          <p class=\"etc-product-description\">\n            An advanced hybrid system combining vacuum tube and heat pipe technology.\n          <\/p>\n          <p class=\"etc-product-features\">\n            It offers rapid heat transfer, high-temperature resistance, and long service life \u2014 ideal for applications requiring efficient and stable thermal energy output.\n          <\/p>\n          <a href=\"#hpc-thermal-collector\" class=\"etc-learn-more\">\n            L\u00e4s mer\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>Solar Air Heating Technology Cut Energy Costs with Solar Air Heating Up to 80% Thermal Conversion No Leakage No Freezing Ultra-Long Service Life SOLETKS solar air heating system delivers exceptional performance with industry-leading thermal efficiency. Perfect for residential and commercial applications, providing reliable warmth without the risks of traditional water-based systems. Request Quote Explore Technology [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":774,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-966","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/sv\/wp-json\/wp\/v2\/pages\/966","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/sv\/wp-json\/wp\/v2\/comments?post=966"}],"version-history":[{"count":1,"href":"https:\/\/service.soletksolar.com\/sv\/wp-json\/wp\/v2\/pages\/966\/revisions"}],"predecessor-version":[{"id":967,"href":"https:\/\/service.soletksolar.com\/sv\/wp-json\/wp\/v2\/pages\/966\/revisions\/967"}],"up":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/sv\/wp-json\/wp\/v2\/pages\/774"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/sv\/wp-json\/wp\/v2\/media?parent=966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}