:root { --primary: #232f3e; --secondary: #ff9900; }
body { background: #f8f9fa; font-family: 'Segoe UI', system-ui; }
.product-card { transition: 0.3s; cursor: pointer; border-radius: 8px; overflow: hidden; }
.product-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.navbar { background: var(--primary) !important; }
.btn-warning { background: var(--secondary); border-color: var(--secondary); color: #111; }
.btn-warning:hover { background: #e68a00; }
.dropdown-submenu { position: relative; }
.dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; }
@media (max-width: 768px) { .dropdown-submenu > .dropdown-menu { left: 0; margin-left: 0; } }
footer a { text-decoration: none; transition: 0.2s; }
footer a:hover { color: var(--secondary) !important; }