/* Home sections (moved from About) */
.home-hero{
  border:1px solid #e5e7eb; border-radius:16px; padding:20px; background:#fafcff; margin:6px 0 16px;
}
.home-hero h1{ margin:0 0 6px; font-size:26px; }
.home-hero p{ margin:0 0 10px; color:#475569; }
.home-hero .btn{ display:inline-block; padding:8px 14px; background:#2563eb; color:#fff; border-radius:10px; }
.home-hero .btn:hover{ background:#1d4ed8; }

.home-block{ margin:18px 0; }
.home-block h3{ margin:0 0 10px; font-size:18px; }

.grid4{ display:grid; grid-template-columns:repeat(4,minmax(180px,1fr)); gap:12px; }
.grid4.small{ grid-template-columns:repeat(4,minmax(160px,1fr)); }
@media (max-width:900px){ .grid4, .grid4.small{ grid-template-columns:repeat(2,minmax(160px,1fr)); } }
@media (max-width:380px){ .grid4, .grid4.small{ grid-template-columns:1fr; } }

.pill{ background:#f8fafc; border:1px solid #e5e7eb; border-radius:12px; padding:12px; }
.pill h4{ margin:6px 0 2px; font-size:15px; }
.pill p{ margin:0; color:#475569; font-size:13px; }
.ico{ width:26px; height:26px; border-radius:8px; background:#dbeafe; }
.i-blue{ background:#bfdbfe; } .i-cyan{ background:#bae6fd; } .i-green{ background:#bbf7d0; } .i-amber{ background:#fde68a; }

.kv{ background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:12px; display:flex; gap:10px; align-items:center; }
.k{ font-weight:700; color:#0f172a; min-width:80px; }
.v{ color:#475569; }

.chips{ list-style:none; display:flex; gap:8px; padding:0; margin:0; flex-wrap:wrap; }
.chips li{ padding:6px 10px; background:#fff; border:1px solid #e5e7eb; border-radius:999px; font-size:12px; color:#334155; }
.chips.wrap{ margin-top:4px; }

/* Logo 橫向 360° 自動旋轉 */
.site-logo {
  display: inline-block;
  animation: spin-x 6s linear infinite; /* 6 秒一圈 */
  transform-style: preserve-3d;
  perspective: 1000px; /* 讓 3D 效果更明顯 */
}




/* Home - Our Main Products cards */
.what-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(180px, 1fr));
  gap:16px;
  margin-bottom:40px;
}
@media (max-width:900px){
  .what-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
}
@media (max-width:380px){
  .what-grid{ grid-template-columns:1fr; }
}
.what-card{ width:auto !important; }


/* --- OEM button + badge (desktop/mobile) --- */
.home-hero .btn.btn-oem{
  background:#E6B65C !important;
  color:#111111 !important;
  border:1px solid rgba(0,0,0,.10) !important;
  font-weight:800 !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.25) !important;
}

.home-hero .btn.btn-oem:hover{
  background:#D9A94A !important;
  color:#111111 !important;
}
.home-hero .hero-badge{
  background:rgba(230,182,92,.92) !important;
  color:#111111 !important;
  border:1px solid rgba(0,0,0,.12) !important;
  font-weight:800 !important;
}