.logo-text { font-size: 14px; font-weight: bold; color: #333; line-height: 1.4; }
.logo-text a { color: #333; text-decoration: none; }
.logo-text a:hover { color: #e74c3c; }
.hero-section { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 80px 0; color: #fff; }
.hero-section h1 { font-size: 42px; margin-bottom: 20px; }
.hero-section p { font-size: 18px; margin-bottom: 30px; }
.service-card { background: #fff; border-radius: 10px; padding: 30px; margin-bottom: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: transform 0.3s; }
.service-card:hover { transform: translateY(-10px); }
.service-card h3 { color: #333; margin-bottom: 15px; }
.service-card .icon { font-size: 48px; color: #667eea; margin-bottom: 20px; }
.about-section { padding: 60px 0; background: #f8f9fa; }
.stats-section { background: #333; color: #fff; padding: 50px 0; }
.stats-box { text-align: center; padding: 20px; }
.stats-box .number { font-size: 48px; font-weight: bold; color: #667eea; }
.stats-box .label { font-size: 16px; margin-top: 10px; }
.timeline-section { padding: 60px 0; }
.timeline-item { border-left: 3px solid #667eea; padding-left: 30px; margin-bottom: 30px; position: relative; }
.timeline-item::before { content: ''; position: absolute; left: -9px; top: 0; width: 15px; height: 15px; border-radius: 50%; background: #667eea; }
.timeline-item h4 { color: #667eea; margin-bottom: 10px; }
.brand-section { padding: 60px 0; background: #f8f9fa; }
.brand-item { background: #fff; padding: 20px; margin: 10px; text-align: center; border-radius: 8px; display: inline-block; min-width: 150px; }
.footer-info { background: #222; color: #fff; padding: 40px 0; }
.footer-info h4 { color: #667eea; margin-bottom: 20px; }
.footer-info p, .footer-info li { color: #ccc; }
.nav-custom li a { color: #fff !important; padding: 15px 12px; }
.nav-custom li a:hover { background: rgba(255,255,255,0.1); }
.mobile-container { display: none; }
.mobile-menu-toggle { text-align: center; padding: 10px 0; }
.mobile-menu-toggle a { color: #fff; font-size: 18px; text-decoration: none; display: block; padding: 10px; cursor: pointer; }
.mobile-menu-toggle a:hover { background: rgba(255,255,255,0.1); }
.mobile-navigation { background: rgba(0,0,0,0.1); }
.mobile-nav { list-style: none; margin: 0; padding: 0; }
.mobile-nav li { border-bottom: 1px solid rgba(255,255,255,0.1); }
.mobile-nav li a { color: #fff; text-decoration: none; display: block; padding: 12px 15px; }
.mobile-nav li a:hover { background: rgba(255,255,255,0.1); }
@media (max-width: 767px) {
    .nav-container { display: none !important; }
    .mobile-container { display: block !important; }
    .header-container .logo { text-align: center; padding-bottom: 15px; }
    .header-search { display: none; }
    .header-cart-mini { display: none; }
    .top-bar .header-message { display: none; }
    .hero-section h1 { font-size: 28px; }
    .hero-section p { font-size: 14px; }
    .service-card { margin-bottom: 20px; }
    .stats-box { margin-bottom: 20px; }
    .timeline-item { margin-bottom: 20px; }
}