.elementor-264 .elementor-element.elementor-element-9fec3c6{--display:flex;}.elementor-264 .elementor-element.elementor-element-5e95928{margin:80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-264 .elementor-element.elementor-element-969dc67{--display:flex;}.elementor-264 .elementor-element.elementor-element-dd8372e{--display:flex;}body.elementor-page-264:not(.elementor-motion-effects-element-type-background), body.elementor-page-264 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1120;}/* Start custom CSS for html, class: .elementor-element-5e95928 *//* --- CẤU HÌNH SECTION --- */
.solar-header {
  --sh-primary: #13ec6d;       /* Xanh Neon (Thương hiệu) */
  --sh-blue: #93c5fd;          /* Xanh dương nhạt (Blue-300) */
  --sh-accent: #f59e0b;        /* Màu Cam (Mặt trời) */
  --sh-text-white: #ffffff;
  --sh-text-gray: #9ca3af;     /* Gray-400 */
  
  font-family: 'Spline Sans', sans-serif;
  text-align: center;
  margin-bottom: 4rem;
  
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* --- BADGE (NHÃN) --- */
.solar-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  
  /* Màu nền cam nhạt (accent/10) */
  background-color: rgba(245, 158, 11, 0.1); 
  border: 1px solid rgba(245, 158, 11, 0.2);
  color: var(--sh-accent);
  
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  margin-bottom: 1rem;
  
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.icon-sun {
  font-size: 1.125rem; /* 18px */
  user-select: none;
}

/* --- TIÊU ĐỀ (TITLE) --- */
.solar-title {
  color: var(--sh-text-white);
  font-size: 2.25rem; /* Mobile: 36px */
  font-weight: 900;   /* Black weight */
  line-height: 1.2;
  letter-spacing: -0.033em;
  margin: 0 0 1rem 0;
}

/* Responsive Font Size */
@media (min-width: 768px) {
  .solar-title {
    font-size: 3.75rem; /* PC: 60px */
  }
}

/* Ngắt dòng chỉ hiện trên PC */
.break-desktop {
  display: none;
}
@media (min-width: 768px) {
  .break-desktop { display: block; }
}

/* Hiệu ứng Chữ Gradient (Màu cầu vồng) */
.title-gradient {
  background-image: linear-gradient(to right, var(--sh-primary), var(--sh-blue));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent; /* Làm trong suốt chữ để hiện nền gradient */
  display: inline-block; /* Giúp gradient hiển thị đúng trên một số trình duyệt */
}

/* --- MÔ TẢ (DESCRIPTION) --- */
.solar-desc {
  color: var(--sh-text-gray);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  
  max-width: 42rem; /* Giới hạn độ rộng để dễ đọc */
  margin: 0 auto;
}

@media (min-width: 768px) {
  .solar-desc {
    font-size: 1.125rem; /* 18px */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b39644 *//* --- CẤU HÌNH GRID --- */
.stats-grid {
  /* Biến màu cục bộ */
  --sg-primary: #13ec6d;       /* Xanh Neon */
  --sg-accent: #f59e0b;        /* Màu Cam */
  --sg-green: #22c55e;         /* Xanh lá */
  --sg-bg-card: rgba(28, 39, 32, 0.5); 
  --sg-border: #3b5445;        
  --sg-text-white: #ffffff;
  --sg-text-gray: #6b7280;     
  
  font-family: 'Spline Sans', sans-serif;
  box-sizing: border-box;
  width: 100%;
  
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .stats-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* --- THẺ THỐNG KÊ (CARD) --- */
.stat-card {
  background-color: var(--sg-bg-card);
  backdrop-filter: blur(4px);
  border: 1px solid var(--sg-border);
  border-radius: 1rem;
  padding: 2rem;
  
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  
  transition: all 0.3s ease;
  cursor: default;
}

.stat-card:hover {
  border-color: rgba(19, 236, 109, 0.5);
  transform: translateY(-2px);
}

/* --- ICON TRÒN --- */
.stat-icon-box {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  transition: transform 0.3s ease;
}

.stat-icon-box .material-symbols-outlined {
  font-size: 1.875rem;
  user-select: none;
}

.stat-card:hover .stat-icon-box {
  transform: scale(1.1);
}

/* Phối màu Icon */
.theme-accent { background-color: rgba(245, 158, 11, 0.1); color: var(--sg-accent); }
.theme-primary { background-color: rgba(19, 236, 109, 0.1); color: var(--sg-primary); }
.theme-green { background-color: rgba(34, 197, 94, 0.1); color: var(--sg-green); }

/* --- SỐ LIỆU (VALUE) --- */
.stat-value {
  color: var(--sg-text-white);
  font-size: 3rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.025em;
  margin-bottom: 0.5rem; /* Tăng khoảng cách một chút */
}

.stat-unit {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--sg-text-gray);
  margin-left: 0.25rem;
}

/* --- NHÃN (LABEL) - ĐÃ ĐỔI MÀU TRẮNG --- */
.stat-label {
  color: #ffffff; /* Đổi từ màu xanh sang trắng */
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
  opacity: 0.9; /* Giảm độ sáng nhẹ để dịu mắt hơn */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66ce1fd *//* --- CẤU HÌNH TỔNG QUÁT --- */
.solar-details-section {
  --sd-primary: #13ec6d;       /* Xanh Neon */
  --sd-accent: #f59e0b;        /* Màu Cam */
  --sd-cyan: #22d3ee;          /* Màu Cyan (Phao) */
  --sd-bg-dark: #111814;
  --sd-bg-card: #1c2720;       /* Nền card */
  --sd-border: #3b5445;        /* Viền */
  --sd-text-white: #ffffff;
  --sd-text-gray: #9ca3af;
  
  font-family: 'Spline Sans', sans-serif;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1.5rem 5rem 1.5rem;
  box-sizing: border-box;
}

/* --- GRID LAYOUT (PHẦN TRÊN) --- */
.details-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  margin-bottom: 4rem;
}

@media (min-width: 1024px) {
  .details-grid {
    grid-template-columns: 1fr 1fr; /* 2 cột trên Desktop */
  }
}

.details-column {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* --- KHỐI THÔNG TIN (BLOCK) --- */
.detail-block {
  display: flex; flex-direction: column;
}

.block-title {
  display: flex; align-items: center; gap: 0.75rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--sd-text-white);
  margin: 0 0 1.5rem 0;
}

.title-icon {
  width: 2rem; height: 2rem;
  border-radius: 0.25rem;
  display: flex; align-items: center; justify-content: center;
  color: #fff;
}
.title-icon.bg-primary { background-color: var(--sd-primary); color: #111814; }
.title-icon.bg-accent { background-color: var(--sd-accent); color: #111814; }

.block-content {
  background-color: var(--sd-bg-card);
  border: 1px solid var(--sd-border);
  border-radius: 1rem;
  padding: 1.5rem;
}
.block-content.no-padding { padding: 0.25rem; } /* Cho phần Vị trí */

/* --- DANH SÁCH (FEATURE LIST) --- */
.feature-list {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 1rem;
}

.feature-list li { display: flex; gap: 1rem; align-items: flex-start; }

.list-icon { color: var(--sd-accent); font-size: 1.25rem; margin-top: 0.15rem; }

.feature-list h4 { color: var(--sd-text-white); font-weight: 600; margin: 0; }
.feature-list p { color: var(--sd-text-gray); font-size: 0.875rem; margin: 0.25rem 0 0 0; line-height: 1.5; }

/* --- TIỀM NĂNG BỨC XẠ (STATS & PROGRESS) --- */
.stats-mini-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.stat-mini-box {
  background-color: rgba(17, 24, 20, 0.5); /* Nền tối hơn */
  padding: 1rem; border-radius: 0.75rem;
}

.stat-label { font-size: 0.75rem; text-transform: uppercase; color: var(--sd-text-gray); display: block; margin-bottom: 0.25rem; }
.stat-number { font-size: 1.5rem; font-weight: 700; color: var(--sd-text-white); margin: 0; }
.stat-number small { font-size: 0.875rem; font-weight: 400; color: var(--sd-text-gray); margin-left: 0.25rem; }

.progress-wrapper { display: flex; flex-direction: column; gap: 0.5rem; }
.progress-label { display: flex; justify-content: space-between; font-size: 0.875rem; color: #d1d5db; }
.highlight-accent { color: var(--sd-accent); font-weight: 700; }

.progress-bar-bg { width: 100%; height: 0.5rem; background-color: rgba(17, 24, 20, 1); border-radius: 99px; overflow: hidden; }
.progress-bar-fill { height: 100%; background-color: var(--sd-accent); border-radius: 99px; }
.progress-note { font-size: 0.75rem; color: #6b7280; font-style: italic; margin: 0.5rem 0 0 0; }

/* --- VỊ TRÍ (LOCATION BOX) --- */
.location-box {
  background-color: rgba(17, 24, 20, 0.8);
  padding: 1.5rem; border-radius: 0.75rem;
}

.loc-row {
  display: flex; justify-content: space-between; align-items: center;
  padding-bottom: 0.75rem; margin-bottom: 0.75rem;
  border-bottom: 1px solid var(--sd-border);
}
.loc-row.no-border { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

.loc-label { color: var(--sd-text-gray); font-size: 1rem; }
.loc-value { color: var(--sd-text-white); font-weight: 500; text-align: right; }
.loc-value.highlight-primary { color: var(--sd-primary); font-weight: 700; }
.loc-value.mono { font-family: monospace; }

/* --- QUY MÔ (TECH STACK) --- */
.tech-stack { display: flex; flex-direction: column; gap: 1rem; }

.tech-item {
  background-color: var(--sd-bg-card);
  border: 1px solid var(--sd-border);
  padding: 1.25rem; border-radius: 1rem;
  display: flex; align-items: center; gap: 1rem;
}

.tech-icon {
  width: 3rem; height: 3rem; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
}
.tech-icon span { font-size: 1.5rem; }
.icon-blue { background: rgba(59, 130, 246, 0.1); color: #60a5fa; }
.icon-orange { background: rgba(249, 115, 22, 0.1); color: #fb923c; }
.icon-cyan { background: rgba(6, 182, 212, 0.1); color: #22d3ee; }

.tech-info { display: flex; flex-direction: column; }
.tech-label { font-size: 0.75rem; text-transform: uppercase; color: var(--sd-text-gray); letter-spacing: 0.05em; }
.tech-name { font-weight: 700; color: var(--sd-text-white); margin: 0.1rem 0; }
.tech-sub { font-size: 0.75rem; color: #6b7280; }

/* --- PHẦN 2: BẢNG CHI PHÍ (COST SECTION) --- */
.cost-section {
  background-color: #0f1522; /* Nền rất tối */
  border: 1px solid var(--sd-border);
  border-radius: 1.5rem;
  padding: 2rem 1rem;
}

@media (min-width: 768px) { .cost-section { padding: 3rem; } }

.cost-header { text-align: center; margin-bottom: 2.5rem; }
.cost-title { font-size: 1.875rem; font-weight: 700; color: var(--sd-text-white); margin: 0 0 0.75rem 0; }
.cost-desc { color: var(--sd-text-gray); margin: 0; }

.table-responsive { overflow-x: auto; }

.cost-table { width: 100%; border-collapse: collapse; min-width: 600px; }

.cost-table th {
  text-align: left; font-size: 0.875rem; text-transform: uppercase;
  color: var(--sd-text-gray); padding-bottom: 1rem;
  border-bottom: 1px solid var(--sd-border);
}
.cost-table td {
  padding: 1rem 0;
  border-bottom: 1px solid rgba(59, 84, 69, 0.3);
  color: var(--sd-text-white); font-size: 0.95rem;
}

.cost-table tr:hover td { background-color: rgba(28, 39, 32, 0.5); }

/* Column Alignments */
.col-name { padding-left: 1rem; font-weight: 500; display: flex; align-items: center; gap: 0.75rem; }
.col-center { text-align: center; color: var(--sd-text-gray); }
.col-right { text-align: right; }
.col-right.mono { font-family: monospace; }
.col-right.bold { font-weight: 700; }
.col-right.muted { color: var(--sd-text-gray); padding-right: 1rem; }

.icon-row { font-size: 1.125rem; color: #9ca3af; }
.text-accent { color: var(--sd-accent); }
.text-cyan { color: var(--sd-cyan); }
.highlight-primary { color: var(--sd-primary); }

/* Total Row */
.row-total td {
  background-color: rgba(19, 236, 109, 0.05);
  border-bottom: none; padding-top: 1.25rem; padding-bottom: 1.25rem;
}
.total-value { font-size: 1.5rem; font-weight: 900; color: var(--sd-text-white); }
.total-percent { font-weight: 700; color: var(--sd-text-white); padding-right: 1rem; }

/* Cost Footer */
.cost-footer { margin-top: 1.5rem; display: flex; justify-content: flex-end; }

.btn-download-report {
  background: transparent; border: none;
  color: var(--sd-primary); font-weight: 500;
  display: flex; align-items: center; gap: 0.5rem;
  cursor: pointer; transition: color 0.2s;
}
.btn-download-report:hover { color: #fff; }/* End custom CSS */