/* Professional Selling Styles */
:root {
  --primary: #D90000;
  --secondary: #F5F5F5;
}

body { font-family: 'Segoe UI', Arial, sans-serif; color: #333; line-height: 1.6; }
.navbar-dark .navbar-nav .nav-link { color: white; }
.navbar-dark .navbar-nav .nav-link.active { color: var(--primary); font-weight: bold; }
.navbar-dark .navbar-nav .nav-link:hover { color: var(--primary); }
.card { transition: all 0.3s ease; border: none; }
.card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
.hero { background: linear-gradient(to right, var(--secondary), white); }
.btn-primary { background: var(--primary); border: none; }
.btn-primary:hover { background: #b00000; }
.carousel-item img { height: 400px; object-fit: cover; }
.modal-header { background: var(--primary); color: white; }
.loading { display: none; }
.success { color: green; font-weight: bold; }
.error { color: red; font-weight: bold; }
.breadcrumb { background: var(--secondary); padding: 10px 15px; border-radius: 5px; }
.breadcrumb-item a { color: var(--primary); text-decoration: none; }
.breadcrumb-item.active { color: #333; }
.dropdown-menu { background: white; border: 1px solid var(--primary); }
.dropdown-item:hover { background: var(--primary); color: white; }
footer a { transition: color 0.3s; }
footer a:hover { color: var(--primary); }
.carousel-control-prev, .carousel-control-next { width: 5%; }
.carousel-control-prev-icon, .carousel-control-next-icon { background-color: rgba(0,0,0,0.5); }
@media (max-width: 768px) {
  .carousel-item img { height: 250px; }
  .navbar-brand img { height: 25px; }
}