#gia-goi-dich-vu { background:#fff; }
#gia-goi-dich-vu .production-pricing-panel { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:48px; align-items:center; border:1px solid #d9e7ee; border-radius:20px; padding:36px; background:#f3f8fc; }
#gia-goi-dich-vu .section-kicker { color:#087f98; font-size:11px; font-weight:700; letter-spacing:.09em; }
#gia-goi-dich-vu h2 { color:#183f5a; font-size:clamp(27px,2.8vw,36px); line-height:1.3; margin:14px 0 18px; }
#gia-goi-dich-vu p { color:#637b8d; font-size:14px; line-height:1.85; margin:0; }
#gia-goi-dich-vu .production-pricing-factors { display:flex; flex-wrap:wrap; gap:12px 20px; margin-top:22px; }
#gia-goi-dich-vu .production-pricing-factors span { display:flex; align-items:center; gap:9px; color:#345a72; font-size:13px; }
#gia-goi-dich-vu .production-pricing-factors i { color:#087f98; }
#gia-goi-dich-vu .production-pricing-action { min-width:0; padding-left:36px; border-left:1px solid #d7e5ed; }
#gia-goi-dich-vu .production-pricing-action h3 { font-size:20px; line-height:1.5; color:#254f69; margin:0 0 12px; }
#gia-goi-dich-vu .btn { display:inline-flex; align-items:center; justify-content:center; gap:12px; border-radius:10px; margin-top:22px; min-height:48px; padding:13px 20px; font-size:14px; font-weight:600; white-space:normal; }
#gia-goi-dich-vu .btn:hover { transform:translateY(-2px); }
@media(max-width:991.98px) { #gia-goi-dich-vu .production-pricing-panel { grid-template-columns:1fr; gap:26px; padding:28px; } #gia-goi-dich-vu .production-pricing-action { padding:24px 0 0; border-left:0; border-top:1px solid #d7e5ed; } }
@media(max-width:575.98px) { #gia-goi-dich-vu .production-pricing-panel { padding:24px 20px; border-radius:16px; } #gia-goi-dich-vu .btn { width:100%; } }
@media(prefers-reduced-motion:reduce) { #gia-goi-dich-vu .btn:hover { transform:none; } }