/* HL3C V6：分類卡片色彩分區＋Footer 專業化 */

/* 仍然隱藏「幾項設備」 */
.brand-v4-catalog-card small,
.brand-v4-photo-card small,
.home-v3-category-card small,
.home-v3-need-grid small {
  display: none !important;
}

/* 分類卡片：用色彩邊線與 hover 區分分類，不要每張都一樣 */
.brand-v4-catalog-grid-photo .brand-v4-catalog-card {
  --cat-accent: #e8422c;
  --cat-accent-dark: #b42318;
  --cat-accent-soft: #fff1f2;
  border-top: 5px solid var(--cat-accent) !important;
}

.brand-v4-catalog-grid-photo .brand-v4-catalog-card:nth-child(6n+1) {
  --cat-accent: #e8422c;
  --cat-accent-dark: #b42318;
  --cat-accent-soft: #fff1f2;
}
.brand-v4-catalog-grid-photo .brand-v4-catalog-card:nth-child(6n+2) {
  --cat-accent: #2563eb;
  --cat-accent-dark: #1d4ed8;
  --cat-accent-soft: #eff6ff;
}
.brand-v4-catalog-grid-photo .brand-v4-catalog-card:nth-child(6n+3) {
  --cat-accent: #0f766e;
  --cat-accent-dark: #0f5f59;
  --cat-accent-soft: #ecfdf5;
}
.brand-v4-catalog-grid-photo .brand-v4-catalog-card:nth-child(6n+4) {
  --cat-accent: #7c3aed;
  --cat-accent-dark: #6d28d9;
  --cat-accent-soft: #f5f3ff;
}
.brand-v4-catalog-grid-photo .brand-v4-catalog-card:nth-child(6n+5) {
  --cat-accent: #ca8a04;
  --cat-accent-dark: #a16207;
  --cat-accent-soft: #fffbeb;
}
.brand-v4-catalog-grid-photo .brand-v4-catalog-card:nth-child(6n+6) {
  --cat-accent: #0891b2;
  --cat-accent-dark: #0e7490;
  --cat-accent-soft: #ecfeff;
}

/* 沒照片分類的色塊 */
.brand-v4-catalog-grid-photo .brand-v4-catalog-card:not(.brand-v4-photo-card) {
  background:
    radial-gradient(circle at right top, var(--cat-accent-soft) 0%, transparent 46%),
    #fff !important;
}

.brand-v4-catalog-grid-photo .brand-v4-catalog-card:not(.brand-v4-photo-card)::before {
  background: var(--cat-accent-soft) !important;
  color: var(--cat-accent-dark) !important;
}

.brand-v4-catalog-grid-photo .brand-v4-catalog-card .brand-v4-catalog-icon {
  background: var(--cat-accent-soft) !important;
  color: var(--cat-accent-dark) !important;
}

/* 有照片分類的縮寫色塊 */
.brand-v4-catalog-grid-photo .brand-v4-cat-photo span {
  background: linear-gradient(135deg, var(--cat-accent), var(--cat-accent-dark)) !important;
}

/* hover：整張卡更有互動感 */
.brand-v4-catalog-grid-photo .brand-v4-catalog-card:hover {
  border-color: color-mix(in srgb, var(--cat-accent) 55%, #ffffff) !important;
  box-shadow:
    0 26px 72px rgba(15,23,42,.14),
    0 0 0 1px color-mix(in srgb, var(--cat-accent) 28%, transparent) !important;
}

.brand-v4-catalog-grid-photo .brand-v4-catalog-card:hover h3 {
  color: var(--cat-accent-dark) !important;
}

.brand-v4-catalog-grid-photo .brand-v4-catalog-card::after {
  background: var(--cat-accent-dark) !important;
}

.brand-v4-catalog-grid-photo .brand-v4-catalog-card:hover::after {
  opacity: 1 !important;
  transform: translateX(0) !important;
}

/* 有照片的卡片，hover 時照片加深並帶色 */
.brand-v4-catalog-grid-photo .brand-v4-photo-card:hover .brand-v4-cat-photo::after {
  background:
    linear-gradient(180deg, rgba(8,17,31,.05) 18%, rgba(8,17,31,.72) 100%),
    linear-gradient(135deg, color-mix(in srgb, var(--cat-accent) 30%, transparent), transparent) !important;
}

/* Footer 改成公司資訊型，不再像產品型錄重複一大串 */
.site-footer {
  margin-top: 0;
  background:
    linear-gradient(180deg, #151922 0%, #0b1220 100%) !important;
  color: #e5e7eb;
  border-top: 6px solid #d9482f;
}

.footer-v6 {
  max-width: 1280px;
  margin: 0 auto;
  padding: 54px 7vw 26px;
}

.footer-v6-main {
  display: grid;
  grid-template-columns: 1.45fr .85fr .85fr 1fr;
  gap: 34px;
}

.footer-v6 h2,
.footer-v6 h3 {
  color: #fff;
  margin-top: 0;
}

.footer-v6-brand h2 {
  font-size: 30px;
  margin-bottom: 12px;
}

.footer-v6-brand p,
.footer-v6 p,
.footer-v6 li,
.footer-v6 a {
  color: #cbd5e1;
  line-height: 1.75;
}

.footer-v6 a:hover {
  color: #fff;
}

.footer-v6-kicker {
  display: inline-block;
  color: #fca5a5;
  font-weight: 900;
  letter-spacing: .12em;
  font-size: 12px;
  margin-bottom: 10px;
}

.footer-v6-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-v6-list li {
  margin: 8px 0;
}

.footer-v6-service-area {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 20px;
  padding: 18px;
}

.footer-v6-service-area strong {
  display: block;
  color: #fff;
  margin-bottom: 8px;
}

.footer-v6-bottom {
  border-top: 1px solid rgba(255,255,255,.12);
  margin-top: 36px;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  color: #94a3b8;
  font-size: 14px;
}

.footer-v6-bottom a {
  color: #94a3b8;
}

@media (max-width: 980px) {
  .footer-v6-main {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .footer-v6-main {
    grid-template-columns: 1fr;
  }

  .footer-v6 {
    padding: 42px 6vw 24px;
  }
}