{"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\/nn\/products\/evacuated-tube-solar-collector\/","title":{"rendered":"Evakuerte R\u00f8yr Solfangar"},"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      Vakuumr\u00f8rteknologi\n    <\/div>\n\n    <!-- \u4e3b\u6807\u9898 -->\n    <h1 class=\"vt-main-title\">\n      <span class=\"vt-highlight\">Avansert vakuumr\u00f8rteknologi<\/span><br>\n      for maksimal termisk effektivitet\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 Evakuert R\u00f8r Samlarar<\/strong> leverer overlegen varmeopptak, minimal tapt og p\u00e5liteleg ytelse \u2014 sj\u00f8lv i kaldt eller overskya forhold.\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\u00f8g 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        Alle-v\u00ear\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        L\u00e5g varmetap\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        Vis Produkt\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        Tekniske Detaljar\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>Oppdag meir<\/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\">Avansert vakuumr\u00f8rteknologi<\/div>\n      <h2>Evakuerte R\u00f8yr Solfangar<\/h2>\n    <\/div>\n\n    <!-- Introduction -->\n    <div class=\"etc-intro\">\n      <p>\n        SOLETKS Evakuert R\u00f8r Solsamlarar er konstruert for maksimal effektivitet og p\u00e5litelegheit. Ved bruk av avansert vakuumr\u00f8r- og selektiv beleggsteknologi, leverer dei overlegen varmeopptak, minimalt varmetap og jamn ytelse \u2014 sj\u00f8lv i kaldt eller overskya v\u00ear. Ideell for bustad-, kommersiell- og industriell solvarmeapplikasjonar.\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\">Luftoppvarming<\/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 Luftkollektor<\/h3>\n          <p class=\"etc-product-description\">\n            Ein direkte vakuumr\u00f8r luftsamlar designa for rein og effektiv luftvarme.\n          <\/p>\n          <p class=\"etc-product-features\">\n            Det gir rask temperaturauke og stabil luftstraum for t\u00f8rking, oppvarming og ventilasjonssystem, og sikrar h\u00f8g effektivitet med minimalt vedlikehald.\n          <\/p>\n          <a href=\"#dvc-air-collector\" class=\"etc-learn-more\">\n            L\u00e6r meir\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\">Varmt vatn<\/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 Varmtvatnskollektor<\/h3>\n          <p class=\"etc-product-description\">\n            Denne modellen integrerer h\u00f8gtytande evakuert r\u00f8r for overlegen vannvarmeeffektivitet.\n          <\/p>\n          <p class=\"etc-product-features\">\n            Det sikrar p\u00e5liteleg drift under ulike klima og er eigna for varmt vatn til bustad, sentralforsyningssystem og industrielle termiske prosessar.\n          <\/p>\n          <a href=\"#ctc-hot-water-collector\" class=\"etc-learn-more\">\n            L\u00e6r meir\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\u00f8g yting<\/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 Kollektor<\/h3>\n          <p class=\"etc-product-description\">\n            Eit avansert hybrid system som kombinerer vakuumr\u00f8r og varmeledningsteknologi.\n          <\/p>\n          <p class=\"etc-product-features\">\n            Det tilbyr rask varmeoverf\u00f8ring, h\u00f8g temperaturmotstand og lang levetid \u2014 ideell for applikasjonar som krev effektiv og stabil termisk energiproduksjon.\n          <\/p>\n          <a href=\"#hpc-thermal-collector\" class=\"etc-learn-more\">\n            L\u00e6r meir\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\/nn\/wp-json\/wp\/v2\/pages\/774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/nn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/nn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/nn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/nn\/wp-json\/wp\/v2\/comments?post=774"}],"version-history":[{"count":10,"href":"https:\/\/service.soletksolar.com\/nn\/wp-json\/wp\/v2\/pages\/774\/revisions"}],"predecessor-version":[{"id":793,"href":"https:\/\/service.soletksolar.com\/nn\/wp-json\/wp\/v2\/pages\/774\/revisions\/793"}],"up":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/nn\/wp-json\/wp\/v2\/pages\/179"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/nn\/wp-json\/wp\/v2\/media?parent=774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}