/* Sinotruk category page styles */
.st-cat-hero { position: relative; background: linear-gradient(135deg, #0a2038 0%, #1a3a5c 100%); padding: 48px 0 40px; overflow: hidden; }
.st-cat-hero::before { content: ''; position: absolute; right: -100px; top: -50%; width: 500px; height: 200%; background: radial-gradient(circle, rgba(30,100,180,.25) 0%, transparent 70%); }
.st-cat-hero .container { position: relative; z-index: 2; }
.st-cat-hero h1 { color: #fff; font-size: 32px; margin-bottom: 8px; }
.st-cat-hero .st-sub { color: rgba(255,255,255,.8); font-size: 16px; max-width: 700px; }
.st-cat-hero .breadcrumb { color: rgba(255,255,255,.7); font-size: 13px; margin-bottom: 16px; }
.st-cat-hero .breadcrumb a { color: rgba(255,255,255,.85); text-decoration: none; }
.st-cat-hero .breadcrumb a:hover { color: #fff; }
.st-cat-hero .breadcrumb .sep { margin: 0 8px; color: rgba(255,255,255,.4); }

.st-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 32px 0; }
@media(min-width: 900px) { .st-grid { grid-template-columns: repeat(3, 1fr); } }
.st-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; text-decoration: none; color: inherit; transition: .2s; display: flex; flex-direction: column; }
.st-card:hover { border-color: #3b82f6; box-shadow: 0 8px 24px rgba(15,40,80,.10); transform: translateY(-3px); }
.st-card-img { width: 100%; height: 180px; object-fit: cover; background: #f1f5f9; }
.st-card-body { padding: 18px; flex: 1; display: flex; flex-direction: column; }
.st-card-body h3 { margin: 0 0 8px; font-size: 16px; color: #0a2038; }
.st-card-body p { margin: 0; font-size: 13.5px; color: #64748b; line-height: 1.5; }
.st-card-body .st-go { margin-top: 14px; font-size: 13px; font-weight: 600; color: #2563eb; }

.st-cta { background: linear-gradient(135deg, #0a2038, #1a3a5c); border-radius: 10px; padding: 32px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; margin-top: 40px; }
.st-cta h2 { color: #fff; font-size: 20px; margin: 0 0 6px; }
.st-cta p { color: rgba(255,255,255,.8); margin: 0; font-size: 14px; max-width: 500px; }
.st-cta .btn { white-space: nowrap; }