:root {
  --brand-1: #4f46e5;
  --brand-2: #22d3ee;
}
body { scroll-behavior: smooth; }
.navbar { background: #fff; }
.hero {
  background: linear-gradient(135deg, rgba(79,70,229,.85), rgba(34,211,238,.85)),
              url('/assets/img/hero.jpg') center/cover no-repeat;
  color:#fff;
}
.hero .badge { background: rgba(255,255,255,.2); backdrop-filter: blur(4px); }
.section-title { position: relative; padding-bottom: .5rem; }
.section-title::after {
  content:""; position:absolute; left:0; bottom:0; width:80px; height:3px;
  background: linear-gradient(90deg,var(--brand-1),var(--brand-2)); border-radius: 2px;
}
.card-product { transition: transform .2s, box-shadow .2s; }
.card-product:hover { transform: translateY(-4px); box-shadow: 0 10px 20px rgba(0,0,0,.08); }
.footer { background: #0f172a; }
.badge-soft { background: rgba(79,70,229,.08); color: var(--brand-1); border:1px solid rgba(79,70,229,.2); }
.btn-gradient { background: linear-gradient(90deg,var(--brand-1),var(--brand-2)); border:0; color:#fff; }
.btn-gradient:hover { opacity:.9; color:#fff; }
.table-specs th { width: 40%; }


.footer a {
  text-decoration: none;
  color: var(--bs-light); /* или #fff */
  transition: color 0.3s ease;
}

.footer a:hover {
  color: var(--bs-warning); /* желтый при наведении, например */
}