/* Trang danh sách mục Phần mềm (/phan-mem và các danh mục con): gọn tiêu đề, thanh bên mảnh, lưới 3 cột để dùng hết diện tích.
   Chỉ nạp ở danh sách Phần mềm (xem section_list trong app/routes.php); các mục khác giữ nguyên. */
.page-hd{padding:20px 0 18px}
.page-hd h1{font-size:clamp(24px,2.6vw,31px)}
.page-hd p{margin-top:5px;font-size:15px;max-width:760px}
.sec-tight{padding:20px 0 44px}
.list-layout{display:block}   /* thanh tìm kiếm + danh mục nằm NGANG ở trên, lưới sản phẩm dùng hết bề ngang */
.side{position:static;display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.side-search{flex:0 1 300px;min-width:220px;margin:0}
.side-search input{padding:8px 14px;font-size:14.5px}
.side-h{display:none}
.cats{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cats>li{display:flex;align-items:center;gap:6px}
.cats a{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:600;font-size:14px;color:var(--ink-2);transition:border-color .15s,color .15s,background .15s}
.cats a:hover{border-color:#f0cfb3;color:var(--green-d)}
.cats a.on{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 4px 12px rgba(237,114,30,.3)}
.cats a em{font-style:normal;font-size:12.5px;padding:1px 8px;border-radius:999px;background:var(--bg-alt);color:var(--muted)}.cats a.on em{background:rgba(255,255,255,.25);color:#fff}
.cats ul{display:flex;gap:6px;margin-left:2px}
.list-main .count{margin-bottom:12px;font-size:14.5px;color:var(--muted)}
.list-main .grid.g2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.pc{height:100%}
.pc-body{padding:18px 18px 16px;flex:1;display:flex;flex-direction:column}
.pc-body h3{font-size:16.5px;line-height:1.4;margin-bottom:8px}
.pc-sum{font-size:14.5px;line-height:1.6;color:var(--muted);margin-bottom:10px}
.pc-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
@media (max-width:560px){.side-search{flex:1 1 100%}.cats a{padding:8px 14px}.page-hd{padding:22px 0 20px}}
