{"id":1226,"date":"2025-11-21T01:08:47","date_gmt":"2025-11-21T01:08:47","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=1226"},"modified":"2025-11-21T02:22:07","modified_gmt":"2025-11-21T02:22:07","slug":"solar-collector-products","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/tr\/products\/solar-collector-products\/","title":{"rendered":"Solar Collector Products"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1226\" class=\"elementor elementor-1226\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cd14a9 e-con-full e-flex e-con e-parent\" data-id=\"1cd14a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc4b4a4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bc4b4a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Compact Manufacturer Solar Banner (Shortened Button Text) -->\n<section class=\"solar-manufacturer-hero\">\n  <style>\n    .solar-manufacturer-hero {\n      position: relative;\n      min-height: 45vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u80fd\u57fa\u5730.png');\n      background-size: cover;\n      background-position: center;\n      background-attachment: fixed;\n      background-repeat: no-repeat;\n      overflow: hidden;\n      padding: 40px 20px;\n      color: #ffffff;\n    }\n\n    .mfg-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.6) 100%);\n      z-index: 1;\n    }\n\n    .mfg-glass-card {\n      position: relative;\n      z-index: 10;\n      max-width: 900px;\n      width: 100%;\n      background: rgba(255, 255, 255, 0.06);\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      border: 1px solid rgba(255, 255, 255, 0.12);\n      border-top: 1px solid rgba(255, 255, 255, 0.25);\n      border-radius: 16px;\n      padding: 32px 30px;\n      text-align: center;\n      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .mfg-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 4px 12px;\n      background: rgba(34, 197, 94, 0.2);\n      border: 1px solid rgba(34, 197, 94, 0.4);\n      border-radius: 4px;\n      color: #4ade80;\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-bottom: 16px;\n    }\n\n    .mfg-badge svg { width: 12px; height: 12px; }\n\n    .mfg-title {\n      font-size: 36px;\n      font-weight: 800;\n      line-height: 1.2;\n      margin: 0 0 12px 0;\n      letter-spacing: -0.5px;\n      color: white;\n    }\n\n    .mfg-highlight {\n      color: #fbbf24;\n      position: relative;\n      display: inline-block;\n    }\n\n    .mfg-stats {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 15px 20px;\n      justify-content: center;\n      align-items: center;\n      margin-bottom: 24px;\n      font-size: 13px;\n      color: rgba(255, 255, 255, 0.7);\n      border-top: 1px solid rgba(255, 255, 255, 0.1);\n      border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n      padding: 12px 0;\n      width: 100%;\n    }\n\n    .mfg-stat-item strong {\n      color: #fbbf24;\n      font-weight: 600;\n    }\n    \n    .mfg-sep { opacity: 0.3; }\n\n    .mfg-subtitle {\n      font-size: 15px;\n      line-height: 1.5;\n      color: rgba(255, 255, 255, 0.8);\n      margin: 0 auto 24px;\n      max-width: 650px;\n    }\n\n    .mfg-actions {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n\n    .btn-mfg-primary {\n      background: #25D366;\n      color: #fff;\n      padding: 12px 24px;\n      border-radius: 4px;\n      font-weight: 700;\n      font-size: 14px;\n      text-decoration: none;\n      transition: all 0.2s ease;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      border: 1px solid #25D366;\n    }\n\n    .btn-mfg-primary:hover {\n      background: #128C7E;\n      border-color: #128C7E;\n      transform: translateY(-1px);\n    }\n\n    .btn-mfg-secondary {\n      background: transparent;\n      color: white;\n      border: 1px solid rgba(255, 255, 255, 0.3);\n      padding: 12px 24px;\n      border-radius: 4px;\n      font-weight: 600;\n      font-size: 14px;\n      text-decoration: none;\n      transition: all 0.2s ease;\n    }\n\n    .btn-mfg-secondary:hover {\n      background: rgba(255, 255, 255, 0.1);\n      border-color: white;\n    }\n\n    @media (max-width: 768px) {\n      .solar-manufacturer-hero { min-height: 40vh; background-attachment: scroll; padding: 30px 16px; }\n      .mfg-glass-card { padding: 24px 16px; }\n      .mfg-title { font-size: 26px; }\n      \n      .mfg-stats { flex-direction: column; gap: 8px; padding: 12px 0; }\n      .mfg-sep { display: none; }\n      \n      \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u5782\u76f4\u5806\u53e0\uff0c\u786e\u4fdd\u6309\u94ae\u591f\u5927 *\/\n      .mfg-actions { width: 100%; flex-direction: column; gap: 10px; }\n      .btn-mfg-primary, .btn-mfg-secondary { \n        width: 100%; \n        justify-content: center; \n        text-align: center;\n      }\n    }\n  <\/style>\n\n  <div class=\"mfg-overlay\"><\/div>\n\n  <div class=\"mfg-glass-card\">\n    \n    <div class=\"mfg-badge\">\n      <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n      Do\u011frulanm\u0131\u015f Kaynak \u00dcretici\n    <\/div>\n\n    <h1 class=\"mfg-title\">\n      Premium G\u00fcne\u015f Termal <br>\n      <span class=\"mfg-highlight\">\u00dcretim Tesisi<\/span>\n    <\/h1>\n\n    <div class=\"mfg-stats\">\n      <span class=\"mfg-stat-item\"><strong>OEM\/ODM<\/strong> Hizmetler<\/span>\n      <span class=\"mfg-sep\">|<\/span>\n      <span class=\"mfg-stat-item\"><strong>Anahtar Teslim<\/strong> G\u00fcne\u015f Termal Projeleri<\/span>\n      <span class=\"mfg-sep\">|<\/span>\n      <span class=\"mfg-stat-item\"><strong>K\u00fcresel<\/strong> Distrib\u00fct\u00f6r Al\u0131m\u0131<\/span>\n    <\/div>\n\n    <p class=\"mfg-subtitle\">\n      Fabrikam\u0131zdan do\u011frudan projenize. Y\u00fcksek verimli d\u00fcz levha kolekt\u00f6rleri sa\u011fl\u0131yoruz, s\u0131k\u0131 kalite kontrol\u00fc ve rekabet\u00e7i toptan fiyatland\u0131rma ile.\n    <\/p>\n\n    <div class=\"mfg-actions\">\n      <!-- WhatsApp \u6309\u94ae (\u5df2\u9690\u85cf\u53f7\u7801) -->\n      <a href=\"https:\/\/wa.me\/8615318896990\" target=\"_blank\" class=\"btn-mfg-primary\">\n        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\n        WHATSAPP'TA SOHBET ET\n      <\/a>\n      \n      <!-- Quote \u6309\u94ae -->\n      <a href=\"https:\/\/service.soletksolar.com\/tr\/products\/solar-collector-products\/#contact\" class=\"btn-mfg-secondary\">\n        Toptan Teklif Al\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-242c33f e-con-full e-flex e-con e-parent\" data-id=\"242c33f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4475ff7 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4475ff7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Premium Minimalist Solar Collection -->\n<section id=\"solar-collector\" class=\"sc-premium-section\">\n  <style>\n    \/* --- \u6838\u5fc3\u53d8\u91cf\u5b9a\u4e49 --- *\/\n    :root {\n      --sc-primary: #0f172a; \/* \u6df1\u9083\u84dd\u9ed1 (\u5546\u52a1\u611f) *\/\n      --sc-accent: #f59e0b;  \/* \u6d3b\u529b\u6a59 (\u5f3a\u8c03\u8272) *\/\n      --sc-bg: #f8fafc;      \/* \u6781\u6d45\u7070\u80cc\u666f *\/\n      --sc-card-bg: #ffffff;\n      --sc-text-main: #334155;\n      --sc-text-sub: #94a3b8;\n    }\n\n    .sc-premium-section {\n      padding: 100px 20px;\n      background-color: var(--sc-bg);\n      font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    }\n\n    .sc-container {\n      max-width: 1320px;\n      margin: 0 auto;\n    }\n\n    \/* --- \u6781\u7b80\u5934\u90e8 --- *\/\n    .sc-header {\n      text-align: center;\n      margin-bottom: 70px;\n      position: relative;\n    }\n\n    .sc-header h2 {\n      font-size: 48px;\n      font-weight: 800;\n      color: var(--sc-primary);\n      margin: 0 0 16px 0;\n      letter-spacing: -1.5px;\n    }\n\n    .sc-header p {\n      font-size: 18px;\n      color: var(--sc-text-sub);\n      max-width: 600px;\n      margin: 0 auto;\n      font-weight: 400;\n    }\n\n    \/* --- Bento \u7f51\u683c\u5e03\u5c40 --- *\/\n    .sc-grid {\n      display: grid;\n      grid-template-columns: repeat(6, 1fr);\n      gap: 30px;\n    }\n\n    \/* \u5e03\u5c40\u8de8\u5ea6\u63a7\u5236 *\/\n    .sc-col-3 { grid-column: span 3; }\n    .sc-col-2 { grid-column: span 2; }\n\n    \/* --- \u5361\u7247\u8bbe\u8ba1 (\u6838\u5fc3) --- *\/\n    .sc-card {\n      background: var(--sc-card-bg);\n      border-radius: 24px;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      position: relative;\n      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n      border: 1px solid rgba(255,255,255,0); \/* \u9884\u7559\u8fb9\u6846\u4f4d *\/\n      box-shadow: 0 4px 20px rgba(0,0,0,0.03); \/* \u6781\u8f7b\u67d4\u7684\u9634\u5f71 *\/\n      height: 100%;\n      overflow: hidden;\n    }\n\n    \/* \u60ac\u505c\u6001\uff1a\u4e0a\u6d6e + \u9634\u5f71\u52a0\u6df1 *\/\n    .sc-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 20px 40px rgba(0,0,0,0.08);\n    }\n\n    \/* --- \u56fe\u7247\u533a\u57df --- *\/\n    .sc-image-wrapper {\n      position: relative;\n      width: 100%;\n      height: 260px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); \/* \u5fae\u5f31\u6e10\u53d8\u5e95\u8272 *\/\n      padding: 30px;\n    }\n\n    .sc-image-wrapper img {\n      max-width: 90%;\n      max-height: 100%;\n      width: auto;\n      height: auto;\n      object-fit: contain;\n      transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);\n      filter: drop-shadow(0 10px 20px rgba(0,0,0,0.06)); \/* \u56fe\u7247\u81ea\u5e26\u6295\u5f71 *\/\n    }\n\n    .sc-card:hover .sc-image-wrapper img {\n      transform: scale(1.08) translateY(-5px);\n    }\n\n    \/* \u6807\u7b7e (\u6781\u7b80\u98ce\u683c) *\/\n    .sc-tag {\n      position: absolute;\n      top: 20px;\n      left: 20px;\n      font-size: 12px;\n      font-weight: 600;\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      padding: 6px 12px;\n      border-radius: 100px;\n      background: rgba(255,255,255,0.9);\n      border: 1px solid rgba(0,0,0,0.05);\n      color: var(--sc-primary);\n      backdrop-filter: blur(4px);\n      z-index: 2;\n    }\n\n    \/* --- \u5185\u5bb9\u533a\u57df --- *\/\n    .sc-info {\n      padding: 24px 32px 32px; \/* \u5bbd\u655e\u7684\u5185\u8fb9\u8ddd *\/\n      flex-grow: 1;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .sc-title {\n      font-size: 22px;\n      font-weight: 700;\n      color: var(--sc-primary);\n      margin: 0 0 10px 0;\n      line-height: 1.3;\n    }\n\n    .sc-desc {\n      font-size: 15px;\n      color: var(--sc-text-sub);\n      line-height: 1.6;\n      margin-bottom: 24px;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    \/* --- \u5e95\u90e8\u64cd\u4f5c\u533a --- *\/\n    .sc-actions {\n      margin-top: auto;\n    }\n\n    \/* \u4e3b\u6309\u94ae\uff1aGET QUOTE *\/\n    .btn-quote {\n      display: flex;\n      align-items: center;\n      justify-content: space-between; \/* \u6587\u5b57\u5de6\uff0c\u7bad\u5934\u53f3 *\/\n      width: 100%;\n      padding: 16px 24px;\n      background-color: var(--sc-primary);\n      color: white;\n      text-decoration: none;\n      border-radius: 12px;\n      font-weight: 600;\n      font-size: 14px;\n      transition: all 0.3s ease;\n      border: 1px solid transparent;\n    }\n\n    .btn-quote span {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .btn-quote:hover {\n      background-color: var(--sc-accent);\n      color: white;\n      padding-right: 20px; \/* \u60ac\u505c\u65f6\u5fae\u52a8 *\/\n      box-shadow: 0 10px 20px rgba(245, 158, 11, 0.25);\n    }\n\n    \/* \u5f31\u5316\u7684\u8be6\u60c5\u94fe\u63a5 *\/\n    .link-specs {\n      display: block;\n      text-align: center;\n      margin-top: 14px;\n      font-size: 13px;\n      color: var(--sc-text-sub);\n      text-decoration: none;\n      font-weight: 500;\n      transition: color 0.2s;\n    }\n\n    .link-specs:hover {\n      color: var(--sc-primary);\n      text-decoration: underline;\n    }\n\n    \/* --- \u54cd\u5e94\u5f0f\u9002\u914d --- *\/\n    @media (max-width: 1024px) {\n      .sc-grid { grid-template-columns: repeat(2, 1fr); }\n      .sc-col-3, .sc-col-2 { grid-column: span 1; }\n      .sc-card { border-radius: 20px; }\n      \/* \u8ba9\u6700\u540e\u4e00\u4e2a\u5361\u7247\u5728\u5e73\u677f\u4e0a\u6a2a\u8de8\uff0c\u4fdd\u6301\u5e73\u8861 *\/\n      .sc-grid > div:last-child { grid-column: span 2; }\n    }\n\n    @media (max-width: 768px) {\n      .sc-premium-section { padding: 60px 16px; }\n      .sc-header h2 { font-size: 32px; }\n      .sc-grid { grid-template-columns: 1fr; gap: 24px; }\n      .sc-col-3, .sc-col-2, .sc-grid > div:last-child { grid-column: span 1; }\n      .sc-image-wrapper { height: 220px; }\n      .sc-info { padding: 20px 24px 24px; }\n    }\n  <\/style>\n\n  <div class=\"sc-container\">\n    <div class=\"sc-header\">\n      <h2>G\u00fcne\u015f Termal Serisi<\/h2>\n      <p>K\u00fcresel distrib\u00fct\u00f6rler ve m\u00fcteahhitler i\u00e7in fabrika do\u011frudan fiyatland\u0131rma.<\/p>\n    <\/div>\n\n    <div class=\"sc-grid\">\n      \n      <!-- Product 1: Flat Plate (Featured) -->\n      <div class=\"sc-col-3\">\n        <div class=\"sc-card\">\n          <div class=\"sc-tag\">En \u00c7ok Satan<\/div>\n          <div class=\"sc-image-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/wsrv.nl\/?url=https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5de5\u7a0b\u673a10-scaled.png&w=500&output=webp&q=85\" \n                 alt=\"Flat Plate Solar Collector\" loading=\"lazy\">\n          <\/div>\n          <div class=\"sc-info\">\n            <h3 class=\"sc-title\">D\u00fcz Levha Kolekt\u00f6r\u00fc<\/h3>\n            <p class=\"sc-desc\">Y\u00fcksek verimli se\u00e7ici kaplama teknolojisi. Konut su \u0131s\u0131tma sistemleri i\u00e7in standart tercih.<\/p>\n            \n            <div class=\"sc-actions\">\n              <a href=\"https:\/\/service.soletksolar.com\/tr\/products\/solar-collector-products\/#contact\" class=\"btn-quote\">\n                <span>\n                  <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\n                  EXW\/FOB TEKL\u0130F\u0130 AL\n                <\/span>\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14m-7-7 7 7-7 7\"\/><\/svg>\n              <\/a>\n              <a href=\"https:\/\/service.soletksolar.com\/tr\/products\/solar-collector\/flat-plate-solar-collector\/\" class=\"link-specs\">Teknik \u00d6zellikleri G\u00f6r\u00fcnt\u00fcle<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Product 2: Engineering (Featured) -->\n      <div class=\"sc-col-3\">\n        <div class=\"sc-card\">\n          <div class=\"sc-tag\">Proje Seviyesi<\/div>\n          <div class=\"sc-image-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/wsrv.nl\/?url=https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5de5\u7a0b\u673a8-scaled.png&w=500&output=webp&q=85\" \n                 alt=\"Engineering Collector\" loading=\"lazy\">\n          <\/div>\n          <div class=\"sc-info\">\n            <h3 class=\"sc-title\">M\u00fchendislik Kolekt\u00f6r\u00fc<\/h3>\n            <p class=\"sc-desc\">B\u00fcy\u00fck \u00f6l\u00e7ekli merkezi \u0131s\u0131tma i\u00e7in tasarland\u0131. Oteller, hastaneler ve yurtlar i\u00e7in idealdir.<\/p>\n            \n            <div class=\"sc-actions\">\n              <a href=\"https:\/\/service.soletksolar.com\/tr\/products\/solar-collector-products\/#contact\" class=\"btn-quote\">\n                <span>\n                  <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\n                  EXW\/FOB TEKL\u0130F\u0130 AL\n                <\/span>\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14m-7-7 7 7-7 7\"\/><\/svg>\n              <\/a>\n              <a href=\"https:\/\/service.soletksolar.com\/tr\/products\/solar-collector\/engineering-hot-water-flat-collector\/\" class=\"link-specs\">Teknik \u00d6zellikleri G\u00f6r\u00fcnt\u00fcle<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Product 3: Large Size -->\n      <div class=\"sc-col-2\">\n        <div class=\"sc-card\">\n          <div class=\"sc-tag\">Industrial<\/div>\n          <div class=\"sc-image-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/wsrv.nl\/?url=https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5927\u677f3-scaled-e1762756817650.png&w=400&output=webp&q=85\" \n                 alt=\"Large Size Collector\" loading=\"lazy\">\n          <\/div>\n          <div class=\"sc-info\">\n            <h3 class=\"sc-title\">B\u00fcy\u00fck Boy Toplay\u0131c\u0131<\/h3>\n            <p class=\"sc-desc\">End\u00fcstriyel termal uygulamalar i\u00e7in maksimum y\u00fczey alan\u0131.<\/p>\n            \n            <div class=\"sc-actions\">\n              <a href=\"https:\/\/service.soletksolar.com\/tr\/products\/solar-collector-products\/#contact\" class=\"btn-quote\">\n                <span>EXW\/FOB TEKL\u0130F\u0130 AL<\/span>\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14m-7-7 7 7-7 7\"\/><\/svg>\n              <\/a>\n              <a href=\"https:\/\/service.soletksolar.com\/tr\/products\/solar-collector\/large-size-flat-plate-solar-collector\/\" class=\"link-specs\">Teknik \u00d6zellikleri G\u00f6r\u00fcnt\u00fcle<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Product 4: Air Collector -->\n      <div class=\"sc-col-2\">\n        <div class=\"sc-card\">\n          <div class=\"sc-tag\">Hava Is\u0131tmas\u0131<\/div>\n          <div class=\"sc-image-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/wsrv.nl\/?url=https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/AFPC_\u526f\u672c-scaled.png&w=400&output=webp&q=85\" \n                 alt=\"Air Collector\" loading=\"lazy\">\n          <\/div>\n          <div class=\"sc-info\">\n            <h3 class=\"sc-title\">AFPC Hava Toplay\u0131c\u0131<\/h3>\n            <p class=\"sc-desc\">Tar\u0131m kurutma ve alan havaland\u0131rmas\u0131 i\u00e7in do\u011frudan hava \u0131s\u0131tma.<\/p>\n            \n            <div class=\"sc-actions\">\n              <a href=\"https:\/\/service.soletksolar.com\/tr\/products\/solar-collector-products\/#contact\" class=\"btn-quote\">\n                <span>EXW\/FOB TEKL\u0130F\u0130 AL<\/span>\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14m-7-7 7 7-7 7\"\/><\/svg>\n              <\/a>\n              <a href=\"https:\/\/service.soletksolar.com\/tr\/products\/solar-collector\/afpc-solar-air-collector\/\" class=\"link-specs\">Teknik \u00d6zellikleri G\u00f6r\u00fcnt\u00fcle<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Product 5: Hot Air -->\n      <div class=\"sc-col-2\">\n        <div class=\"sc-card\">\n          <div class=\"sc-tag\">High Temp<\/div>\n          <div class=\"sc-image-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/wsrv.nl\/?url=https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5fae\u4fe1\u56fe\u7247_20250410133424-scaled.png&w=400&output=webp&q=85\" \n                 alt=\"Hot Air Collector\" loading=\"lazy\">\n          <\/div>\n          <div class=\"sc-info\">\n            <h3 class=\"sc-title\">ATPC S\u0131cak Hava<\/h3>\n            <p class=\"sc-desc\">Zorlu end\u00fcstriyel s\u00fcre\u00e7ler i\u00e7in \u00f6zel y\u00fcksek s\u0131cakl\u0131k \u00e7\u0131k\u0131\u015f\u0131.<\/p>\n            \n            <div class=\"sc-actions\">\n              <a href=\"https:\/\/service.soletksolar.com\/tr\/products\/solar-collector-products\/#contact\" class=\"btn-quote\">\n                <span>EXW\/FOB TEKL\u0130F\u0130 AL<\/span>\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14m-7-7 7 7-7 7\"\/><\/svg>\n              <\/a>\n              <a href=\"https:\/\/service.soletksolar.com\/tr\/products\/solar-collector\/atpc-hot-air-collector\/\" class=\"link-specs\">Teknik \u00d6zellikleri G\u00f6r\u00fcnt\u00fcle<\/a>\n            <\/div>\n          <\/div>\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<div class=\"elementor-element elementor-element-a3f6d28 e-con-full e-flex e-con e-parent\" data-id=\"a3f6d28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e615429 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e615429\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Clear Industrial Background Section -->\n<section id=\"our-solutions\" class=\"sol-industrial-section\">\n  <style>\n    :root {\n      --sol-accent: #f59e0b;    \/* \u5de5\u4e1a\u6a59 *\/\n      --sol-text-main: #1e293b;\n      --sol-text-sub: #64748b;\n    }\n\n    .sol-industrial-section {\n      padding: 70px 20px; \/* \u7a0d\u5fae\u589e\u52a0\u4e00\u70b9\u547c\u5438\u611f *\/\n      position: relative;\n      font-family: 'Inter', system-ui, sans-serif;\n      color: white;\n      overflow: hidden;\n    }\n\n    \/* --- \u80cc\u666f\u5c42\u4f18\u5316 --- *\/\n    .sol-bg-layer {\n      position: absolute;\n      top: 0; left: 0; right: 0; bottom: 0;\n      background-image: url('https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u667a\u80fd\u88c5\u5907\u57fa\u5730-1.png');\n      background-size: cover;\n      background-position: center;\n      z-index: 0;\n    }\n\n    \/* \n       \u4fee\u6b63\u70b9\uff1a\u6e10\u53d8\u906e\u7f69 \n       \u9876\u90e8 0.85 (\u6df1) -> \u5e95\u90e8 0.35 (\u6d45)\n       \u65e2\u4fdd\u8bc1\u4e86\u6807\u9898\u80fd\u770b\u6e05\uff0c\u53c8\u8ba9\u5e95\u90e8\u7684\u5de5\u5382\u8bbe\u5907\u6e05\u6670\u53ef\u89c1\n    *\/\n    .sol-overlay {\n      position: absolute;\n      top: 0; left: 0; right: 0; bottom: 0;\n      background: linear-gradient(180deg, \n        rgba(15, 23, 42, 0.9) 0%, \n        rgba(15, 23, 42, 0.6) 40%, \n        rgba(15, 23, 42, 0.3) 100%);\n      z-index: 1;\n    }\n\n    .sol-container {\n      max-width: 1380px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* \u5934\u90e8 *\/\n    .sol-header {\n      text-align: center;\n      margin-bottom: 45px;\n    }\n\n    .sol-header h2 {\n      font-size: 38px;\n      font-weight: 800;\n      margin: 0 0 12px 0;\n      color: #ffffff;\n      \/* \u589e\u52a0\u6587\u5b57\u6295\u5f71\uff0c\u9632\u6b62\u80cc\u666f\u8fc7\u4eae\u65f6\u770b\u4e0d\u6e05 *\/\n      text-shadow: 0 4px 12px rgba(0,0,0,0.5); \n    }\n\n    .sol-header p {\n      font-size: 17px;\n      color: #e2e8f0;\n      max-width: 700px;\n      margin: 0 auto;\n      font-weight: 500;\n      text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n    }\n\n    \/* --- 5\u5217\u5e03\u5c40 --- *\/\n    .sol-grid {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      gap: 20px;\n      align-items: stretch;\n    }\n\n    \/* \u5361\u7247\uff1a\u4fdd\u6301\u7eaf\u767d\uff0c\u5f62\u6210\u201c\u60ac\u6d6e\u201d\u5728\u5de5\u5382\u4e4b\u4e0a\u7684\u611f\u89c9 *\/\n    .sol-card {\n      background: #ffffff;\n      padding: 28px 22px;\n      border-radius: 6px;\n      position: relative;\n      transition: all 0.3s ease;\n      border-bottom: 4px solid transparent;\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.2); \/* \u589e\u52a0\u6295\u5f71\uff0c\u4e0e\u80cc\u666f\u5206\u79bb *\/\n    }\n\n    .sol-card:hover {\n      transform: translateY(-8px);\n      border-bottom-color: var(--sol-accent);\n      box-shadow: 0 20px 40px rgba(0,0,0,0.4);\n    }\n\n    \/* \u56fe\u6807 *\/\n    .sol-icon {\n      width: 50px;\n      height: 50px;\n      background: #f1f5f9;\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 18px;\n      color: #0f172a;\n      transition: all 0.3s;\n    }\n\n    .sol-card:hover .sol-icon {\n      background: var(--sol-accent);\n      color: white;\n    }\n\n    .sol-icon svg {\n      width: 26px;\n      height: 26px;\n      stroke-width: 2;\n    }\n\n    \/* \u5e8f\u53f7 *\/\n    .sol-num {\n      position: absolute;\n      top: 16px;\n      right: 16px;\n      font-size: 28px;\n      font-weight: 900;\n      color: #f1f5f9; \/* \u6781\u6de1\u7070\uff0c\u4e0d\u62a2\u89c6\u89c9 *\/\n      line-height: 1;\n    }\n\n    .sol-card:hover .sol-num {\n      color: #fff7ed; \/* \u60ac\u505c\u53d8\u6696\u8272 *\/\n    }\n\n    \/* \u6587\u672c *\/\n    .sol-card h3 {\n      font-size: 18px;\n      font-weight: 700;\n      color: var(--sol-text-main);\n      margin: 0 0 10px 0;\n      line-height: 1.3;\n      min-height: 46px;\n    }\n\n    .sol-card p {\n      font-size: 14px;\n      color: var(--sol-text-sub);\n      line-height: 1.6;\n      margin: 0;\n      flex-grow: 1;\n    }\n\n    \/* \u6309\u94ae *\/\n    .sol-cta {\n      text-align: center;\n      margin-top: 50px;\n    }\n\n    .btn-custom {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 16px 48px;\n      background: var(--sol-accent); \/* \u6a59\u8272\u6309\u94ae\u5728\u6df1\u8272\u80cc\u666f\u4e0a\u975e\u5e38\u9192\u76ee *\/\n      color: white;\n      font-weight: 700;\n      font-size: 16px;\n      border-radius: 4px;\n      text-decoration: none;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      transition: all 0.3s;\n      box-shadow: 0 4px 20px rgba(245, 158, 11, 0.5);\n      border: 1px solid rgba(255,255,255,0.2);\n    }\n\n    .btn-custom:hover {\n      background: #d97706;\n      transform: scale(1.05);\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1200px) {\n      .sol-grid { grid-template-columns: repeat(3, 1fr); }\n      .sol-card:nth-child(4), .sol-card:nth-child(5) { grid-column: span 1.5; } \/* \u6700\u540e\u4e24\u4e2a\u5e73\u5206 *\/\n    }\n\n    @media (max-width: 768px) {\n      .sol-industrial-section { padding: 50px 16px; }\n      .sol-header h2 { font-size: 30px; }\n      .sol-grid { grid-template-columns: 1fr; gap: 16px; }\n      .sol-card {\n        flex-direction: row;\n        align-items: flex-start;\n        padding: 20px;\n        min-height: auto;\n      }\n      .sol-card:nth-child(n) { grid-column: span 1; }\n      .sol-icon { margin-right: 16px; margin-bottom: 0; width: 40px; height: 40px; flex-shrink: 0; }\n      .sol-card h3 { min-height: auto; margin-bottom: 4px; font-size: 16px; }\n      .sol-num { display: none; }\n    }\n  <\/style>\n\n  <div class=\"sol-bg-layer\"><\/div>\n  <div class=\"sol-overlay\"><\/div>\n\n  <div class=\"sol-container\">\n    <div class=\"sol-header\">\n      <h2>\u00d6zelle\u015ftirilmi\u015f G\u00fcne\u015f \u00c7\u00f6z\u00fcmleri<\/h2>\n      <p>Dizayndan bak\u0131ma kadar k\u00fcresel ortaklar i\u00e7in kapsaml\u0131 hizmetler.<\/p>\n    <\/div>\n\n    <div class=\"sol-grid\">\n      \n      <!-- 01 -->\n      <div class=\"sol-card\">\n        <div class=\"sol-num\">01<\/div>\n        <div class=\"sol-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline><\/svg>\n        <\/div>\n        <h3>Performans Optimizasyonu<\/h3>\n        <p>Derinlemesine de\u011ferlendirme ve verimlilik testi, sistemin en y\u00fcksek \u00e7\u0131k\u0131\u015f\u0131n\u0131 sa\u011flar.<\/p>\n      <\/div>\n\n      <!-- 02 -->\n      <div class=\"sol-card\">\n        <div class=\"sol-num\">02<\/div>\n        <div class=\"sol-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"><\/path><\/svg>\n        <\/div>\n        <h3>Uzman Kurulum<\/h3>\n        <p>Daha h\u0131zl\u0131 proje teslimat\u0131 i\u00e7in profesyonel sahada kurulum ve devreye alma.<\/p>\n      <\/div>\n\n      <!-- 03 -->\n      <div class=\"sol-card\">\n        <div class=\"sol-num\">03<\/div>\n        <div class=\"sol-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\n        <\/div>\n        <h3>\u00dccretsiz Bak\u0131m<\/h3>\n        <p>Planl\u0131 kontroller ve \u00f6nleyici hizmetlerle sistem \u00f6mr\u00fcn\u00fc uzatma.<\/p>\n      <\/div>\n\n      <!-- 04 -->\n      <div class=\"sol-card\">\n        <div class=\"sol-num\">04<\/div>\n        <div class=\"sol-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path><\/svg>\n        <\/div>\n        <h3>Teknik E\u011fitim<\/h3>\n        <p>G\u00fcvenilirli\u011fi sa\u011flamak i\u00e7in operasyon ve izleme konusunda uygulamal\u0131 e\u011fitim.<\/p>\n      <\/div>\n\n      <!-- 05 -->\n      <div class=\"sol-card\">\n        <div class=\"sol-num\">05<\/div>\n        <div class=\"sol-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\n        <\/div>\n        <h3>Teknoloji G\u00fcncellemeleri<\/h3>\n        <p>Se\u00e7ici kaplama ve ak\u0131ll\u0131 kontrol sistemlerinde s\u00fcrekli yenilikler.<\/p>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"sol-cta\">\n      <a href=\"https:\/\/service.soletksolar.com\/tr\/products\/solar-water-heater-products\/#contact\" class=\"btn-custom\">\n        \u00d6zelle\u015ftirilmi\u015f Kurulumunuza Ba\u015flay\u0131n\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9db69d9 e-con-full e-flex e-con e-parent\" data-id=\"9db69d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6518a9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d6518a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- High-End 3D Projects Section -->\n<section class=\"design-showcase\">\n  <style>\n    :root {\n      --ds-accent: #f59e0b;       \/* \u54c1\u724c\u6a59 *\/\n      --ds-accent-glow: rgba(245, 158, 11, 0.4);\n      --ds-dark: #0f172a;         \/* \u6df1\u84dd\u9ed1 *\/\n      --ds-white: #ffffff;\n      --ds-bg: #f1f5f9;\n      --ds-shadow-card: 0 20px 40px -10px rgba(0,0,0,0.15); \/* \u6df1\u5ea6\u6295\u5f71 *\/\n      --ds-shadow-btn: 0 10px 20px -5px rgba(245, 158, 11, 0.5); \/* \u6309\u94ae\u53d1\u5149\u6295\u5f71 *\/\n    }\n\n    .design-showcase {\n      padding: 100px 20px;\n      background-color: var(--ds-bg);\n      font-family: 'Inter', system-ui, sans-serif;\n      overflow: hidden; \/* \u9632\u6b62\u60ac\u505c\u653e\u5927\u6ea2\u51fa *\/\n    }\n\n    .ds-container {\n      max-width: 1300px;\n      margin: 0 auto;\n    }\n\n    \/* --- \u6781\u7b80\u5927\u6c14\u7684\u5934\u90e8 --- *\/\n    .ds-header {\n      text-align: center;\n      margin-bottom: 80px;\n      position: relative;\n    }\n\n    .ds-header h2 {\n      font-size: 48px;\n      font-weight: 900;\n      color: var(--ds-dark);\n      margin: 0;\n      letter-spacing: -1px;\n      position: relative;\n      display: inline-block;\n      z-index: 1;\n    }\n\n    \/* \u6807\u9898\u80cc\u540e\u7684\u88c5\u9970\u5b57\uff0c\u589e\u52a0\u5c42\u6b21\u611f *\/\n    .ds-header::before {\n      content: 'PROJECTS';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      font-size: 120px;\n      font-weight: 900;\n      color: rgba(0,0,0,0.03);\n      z-index: 0;\n      pointer-events: none;\n      white-space: nowrap;\n    }\n\n    \/* --- 3D \u7f51\u683c\u5e03\u5c40 --- *\/\n    .ds-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 40px; \/* \u66f4\u5927\u7684\u95f4\u8ddd\uff0c\u5c55\u73b0\u547c\u5438\u611f *\/\n    }\n\n    \/* --- \u6838\u5fc3\u5361\u7247\u8bbe\u8ba1 --- *\/\n    .ds-card {\n      position: relative;\n      background: transparent;\n      text-decoration: none;\n      perspective: 1000px; \/* \u5f00\u542f3D\u900f\u89c6 *\/\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* 1. \u56fe\u7247\u5c42 (\u5e95\u5c42) *\/\n    .ds-img-layer {\n      height: 280px;\n      width: 100%;\n      border-radius: 16px;\n      overflow: hidden;\n      position: relative;\n      z-index: 1;\n      box-shadow: var(--ds-shadow-card);\n      transform: translateZ(0);\n      transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); \/* \u5f39\u6027\u52a8\u753b *\/\n    }\n\n    .ds-img-layer img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.7s ease;\n    }\n\n    \/* 2. \u5185\u5bb9\u5c42 (\u60ac\u6d6e\u5361\u7247) *\/\n    .ds-content-layer {\n      background: var(--ds-white);\n      margin: -60px 20px 0 20px; \/* \u8d1f\u8fb9\u8ddd\uff1a\u5411\u4e0a\u63d2\u5165\u56fe\u7247\u5c42 *\/\n      padding: 30px 24px 24px;\n      border-radius: 12px;\n      position: relative;\n      z-index: 2; \/* \u5728\u56fe\u7247\u4e4b\u4e0a *\/\n      box-shadow: 0 15px 30px rgba(0,0,0,0.08);\n      transition: transform 0.4s ease, box-shadow 0.4s ease;\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* 3. \u6309\u94ae\u5c42 (\u60ac\u6d6e\u8fde\u63a5\u4ef6) *\/\n    .ds-float-btn {\n      position: absolute;\n      top: -25px; \/* \u60ac\u6d6e\u5728\u5185\u5bb9\u5c42\u9876\u90e8\u8fb9\u7f18 *\/\n      right: 24px;\n      background: var(--ds-accent);\n      color: white;\n      height: 50px;\n      padding: 0 24px;\n      border-radius: 25px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 700;\n      font-size: 13px;\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      box-shadow: var(--ds-shadow-btn);\n      z-index: 3; \/* \u6700\u9ad8\u5c42\u7ea7 *\/\n      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n      gap: 8px;\n    }\n\n    \/* --- \u4ea4\u4e92\u52a8\u753b (Hover Effects) --- *\/\n    .ds-card:hover .ds-img-layer {\n      transform: translateY(-10px); \/* \u56fe\u7247\u4e0a\u6d6e *\/\n    }\n    \n    .ds-card:hover .ds-img-layer img {\n      transform: scale(1.1); \/* \u56fe\u7247\u5185\u90e8\u653e\u5927 *\/\n    }\n\n    .ds-card:hover .ds-content-layer {\n      transform: translateY(-5px); \/* \u5185\u5bb9\u5c42\u8ddf\u968f\u5fae\u52a8 *\/\n      box-shadow: 0 25px 50px rgba(0,0,0,0.12);\n    }\n\n    .ds-card:hover .ds-float-btn {\n      background: #000; \/* \u6309\u94ae\u53d8\u9ed1\uff0c\u5f3a\u8c03\u5bf9\u6bd4 *\/\n      transform: scale(1.1) translateY(-2px); \/* \u6309\u94ae\u653e\u5927\u5e76\u4e0a\u6d6e *\/\n      box-shadow: 0 15px 25px rgba(0,0,0,0.2);\n    }\n\n    \/* --- \u6392\u7248\u7ec6\u8282 --- *\/\n    .ds-meta {\n      font-size: 11px;\n      font-weight: 700;\n      color: #94a3b8;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-bottom: 12px;\n      display: flex;\n      gap: 10px;\n    }\n    \n    .ds-meta span {\n        display: inline-block;\n        padding-right: 10px;\n        border-right: 1px solid #e2e8f0;\n    }\n    .ds-meta span:last-child { border: none; }\n\n    .ds-title {\n      font-size: 18px;\n      font-weight: 800;\n      color: var(--ds-dark);\n      margin: 0 0 12px 0;\n      line-height: 1.4;\n    }\n\n    .ds-desc {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n      margin: 0;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    \/* --- \u7279\u6b8a\u5e03\u5c40 (Featured) --- *\/\n    .card-wide {\n      grid-column: span 2;\n    }\n    .card-wide .ds-img-layer {\n        height: 320px;\n    }\n\n    \/* \u54cd\u5e94\u5f0f *\/\n    @media (max-width: 1024px) {\n      .ds-grid { grid-template-columns: repeat(2, 1fr); }\n      .card-wide { grid-column: span 2; }\n    }\n\n    @media (max-width: 768px) {\n      .ds-grid { grid-template-columns: 1fr; gap: 50px; } \/* \u589e\u52a0\u624b\u673a\u7aef\u95f4\u8ddd *\/\n      .card-wide { grid-column: span 1; }\n      .ds-header h2 { font-size: 36px; }\n      .ds-header::before { font-size: 60px; }\n      .ds-img-layer { height: 240px; }\n    }\n  <\/style>\n\n  <div class=\"ds-container\">\n    <div class=\"ds-header\">\n      <h2>K\u00fcresel Ba\u015far\u0131 Hikayeleri<\/h2>\n    <\/div>\n\n    <div class=\"ds-grid\">\n\n      <!-- 1. Featured: Tibet (Wide) -->\n      <a href=\"https:\/\/service.soletksolar.com\/tr\/products\/solar-water-heater-products\/#contact\" class=\"ds-card card-wide\">\n        <div class=\"ds-img-layer\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Centralized-solar-heating-for-Saga-County-town-in-Shigatse-City.png?w=800&quality=75\" alt=\"Tibet Project\">\n        <\/div>\n        <div class=\"ds-content-layer\">\n          <!-- \u60ac\u6d6e\u6309\u94ae -->\n          <div class=\"ds-float-btn\">\n            Fiyat Teklifi Al\u0131n\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/div>\n          <div class=\"ds-meta\"><span>2019<\/span><span>Tibet<\/span><span>107.000 m\u00b2<\/span><\/div>\n          <h3 class=\"ds-title\">Saga \u0130l\u00e7esi Kasabas\u0131 i\u00e7in Merkezi G\u00fcne\u015f Is\u0131tma<\/h3>\n          <p class=\"ds-desc\">D\u00fcnyan\u0131n ilk y\u00fcksek rak\u0131ml\u0131 merkezi g\u00fcne\u015f \u0131s\u0131tma projesi. K\u00f6m\u00fcr yerine kullan\u0131l\u0131r, y\u0131ll\u0131k 2.424 ton t\u00fcketimi azalt\u0131r.<\/p>\n        <\/div>\n      <\/a>\n\n      <!-- 2. Tianjin -->\n      <a href=\"https:\/\/service.soletksolar.com\/tr\/products\/solar-water-heater-products\/#contact\" class=\"ds-card\">\n        <div class=\"ds-img-layer\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Tianjin-School-TPV-Pro-Heat-Pump-Coupled-Heating-Project.png?w=600&quality=75\" alt=\"Tianjin Project\">\n        <\/div>\n        <div class=\"ds-content-layer\">\n          <div class=\"ds-float-btn\">\n            Fiyat Teklifi Al\u0131n\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/div>\n          <div class=\"ds-meta\"><span>2024<\/span><span>Tianjin<\/span><\/div>\n          <h3 class=\"ds-title\">Tianjin Okulu TPV Pro+ Sistemi<\/h3>\n          <p class=\"ds-desc\">\u0130novatif \u0131s\u0131 pompas\u0131 ile birle\u015fik sistem, kamp\u00fcs i\u00e7in \u0131s\u0131tma sa\u011flarken elektrik \u00fcretir.<\/p>\n        <\/div>\n      <\/a>\n\n      <!-- 3. Kazakhstan -->\n      <a href=\"https:\/\/service.soletksolar.com\/tr\/products\/solar-water-heater-products\/#contact\" class=\"ds-card\">\n        <div class=\"ds-img-layer\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2031.jpg.webp?w=400&quality=75\" alt=\"Kazakhstan Project\">\n        <\/div>\n        <div class=\"ds-content-layer\">\n          <div class=\"ds-float-btn\">\n            Fiyat Teklifi Al\u0131n\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/div>\n          <div class=\"ds-meta\"><span>2023<\/span><span>Kazakistan<\/span><\/div>\n          <h3 class=\"ds-title\">Orta Asya Temiz Kamp\u00fcs\u00fc<\/h3>\n          <p class=\"ds-desc\">Zorlu iklimlerde a\u015f\u0131r\u0131 d\u00fc\u015f\u00fck s\u0131cakl\u0131k direnci i\u00e7in tasarlanm\u0131\u015f U-t\u00fcp kolekt\u00f6rler.<\/p>\n        <\/div>\n      <\/a>\n\n      <!-- 4. APEC -->\n      <a href=\"https:\/\/service.soletksolar.com\/tr\/products\/solar-water-heater-products\/#contact\" class=\"ds-card\">\n        <div class=\"ds-img-layer\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Hot-Water-System-for-APEC-Summit-National-Leaders-Reception-Hotel.png?w=400&quality=75\" alt=\"APEC Project\">\n        <\/div>\n        <div class=\"ds-content-layer\">\n          <div class=\"ds-float-btn\">\n            Fiyat Teklifi Al\u0131n\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/div>\n          <div class=\"ds-meta\"><span>2014<\/span><span>Ankara<\/span><\/div>\n          <h3 class=\"ds-title\">APEC Zirvesi Oteli S\u0131cak Su<\/h3>\n          <p class=\"ds-desc\">Y\u00fcksek verimli s\u0131cak su sistemi, ulusal liderlerin kabul\u00fc i\u00e7in y\u0131ll\u0131k 150.000 kWh tasarruf sa\u011flar.<\/p>\n        <\/div>\n      <\/a>\n\n      <!-- 5. Florida -->\n      <a href=\"https:\/\/service.soletksolar.com\/tr\/products\/solar-water-heater-products\/#contact\" class=\"ds-card\">\n        <div class=\"ds-img-layer\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Florida-Resort-Villa-Hot-Water-Project-USA.png?w=600&quality=75\" alt=\"Florida Project\">\n        <\/div>\n        <div class=\"ds-content-layer\">\n          <div class=\"ds-float-btn\">\n            Fiyat Teklifi Al\u0131n\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/div>\n          <div class=\"ds-meta\"><span>2022<\/span><span>T\u00fcrkiye<\/span><\/div>\n          <h3 class=\"ds-title\">T\u00fcrkiye Tatil K\u00f6y\u00fc Villa Projesi<\/h3>\n          <p class=\"ds-desc\">G\u00fcnde 200L yatay plaka su \u0131s\u0131t\u0131c\u0131lar, l\u00fcks tatil k\u00f6y\u00fc villalar\u0131 i\u00e7in s\u00fcrekli s\u0131cak su sa\u011flar.<\/p>\n        <\/div>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b4cdc3 e-con-full e-flex e-con e-parent\" data-id=\"9b4cdc3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d50c390 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d50c390\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Solar Thermal System Solutions Section -->\n<section id=\"system-solutions\" class=\"system-solutions-section\">\n  <style>\n    .system-solutions-section {\n      padding: 80px 20px;\n      background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .system-solutions-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(102, 126, 234, 0.08) 0%, transparent 70%);\n      border-radius: 50%;\n      z-index: 0;\n    }\n\n    .system-solutions-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(118, 75, 162, 0.06) 0%, transparent 70%);\n      border-radius: 50%;\n      z-index: 0;\n    }\n\n    .system-solutions-container {\n      max-width: 1320px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .system-solutions-header {\n      text-align: center;\n      margin-bottom: 50px;\n    }\n\n    .system-solutions-header h2 {\n      font-size: 38px;\n      color: #1e293b;\n      margin-bottom: 12px;\n      font-weight: 800;\n      position: relative;\n      display: inline-block;\n    }\n\n    .system-solutions-header h2::before {\n      content:\n      font-size: 42px;\n      position: absolute;\n      left: -55px;\n      top: 50%;\n      transform: translateY(-50%);\n      animation: rotate 20s linear infinite;\n    }\n\n    @keyframes rotate {\n      from { transform: translateY(-50%) rotate(0deg); }\n      to { transform: translateY(-50%) rotate(360deg); }\n    }\n\n    .system-solutions-header h2::after {\n      content: '';\n      position: absolute;\n      bottom: -8px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 70px;\n      height: 3px;\n      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\n      border-radius: 2px;\n    }\n\n    .system-solutions-subtitle {\n      font-size: 17px;\n      color: #64748b;\n      font-weight: 500;\n      margin-top: 12px;\n    }\n\n    .solutions-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 30px;\n      margin-top: 50px;\n    }\n\n    .solution-item {\n      background: #ffffff;\n      border-radius: 20px;\n      padding: 32px 28px;\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: \n        0 4px 20px rgba(0, 0, 0, 0.06),\n        0 1px 3px rgba(0, 0, 0, 0.04);\n      position: relative;\n      overflow: hidden;\n      border: 1px solid rgba(226, 232, 240, 0.8);\n    }\n\n    .solution-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.5s ease;\n    }\n\n    .solution-item:hover {\n      transform: translateY(-8px);\n      box-shadow: \n        0 20px 50px rgba(102, 126, 234, 0.15),\n        0 10px 20px rgba(0, 0, 0, 0.08);\n      border-color: rgba(102, 126, 234, 0.3);\n    }\n\n    .solution-item:hover::before {\n      transform: scaleX(1);\n    }\n\n    .solution-svg-container {\n      width: 65px;\n      height: 65px;\n      margin: 0 auto 20px;\n      position: relative;\n    }\n\n    .solution-svg-container svg {\n      width: 100%;\n      height: 100%;\n      filter: drop-shadow(0 4px 12px rgba(102, 126, 234, 0.2));\n      transition: all 0.5s ease;\n    }\n\n    .solution-item:hover .solution-svg-container svg {\n      transform: scale(1.1) translateY(-3px);\n      filter: drop-shadow(0 8px 20px rgba(102, 126, 234, 0.35));\n    }\n\n    .solution-item-title {\n      font-size: 19px;\n      color: #1e293b;\n      font-weight: 700;\n      margin-bottom: 8px;\n      text-align: center;\n      line-height: 1.3;\n    }\n\n    .solution-item-subtitle {\n      font-size: 13px;\n      color: #667eea;\n      font-weight: 600;\n      margin-bottom: 12px;\n      text-align: center;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .solution-item-description {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n      text-align: center;\n    }\n\n    \/* Decorative elements *\/\n    .solution-item::after {\n      content: '';\n      position: absolute;\n      bottom: -50px;\n      right: -50px;\n      width: 120px;\n      height: 120px;\n      background: radial-gradient(circle, rgba(102, 126, 234, 0.05) 0%, transparent 70%);\n      border-radius: 50%;\n      transition: all 0.5s ease;\n    }\n\n    .solution-item:hover::after {\n      bottom: -30px;\n      right: -30px;\n      background: radial-gradient(circle, rgba(102, 126, 234, 0.1) 0%, transparent 70%);\n    }\n\n    \/* CTA Button *\/\n    .solutions-cta {\n      text-align: center;\n      margin-top: 60px;\n      position: relative;\n      z-index: 2;\n    }\n\n    .quote-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 18px 48px;\n      font-size: 18px;\n      font-weight: 700;\n      color: #ffffff;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      border: none;\n      border-radius: 50px;\n      cursor: pointer;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: \n        0 10px 30px rgba(102, 126, 234, 0.3),\n        0 0 0 0 rgba(102, 126, 234, 0.4);\n      position: relative;\n      overflow: hidden;\n      text-decoration: none;\n      letter-spacing: 0.3px;\n    }\n\n    .quote-btn::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, \n        transparent, \n        rgba(255, 255, 255, 0.3), \n        transparent);\n      transition: left 0.6s ease;\n    }\n\n    .quote-btn:hover {\n      transform: translateY(-4px) scale(1.03);\n      box-shadow: \n        0 20px 50px rgba(102, 126, 234, 0.4),\n        0 0 0 8px rgba(102, 126, 234, 0.1);\n      background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);\n    }\n\n    .quote-btn:hover::before {\n      left: 100%;\n    }\n\n    .quote-btn:active {\n      transform: translateY(-2px) scale(1.01);\n    }\n\n    .quote-btn svg {\n      width: 20px;\n      height: 20px;\n      transition: transform 0.4s ease;\n    }\n\n    .quote-btn:hover svg {\n      transform: translateX(6px);\n    }\n\n    \/* Pulse animation *\/\n    @keyframes pulse {\n      0%, 100% {\n        box-shadow: \n          0 10px 30px rgba(102, 126, 234, 0.3),\n          0 0 0 0 rgba(102, 126, 234, 0.4);\n      }\n      50% {\n        box-shadow: \n          0 10px 30px rgba(102, 126, 234, 0.4),\n          0 0 0 12px rgba(102, 126, 234, 0.1);\n      }\n    }\n\n    .quote-btn {\n      animation: pulse 3s ease-in-out infinite;\n    }\n\n    @media (max-width: 768px) {\n      .system-solutions-section {\n        padding: 60px 20px;\n      }\n\n      .system-solutions-header {\n        margin-bottom: 40px;\n      }\n\n      .system-solutions-header h2 {\n        font-size: 30px;\n        margin-bottom: 10px;\n      }\n\n      .system-solutions-header h2::before {\n        font-size: 34px;\n        left: -45px;\n      }\n\n      .system-solutions-subtitle {\n        font-size: 16px;\n      }\n\n      .solutions-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n        margin-top: 40px;\n      }\n\n      .solution-item {\n        padding: 28px 24px;\n      }\n\n      .solution-svg-container {\n        width: 60px;\n        height: 60px;\n        margin-bottom: 18px;\n      }\n\n      .solution-item-title {\n        font-size: 18px;\n        margin-bottom: 8px;\n      }\n\n      .solution-item-subtitle {\n        font-size: 12px;\n        margin-bottom: 10px;\n      }\n\n      .solution-item-description {\n        font-size: 14px;\n        line-height: 1.6;\n      }\n\n      .solutions-cta {\n        margin-top: 50px;\n      }\n\n      .quote-btn {\n        padding: 16px 40px;\n        font-size: 17px;\n        gap: 10px;\n      }\n\n      .quote-btn svg {\n        width: 18px;\n        height: 18px;\n      }\n    }\n  <\/style>\n\n  <div class=\"system-solutions-container\">\n    <!-- Header -->\n    <div class=\"system-solutions-header\">\n      <h2>G\u00fcne\u015f Termal Sistem \u00c7\u00f6z\u00fcmleri<\/h2>\n      <p class=\"system-solutions-subtitle\">Enerji verimlili\u011fini art\u0131rmak<\/p>\n    <\/div>\n\n    <!-- Solutions Grid -->\n    <div class=\"solutions-grid\">\n      \n      <!-- Flexible Payment -->\n      <div class=\"solution-item\">\n        <div class=\"solution-svg-container\">\n          <svg viewbox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <!-- Credit Card -->\n            <rect x=\"30\" y=\"60\" width=\"140\" height=\"90\" rx=\"12\" fill=\"url(#cardGradient)\" stroke=\"#667eea\" stroke-width=\"3\"\/>\n            <rect x=\"30\" y=\"80\" width=\"140\" height=\"25\" fill=\"rgba(102, 126, 234, 0.3)\"\/>\n            <line x1=\"50\" y1=\"125\" x2=\"90\" y2=\"125\" stroke=\"#667eea\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n            <circle cx=\"150\" cy=\"125\" r=\"8\" fill=\"#764ba2\"\/>\n            <circle cx=\"135\" cy=\"125\" r=\"8\" fill=\"#667eea\" opacity=\"0.7\"\/>\n            <!-- Dollar Sign -->\n            <text x=\"100\" y=\"50\" font-size=\"32\" font-weight=\"bold\" fill=\"#667eea\">$<\/text>\n            <defs>\n              <lineargradient id=\"cardGradient\" x1=\"30\" y1=\"60\" x2=\"170\" y2=\"150\">\n                <stop offset=\"0%\" stop-color=\"#f0f4ff\"\/>\n                <stop offset=\"100%\" stop-color=\"#e0e7ff\"\/>\n              <\/lineargradient>\n            <\/defs>\n          <\/svg>\n        <\/div>\n        <p class=\"solution-item-subtitle\">Esnek \u00d6deme<\/p>\n        <p class=\"solution-item-description\">\n          D\u00fcnya \u00e7ap\u0131nda i\u015fbirli\u011fi i\u00e7in T\/T, pe\u015fin L\/C, PayPal ve di\u011fer g\u00fcvenli \u00f6deme y\u00f6ntemlerini destekliyoruz.\n        <\/p>\n      <\/div>\n\n      <!-- System Protection -->\n      <div class=\"solution-item\">\n        <div class=\"solution-svg-container\">\n          <svg viewbox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <!-- Shield -->\n            <path d=\"M100 30 L160 55 L160 100 Q160 140 100 170 Q40 140 40 100 L40 55 Z\" \n                  fill=\"url(#shieldGradient)\" stroke=\"#667eea\" stroke-width=\"3\"\/>\n            <!-- Checkmark -->\n            <path d=\"M75 100 L90 115 L125 75\" stroke=\"#ffffff\" stroke-width=\"8\" \n                  stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n            <!-- Quality Badge -->\n            <circle cx=\"145\" cy=\"65\" r=\"18\" fill=\"#764ba2\"\/>\n            <text x=\"145\" y=\"72\" font-size=\"20\" font-weight=\"bold\" fill=\"#ffffff\" text-anchor=\"middle\">Q<\/text>\n            <defs>\n              <lineargradient id=\"shieldGradient\" x1=\"40\" y1=\"30\" x2=\"160\" y2=\"170\">\n                <stop offset=\"0%\" stop-color=\"#667eea\"\/>\n                <stop offset=\"100%\" stop-color=\"#764ba2\"\/>\n              <\/lineargradient>\n            <\/defs>\n          <\/svg>\n        <\/div>\n        <p class=\"solution-item-subtitle\">Kalite G\u00fcvencesi<\/p>\n        <h3 class=\"solution-item-title\">Sistem Korumas\u0131<\/h3>\n        <p class=\"solution-item-description\">\n          Kolekt\u00f6r \u00fcretiminden sistem montaj\u0131na kadar s\u0131k\u0131 kalite kontrol, uzun \u00f6m\u00fcrl\u00fc ve g\u00fcvenilir performans sa\u011flar.\n        <\/p>\n      <\/div>\n\n      <!-- Efficient Logistics -->\n      <div class=\"solution-item\">\n        <div class=\"solution-svg-container\">\n          <svg viewbox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <!-- Globe -->\n            <circle cx=\"100\" cy=\"100\" r=\"60\" fill=\"url(#globeGradient)\" stroke=\"#667eea\" stroke-width=\"3\"\/>\n            <ellipse cx=\"100\" cy=\"100\" rx=\"60\" ry=\"25\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.6\"\/>\n            <ellipse cx=\"100\" cy=\"100\" rx=\"25\" ry=\"60\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.6\"\/>\n            <line x1=\"100\" y1=\"40\" x2=\"100\" y2=\"160\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.6\"\/>\n            <line x1=\"40\" y1=\"100\" x2=\"160\" y2=\"100\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.6\"\/>\n            <!-- Airplane -->\n            <g transform=\"translate(130, 60) rotate(45)\">\n              <path d=\"M0 0 L-15 -5 L-10 0 L-15 5 Z\" fill=\"#764ba2\"\/>\n              <circle cx=\"-8\" cy=\"0\" r=\"2\" fill=\"#ffffff\"\/>\n            <\/g>\n            <!-- Location Pins -->\n            <circle cx=\"70\" cy=\"80\" r=\"4\" fill=\"#fbbf24\"\/>\n            <circle cx=\"130\" cy=\"120\" r=\"4\" fill=\"#fbbf24\"\/>\n            <circle cx=\"85\" cy=\"130\" r=\"4\" fill=\"#fbbf24\"\/>\n            <defs>\n              <lineargradient id=\"globeGradient\" x1=\"40\" y1=\"40\" x2=\"160\" y2=\"160\">\n                <stop offset=\"0%\" stop-color=\"#667eea\" stop-opacity=\"0.8\"\/>\n                <stop offset=\"100%\" stop-color=\"#764ba2\" stop-opacity=\"0.6\"\/>\n              <\/lineargradient>\n            <\/defs>\n          <\/svg>\n        <\/div>\n        <p class=\"solution-item-subtitle\">\u00c7evre Geli\u015ftirme<\/p>\n        <h3 class=\"solution-item-title\">Verimli Lojistik<\/h3>\n        <p class=\"solution-item-description\">\n          G\u00fcvenli ve g\u00fcvenilir d\u00fcnya \u00e7ap\u0131nda nakliye, g\u00fcne\u015f ekipmanlar\u0131 i\u00e7in profesyonel paketleme ile 30'dan fazla \u00fclkeyi kapsar.\n        <\/p>\n      <\/div>\n\n      <!-- Customized System Design -->\n      <div class=\"solution-item\">\n        <div class=\"solution-svg-container\">\n          <svg viewbox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <!-- Blueprint\/Design -->\n            <rect x=\"40\" y=\"50\" width=\"120\" height=\"100\" rx=\"8\" fill=\"url(#blueprintGradient)\" stroke=\"#667eea\" stroke-width=\"3\"\/>\n            <!-- Grid Lines -->\n            <line x1=\"60\" y1=\"50\" x2=\"60\" y2=\"150\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"80\" y1=\"50\" x2=\"80\" y2=\"150\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"100\" y1=\"50\" x2=\"100\" y2=\"150\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"120\" y1=\"50\" x2=\"120\" y2=\"150\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"140\" y1=\"50\" x2=\"140\" y2=\"150\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"40\" y1=\"70\" x2=\"160\" y2=\"70\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"40\" y1=\"90\" x2=\"160\" y2=\"90\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"40\" y1=\"110\" x2=\"160\" y2=\"110\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <line x1=\"40\" y1=\"130\" x2=\"160\" y2=\"130\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.3\"\/>\n            <!-- Solar Panel Icon -->\n            <rect x=\"70\" y=\"80\" width=\"60\" height=\"40\" rx=\"4\" fill=\"#764ba2\" opacity=\"0.8\"\/>\n            <line x1=\"100\" y1=\"80\" x2=\"100\" y2=\"120\" stroke=\"#ffffff\" stroke-width=\"2\"\/>\n            <line x1=\"70\" y1=\"100\" x2=\"130\" y2=\"100\" stroke=\"#ffffff\" stroke-width=\"2\"\/>\n            <!-- Ruler\/Measurement Tool -->\n            <line x1=\"45\" y1=\"45\" x2=\"155\" y2=\"45\" stroke=\"#fbbf24\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n            <line x1=\"50\" y1=\"42\" x2=\"50\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <line x1=\"70\" y1=\"42\" x2=\"70\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <line x1=\"90\" y1=\"42\" x2=\"90\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <line x1=\"110\" y1=\"42\" x2=\"110\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <line x1=\"130\" y1=\"42\" x2=\"130\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <line x1=\"150\" y1=\"42\" x2=\"150\" y2=\"48\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n            <!-- Dollar Sign -->\n            <circle cx=\"145\" cy=\"135\" r=\"15\" fill=\"#10b981\"\/>\n            <text x=\"145\" y=\"143\" font-size=\"20\" font-weight=\"bold\" fill=\"#ffffff\" text-anchor=\"middle\">$<\/text>\n            <defs>\n              <lineargradient id=\"blueprintGradient\" x1=\"40\" y1=\"50\" x2=\"160\" y2=\"150\">\n                <stop offset=\"0%\" stop-color=\"#667eea\" stop-opacity=\"0.3\"\/>\n                <stop offset=\"100%\" stop-color=\"#764ba2\" stop-opacity=\"0.2\"\/>\n              <\/lineargradient>\n            <\/defs>\n          <\/svg>\n        <\/div>\n        <p class=\"solution-item-subtitle\">Maliyetleri D\u00fc\u015f\u00fcrme<\/p>\n        <h3 class=\"solution-item-title\">\u00d6zelle\u015ftirilmi\u015f Sistem Tasar\u0131m\u0131<\/h3>\n        <p class=\"solution-item-description\">\n          M\u00fchendislerimiz, konut, ticari veya end\u00fcstriyel uygulamalar i\u00e7in en maliyet etkin g\u00fcne\u015f termal \u00e7\u00f6z\u00fcm\u00fcn\u00fc yap\u0131land\u0131rman\u0131za yard\u0131mc\u0131 olur.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- CTA Button -->\n    <div class=\"solutions-cta\">\n      <a href=\"#contact\" class=\"quote-btn\">\n        \u00d6zelle\u015ftirilmi\u015f Teklif Al\u0131n\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n          <polyline points=\"12 5 19 12 12 19\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b1d472 e-con-full e-flex e-con e-parent\" data-id=\"5b1d472\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c69906e elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c69906e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Who We Are Section -->\n<section id=\"who-we-are\" class=\"who-we-are-section\">\n  <style>\n    .who-we-are-section {\n      padding: 80px 20px;\n      background: #ffffff;\n      position: relative;\n    }\n\n    .who-we-are-container {\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    \/* Simple Header *\/\n    .section-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .section-label {\n      display: inline-block;\n      padding: 6px 16px;\n      background: #f0f4ff;\n      color: #6366f1;\n      font-size: 13px;\n      font-weight: 600;\n      border-radius: 20px;\n      margin-bottom: 16px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .section-header h2 {\n      font-size: 36px;\n      color: #1e293b;\n      font-weight: 700;\n      margin-bottom: 12px;\n      letter-spacing: -0.5px;\n    }\n\n    .section-subtitle {\n      font-size: 20px;\n      color: #6366f1;\n      font-weight: 600;\n      margin-bottom: 10px;\n    }\n\n    .section-description {\n      font-size: 16px;\n      color: #64748b;\n      max-width: 600px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }\n\n    \/* Main Content Grid *\/\n    .content-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 50px;\n      align-items: center;\n      margin-bottom: 60px;\n    }\n\n    .content-image {\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n    }\n\n    .content-image img {\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n\n    .content-text p {\n      font-size: 15px;\n      color: #475569;\n      line-height: 1.7;\n      margin-bottom: 20px;\n    }\n\n    \/* Stats *\/\n    .stats-row {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 20px;\n      margin-top: 30px;\n    }\n\n    .stat-item {\n      text-align: center;\n      padding: 24px;\n      background: #f8fafc;\n      border-radius: 12px;\n      border: 1px solid #e2e8f0;\n    }\n\n    .stat-number {\n      font-size: 36px;\n      font-weight: 700;\n      color: #6366f1;\n      margin-bottom: 6px;\n    }\n\n    .stat-label {\n      font-size: 13px;\n      color: #64748b;\n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    \/* Strengths *\/\n    .strengths-wrapper {\n      margin-top: 60px;\n    }\n\n    .strengths-title {\n      text-align: center;\n      font-size: 28px;\n      color: #1e293b;\n      font-weight: 700;\n      margin-bottom: 40px;\n      letter-spacing: -0.5px;\n    }\n\n    .strengths-row {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n      margin-bottom: 50px;\n    }\n\n    .strength-box {\n      text-align: center;\n      padding: 30px 20px;\n      background: #ffffff;\n      border: 1px solid #e2e8f0;\n      border-radius: 12px;\n      transition: all 0.3s ease;\n    }\n\n    .strength-box:hover {\n      border-color: #6366f1;\n      box-shadow: 0 4px 20px rgba(99, 102, 241, 0.1);\n      transform: translateY(-4px);\n    }\n\n    .strength-box:hover .strength-icon svg {\n      transform: scale(1.1);\n    }\n\n    .strength-icon {\n      width: 64px;\n      height: 64px;\n      margin: 0 auto 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      border-radius: 16px;\n      box-shadow: 0 4px 15px rgba(99, 102, 241, 0.2);\n    }\n\n    .strength-icon svg {\n      width: 36px;\n      height: 36px;\n      transition: transform 0.3s ease;\n    }\n\n    .strength-box h4 {\n      font-size: 18px;\n      color: #1e293b;\n      font-weight: 600;\n      margin-bottom: 10px;\n    }\n\n    .strength-box p {\n      font-size: 14px;\n      color: #64748b;\n      line-height: 1.6;\n    }\n\n    \/* Gallery *\/\n    .gallery-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 16px;\n    }\n\n    .gallery-item {\n      border-radius: 12px;\n      overflow: hidden;\n      aspect-ratio: 4\/3;\n      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);\n    }\n\n    .gallery-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.3s ease;\n    }\n\n    .gallery-item:hover img {\n      transform: scale(1.05);\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 1024px) {\n      .strengths-row {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .gallery-grid {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .who-we-are-section {\n        padding: 60px 20px;\n      }\n\n      .section-header {\n        margin-bottom: 40px;\n      }\n\n      .section-header h2 {\n        font-size: 28px;\n      }\n\n      .section-subtitle {\n        font-size: 18px;\n      }\n\n      .section-description {\n        font-size: 15px;\n      }\n\n      .content-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n        margin-bottom: 40px;\n      }\n\n      .stats-row {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n\n      .strengths-wrapper {\n        margin-top: 40px;\n      }\n\n      .strengths-title {\n        font-size: 24px;\n        margin-bottom: 30px;\n      }\n\n      .strengths-row {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        margin-bottom: 40px;\n      }\n\n      .gallery-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 12px;\n      }\n    }\n  <\/style>\n\n  <div class=\"who-we-are-container\">\n    <!-- Header -->\n    <div class=\"section-header\">\n      <span class=\"section-label\">Hakk\u0131m\u0131zda<\/span>\n      <h2>Kimleriz<\/h2>\n      <p class=\"section-subtitle\">Temiz Enerjinin Gelece\u011fine Liderlik Ediyoruz<\/p>\n      <p class=\"section-description\">\n        En son teknoloji ve s\u00fcrd\u00fcr\u00fclebilir uygulamalarla desteklenen yenilik\u00e7i \u00e7\u00f6z\u00fcmler\n      <\/p>\n    <\/div>\n\n    <!-- Main Content -->\n    <div class=\"content-grid\">\n      <div class=\"content-image\">\n        <img \n          src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/494685619_1404751250597164_7706161979368977777_n.jpg?w=600&quality=75\" \n          alt=\"SOLETKS\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n      <\/div>\n\n      <div class=\"content-text\">\n        <p>\n          SOLETKS, temiz enerji inovasyonuna odaklanan y\u00fcksek teknolojili bir kurulu\u015ftur. Ana \u00c7at\u0131-Tabanl\u0131 Temiz Termal Enerji teknolojisi ile g\u00fcne\u015f, jeotermal ve hava enerjisini entegre ederek \u0131s\u0131tma, so\u011futma ve enerji \u00fcretimi i\u00e7in verimli \u00e7\u00f6z\u00fcmler sunar.\n        <\/p>\n        <p>\n          \u00d6nde gelen ara\u015ft\u0131rma kurumlar\u0131yla yap\u0131lan ortakl\u0131klarla desteklenen SOLETKS, d\u00fcz plaka kolekt\u00f6rlerinin d\u00fcnyan\u0131n en iyi \u00fcreticileri aras\u0131nda yer alarak s\u00fcrd\u00fcr\u00fclebilir bir gelece\u011fe y\u00f6nelik k\u00fcresel ilerlemeyi y\u00f6nlendiriyor.\n        <\/p>\n\n        <div class=\"stats-row\">\n          <div class=\"stat-item\">\n            <div class=\"stat-number\">117+<\/div>\n            <div class=\"stat-label\">Patentler G\u00fcvence Alt\u0131nda<\/div>\n          <\/div>\n          <div class=\"stat-item\">\n            <div class=\"stat-number\">\u0130lk 5<\/div>\n            <div class=\"stat-label\">K\u00fcresel S\u0131ralama<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Strengths -->\n    <div class=\"strengths-wrapper\">\n      <h3 class=\"strengths-title\">Temel G\u00fc\u00e7lerimiz<\/h3>\n\n      <div class=\"strengths-row\">\n        <div class=\"strength-box\">\n          <div class=\"strength-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\" fill=\"white\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"#FDB022\"\/>\n              <path d=\"M12 2V5M12 19V22M2 12H5M19 12H22M4.22 4.22L6.34 6.34M17.66 17.66L19.78 19.78M4.22 19.78L6.34 17.66M17.66 6.34L19.78 4.22\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h4>G\u00fcne\u015f Enerjisi Entegrasyonu<\/h4>\n          <p>Enerji verimlili\u011fini en \u00fcst d\u00fczeye \u00e7\u0131karan geli\u015fmi\u015f d\u00fcz plaka kolekt\u00f6r teknolojisi<\/p>\n        <\/div>\n\n        <div class=\"strength-box\">\n          <div class=\"strength-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M9 12L11 14L15 10\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M20 6L9 17L4 12\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"white\" stroke-width=\"1.5\" fill=\"none\"\/>\n              <path d=\"M7 3V6M17 3V6M7 18V21M17 18V21\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h4>117+ Patent<\/h4>\n          <p>Tescilli teknolojileri koruyan en son yenilik portf\u00f6y\u00fc<\/p>\n        <\/div>\n\n        <div class=\"strength-box\">\n          <div class=\"strength-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <circle cx=\"9\" cy=\"7\" r=\"4\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M16 3.13C16.8604 3.35031 17.623 3.85071 18.1676 4.55232C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89318 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h4>Ara\u015ft\u0131rma Ortaklar\u0131<\/h4>\n          <p>D\u00fcnya \u00e7ap\u0131ndaki \u00f6nde gelen kurumlarla stratejik i\u015fbirli\u011fi<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Gallery -->\n      <div class=\"gallery-grid\">\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662438978.jpeg?w=400&quality=75\" alt=\"Facility 1\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662607911.jpeg?w=400&quality=75\" alt=\"Facility 2\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662437572.jpeg?w=400&quality=75\" alt=\"Facility 3\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u73bb\u7483\u57fa\u5730-1.png?w=400&quality=75\" alt=\"Glass Base\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u6c34\u57fa\u5730-1.png?w=400&quality=75\" alt=\"Hot Water Base\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u667a\u80fd\u88c5\u5907\u57fa\u5730-1.png?w=400&quality=75\" alt=\"Equipment Base\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677fMOC\u57fa\u5730-1.png?w=400&quality=75\" alt=\"MOC Base\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"gallery-item\">\n          <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1743662438978.jpeg?w=400&quality=75\" alt=\"Innovation Center\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd14521 e-con-full e-flex e-con e-parent\" data-id=\"fd14521\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ce80f8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9ce80f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Ultra-Modern Glass Partner Section -->\n<section class=\"partner-glass\">\n  <style>\n    .partner-glass {\n      \/* \u9650\u5236\u6574\u4f53\u9ad8\u5ea6\uff0c\u7559\u51fa\u4e0a\u4e0b\u547c\u5438\u7a7a\u95f4 *\/\n      padding: 40px 20px;\n      background: #f8fafc;\n      display: flex;\n      justify-content: center;\n      font-family: 'Inter', system-ui, sans-serif;\n    }\n\n    \/* --- \u4e3b\u5bb9\u5668\uff1a\u5168\u666f\u73bb\u7483\u8231 --- *\/\n    .glass-container {\n      width: 100%;\n      max-width: 1320px;\n      height: 420px; \/* \u5f3a\u5236\u9501\u5b9a\u9ad8\u5ea6\uff0c\u975e\u5e38\u7d27\u51d1 *\/\n      border-radius: 24px;\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 20px 50px rgba(59, 130, 246, 0.15); \/* \u67d4\u548c\u7684\u84dd\u8272\u5149\u6655 *\/\n      display: flex;\n      align-items: center;\n      background: #fff; \/* \u515c\u5e95\u8272 *\/\n    }\n\n    \/* --- \u80cc\u666f\u5c42\uff1a\u6c89\u6d78\u5f0f\u56fe\u7247 --- *\/\n    .glass-bg {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 0;\n    }\n\n    .glass-bg img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      \/* \u56fe\u7247\u7a0d\u5fae\u653e\u5927\u4e00\u70b9\uff0c\u4e3a\u4e86\u505a\u89c6\u5dee\u6216\u79fb\u52a8\u6548\u679c *\/\n      transform: scale(1.05); \n      transition: transform 10s ease;\n    }\n\n    \/* \u60ac\u505c\u65f6\u80cc\u666f\u7f13\u6162\u79fb\u52a8\uff0c\u589e\u52a0\u9c9c\u6d3b\u611f *\/\n    .glass-container:hover .glass-bg img {\n      transform: scale(1.1);\n    }\n\n    \/* \u80cc\u666f\u906e\u7f69\uff1a\u5de6\u767d\u53f3\u900f\uff0c\u4fdd\u8bc1\u6587\u5b57\u7edd\u5bf9\u6e05\u6670 *\/\n    .glass-bg::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, \n        rgba(255,255,255,0.98) 0%, \n        rgba(255,255,255,0.95) 40%, \n        rgba(255,255,255,0.4) 70%,\n        rgba(255,255,255,0) 100%);\n    }\n\n    \/* --- \u5185\u5bb9\u5c42\uff1a\u5de6\u4fa7\u6587\u5b57 --- *\/\n    .glass-content {\n      position: relative;\n      z-index: 2;\n      width: 55%; \/* \u5360\u636e\u5de6\u4fa7\u4e00\u534a\u591a\u4e00\u70b9 *\/\n      padding: 0 60px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      height: 100%;\n    }\n\n    \/* \u88c5\u9970\u6027\u5c0f\u6807\u9898 *\/\n    .glass-tag {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      color: #3b82f6; \/* \u54c1\u724c\u84dd *\/\n      font-weight: 700;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-bottom: 16px;\n      background: rgba(59, 130, 246, 0.1);\n      padding: 6px 12px;\n      border-radius: 20px;\n      align-self: flex-start;\n    }\n\n    .glass-tag::before {\n      content: '';\n      width: 6px;\n      height: 6px;\n      background: #3b82f6;\n      border-radius: 50%;\n      box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3);\n    }\n\n    .glass-content h2 {\n      font-size: 36px;\n      font-weight: 800;\n      color: #0f172a;\n      margin: 0 0 12px 0;\n      line-height: 1.1;\n      letter-spacing: -1px;\n    }\n\n    .glass-content p {\n      font-size: 16px;\n      color: #64748b;\n      line-height: 1.6;\n      margin-bottom: 30px;\n      max-width: 500px;\n    }\n\n    \/* --- \u4f18\u52bf\u52cb\u7ae0\u680f (Pills) --- *\/\n    .glass-benefits {\n      display: flex;\n      gap: 12px;\n      margin-bottom: 35px;\n      flex-wrap: wrap;\n    }\n\n    .benefit-pill {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      background: #fff;\n      border: 1px solid #e2e8f0;\n      padding: 8px 16px;\n      border-radius: 50px;\n      font-size: 13px;\n      font-weight: 600;\n      color: #475569;\n      box-shadow: 0 2px 6px rgba(0,0,0,0.03);\n      transition: all 0.3s ease;\n    }\n\n    .benefit-pill svg {\n      width: 16px;\n      height: 16px;\n      color: #3b82f6;\n    }\n\n    .benefit-pill:hover {\n      border-color: #3b82f6;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);\n      color: #3b82f6;\n    }\n\n    \/* --- \u6309\u94ae\u7ec4 --- *\/\n    .glass-actions {\n      display: flex;\n      gap: 16px;\n      align-items: center;\n    }\n\n    .btn-primary {\n      background: #0f172a;\n      color: #fff;\n      padding: 14px 32px;\n      border-radius: 50px;\n      font-weight: 600;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      box-shadow: 0 10px 20px rgba(15, 23, 42, 0.2);\n    }\n\n    .btn-primary:hover {\n      background: #3b82f6;\n      transform: translateY(-2px);\n      box-shadow: 0 15px 30px rgba(59, 130, 246, 0.3);\n    }\n\n    .btn-link {\n      color: #64748b;\n      text-decoration: none;\n      font-weight: 600;\n      font-size: 15px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: color 0.3s;\n    }\n\n    .btn-link:hover {\n      color: #0f172a;\n    }\n\n    \/* --- \u53f3\u4fa7\uff1a\u60ac\u6d6e\u7684\u78e8\u7802\u6570\u636e\u5361 (Glass Card) --- *\/\n    \/* \u8fd9\u662f\u4e00\u4e2a\u795e\u6765\u4e4b\u7b14\uff0c\u5b83\u60ac\u6d6e\u5728\u80cc\u666f\u56fe\u4e4b\u4e0a\uff0c\u5c55\u793a\u5168\u7403\u6570\u636e *\/\n    .glass-stat-card {\n      position: absolute;\n      right: 60px;\n      bottom: 60px; \/* \u653e\u5728\u53f3\u4e0b\u89d2 *\/\n      z-index: 3;\n      background: rgba(255, 255, 255, 0.7); \/* \u534a\u900f\u660e\u767d *\/\n      backdrop-filter: blur(12px); \/* \u78e8\u7802\u6548\u679c *\/\n      -webkit-backdrop-filter: blur(12px);\n      padding: 24px;\n      border-radius: 20px;\n      border: 1px solid rgba(255, 255, 255, 0.8);\n      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n      width: 260px;\n      animation: floatCard 6s ease-in-out infinite;\n    }\n\n    @keyframes floatCard {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(-10px); }\n    }\n\n    .stat-row {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: 16px;\n      padding-bottom: 16px;\n      border-bottom: 1px solid rgba(0,0,0,0.05);\n    }\n    .stat-row:last-child { margin-bottom: 0; padding-bottom: 0; border: none; }\n\n    .stat-val { font-size: 24px; font-weight: 800; color: #0f172a; }\n    .stat-label { font-size: 12px; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }\n\n    \/* --- \u54cd\u5e94\u5f0f --- *\/\n    @media (max-width: 1024px) {\n      .glass-container { height: auto; flex-direction: column; padding-bottom: 0; }\n      .glass-bg { position: relative; height: 250px; order: 1; }\n      .glass-bg::after { background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); } \/* \u624b\u673a\u7aef\u6e10\u53d8\u6539\u4e3a\u4ece\u4e0a\u5230\u4e0b *\/\n      .glass-content { width: 100%; padding: 40px 30px; order: 2; }\n      .glass-stat-card { position: relative; right: auto; bottom: auto; margin: -50px auto 30px; width: 90%; order: 1; } \/* \u624b\u673a\u7aef\u5361\u7247\u63d2\u5728\u56fe\u6587\u4e2d\u95f4 *\/\n    }\n  <\/style>\n\n  <div class=\"glass-container\">\n    \n    <!-- \u80cc\u666f\u5c42\uff1a\u9ad8\u8d28\u91cf\u5de5\u5382\u56fe -->\n    <div class=\"glass-bg\">\n      <!-- \u5efa\u8bae\u4f7f\u7528\u4e00\u5f20\u6bd4\u8f83\u5bbd\u7684\u3001\u6709\u900f\u89c6\u611f\u7684\u56fe\u7247 -->\n      <img loading=\"lazy\" height=\"1536\" width=\"2048\" decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/499317750_122107377854869367_2725729609403097798_n.jpg\" alt=\"Soletks Global Factory\">\n    <\/div>\n\n    <!-- \u5185\u5bb9\u5c42 -->\n    <div class=\"glass-content\">\n      <div class=\"glass-tag\">K\u00fcresel A\u011f<\/div>\n      <h2>Soletks ile Ortakl\u0131k Kurun<\/h2>\n      <p>D\u00fcnya \u00e7ap\u0131ndaki da\u011f\u0131t\u0131m a\u011f\u0131m\u0131za kat\u0131l\u0131n. Fabrika direkt fiyatlar, OEM markalama deste\u011fi ve m\u00fcnhas\u0131r b\u00f6lge korumas\u0131 al\u0131n.<\/p>\n      \n      <!-- \u4f18\u52bf\u52cb\u7ae0 -->\n      <div class=\"glass-benefits\">\n        <div class=\"benefit-pill\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v20M2 12h20\"\/><\/svg>\n          Fabrika Direkt\n        <\/div>\n        <div class=\"benefit-pill\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 7h-9m3 10H5\"\/><\/svg>\n          OEM Markalama\n        <\/div>\n        <div class=\"benefit-pill\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          5 Y\u0131l Garanti\n        <\/div>\n      <\/div>\n\n      <!-- \u884c\u52a8\u6309\u94ae -->\n      <div class=\"glass-actions\">\n        <a href=\"https:\/\/service.soletksolar.com\/tr\/contact\/\" class=\"btn-primary\">Hemen Ba\u015fvur<\/a>\n        <a href=\"https:\/\/service.soletksolar.com\/tr\/products\/\" class=\"btn-link\">\n          \u00dcr\u00fcnleri G\u00f6r\u00fcnt\u00fcle \n          <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- \u60ac\u6d6e\u6570\u636e\u5361 (\u53f3\u4e0b\u89d2\u7684\u70b9\u775b\u4e4b\u7b14) -->\n    <div class=\"glass-stat-card\">\n      <div class=\"stat-row\">\n        <div>\n          <div class=\"stat-val\">30+<\/div>\n          <div class=\"stat-label\">\u00dclkeler<\/div>\n        <\/div>\n        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20\"\/><\/svg>\n      <\/div>\n      <div class=\"stat-row\">\n        <div>\n          <div class=\"stat-val\">20g<\/div>\n          <div class=\"stat-label\">H\u0131zl\u0131 Teslimat<\/div>\n        <\/div>\n        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8359f5a e-con-full e-flex e-con e-parent\" data-id=\"8359f5a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0ef1c1 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b0ef1c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Global Certifications & Quality Assurance Section -->\n<section class=\"certifications-section\">\n  <style>\n    .certifications-section {\n      width: 100%;\n      background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      padding: 80px 0;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .certifications-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #e2e8f0 50%, transparent);\n    }\n\n    .certifications-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 40px;\n    }\n\n    \/* Section Header *\/\n    .certifications-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .certifications-label {\n      display: inline-block;\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #3b82f6;\n      margin-bottom: 15px;\n      padding: 8px 20px;\n      background: rgba(59, 130, 246, 0.1);\n      border-radius: 25px;\n      border: 1px solid rgba(59, 130, 246, 0.2);\n    }\n\n    .certifications-title {\n      font-size: 44px;\n      font-weight: 800;\n      color: #1e293b;\n      margin: 0 0 20px 0;\n      line-height: 1.2;\n    }\n\n    .certifications-title .highlight {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .certifications-description {\n      font-size: 17px;\n      line-height: 1.7;\n      color: #64748b;\n      max-width: 900px;\n      margin: 0 auto;\n    }\n\n    \/* Tabs Navigation *\/\n    .cert-tabs {\n      display: flex;\n      justify-content: center;\n      gap: 12px;\n      margin-bottom: 50px;\n      flex-wrap: wrap;\n    }\n\n    .cert-tab {\n      padding: 12px 28px;\n      font-size: 15px;\n      font-weight: 600;\n      color: #64748b;\n      background: white;\n      border: 2px solid #e2e8f0;\n      border-radius: 50px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .cert-tab::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.1), transparent);\n      transition: left 0.5s ease;\n    }\n\n    .cert-tab:hover {\n      border-color: #3b82f6;\n      color: #3b82f6;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);\n    }\n\n    .cert-tab:hover::before {\n      left: 100%;\n    }\n\n    .cert-tab.active {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      border-color: #3b82f6;\n      box-shadow: 0 4px 16px rgba(59, 130, 246, 0.4);\n    }\n\n    \/* Tab Content *\/\n    .cert-tab-content {\n      display: none;\n      animation: fadeIn 0.5s ease;\n    }\n\n    .cert-tab-content.active {\n      display: block;\n    }\n\n    @keyframes fadeIn {\n      from {\n        opacity: 0;\n        transform: translateY(20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    \/* Certificates Grid - 6 columns, 2 rows *\/\n    .certificates-grid {\n      display: grid;\n      grid-template-columns: repeat(6, 1fr);\n      gap: 20px;\n      margin-bottom: 40px;\n    }\n\n    .certificate-card {\n      background: white;\n      border-radius: 12px;\n      overflow: hidden;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n      transition: all 0.4s ease;\n      cursor: pointer;\n      position: relative;\n    }\n\n    .certificate-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, #3b82f6, #2563eb);\n      transform: scaleX(0);\n      transition: transform 0.4s ease;\n    }\n\n    .certificate-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 12px 40px rgba(59, 130, 246, 0.2);\n    }\n\n    .certificate-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .certificate-image {\n      width: 100%;\n      height: 200px;\n      overflow: hidden;\n      background: #f1f5f9;\n      position: relative;\n    }\n\n    .certificate-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 12px;\n      transition: transform 0.5s ease;\n    }\n\n    .certificate-card:hover .certificate-image img {\n      transform: scale(1.08);\n    }\n\n    .certificate-badge {\n      position: absolute;\n      top: 8px;\n      right: 8px;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      padding: 4px 10px;\n      border-radius: 15px;\n      font-size: 9px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      box-shadow: 0 2px 8px rgba(59, 130, 246, 0.4);\n    }\n\n    .certificate-info {\n      padding: 15px 12px;\n    }\n\n    .certificate-name {\n      font-size: 13px;\n      font-weight: 700;\n      color: #1e293b;\n      margin: 0 0 5px 0;\n      line-height: 1.3;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      min-height: 34px;\n    }\n\n    .certificate-type {\n      font-size: 11px;\n      color: #64748b;\n      margin: 0;\n    }\n\n    \/* Lightbox Modal *\/\n    .lightbox-modal {\n      display: none;\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0, 0, 0, 0.95);\n      z-index: 10000;\n      justify-content: center;\n      align-items: center;\n      padding: 40px;\n      animation: lightboxFadeIn 0.3s ease;\n    }\n\n    .lightbox-modal.active {\n      display: flex;\n    }\n\n    @keyframes lightboxFadeIn {\n      from {\n        opacity: 0;\n      }\n      to {\n        opacity: 1;\n      }\n    }\n\n    .lightbox-content {\n      position: relative;\n      max-width: 95%;\n      max-height: 95%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      animation: zoomIn 0.4s ease;\n    }\n\n    @keyframes zoomIn {\n      from {\n        transform: scale(0.8);\n        opacity: 0;\n      }\n      to {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n\n    .lightbox-content img {\n      max-width: 100%;\n      max-height: 90vh;\n      width: auto;\n      height: auto;\n      object-fit: contain;\n      border-radius: 8px;\n      box-shadow: 0 20px 80px rgba(0, 0, 0, 0.5);\n    }\n\n    .lightbox-close {\n      position: fixed;\n      top: 30px;\n      right: 30px;\n      width: 50px;\n      height: 50px;\n      background: rgba(255, 255, 255, 0.95);\n      border: none;\n      border-radius: 50%;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      z-index: 10001;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n    }\n\n    .lightbox-close:hover {\n      background: white;\n      transform: rotate(90deg) scale(1.1);\n    }\n\n    .lightbox-close svg {\n      width: 24px;\n      height: 24px;\n      stroke: #1e293b;\n      stroke-width: 2.5;\n    }\n\n    .lightbox-info {\n      position: fixed;\n      bottom: 30px;\n      left: 50%;\n      transform: translateX(-50%);\n      background: rgba(255, 255, 255, 0.95);\n      padding: 12px 24px;\n      border-radius: 30px;\n      font-size: 14px;\n      color: #1e293b;\n      font-weight: 600;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n      backdrop-filter: blur(10px);\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1400px) {\n      .certificates-grid {\n        grid-template-columns: repeat(5, 1fr);\n        gap: 18px;\n      }\n    }\n\n    @media (max-width: 1200px) {\n      .certificates-grid {\n        grid-template-columns: repeat(4, 1fr);\n        gap: 18px;\n      }\n\n      .certificate-image {\n        height: 180px;\n      }\n    }\n\n    @media (max-width: 992px) {\n      .certificates-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 16px;\n      }\n\n      .certificate-image {\n        height: 200px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .certifications-section {\n        padding: 60px 0;\n      }\n\n      .certifications-container {\n        padding: 0 20px;\n      }\n\n      .certifications-title {\n        font-size: 36px;\n      }\n\n      .certifications-description {\n        font-size: 16px;\n      }\n\n      .cert-tabs {\n        gap: 8px;\n      }\n\n      .cert-tab {\n        padding: 10px 20px;\n        font-size: 14px;\n      }\n\n      .certificates-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 16px;\n      }\n\n      .certificate-image {\n        height: 180px;\n      }\n\n      .lightbox-modal {\n        padding: 20px;\n      }\n\n      .lightbox-close {\n        top: 20px;\n        right: 20px;\n        width: 44px;\n        height: 44px;\n      }\n\n      .lightbox-info {\n        bottom: 20px;\n        font-size: 13px;\n        padding: 10px 20px;\n      }\n    }\n\n    @media (max-width: 576px) {\n      .certificates-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n\n      .certificate-image {\n        height: 240px;\n      }\n\n      .certifications-title {\n        font-size: 28px;\n      }\n\n      .lightbox-content img {\n        max-height: 80vh;\n      }\n    }\n  <\/style>\n\n  <div class=\"certifications-container\">\n    <!-- Section Header -->\n    <div class=\"certifications-header\">\n      <span class=\"certifications-label\">Uluslararas\u0131 Standartlar<\/span>\n      <h2 class=\"certifications-title\">\n        K\u00fcresel Sertifikalar &amp; <span class=\"highlight\">Kalite G\u00fcvencesi<\/span>\n      <\/h2>\n      <p class=\"certifications-description\">\n        SOLETK G\u00fcne\u015f \u00fcr\u00fcnleri, Solar Keymark, CE ve ISO dahil olmak \u00fczere uluslararas\u0131 kalite ve g\u00fcvenlik standartlar\u0131n\u0131 kar\u015f\u0131layacak \u015fekilde sertifikaland\u0131r\u0131lm\u0131\u015ft\u0131r. A\u015fa\u011f\u0131da, her \u00fcr\u00fcn i\u00e7in ayr\u0131 ayr\u0131 sertifikalar bulunmaktad\u0131r ve SOLETK G\u00fcne\u015f'in g\u00fcvenilirlik, performans ve uyumluluk taahh\u00fcd\u00fcn\u00fc g\u00f6stermektedir.\n      <\/p>\n    <\/div>\n\n    <!-- Tabs Navigation -->\n    <div class=\"cert-tabs\">\n      <button class=\"cert-tab active\" data-tab=\"all\">T\u00fcm Sertifikalar<\/button>\n      <button class=\"cert-tab\" data-tab=\"iso\">ISO Sertifikalar\u0131<\/button>\n      <button class=\"cert-tab\" data-tab=\"solar-keymark\">Solar Keymark<\/button>\n      <button class=\"cert-tab\" data-tab=\"product\">\u00dcr\u00fcn Sertifikalar\u0131<\/button>\n    <\/div>\n\n    <!-- All Certificates Tab -->\n    <div class=\"cert-tab-content active\" id=\"all\">\n      <div class=\"certificates-grid\">\n        <!-- Certificate 1 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2.-Test-Report-240531098GZU-001_Security_01.jpg?w=1200&quality=85\" data-name=\"Test Report Certificate\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/2.-Test-Report-240531098GZU-001_Security_01.jpg?w=300&quality=75\" alt=\"Test Report Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Test Raporu<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Test Raporu Sertifikas\u0131<\/h3>\n            <p class=\"certificate-type\">Kalite G\u00fcvence Raporu<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 2 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg?w=1200&quality=85\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg?w=300&quality=75\" alt=\"Solar Keymark Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Solar Keymark<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Solar Keymark Sertifikasyonu<\/h3>\n            <p class=\"certificate-type\">Avrupa Kalite Standard\u0131<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 3 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg?w=1200&quality=85\" data-name=\"ISO 9001 Quality Management\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 1\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 9001 Kalite Y\u00f6netimi<\/h3>\n            <p class=\"certificate-type\">Uluslararas\u0131 Standardizasyon \u00d6rg\u00fct\u00fc<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 4 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg?w=1200&quality=85\" data-name=\"ISO 14001 Environmental Management\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 2\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 14001 \u00c7evre Y\u00f6netimi<\/h3>\n            <p class=\"certificate-type\">Uluslararas\u0131 Standardizasyon \u00d6rg\u00fct\u00fc<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 5 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg?w=1200&quality=85\" data-name=\"ISO 45001 Occupational Health & Safety\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 3\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 45001 \u0130\u015f Sa\u011fl\u0131\u011f\u0131 ve G\u00fcvenli\u011fi<\/h3>\n            <p class=\"certificate-type\">Uluslararas\u0131 Standardizasyon \u00d6rg\u00fct\u00fc<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 6 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg?w=1200&quality=85\" data-name=\"Air Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg?w=300&quality=75\" alt=\"Air Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u00dcr\u00fcn<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Hava G\u00fcne\u015f Kolekt\u00f6r\u00fc<\/h3>\n            <p class=\"certificate-type\">\u00dcr\u00fcn Sertifikasyonu<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 7 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg?w=1200&quality=85\" data-name=\"Flat Plate Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg?w=300&quality=75\" alt=\"Flat Plate Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u00dcr\u00fcn<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">D\u00fczlemsel G\u00fcne\u015f Kolekt\u00f6r\u00fc<\/h3>\n            <p class=\"certificate-type\">\u00dcr\u00fcn Sertifikasyonu<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 8 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg?w=1200&quality=85\" data-name=\"PVT Solar System\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg?w=300&quality=75\" alt=\"PVT Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u00dcr\u00fcn<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">PVT G\u00fcne\u015f Sistemi<\/h3>\n            <p class=\"certificate-type\">\u00dcr\u00fcn Sertifikasyonu<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 9 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg?w=1200&quality=85\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg?w=300&quality=75\" alt=\"Solar Keymark Certificate 2\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Solar Keymark<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Solar Keymark Sertifikasyonu<\/h3>\n            <p class=\"certificate-type\">Avrupa Kalite Standard\u0131<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 10 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg?w=1200&quality=85\" data-name=\"Solar Water Heater\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg?w=300&quality=75\" alt=\"Solar Water Heater Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u00dcr\u00fcn<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Solar Water Heater<\/h3>\n            <p class=\"certificate-type\">\u00dcr\u00fcn Sertifikasyonu<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Certificate 11 -->\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg?w=1200&quality=85\" data-name=\"Vacuum Tube Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg?w=300&quality=75\" alt=\"Vacuum Tube Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u00dcr\u00fcn<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Vakumlu T\u00fcpl\u00fc G\u00fcne\u015f Kolekt\u00f6r\u00fc<\/h3>\n            <p class=\"certificate-type\">\u00dcr\u00fcn Sertifikasyonu<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ISO Certifications Tab -->\n    <div class=\"cert-tab-content\" id=\"iso\">\n      <div class=\"certificates-grid\">\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg?w=1200&quality=85\" data-name=\"ISO 9001 Quality Management\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-1-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 1\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 9001 Kalite Y\u00f6netimi<\/h3>\n            <p class=\"certificate-type\">Uluslararas\u0131 Standardizasyon \u00d6rg\u00fct\u00fc<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg?w=1200&quality=85\" data-name=\"ISO 14001 Environmental Management\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-2-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 2\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 14001 \u00c7evre Y\u00f6netimi<\/h3>\n            <p class=\"certificate-type\">Uluslararas\u0131 Standardizasyon \u00d6rg\u00fct\u00fc<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg?w=1200&quality=85\" data-name=\"ISO 45001 Occupational Health & Safety\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg?w=300&quality=75\" alt=\"ISO Certification 3\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">ISO<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">ISO 45001 \u0130\u015f Sa\u011fl\u0131\u011f\u0131 ve G\u00fcvenli\u011fi<\/h3>\n            <p class=\"certificate-type\">Uluslararas\u0131 Standardizasyon \u00d6rg\u00fct\u00fc<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Solar Keymark Tab -->\n    <div class=\"cert-tab-content\" id=\"solar-keymark\">\n      <div class=\"certificates-grid\">\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg?w=1200&quality=85\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/011-7S2892-F_en_extsigned-\u82f1\u8bed_01.jpg?w=300&quality=75\" alt=\"Solar Keymark Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Solar Keymark<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Solar Keymark Sertifikasyonu<\/h3>\n            <p class=\"certificate-type\">Avrupa Kalite Standard\u0131<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg?w=1200&quality=85\" data-name=\"Solar Keymark Certification\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Solar-keymark-011-7S3254-F_en_extsigned_01.jpg?w=300&quality=75\" alt=\"Solar Keymark Certificate 2\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">Solar Keymark<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Solar Keymark Sertifikasyonu<\/h3>\n            <p class=\"certificate-type\">Avrupa Kalite Standard\u0131<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Product Certificates Tab -->\n    <div class=\"cert-tab-content\" id=\"product\">\n      <div class=\"certificates-grid\">\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg?w=1200&quality=85\" data-name=\"Air Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Air-solar-collector.jpg?w=300&quality=75\" alt=\"Air Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u00dcr\u00fcn<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Hava G\u00fcne\u015f Kolekt\u00f6r\u00fc<\/h3>\n            <p class=\"certificate-type\">\u00dcr\u00fcn Sertifikasyonu<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg?w=1200&quality=85\" data-name=\"Flat Plate Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/flat-plate-solar-collector.jpg?w=300&quality=75\" alt=\"Flat Plate Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u00dcr\u00fcn<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">D\u00fczlemsel G\u00fcne\u015f Kolekt\u00f6r\u00fc<\/h3>\n            <p class=\"certificate-type\">\u00dcr\u00fcn Sertifikasyonu<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg?w=1200&quality=85\" data-name=\"PVT Solar System\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/PVT.jpg?w=300&quality=75\" alt=\"PVT Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u00dcr\u00fcn<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">PVT G\u00fcne\u015f Sistemi<\/h3>\n            <p class=\"certificate-type\">\u00dcr\u00fcn Sertifikasyonu<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg?w=1200&quality=85\" data-name=\"Solar Water Heater\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/solar-water-heater.jpg?w=300&quality=75\" alt=\"Solar Water Heater Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u00dcr\u00fcn<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Solar Water Heater<\/h3>\n            <p class=\"certificate-type\">\u00dcr\u00fcn Sertifikasyonu<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"certificate-card\" data-image=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg?w=1200&quality=85\" data-name=\"Vacuum Tube Solar Collector\">\n          <div class=\"certificate-image\">\n            <img src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/Vacuum-tube-solar-collector.jpg?w=300&quality=75\" alt=\"Vacuum Tube Solar Collector Certificate\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"certificate-badge\">\u00dcr\u00fcn<\/span>\n          <\/div>\n          <div class=\"certificate-info\">\n            <h3 class=\"certificate-name\">Vakumlu T\u00fcpl\u00fc G\u00fcne\u015f Kolekt\u00f6r\u00fc<\/h3>\n            <p class=\"certificate-type\">\u00dcr\u00fcn Sertifikasyonu<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Lightbox Modal -->\n  <div class=\"lightbox-modal\" id=\"lightbox\">\n    <button class=\"lightbox-close\" id=\"lightbox-close\">\n      <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n        <path d=\"M18 6L6 18M6 6l12 12\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"lightbox-content\">\n      <img loading=\"lazy\" decoding=\"async\" src=\"\" alt=\"Certificate\" id=\"lightbox-image\">\n    <\/div>\n    <div class=\"lightbox-info\" id=\"lightbox-info\">Sertifika Ad\u0131<\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Tab Switching\n  const tabs = document.querySelectorAll('.cert-tab');\n  const tabContents = document.querySelectorAll('.cert-tab-content');\n\n  tabs.forEach(tab => {\n    tab.addEventListener('click', function() {\n      const targetTab = this.getAttribute('data-tab');\n      \n      tabs.forEach(t => t.classList.remove('active'));\n      tabContents.forEach(c => c.classList.remove('active'));\n      \n      this.classList.add('active');\n      document.getElementById(targetTab).classList.add('active');\n    });\n  });\n\n  \/\/ Lightbox functionality\n  const lightbox = document.getElementById('lightbox');\n  const lightboxImage = document.getElementById('lightbox-image');\n  const lightboxInfo = document.getElementById('lightbox-info');\n  const lightboxClose = document.getElementById('lightbox-close');\n  const certificateCards = document.querySelectorAll('.certificate-card');\n\n  \/\/ Open lightbox when clicking on certificate card\n  certificateCards.forEach(card => {\n    card.addEventListener('click', function() {\n      const imageUrl = this.getAttribute('data-image');\n      const certName = this.getAttribute('data-name');\n      \n      lightboxImage.src = imageUrl;\n      lightboxInfo.textContent = certName;\n      lightbox.classList.add('active');\n      document.body.style.overflow = 'hidden';\n    });\n  });\n\n  \/\/ Close lightbox\n  lightboxClose.addEventListener('click', function() {\n    lightbox.classList.remove('active');\n    document.body.style.overflow = '';\n  });\n\n  \/\/ Close lightbox when clicking on dark background\n  lightbox.addEventListener('click', function(e) {\n    if (e.target === lightbox) {\n      lightbox.classList.remove('active');\n      document.body.style.overflow = '';\n    }\n  });\n\n  \/\/ Close lightbox with ESC key\n  document.addEventListener('keydown', function(e) {\n    if (e.key === 'Escape' && lightbox.classList.contains('active')) {\n      lightbox.classList.remove('active');\n      document.body.style.overflow = '';\n    }\n  });\n\n  \/\/ Scroll animation for certificate cards\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n\n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach((entry, index) => {\n      if (entry.isIntersecting) {\n        setTimeout(() => {\n          entry.target.style.opacity = '1';\n          entry.target.style.transform = 'translateY(0)';\n        }, index * 50);\n        \n        observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n\n  certificateCards.forEach(card => {\n    card.style.opacity = '0';\n    card.style.transform = 'translateY(30px)';\n    card.style.transition = 'all 0.6s ease';\n    observer.observe(card);\n  });\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Verified Source Manufacturer Premium Solar Thermal Manufacturing Base OEM\/ODM Services | Turnkey Solar Thermal Projects | Global Distributor Recruitment Direct from our factory to your project. We provide high-efficiency flat plate collectors with strict quality control and competitive wholesale pricing. CHAT ON WHATSAPP Get Wholesale Quote Solar Thermal Series Factory direct pricing for global distributors [&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-1226","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/tr\/wp-json\/wp\/v2\/pages\/1226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/tr\/wp-json\/wp\/v2\/comments?post=1226"}],"version-history":[{"count":31,"href":"https:\/\/service.soletksolar.com\/tr\/wp-json\/wp\/v2\/pages\/1226\/revisions"}],"predecessor-version":[{"id":1263,"href":"https:\/\/service.soletksolar.com\/tr\/wp-json\/wp\/v2\/pages\/1226\/revisions\/1263"}],"up":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/tr\/wp-json\/wp\/v2\/pages\/179"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/tr\/wp-json\/wp\/v2\/media?parent=1226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}