{"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\/az\/products\/evacuated-tube-solar-collector\/ctc-hot-water-collector\/","title":{"rendered":"CTC \u0130stilik Su Kolektoru"},"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      Vakum Boru Texnologiyas\u0131\n    <\/div>\n\n    <!-- \u4e3b\u6807\u9898 -->\n    <h1 class=\"vt-main-title\">\n      <span class=\"vt-highlight\">\u0130r\u0259li Vakum Boru Texnologiyas\u0131<\/span><br>\n      Maksimum \u0130stilik Effektivliyi \u00fc\u00e7\u00fcn\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 Bo\u015falt\u0131lm\u0131\u015f Boru Kollektorlar\u0131<\/strong> Y\u00fcks\u0259k istilik udma, minimal itki v\u0259 etibarl\u0131 performans t\u0259min edir \u2014 h\u0259tta soyuq v\u0259 ya buludlu havalarda da.\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        Y\u00fcks\u0259k S\u0259m\u0259r\u0259lilik\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        H\u0259r Hava \u015e\u0259rti\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        A\u015fa\u011f\u0131 \u0130stilik \u0130tkisi\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        M\u0259hsullara Bax\u0131n\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        Texniki \u018ftrafl\u0131 M\u0259lumat\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>Daha \u00e7ox K\u0259\u015ff Et<\/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\">\u0130r\u0259li Vakum Boru Texnologiyas\u0131<\/div>\n      <h2>Vakumlu Boru G\u00fcn\u0259\u015f Kolektoru<\/h2>\n    <\/div>\n\n    <!-- Introduction -->\n    <div class=\"etc-intro\">\n      <p>\n        SOLETKS Bo\u015falt\u0131lm\u0131\u015f Boru G\u00fcn\u0259\u015f Kollektorlar\u0131 maksimum effektivlik v\u0259 etibarl\u0131l\u0131q \u00fc\u00e7\u00fcn haz\u0131rlanm\u0131\u015fd\u0131r. \u0130r\u0259li vakum boru v\u0259 se\u00e7ici \u00f6rt\u00fck texnologiyalar\u0131ndan istifad\u0259 ed\u0259r\u0259k, onlar y\u00fcks\u0259k istilik udma, minimal istilik itkisi v\u0259 davaml\u0131 performans t\u0259min edir \u2014 h\u0259tta soyuq v\u0259 ya buludlu havalarda da. M\u0259nzil, ticar\u0259t v\u0259 s\u0259naye g\u00fcn\u0259\u015f istilik t\u0259tbiql\u0259ri \u00fc\u00e7\u00fcn ideald\u0131r.\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\">Hava \u0130stiliyi<\/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 Hava Kolektoru<\/h3>\n          <p class=\"etc-product-description\">\n            T\u0259miz v\u0259 s\u0259m\u0259r\u0259li hava isitm\u0259 \u00fc\u00e7\u00fcn n\u0259z\u0259rd\u0259 tutulmu\u015f birba\u015fa vakum boru hava kollektorudur.\n          <\/p>\n          <p class=\"etc-product-features\">\n            O, qurutma, m\u0259kan isitm\u0259 v\u0259 ventilyasiya sisteml\u0259ri \u00fc\u00e7\u00fcn s\u00fcr\u0259tli temperatur art\u0131m\u0131 v\u0259 sabit hava ax\u0131n\u0131 t\u0259min edir, y\u00fcks\u0259k effektivlik v\u0259 minimal bax\u0131m il\u0259.\n          <\/p>\n          <a href=\"#dvc-air-collector\" class=\"etc-learn-more\">\n            Daha \u00e7ox \u00f6yr\u0259n\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\">\u0130sti Su<\/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 \u0130stilik Su Kolektoru<\/h3>\n          <p class=\"etc-product-description\">\n            Bu model y\u00fcks\u0259k performansl\u0131 bo\u015falt\u0131lm\u0131\u015f borularla t\u0259chiz olunmu\u015fdur v\u0259 \u00fcst\u00fcn su isitm\u0259 effektivliyi t\u0259min edir.\n          <\/p>\n          <p class=\"etc-product-features\">\n            F\u0259rqli iqlim \u015f\u0259raitind\u0259 etibarl\u0131 i\u015fl\u0259m\u0259yi t\u0259min edir v\u0259 evd\u0259 isti su, m\u0259rk\u0259zi t\u0259chizat sisteml\u0259ri v\u0259 s\u0259naye istilik prosesl\u0259ri \u00fc\u00e7\u00fcn uy\u011fundur.\n          <\/p>\n          <a href=\"#ctc-hot-water-collector\" class=\"etc-learn-more\">\n            Daha \u00e7ox \u00f6yr\u0259n\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\">Y\u00fcks\u0259k Performans<\/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 Termal Kolektor<\/h3>\n          <p class=\"etc-product-description\">\n            Vakum boru v\u0259 istilik borusu texnologiyas\u0131n\u0131 birl\u0259\u015fdir\u0259n qabaqc\u0131l hibrid sistem.\n          <\/p>\n          <p class=\"etc-product-features\">\n            O, s\u00fcr\u0259tli istilik \u00f6t\u00fcrm\u0259si, y\u00fcks\u0259k temperatur m\u00fcqavim\u0259ti v\u0259 uzun xidm\u0259t \u00f6mr\u00fc t\u0259klif edir \u2014 s\u0259m\u0259r\u0259li v\u0259 sabit istilik enerjisi \u00e7\u0131x\u0131\u015f\u0131 t\u0259l\u0259b ed\u0259n t\u0259tbiql\u0259r \u00fc\u00e7\u00fcn ideald\u0131r.\n          <\/p>\n          <a href=\"#hpc-thermal-collector\" class=\"etc-learn-more\">\n            Daha \u00e7ox \u00f6yr\u0259n\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\/az\/wp-json\/wp\/v2\/pages\/966","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/az\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/az\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/az\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/az\/wp-json\/wp\/v2\/comments?post=966"}],"version-history":[{"count":1,"href":"https:\/\/service.soletksolar.com\/az\/wp-json\/wp\/v2\/pages\/966\/revisions"}],"predecessor-version":[{"id":967,"href":"https:\/\/service.soletksolar.com\/az\/wp-json\/wp\/v2\/pages\/966\/revisions\/967"}],"up":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/az\/wp-json\/wp\/v2\/pages\/774"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/az\/wp-json\/wp\/v2\/media?parent=966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}