.header-button-base{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:var(--font-inter);font-weight:500;font-size:.875rem;height:44px;position:relative}.header-button-base:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,99,235,.3);color:#fff}.header-button-base:active{transform:translateY(0)}.header-button-base:focus{outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.3)}.header-button-base:disabled{opacity:.6;cursor:not-allowed;transform:none}.header-button-base .btn-icon,.header-button-base .cart-icon,.header-button-base .currency-flag{font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center}.header-button-base .btn-text,.header-button-base .cart-text,.header-button-base .currency-symbol{font-size:.875rem;font-weight:500}@media(max-width:768px){.header-button-base{padding:.5rem .75rem;height:40px}.header-button-base .btn-text,.header-button-base .cart-text,.header-button-base .currency-code{display:none}}@media(max-width:480px){.header-button-base{padding:.5rem;height:36px}.header-button-base .btn-icon,.header-button-base .cart-icon,.header-button-base .currency-flag{font-size:.9rem}}@media(min-width:768px)and (max-width:1080px){.header-button-base{height:40px;gap:.25rem}.header-button-base .btn-icon,.header-button-base .cart-icon,.header-button-base .currency-flag{font-size:.9rem}.header-button-base .btn-text,.header-button-base .cart-text,.header-button-base .currency-symbol{font-size:.6rem}}@media(min-width:1081px){.header-button-base{height:44px;gap:.5rem}.header-button-base .btn-icon,.header-button-base .cart-icon,.header-button-base .currency-flag{font-size:1rem}.header-button-base .btn-text,.header-button-base .cart-text,.header-button-base .currency-symbol{font-size:.875rem}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease}.header.home-page{background:hsla(0,0%,100%,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.2)}.header.other-page{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 20px rgba(0,0,0,.1)}.header.other-page .nav-menu .nav-list .nav-link{color:#374151;text-shadow:none}.header.other-page .nav-menu .nav-list .nav-link:hover{color:#2563eb}.header.other-page .logo-section .brand-text .company-name{color:#1f2937;text-shadow:none}.header.other-page .logo-section .brand-text .company-tagline{color:#6b7280;text-shadow:none}.header.home-page.scrolled{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 20px rgba(0,0,0,.1)}.header.home-page.scrolled .nav-menu .nav-list .nav-link{color:#374151;text-shadow:none}.header.home-page.scrolled .nav-menu .nav-list .nav-link:hover{color:#fbbf24}.header.home-page.scrolled .logo-section .brand-text .company-name{color:#1f2937;text-shadow:none}.header.home-page.scrolled .logo-section .brand-text .company-tagline{color:#6b7280;text-shadow:none}.header .header-container{max-width:1280px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.header .logo-section{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.header .logo-section .logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;transition:transform .2s ease}.header .logo-section .logo-link:hover{transform:scale(1.02)}.header .logo-section .car-icon-logo{width:40px;height:24px;position:relative;flex-shrink:0}.header .logo-section .car-icon-logo .car-body{width:100%;height:100%;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:8px 12px 4px 4px;position:relative;box-shadow:0 2px 8px rgba(37,99,235,.3)}.header .logo-section .car-icon-logo .car-body .car-window{position:absolute;top:2px;left:8px;width:16px;height:8px;background:hsla(0,0%,100%,.9);border-radius:2px}.header .logo-section .car-icon-logo .car-body .car-wheel{position:absolute;bottom:-2px;width:8px;height:8px;background:#1f2937;border-radius:50%;border:1px solid #374151}.header .logo-section .car-icon-logo .car-body .car-wheel.wheel-front{left:4px}.header .logo-section .car-icon-logo .car-body .car-wheel.wheel-back{right:4px}.header .logo-section .brand-text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.header .logo-section .company-name{font-size:1.25rem;font-weight:700;color:#fff;white-space:nowrap;line-height:1.2}.header .logo-section .company-name,.header .logo-section .company-tagline{margin:0;font-family:var(--font-inter);text-shadow:0 1px 2px rgba(0,0,0,.1)}.header .logo-section .company-tagline{font-size:.75rem;font-weight:500;color:hsla(0,0%,100%,.9);text-transform:uppercase;letter-spacing:.05em}.header .nav-menu .nav-list{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.header .nav-menu .nav-list .nav-link{text-decoration:none;color:#fff;font-weight:500;transition:color .2s ease;font-family:var(--font-inter);text-shadow:0 1px 2px rgba(0,0,0,.1)}@media(max-width:768px){.header .nav-menu .nav-list .nav-link{color:#000}}.header .nav-menu .nav-list .nav-link:hover{color:#fbbf24}.header .header-actions{display:flex;align-items:center;gap:.5rem}.header .header-actions .auth-section,.header .header-actions .auth-section .auth-links{display:flex;align-items:center;gap:1rem}.header .header-actions .auth-section .auth-links .auth-link{text-decoration:none;color:#374151;font-weight:500;transition:color .2s ease;font-family:var(--font-inter);font-size:.875rem;display:flex;align-items:center;gap:.25rem}.header .header-actions .auth-section .auth-links .auth-link:hover{color:#2563eb}.header .header-actions .auth-section .auth-links .auth-link .dropdown-arrow{margin-left:.25rem;font-size:.7rem;transition:transform .3s cubic-bezier(.4,0,.2,1);color:#fff}.header .header-actions .auth-section .auth-links .auth-link.skeleton{background:#e5e7eb;color:rgba(0,0,0,0);border-radius:6px;padding:.5rem 1rem;position:relative;overflow:hidden}.header .header-actions .auth-section .auth-links .auth-link.skeleton:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}.header .header-actions .auth-section .auth-links .auth-link.skeleton.signup{background:#e5e7eb}.header .header-actions .auth-section .user-menu{display:flex;align-items:center;gap:1rem}.header .header-actions .auth-section .user-menu .auth-link{text-decoration:none;color:#2563eb;font-weight:500;transition:color .2s ease;font-family:var(--font-inter);font-size:.875rem}.header .header-actions .auth-section .user-menu .auth-link:hover{color:#1d4ed8}.header .header-actions .auth-section .user-menu .auth-link.logout-btn{background:none;border:none;cursor:pointer;color:#ef4444}.header .header-actions .auth-section .user-menu .auth-link.logout-btn:hover{color:#dc2626}.header .header-actions .mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;outline:none}.header .header-actions .mobile-menu-toggle:focus,.header .header-actions .mobile-menu-toggle:hover{outline:none;box-shadow:none}.header .header-actions .mobile-menu-toggle .menu-icon{font-size:20px;color:#fff}.header .header-actions .mobile-menu-toggle .menu-icon.scrolled{color:#000}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media(min-width:1400px){.header .header-container{max-width:1400px;padding:1rem 3rem}.header .nav-menu .nav-list{gap:2.5rem}}@media(min-width:1024px)and (max-width:1399px){.header .header-container{padding:1rem 2rem}.header .nav-menu .nav-list{gap:2rem}}@media(min-width:768px)and (max-width:1023px){.header .header-container{padding:1rem 1.5rem;gap:1.5rem}.header .logo-section .logo-link{gap:.5rem}.header .logo-section .car-icon-logo{width:36px;height:22px}.header .logo-section .brand-text{gap:.1rem}.header .logo-section .company-name{font-size:1.125rem}.header .logo-section .company-tagline{font-size:.7rem;white-space:nowrap}.header .nav-menu .nav-list{gap:1.25rem}.header .nav-menu .nav-list .nav-link{font-size:.875rem}.header .nav-menu .nav-list .dropdown-item .dropdown-toggle .dropdown-arrow{font-size:.65rem}.navbar-dropdown .ant-dropdown-menu{min-width:180px;border-radius:10px}}@media(min-width:768px)and (max-width:900px){.header .header-container{padding:1rem;gap:1rem}.header .logo-section .logo-link{gap:.375rem}.header .logo-section .car-icon-logo{width:32px;height:20px}.header .logo-section .brand-text{gap:.05rem}.header .logo-section .company-name{font-size:1rem}.header .logo-section .company-tagline{font-size:.65rem;white-space:nowrap;letter-spacing:.03em}.header .nav-menu .nav-list{gap:.75rem}.header .nav-menu .nav-list .nav-link{font-size:.75rem}.header .header-actions{gap:.5rem}}@media(max-width:767px){.header .header-container{padding:1rem;gap:1rem}.header .logo-section .logo-link{gap:.5rem}.header .logo-section .car-icon-logo{width:32px;height:20px}.header .logo-section .brand-text{gap:.1rem}.header .logo-section .company-name{font-size:1rem}.header .logo-section .company-tagline{font-size:.65rem}.header .nav-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid rgba(0,0,0,.1);transform:translateX(-100%);opacity:0;visibility:hidden;transition:all .4s ease}.header .nav-menu.nav-open{transform:translateX(0);opacity:1;visibility:visible}.header .nav-menu .nav-list{flex-direction:column;gap:0;padding:1rem}.header .nav-menu .nav-list .nav-link{display:block;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.header .nav-menu .nav-list .nav-link:last-child{border-bottom:none}.header .header-actions{gap:.75rem}.header .header-actions .auth-section .auth-links,.header .header-actions .auth-section .user-menu{gap:.5rem}.header .header-actions .auth-section .user-menu .auth-link{font-size:.75rem}.header .header-actions .mobile-menu-toggle,.header .mobile-menu-overlay{display:block}}@media(max-width:480px){.header .header-container{padding:.75rem;gap:.75rem}.header .logo-section .logo-link{gap:.375rem}.header .logo-section .car-icon-logo{width:28px;height:18px}.header .logo-section .company-name{font-size:.875rem}.header .logo-section .company-tagline{font-size:.6rem}.header .header-actions{gap:.5rem}}@media(max-width:540px){.header .logo-section .brand-text{display:none}}@media(max-width:360px){.header .logo-section .company-name{font-size:.8rem}.header .logo-section .company-tagline{font-size:.55rem}.header .header-actions{gap:.5rem}}.auth-link.dashboard-btn .btn-icon,.auth-link.login-btn .btn-icon{font-size:1rem;color:#fff!important}.auth-link.dashboard-btn .btn-text,.auth-link.login-btn .btn-text{font-size:.875rem;color:#fff}.auth-link.dashboard-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.auth-link.dashboard-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,99,235,.3)}.auth-link.login-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.auth-link.login-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,99,235,.3)}@media(max-width:768px){.auth-link.dashboard-btn .btn-text,.auth-link.login-btn .btn-text{display:none}}@media(max-width:480px){.auth-link.dashboard-btn .btn-icon,.auth-link.login-btn .btn-icon{font-size:.9rem}}@media(min-width:768px)and (max-width:1080px){.auth-link.dashboard-btn .btn-icon,.auth-link.login-btn .btn-icon{font-size:.9rem}.auth-link.dashboard-btn .btn-text,.auth-link.login-btn .btn-text{font-size:.6rem}}@media(min-width:1081px){.auth-link.dashboard-btn .btn-icon,.auth-link.login-btn .btn-icon{font-size:1rem}.auth-link.dashboard-btn .btn-text,.auth-link.login-btn .btn-text{font-size:.875rem}}.footer{background:linear-gradient(135deg,#1f2937,#111827);color:#f9fafb;padding:4rem 0 2rem}.footer .footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer .footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:3rem;gap:3rem;margin-bottom:3rem}.footer .footer-content .footer-section h4{color:#fbbf24;font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;font-family:var(--font-inter)}.footer .footer-content .footer-section .footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer .footer-content .footer-section .footer-logo .logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;transition:transform .2s ease}.footer .footer-content .footer-section .footer-logo .logo-link:hover{transform:scale(1.02)}.footer .footer-content .footer-section .footer-logo .car-icon-logo{width:32px;height:20px;position:relative}.footer .footer-content .footer-section .footer-logo .car-icon-logo .car-body{width:100%;height:100%;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:6px 10px 3px 3px;position:relative;box-shadow:0 2px 6px rgba(251,191,36,.3)}.footer .footer-content .footer-section .footer-logo .car-icon-logo .car-body .car-window{position:absolute;top:2px;left:6px;width:12px;height:6px;background:hsla(0,0%,100%,.9);border-radius:1px}.footer .footer-content .footer-section .footer-logo .car-icon-logo .car-body .car-wheel{position:absolute;bottom:-1px;width:6px;height:6px;background:#374151;border-radius:50%;border:1px solid #4b5563}.footer .footer-content .footer-section .footer-logo .car-icon-logo .car-body .car-wheel.wheel-front{left:3px}.footer .footer-content .footer-section .footer-logo .car-icon-logo .car-body .car-wheel.wheel-back{right:3px}.footer .footer-content .footer-section .footer-logo h3{color:#fbbf24;font-size:1.25rem;font-weight:700;margin:0;font-family:var(--font-inter)}.footer .footer-content .footer-section .footer-logo .footer-tagline{color:#9ca3af;font-size:.75rem;font-weight:500;margin:0;font-family:var(--font-inter);text-transform:uppercase;letter-spacing:.05em}.footer .footer-content .footer-section .footer-description{color:#d1d5db;line-height:1.6;margin-bottom:1.5rem;font-family:var(--font-inter)}.footer .footer-content .footer-section .social-links{display:flex;gap:1rem}.footer .footer-content .footer-section .social-links .social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:8px;color:#fbbf24;transition:all .2s ease;font-size:20px}.footer .footer-content .footer-section .social-links .social-link:hover{background:rgba(251,191,36,.2);border-color:#fbbf24;transform:translateY(-2px)}.footer .footer-content .footer-section .footer-links{list-style:none;margin:0;padding:0}.footer .footer-content .footer-section .footer-links li{margin-bottom:.75rem}.footer .footer-content .footer-section .footer-links li a{color:#d1d5db;text-decoration:none;transition:color .2s ease;font-family:var(--font-inter)}.footer .footer-content .footer-section .footer-links li a:hover{color:#fbbf24}.footer .footer-bottom{border-top:1px solid rgba(75,85,99,.3);padding-top:2rem}.footer .footer-bottom .footer-bottom-content{display:flex;justify-content:space-between;align-items:center}.footer .footer-bottom .footer-bottom-content p{color:#9ca3af;margin:0;font-family:var(--font-inter)}.footer .footer-bottom .footer-bottom-content .footer-bottom-links{display:flex;gap:2rem}.footer .footer-bottom .footer-bottom-content .footer-bottom-links a{color:#9ca3af;text-decoration:none;transition:color .2s ease;font-family:var(--font-inter)}.footer .footer-bottom .footer-bottom-content .footer-bottom-links a:hover{color:#fbbf24}.footer .footer-bottom .footer-bottom-content .footer-bottom-link{color:#fbbf24;text-decoration:none;transition:color .2s ease;font-family:var(--font-inter)}.footer .footer-bottom .footer-bottom-content .footer-bottom-link:hover{color:#fff}@media(max-width:1024px){.footer .footer-content{grid-template-columns:1fr 1fr;gap:2rem}}@media(max-width:768px){.footer{padding:3rem 0 2rem}.footer .footer-container{padding:0 1rem}.footer .footer-content{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}.footer .footer-bottom .footer-bottom-content{flex-direction:column;gap:1rem;text-align:center}.footer .footer-bottom .footer-bottom-content .footer-bottom-links{gap:1rem}}.base-layout{min-height:100vh}.base-layout .main-content{flex:1 1;margin-top:80px}@media(max-width:768px){.base-layout .main-content{margin-top:68px}}@media(max-width:480px){.base-layout .main-content{margin-top:56px}}.base-layout .main-content>:first-child{margin-top:0}.main-content{width:100%}.main-content.full-screen{margin-top:0;position:relative;z-index:1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}