/* products.css — 產品區（只用 pd- 前綴；卡片沿用 style.css 嘅 .svc/.ic） */
.pd-sec{scroll-margin-top:72px}
.pd-sec h2 .pd-en{display:block;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:.55em;color:var(--muted);margin-top:4px}
.pd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pd-card{display:flex;flex-direction:column;padding:26px 24px}
.pd-ic{font-size:1.6rem;line-height:1}
.pd-card .pd-zh{color:var(--ink2);margin:12px 0 6px;font-size:.96rem}
.pd-card .pd-en-p{color:var(--muted);margin:0 0 18px;font-size:.88rem;font-family:"Space Grotesk","Noto Sans TC",sans-serif;line-height:1.55}
.pd-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.9rem;color:var(--hot);padding:7px 14px;border-radius:999px;background:#eef2ff;border:1px solid #dfe3fb;transition:background .2s,color .2s}
.pd-cta:hover{background:var(--grad);color:#fff;border-color:transparent}
@media (max-width:1100px){.pd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pd-grid{grid-template-columns:1fr}}

/* 821–960px：加咗「產品」之後導航仍保持一行，品牌名唔斷行（只改呢個闊度範圍） */
@media (min-width:821px) and (max-width:960px){
  .nav-in .brand-t{white-space:nowrap}
  .nav-in{padding-left:16px;padding-right:16px}
  .menu{gap:9px;font-size:.84rem}
  .menu .btn-sm{padding:7px 11px;font-size:.8rem}
}