/* ==========================================================================
   Giải pháp ngành (single-giai_phap.php) ← giai-phap.dc.html
   ========================================================================== */

.hc-sol__h2 { margin: 0; font-family: var(--font-display); font-size: var(--size-h1); font-weight: var(--weight-bold); line-height: var(--leading-tight); text-transform: uppercase; text-wrap: balance; }
.hc-sol__h2--center { text-align: center; }

/* 02 Giới thiệu ngành */
.hc-sol-intro { padding: var(--space-20) 0; }
.hc-sol-intro__in { max-width: 1000px; margin: 0 auto; padding: 0 var(--gutter); display: flex; flex-direction: column; gap: var(--space-5); text-align: center; align-items: center; }
.hc-sol-intro__p { margin: 0; font-size: var(--size-ui); line-height: 1.65; color: var(--text-muted); text-wrap: pretty; }

/* 03 Kết quả khách hàng */
.hc-sol-cr { padding: var(--space-20) 0; background: var(--surface-subtle); }
.hc-sol-cr__in { display: flex; flex-direction: column; gap: var(--space-8); }
.hc-sol-cr__p { max-width: 1000px; margin: 0 auto; font-size: 17px; line-height: 1.65; color: var(--text-primary); text-align: center; text-wrap: pretty; }
.hc-sol-cr__grid { display: grid; gap: var(--space-5); }
.hc-sol-cr__img { width: 100%; height: auto; display: block; border-radius: var(--radius-md); background: var(--white); }

/* 04 Giải pháp — lưới sản phẩm */
.hc-sol-prod { padding: var(--space-20) 0; }
.hc-sol-prod__in { display: flex; flex-direction: column; gap: var(--space-9); }
.hc-sol-prod__head { display: flex; flex-direction: column; gap: var(--space-3); text-align: center; align-items: center; }
.hc-sol-prod__sub { margin: 0; font-size: var(--size-ui); line-height: 1.65; color: var(--text-muted); text-wrap: pretty; }
.hc-sol-prod__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: var(--space-5); }

.hc-sol-card { display: flex; flex-direction: column; border: 1px solid var(--border-subtle); border-radius: var(--radius-md); overflow: hidden; background: var(--white); color: var(--text-primary); text-decoration: none; }
.hc-sol-card:hover { color: var(--text-primary); text-decoration: none; }
.hc-sol-card__media { height: 240px; background: #F3F3F3; display: flex; align-items: center; justify-content: center; padding: var(--space-5); box-sizing: border-box; color: var(--gray-400); }
.hc-sol-card__media img { height: 100%; width: auto; max-width: 100%; object-fit: contain; display: block; }
.hc-sol-card__body { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-5) var(--space-6) var(--space-6); flex: 1; }
.hc-sol-card__name { font-family: var(--font-display); font-size: var(--size-title); font-weight: var(--weight-bold); line-height: var(--leading-snug); text-wrap: pretty; }
.hc-sol-card__specs { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--border-subtle); }
.hc-sol-card__specs > div { display: flex; flex-direction: column; gap: 2px; }
.hc-sol-card__v { font-family: var(--font-display); font-size: 16px; font-weight: var(--weight-bold); color: var(--primary); }
.hc-sol-card__k { font-size: 13px; color: var(--text-muted); }
.hc-sol-card__more { margin-top: auto; display: inline-flex; align-items: center; gap: var(--space-2); font-family: var(--font-ui); font-size: 14px; font-weight: var(--weight-semibold); color: var(--primary); }
.hc-sol-card__more .hc-icon { transition: transform var(--dur-fast) var(--ease-standard); }
.hc-sol-card:hover .hc-sol-card__more .hc-icon { transform: translateX(3px); }