/* ใช้ต่อท้าย stylesheet เดิมเฉพาะฝั่งลูกค้า */
.site-client { --primary: #0c4a6e; --primary-dark: #082f49; --bg: #f7fbfe; --navy: #0c4a6e; }
.site-client .brand { text-decoration: none; }
.site-client .brand span { color: #0c4a6e; }
.site-client .brand img { flex-shrink: 0; }
.site-client .site-head .btn-buy { color: #fff; background: #e5484d; }
.site-client .site-foot h2 { font-size: 1.15rem; }
.site-client .customer-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-block: 14px; border-bottom: 1px solid var(--line); }
.site-client .customer-toolbar nav { display: flex; gap: 20px; flex-wrap: wrap; }
.site-client .customer-toolbar a { font-weight: 600; text-decoration: none; }
.site-client .customer-toolbar form { margin: 0; }
.site-client .card { border-radius: 18px; }
.site-client .btn-primary { background: #0c4a6e; border-color: #0c4a6e; color: #fff; }
.site-client .form-control:focus, .site-client .form-select:focus { border-color: #0ea5e9; box-shadow: 0 0 0 3px #e0f2fe; }
@media (max-width: 560px) {
  .site-client .customer-toolbar { align-items: flex-start; }
  .site-client .customer-toolbar nav { gap: 12px; font-size: .9rem; }
  .site-client .main, .site-client main.container { padding-top: 20px; }
}
@media print { .site-client .site-head, .site-client .site-foot, .site-client .mbar, .site-client .customer-toolbar { display: none !important; } .site-client { padding-bottom: 0; } }