/* Up Lancer Products Styles */

:root {
    --ul-primary: #F7931E;
    --ul-text: #0F172A;
    --ul-muted: #64748B;
    --ul-surface: #FFFFFF;
    --ul-border: #E2E8F0;
    --ul-shadow: 0 10px 25px rgba(2, 6, 23, 0.06);
}

.products-hero {
    padding: 80px 0 40px;
    background: linear-gradient(180deg, rgba(247, 147, 30, 0.06), rgba(247, 147, 30, 0));
}

.project-badge { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--ul-primary); background: rgba(247,147,30,.1); border: 1px solid rgba(247,147,30,.2); padding: 6px 12px; border-radius: 999px; }
.project-title { margin: 14px 0 0; font-weight: 800; color: var(--ul-text); }

.products-list { padding: 24px 0 60px; }

.product-card { display: flex; flex-direction: column; background: var(--ul-surface); border: 1px solid var(--ul-border); border-radius: 14px; box-shadow: var(--ul-shadow); overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
.product-card:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(2, 6, 23, 0.08); }

.product-thumb { display: block; overflow: hidden; }
.product-thumb img { width: 100%; height: 220px; object-fit: cover; transition: transform .45s ease; }
.product-card:hover .product-thumb img { transform: scale(1.04); }

.product-body { padding: 16px 16px 18px; }
.product-title { font-size: 1.05rem; margin: 6px 0 8px; color: var(--ul-text); }
.product-meta { color: var(--ul-muted); font-size: .95rem; margin-bottom: 8px; }
.product-meta i { color: var(--ul-primary); }
.product-excerpt { color: var(--ul-muted); margin: 0 0 12px; min-height: 48px; }

.product-link { display: inline-flex; align-items: center; gap: 8px; color: var(--ul-primary); text-decoration: none; font-weight: 700; }
.product-link i { transition: transform .2s ease; }
.product-link:hover i { transform: translateX(3px); }