/* page-products.css */
.prod-tab { display:inline-block; padding:10px 18px; font-size:13.5px; color:var(--text2); text-decoration:none; border-bottom:2px solid transparent; transition:.2s; white-space:nowrap; cursor:pointer; }
.prod-tab:hover, .active-tab { color:var(--blue); border-bottom-color:var(--blue); }
.prod-detail-card { background:white; border-radius:20px; border:1px solid var(--border); padding:32px; margin-bottom:28px; transition:.3s; }
.prod-detail-card:hover { box-shadow:0 12px 36px rgba(46,143,212,.1); }
.prod-header { display:flex; align-items:center; gap:12px; margin-bottom:24px; padding-bottom:16px; border-bottom:1px solid var(--border); }
.prod-num { font-family:Inter,sans-serif; font-size:28px; font-weight:900; color:var(--blue-pale); }
.prod-badge-top { font-size:11px; color:var(--blue); background:var(--blue-pale); padding:4px 12px; border-radius:12px; font-weight:600; letter-spacing:1px; }
.prod-main { display:grid; grid-template-columns:1fr 1.4fr; gap:32px; align-items:start; }
.prod-h2 { font-family:"Noto Serif SC",serif; font-size:22px; font-weight:700; color:var(--text); margin-bottom:6px; }
.prod-brief { font-size:13.5px; color:var(--blue); font-weight:500; margin-bottom:10px; }
.prod-p { font-size:13.5px; color:var(--text2); line-height:1.9; margin-bottom:20px; }
.prod-kv-row { display:flex; gap:12px; flex-wrap:wrap; }
.prod-kv { text-align:center; background:var(--bg); border-radius:10px; padding:10px 14px; flex:1; min-width:80px; }
.prod-kv-val { font-family:Inter,sans-serif; font-size:18px; font-weight:700; color:var(--blue); }
.prod-kv-lab { font-size:11px; color:var(--text3); margin-top:2px; }
.prod-feat-title { font-size:15px; font-weight:700; color:var(--text); margin-bottom:14px; }
.prod-feat-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.prod-feat-item { font-size:13px; color:var(--text2); padding:10px 14px; background:var(--bg); border-radius:10px; border:1px solid var(--border); line-height:1.5; }
.prod-feat-item::before { content:"✓ "; color:var(--green); }
@media(max-width:768px){ .prod-main{ grid-template-columns:1fr; } .prod-feat-grid{ grid-template-columns:1fr; } }