:root{--primary-color:#667eea;--secondary-color:#764ba2;--accent-color:#f093fb;--success-color:#28a745;--warning-color:#ffc107;--error-color:#dc3545;--info-color:#17a2b8;--text-color:#333;--text-light:#666;--background-light:#f8f9fa;--border-color:#ddd;--shadow:0 2px 10px rgba(0,0,0,0.1);--shadow-hover:0 4px 20px rgba(0,0,0,0.15);--border-radius:8px;--transition:all 0.3s ease}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-padding-top:120px}input[type=password]{box-sizing:border-box}.password-input-wrapper button[class*=password-toggle],div[style*="position: relative"] button[id*=togglePassword],div[style*="position: relative"] button[onclick*=togglePasswordVisibility]{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;z-index:10!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:32px!important;min-height:32px!important;padding:4px!important;background:0 0!important;border:none!important;cursor:pointer!important;font-size:18px!important}.password-input-wrapper input[type=password],div[style*="position: relative"] input[type=password]{padding-right:45px!important;box-sizing:border-box!important}@media (max-width:768px){.password-input-wrapper button[class*=password-toggle],div[style*="position: relative"] button[id*=togglePassword],div[style*="position: relative"] button[onclick*=togglePasswordVisibility]{right:8px!important;font-size:18px!important;min-width:32px!important;min-height:32px!important}.password-input-wrapper input[type=password],div[style*="position: relative"] input[type=password]{padding-right:45px!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color);background:url('../assets/Motor.jpg') center center;background-size:cover;background-attachment:fixed;min-height:100vh;position:relative}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:-1}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);padding:.7rem 0;box-shadow:0 2px 20px rgba(0,0,0,.1);position:sticky!important;top:0!important;z-index:10000!important;width:100%!important;left:0!important;right:0!important;margin:0!important;min-height:56px!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important}@media (min-width:1201px){header{padding:.056rem 0!important;overflow:hidden!important;min-height:56px!important;max-height:94px!important;line-height:.7!important}nav{padding:.056rem 0!important;overflow:hidden!important;max-height:94px!important;line-height:.7!important;justify-content:center!important;position:relative!important}.logo{overflow:hidden!important;display:flex!important;align-items:center!important;max-height:94px!important;padding:4px 0!important}.logo img{width:86px!important;height:86px!important;max-height:86px!important;object-fit:contain!important;display:block!important;margin:0!important;padding:0!important}.nav-links{margin:0 auto!important;align-items:center!important;display:flex!important}.nav-links a{padding:1rem 1.5rem!important;min-height:auto!important;display:flex!important;align-items:center!important;line-height:1.4!important}}nav{display:flex;align-items:center;gap:2rem;position:relative;padding:.7rem 0}.logo{display:flex;align-items:center;border:none!important;outline:0!important;box-shadow:none!important}.logo a{display:flex;align-items:center;border:none!important;outline:0!important;box-shadow:none!important;text-decoration:none!important}.logo img{width:111px;height:111px;display:block;object-fit:contain;border:none!important;outline:0!important;box-shadow:none!important}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:var(--text-color);font-weight:500;transition:var(--transition);padding:.5rem 1rem;border-radius:var(--border-radius)}.nav-links a:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.nav-links a:not(:hover):not(.active){background:0 0;color:inherit;transform:translateY(0)}.nav-links a.active{background:var(--primary-color);color:#fff;box-shadow:0 2px 8px rgba(102,126,234,.3);transform:translateY(-1px)}.nav-links a.active:hover{background:var(--secondary-color);transform:translateY(-2px)}.mobile-menu-toggle{display:none;background:0 0;border:none;position:absolute;left:20px;font-size:1.5rem;cursor:pointer;color:var(--text-color);padding:.75rem;border-radius:8px;transition:all .2s ease;min-width:44px;min-height:44px;align-items:center;justify-content:center}.mobile-menu-toggle:hover{background:rgba(102,126,234,.1);color:var(--primary-color)}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-menu-toggle.active{background:rgba(102,126,234,.15);color:var(--primary-color)}.touch-device .mobile-menu-toggle{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.touch-device .mobile-menu-toggle.touch-active{background:rgba(102,126,234,.2);transform:scale(.9)}.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(255,255,255,.98);backdrop-filter:blur(15px);box-shadow:0 4px 20px rgba(0,0,0,.15);border-radius:0 0 12px 12px;z-index:1000;transform:translateY(-10px);opacity:0;transition:all .3s cubic-bezier(.4, 0, .2, 1)}.mobile-nav.active{display:block;transform:translateY(0);opacity:1}@media (max-width:1024px){.mobile-nav,header .mobile-nav{position:fixed!important;top:56px!important;left:0!important;right:0!important;width:100%!important;z-index:99999!important;background:#fff!important;backdrop-filter:none!important;opacity:0!important;transform:translateZ(0) translateY(-10px)!important;-webkit-transform:translateZ(0) translateY(-10px)!important;border-radius:0!important;display:none!important;padding:20px!important;box-shadow:0 4px 20px rgba(0,0,0,.15)!important;visibility:hidden!important;pointer-events:none!important;height:auto!important;min-height:auto!important;max-height:calc(100vh - 56px)!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;isolation:isolate!important;transition:opacity .3s ease,transform .3s ease!important}.mobile-nav.active,header .mobile-nav.active{display:block!important;opacity:1!important;transform:translateZ(0) translateY(0)!important;-webkit-transform:translateZ(0) translateY(0)!important;visibility:visible!important;pointer-events:auto!important;height:auto!important;min-height:auto!important;max-height:calc(100vh - 56px)!important}.mobile-nav a{background:#fff!important;color:var(--text-color)!important}.mobile-nav a:focus,.mobile-nav a:hover{background:rgba(102,126,234,.1)!important;color:var(--primary-color)!important}.mobile-nav a.active{background:var(--primary-color)!important;color:#fff!important}}.mobile-nav ul{list-style:none;padding:.5rem 0;margin:0;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:99999!important}.mobile-nav li{margin:0;border-bottom:1px solid rgba(0,0,0,.05);display:list-item!important;visibility:visible!important;opacity:1!important}.mobile-nav li:last-child{border-bottom:none}.mobile-nav a{text-decoration:none;color:var(--text-color);font-weight:500;display:block!important;padding:1rem 2rem;transition:all .2s ease;position:relative;min-height:44px;align-items:center;visibility:visible!important;opacity:1!important;z-index:99999!important}.mobile-nav a:focus,.mobile-nav a:hover{color:var(--primary-color);background:rgba(102,126,234,.1);padding-left:2.5rem}.mobile-nav a:not(:hover):not(.active){color:inherit;background:rgba(255,255,255,.3);padding-left:1rem}.mobile-nav a.active{color:#fff;background:var(--primary-color);padding-left:2.5rem;box-shadow:inset 3px 0 0 var(--secondary-color)}.mobile-nav a.active:hover{background:var(--secondary-color)}.mobile-nav a:active{background:rgba(102,126,234,.2);transform:scale(.98)}.touch-device .mobile-nav a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.touch-device .mobile-nav a.touch-active{background:rgba(102,126,234,.15);transform:scale(.95)}main{padding:4rem 0}.section{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);margin:2.625rem 0;padding:3rem;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.section h2{color:var(--primary-color);margin-bottom:1.5rem;font-size:2.2rem}.section p{margin-bottom:1rem;font-size:1.1rem}.hero{text-align:center;color:#fff;margin-bottom:4rem;background:0 0;padding:0}.hero h1{font-size:3.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.btn{display:inline-block;background:#fff;color:var(--primary-color);padding:12px 30px;text-decoration:none;border-radius:50px;font-weight:600;transition:transform .3s ease,box-shadow .3s ease;border:none;cursor:pointer;font-size:1rem}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.2)}.btn.secondary{background:0 0;color:var(--primary-color);border:2px solid var(--primary-color)}.btn.secondary:hover{background:var(--primary-color);color:#fff}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.feature{text-align:left;padding:2rem;background:rgba(102,126,234,.1);border-radius:15px;transition:transform .3s ease}.feature:hover{transform:translateY(-5px)}.feature h3{color:var(--primary-color);margin-bottom:1rem;text-align:center;font-size:1.5rem;font-weight:600}.grid{display:grid;gap:2rem;margin-top:2rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.card{background:#fff;padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow);transition:var(--transition);border-left:4px solid var(--primary-color)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.card h3{color:var(--primary-color);margin-bottom:1rem}.configurator{max-width:800px;margin:0 auto}.config-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.config-item{display:flex;flex-direction:column}.config-item label{font-weight:600;margin-bottom:.5rem;color:var(--primary-color)}.config-item select{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background:#fff;transition:border-color .3s ease}.config-item select:focus{outline:0;border-color:var(--primary-color)}.config-item select:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.config-result{background:rgba(102,126,234,.1);border-radius:15px;padding:2rem;margin-top:2rem}.config-summary{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}.config-details h3{color:var(--primary-color);margin-bottom:1rem}.config-description{margin-top:1rem;line-height:1.6}.config-price{text-align:right}.config-price .price{font-size:2rem;font-weight:700;color:var(--primary-color)}.options-grid{display:grid;gap:1rem;margin-bottom:2rem}.option-item{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.option-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.option-header input[type=checkbox]{margin-top:.2rem;flex:1;align-items:center}.option-content{flex:1}.option-header label{font-weight:500;cursor:pointer;margin:0}.option-description{font-size:.9rem;color:#666;margin-top:.25rem;line-height:1.5;white-space:pre-line}.option-description *{font-size:.9rem!important}.option-price{font-weight:600;color:var(--primary-color)}.total-section{background:#fff;padding:1.5rem;border-radius:10px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1rem}.total-price-container{display:flex;flex-direction:column;gap:.5rem}.total-label{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:0}.total-price{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:0}.config-actions{display:flex;gap:1rem;justify-content:center}.config-actions button{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.product-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.15)}.product-image{width:100%;height:200px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:10px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem}.product-title{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:.5rem}.product-description{color:#666;margin-bottom:1rem;font-size:.9rem;line-height:1.4}.product-price{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem}.add-to-cart{width:100%;background:var(--primary-color);color:#fff;border:none;padding:12px;border-radius:8px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-weight:600;cursor:pointer;transition:background .3s ease}.add-to-cart:hover{background:#5a6fd8}.user-account-section{position:absolute!important;top:50%!important;right:80px!important;transform:translateY(-50%) translateZ(0)!important;-webkit-transform:translateY(-50%) translateZ(0)!important;display:flex;align-items:center;gap:10px;z-index:10001!important;transition:top .3s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden}.user-name{color:var(--text-color);font-weight:500;font-size:.9rem;background:rgba(255,255,255,.95);padding:8px 12px;border-radius:20px;box-shadow:0 2px 10px rgba(0,0,0,.1);white-space:nowrap;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.user-icon{width:50px;height:50px;background:0 0;color:var(--text-color);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;box-shadow:none;transition:all .3s ease}.cart-icon{position:absolute!important;top:50%!important;right:20px!important;transform:translateY(-50%) translateZ(0)!important;-webkit-transform:translateY(-50%) translateZ(0)!important;width:50px;height:50px;background:0 0;color:var(--text-color);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;box-shadow:none;transition:transform .3s ease;z-index:10001!important;backface-visibility:hidden;-webkit-backface-visibility:hidden}.cart-icon:hover,.user-icon:hover{transform:scale(1.1) translateZ(0);-webkit-transform:scale(1.1) translateZ(0);box-shadow:0 5px 20px rgba(0,0,0,.3)}.cart-count{position:absolute;top:-5px;right:-5px;background:var(--error-color);color:#fff;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.cart-count:empty{display:none}.dashboard{background:var(--background-light);min-height:calc(100vh - 80px);padding:2rem 0;height:auto;overflow:visible}.dashboard-content{max-width:1200px;margin:0 auto;padding:0 20px;height:auto;overflow:visible}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow)}.dashboard-header h1{color:var(--primary-color);margin:0}.close-dashboard-btn{background:var(--error-color);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius);cursor:pointer;font-weight:600;transition:var(--transition)}.close-dashboard-btn:hover{background:#c82333;transform:translateY(-2px)}.dashboard-tabs{display:flex;gap:1rem;margin-bottom:2rem;background:#fff;padding:1rem;border-radius:var(--border-radius);box-shadow:var(--shadow)}.dashboard-tab{padding:12px 24px;background:var(--background-light);border:none;border-radius:var(--border-radius);flex:1;min-width:0;cursor:pointer;font-weight:600;transition:var(--transition);color:var(--text-light);font-size:1.1rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.dashboard-tab:hover:not(.active){background:#e9ecef;color:var(--text-color);font-size:1.2rem}.dashboard-tab.active,.dashboard-tabs .dashboard-tab.active,.dashboard-tabs button.dashboard-tab.active,button.dashboard-tab.active{background:var(--background-light)!important;color:var(--text-color)!important;font-size:1.1rem!important;border:2px solid rgba(0,123,255,.6)!important;border-width:2px!important;border-style:solid!important;border-color:rgba(0,123,255,.6)!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.2),0 0 0 1px rgba(0,123,255,.3)!important;transform:translateY(1px)!important;font-weight:600!important;position:relative!important;z-index:1!important;outline:0!important}.btn.btn-warning,.card-footer .btn,.card-footer .btn-info,.card-footer .btn-primary,.card-footer .btn-secondary,.card-footer .btn-warning,.customer-dashboard .btn,.customer-dashboard .btn-info,.customer-dashboard .btn-primary,.customer-dashboard .btn-secondary,.customer-dashboard .btn-warning,button.btn-warning{background:#f8f9fa!important;color:#333!important;border:1px solid #dee2e6!important;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.9rem}.btn.btn-warning:hover,.card-footer .btn-info:hover,.card-footer .btn-primary:hover,.card-footer .btn-secondary:hover,.card-footer .btn-warning:hover,.card-footer .btn:hover,.customer-dashboard .btn-info:hover,.customer-dashboard .btn-primary:hover,.customer-dashboard .btn-secondary:hover,.customer-dashboard .btn-warning:hover,.customer-dashboard .btn:hover,button.btn-warning:hover{background:#e9ecef!important;color:#000!important;border-color:#adb5bd!important;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}#dashboardMainContent .btn,#dashboardMainContent button,.dashboard-card .btn,.dashboard-card button,.invoice-card .btn,.invoice-card button,.order-card .btn,.order-card button,.user-card .btn,.user-card button,[id*=dashboard] .btn:not(.dashboard-tab):not(.dashboard-tab.active),[id*=dashboard] button:not(.dashboard-tab):not(.dashboard-tab.active){background:#f8f9fa!important;color:#000!important;border:1px solid #ddd!important;padding:8px 16px!important;border-radius:8px!important;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.9rem;box-shadow:0 4px 6px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.12),inset 0 -2px 2px rgba(0,0,0,.08)}#dashboardMainContent .btn:hover,#dashboardMainContent button:hover,.dashboard-card .btn:hover,.dashboard-card button:hover,.invoice-card .btn:hover,.invoice-card button:hover,.order-card .btn:hover,.order-card button:hover,.user-card .btn:hover,.user-card button:hover,[id*=dashboard] .btn:hover:not(.dashboard-tab):not(.dashboard-tab.active),[id*=dashboard] button:hover:not(.dashboard-tab):not(.dashboard-tab.active){background:#e9ecef!important;color:#000!important;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.15),inset 0 -2px 2px rgba(0,0,0,.08)}#dashboardMainContent .btn:active,#dashboardMainContent button:active,.dashboard-card .btn:active,.dashboard-card button:active,.invoice-card .btn:active,.invoice-card button:active,.order-card .btn:active,.order-card button:active,.user-card .btn:active,.user-card button:active,[id*=dashboard] .btn:active:not(.dashboard-tab):not(.dashboard-tab.active),[id*=dashboard] button:active:not(.dashboard-tab):not(.dashboard-tab.active){transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.15),inset 0 2px 4px rgba(0,0,0,.15)}#orderIds-\\[id\\],[id^=orderIds-]{background:0 0!important;border-radius:4px!important;border:1px solid #ddd!important}.dashboard-tab.active,.dashboard-tabs .dashboard-tab.active,.dashboard-tabs button.dashboard-tab.active,[id*=dashboard] .dashboard-tab.active,[id*=dashboard] button.dashboard-tab.active,button.dashboard-tab.active{background:var(--background-light)!important;color:var(--text-color)!important;border:2px solid rgba(0,123,255,.6)!important;border-width:2px!important;border-style:solid!important;border-color:rgba(0,123,255,.6)!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.2),0 0 0 1px rgba(0,123,255,.3)!important;transform:translateY(1px)!important;font-weight:600!important;position:relative!important;z-index:1!important;outline:0!important}.dashboard-tab.logout-tab,.logout-btn,button[onclick*=logout]{background:#dc3545!important;color:#fff!important;border:none!important}.dashboard-tab.logout-tab:hover,.logout-btn:hover,button[onclick*=logout]:hover{background:#c82333!important}.customer-dashboard button:hover{background:#e9ecef!important;color:#333!important;border-color:#adb5bd!important}.customer-dashboard .profile-actions .btn,.profile-actions .btn,.profile-actions .btn-primary,.profile-actions .btn-secondary{background:#f8f9fa;color:#666;border:1px solid #dee2e6;margin-right:.5rem}.profile-actions .btn-primary:hover,.profile-actions .btn-secondary:hover,.profile-actions .btn:hover{background:#e9ecef;color:#333;border-color:#adb5bd}.customer-dashboard .profile-actions .btn:last-child{margin-right:0}.dashboard-tab .tab-icon{font-size:1.5rem;line-height:1;margin-bottom:4px}.dashboard-tab .tab-text{font-size:.9rem;line-height:1.2;font-weight:500}.dashboard-tab.logout-tab{background:#dc3545!important;color:#fff!important;margin-left:auto}.dashboard-tab.logout-tab:hover{background:#c82333!important}.dashboard-tab-content{display:none;height:auto;overflow:visible}.dashboard-tab-content.active{display:block}.dashboard-card{background:0 0!important;padding:2rem;border-radius:var(--border-radius);border:1px solid #ddd!important;box-shadow:0 4px 6px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.12),inset 0 -2px 2px rgba(0,0,0,.08)!important;margin-bottom:2rem;height:auto;overflow:visible;transition:all .2s ease!important}#customerOrdersList{width:calc(100% - 8px);margin-left:4px;margin-right:4px;box-sizing:border-box}.dashboard-card:hover{transform:translateY(-2px)!important;box-shadow:0 6px 12px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.15),inset 0 -2px 2px rgba(0,0,0,.08)!important}.dashboard-card h3{color:var(--primary-color);margin-bottom:1rem}#usersContainer{overflow:visible!important;height:auto!important;max-height:none!important}.user-card{overflow:visible!important;height:auto!important;max-height:none!important;background:0 0!important;border:1px solid #ddd!important;box-shadow:0 4px 6px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.12),inset 0 -2px 2px rgba(0,0,0,.08)!important;transition:all .2s ease!important}.user-card:hover{transform:translateY(-2px)!important;box-shadow:0 6px 12px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.15),inset 0 -2px 2px rgba(0,0,0,.08)!important}.car-card,.invoice-card,.order-card,.shipping-label-card{overflow:visible!important;height:auto!important;max-height:none!important;background:0 0!important;border:1px solid #ddd!important;box-shadow:0 4px 6px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.12),inset 0 -2px 2px rgba(0,0,0,.08)!important;transition:all .2s ease!important}#carsContainer>.car-card:first-child,#invoicesContainer>.invoice-card:first-child,#ordersContainer>.order-card:first-child,#shippingLabelsContainer>.shipping-label-card:first-child,#usersContainer>.user-card:first-child,#usersContainer>div:first-child.user-card{margin-top:4px!important}#usersContainer>.user-card:first-of-type,#usersContainer>div:not(.user-card)+.user-card:first-of-type{margin-top:4px!important}#carsContainer>.car-card:first-child,#invoicesContainer>.invoice-card:first-child,#ordersContainer>.order-card:first-child,#shippingLabelsContainer>.shipping-label-card:first-child,#usersContainer>.user-card:first-child,#usersContainer>div:first-child.user-card{margin-bottom:calc(1rem + 10px)!important}#usersContainer>.user-card:first-of-type,#usersContainer>div:not(.user-card)+.user-card:first-of-type{margin-bottom:calc(1rem + 10px)!important}.car-card:hover,.invoice-card:hover,.order-card:hover,.shipping-label-card:hover{transform:translateY(-2px)!important;box-shadow:0 6px 12px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.15),inset 0 -2px 2px rgba(0,0,0,.08)!important}#backupsContainer,#invoicesContainer,#ordersContainer{overflow:visible!important;height:auto!important;max-height:none!important}form{max-width:600px;margin:0 auto}.form-group{margin-bottom:1.5rem}#contactForm #formSubmitBtn,#contactForm button[type=submit]{width:100%!important;max-width:100%!important;box-sizing:border-box!important;display:block!important}#userModal #loginForm button[type=submit],#userModal #loginForm form button[type=submit],#userModal button[type=submit]{width:100%!important;max-width:100%!important;min-width:100%!important;box-sizing:border-box!important;display:block!important;min-height:48px!important;padding:14px 24px!important;font-size:1rem!important;font-weight:600!important;margin-left:0!important;margin-right:0!important}#userModal #loginForm form button[type=submit][style]{width:100%!important;max-width:100%!important;min-width:100%!important;box-sizing:border-box!important;min-height:48px!important;padding:14px 24px!important;font-size:1rem!important}label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color)}input,select,textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition)}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,.1)}textarea{resize:vertical;min-height:120px}#inquiry{resize:both;overflow:auto;min-height:280px}.checkbox-group{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.checkbox-group input[type=checkbox]{width:auto;margin:0}.config-image{text-align:center;margin-bottom:0;padding:0;box-sizing:border-box}.config-image img{max-width:100%;max-height:500px;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.15);transition:transform .3s ease,box-shadow .3s ease;width:auto;height:auto;object-fit:contain}.config-image img:hover{transform:scale(1.02);box-shadow:0 12px 30px rgba(0,0,0,.2)}.config-image .carousel-slide{overflow:hidden;border-radius:12px;display:flex;align-items:center;justify-content:center}.option-item{background:#fff;border-radius:8px;padding:1rem;margin-bottom:.5rem;border:1px solid #e0e0e0;transition:all .3s ease}.option-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(102,126,234,.1)}.option-item img{border-radius:4px;object-fit:cover}.option-price{margin-left:auto;font-weight:700;color:var(--primary-color)}.invoice{max-width:800px;margin:0 auto;background:#fff;padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow);font-family:Arial,sans-serif}.invoice table{width:100%;border-collapse:collapse;margin-bottom:1rem}.invoice td,.invoice th{padding:12px;text-align:left;border:1px solid var(--border-color)}.invoice th{background:var(--background-light);font-weight:600;color:var(--text-color)}.invoice-items table{margin-bottom:2rem}.invoice-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.invoice-btn{padding:12px 24px;border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-block}.invoice-btn:first-child{background:var(--success-color);color:#fff}.invoice-btn:first-child:hover{background:#218838}.invoice-btn.secondary{background:var(--background-light);color:var(--text-color);border:1px solid var(--border-color)}.invoice-btn.secondary:hover{background:#e9ecef}footer{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);text-align:center;padding:2rem 0;margin-top:2rem;color:var(--text-light)}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(102,126,234,.2)}50%{box-shadow:0 0 20px 5px rgba(102,126,234,.4)}}.pulse-glow{animation:pulseGlow 2s infinite}.section{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}.nav-links a{transition:color .3s ease,transform .2s ease}.add-to-cart,.btn{transition:all .3s cubic-bezier(.4, 0, .2, 1);transform:translateY(0)}.add-to-cart:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.card,.feature,.product-card{transition:transform .3s ease,box-shadow .3s ease}.card:hover,.feature:hover,.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.1)}@media (max-width:768px){.add-to-cart,.btn,.card-footer .btn,.dashboard-tab,.invoice-btn,.modal-close,.modal-dialog-btn,.modal-dialog-btn-cancel,.modal-dialog-btn-confirm,.tab-btn,button{flex:1;min-width:0;font-size:.9rem!important}body{background-attachment:fixed;font-size:14px}header{background:rgba(255,255,255,.95)!important;backdrop-filter:blur(10px)!important;padding:0!important;box-shadow:0 2px 20px rgba(0,0,0,.1)!important;position:sticky!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:10000!important;margin:0!important;height:56px!important;min-height:56px!important;max-height:56px!important;line-height:.7!important;overflow:visible!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important}header nav{position:relative!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0!important;overflow:visible!important}header nav.container{overflow:visible!important}.nav-links{display:none!important}.logo img{height:64px!important;width:64px!important}.logo{margin-left:42px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;-webkit-transform:translateY(-50%)!important;align-items:center!important;display:flex!important}.mobile-menu-toggle{display:flex!important;position:fixed!important;left:10px!important;top:6px!important;transform:none!important;z-index:10002!important;width:42px!important;height:42px!important;font-size:1.1rem!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important}.mobile-nav,header .mobile-nav{position:fixed!important;top:56px!important;left:0!important;right:0!important;width:100%!important;z-index:20000!important;background:#fff!important;display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important;transform:translateZ(0) translateY(-10px)!important;-webkit-transform:translateZ(0) translateY(-10px)!important;transition:opacity .3s ease,transform .3s ease!important;overflow:visible!important;isolation:isolate!important}.mobile-nav.active,header .mobile-nav.active{display:block!important;visibility:visible!important;pointer-events:auto!important;opacity:1!important;transform:translateZ(0) translateY(0)!important;-webkit-transform:translateZ(0) translateY(0)!important;height:auto!important;min-height:auto!important}.user-account-section{position:absolute!important;top:50%!important;right:53px!important;transform:translateY(-50%) translateZ(0)!important;-webkit-transform:translateY(-50%) translateZ(0)!important;z-index:10001!important}.user-account-section .user-name{margin-right:10px!important;display:block!important;font-size:.85rem!important;white-space:nowrap!important;overflow:visible!important}.cart-icon{position:absolute!important;top:50%!important;right:16px!important;transform:translateY(-50%) translateZ(0)!important;-webkit-transform:translateY(-50%) translateZ(0)!important;z-index:10001!important;width:39px!important;height:39px!important;background:0 0!important;border-radius:4px!important;font-size:1.125rem!important}.cart-icon::before{display:none!important}.cart-icon .cart-count{font-size:.8rem!important}.user-icon{width:39px!important;height:39px!important;background:0 0!important;position:relative;border-radius:4px!important;font-size:1.125rem!important}.user-icon::before{display:none!important}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}h4{font-size:1.1rem!important}h5,h6{font-size:1rem!important}li,p,span{font-size:.875rem;line-height:1.5}label{font-size:.85rem}.hero{padding:3rem 0;min-height:auto}.hero h1{font-size:2rem;line-height:1.2}.hero p{font-size:1rem}.features{gap:1rem;margin-top:1rem}.feature{padding:1rem;margin:.5rem 0}.feature h3{font-size:1.2rem;margin-bottom:.5rem}.feature p{font-size:.9rem;line-height:1.4;margin:0}#uber,#uber *,#uber li,#uber p,#uber span,#uber strong{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif!important}#uber h2{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif!important}.webshop-configurator{padding:1rem}.config-form{gap:1rem}.config-form input,.config-form select{font-size:16px;padding:.75rem;padding-right:2.5rem;min-height:44px}.config-item select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.config-summary{grid-template-columns:1fr;gap:1rem}.config-image{margin:0;padding:0;width:100%;box-sizing:border-box}.config-image img{width:auto;height:auto;max-width:100%;max-height:400px;object-fit:contain;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:0 auto}.config-image img:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.config-image .carousel-slide{padding:0;margin:0}.carousel-indicators{bottom:-35px}.carousel-dot{width:8px;height:8px}.image-description{font-size:14px;padding:.5rem;margin-left:0!important;text-align:center;word-wrap:break-word;overflow-wrap:break-word}.total-label{font-size:1.5rem!important;line-height:1.2}.total-price{font-size:1.75rem!important;line-height:1.2}.info-label,.option-label{font-size:.85rem;word-wrap:break-word}.btn,button{font-size:.95rem;padding:.75rem 1rem}.options-grid{grid-template-columns:1fr}.option-item{padding:.75rem}.option-name{font-size:.9rem}.option-price{font-size:.85rem}.config-total{padding:1rem;font-size:1.25rem}.add-to-cart{width:100%;padding:1rem;font-size:1rem}.modal{padding:1rem;align-items:center!important;justify-content:center;padding-top:1rem!important;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:10001!important}.modal-content,.modal-content-preview{width:95%;max-width:none;padding:1rem;margin:auto;max-height:90vh!important;overflow-y:auto;position:relative;box-sizing:border-box}#orderDetailsModal,#orderDetailsModal.modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:.5rem!important;margin:0!important;z-index:10001!important;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;transform:none!important;border-radius:0!important}#orderDetailsModal .modal-content,#orderDetailsModal>div{width:calc(100% - 1rem)!important;max-width:calc(100vw - 1rem)!important;margin:0 auto!important;box-sizing:border-box!important;padding:1.5rem!important;position:relative!important;left:0!important;right:0!important;transform:none!important;float:none!important}#editProfileModal,#editProfileModal.modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:.5rem!important;margin:0!important;z-index:10001!important;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;transform:none!important;border-radius:0!important}#editProfileModal .modal-content,#editProfileModal>div{width:calc(100% - 1rem)!important;max-width:calc(100vw - 1rem)!important;margin:0 auto!important;box-sizing:border-box!important;padding:1.5rem!important;position:relative!important;left:0!important;right:0!important;transform:none!important;float:none!important}#changePasswordModal,#changePasswordModal.modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:.5rem!important;margin:0!important;z-index:10001!important;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;transform:none!important;border-radius:0!important}#changePasswordModal .modal-content,#changePasswordModal>div{width:calc(100% - 1rem)!important;max-width:calc(100vw - 1rem)!important;margin:0 auto!important;box-sizing:border-box!important;padding:1.5rem!important;position:relative!important;left:0!important;right:0!important;transform:none!important;float:none!important}.modal-content-preview img{max-width:100%;max-height:60vh}.preview-arrow{width:40px;height:40px;font-size:1.5rem;padding:.5rem}.preview-arrow.prev{left:5px}.preview-arrow.next{right:5px}.preview-indicators{bottom:10px}.preview-dot{width:8px;height:8px}.image-description{font-size:16px;margin-top:1rem;padding:.75rem}#imagePreviewModal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;background:#000!important;z-index:10001!important;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important}#imagePreviewModal .image-preview-nav-btn{position:absolute!important;z-index:20!important}#imagePreviewModal .image-preview-prev{left:10px!important;right:auto!important}#imagePreviewModal .image-preview-next{right:10px!important;left:auto!important}.dashboard-modal{padding-top:1rem!important;align-items:center!important;z-index:11000!important}.dashboard-modal .modal-content{width:95%;max-width:none;padding:2px!important;max-height:90vh!important;overflow-y:auto}#cookieConsentModal .modal-content,#gdprSettingsModal .modal-content{width:95%!important;max-width:95%!important;padding:1.5rem!important;max-height:85vh!important;overflow-y:auto!important;margin:auto!important}#cookieConsentModal,#gdprSettingsModal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:1rem!important;margin:0!important;z-index:11000!important;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;transform:none!important;border-radius:0!important}#userModal{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#000!important;padding:1rem!important;align-items:center!important;z-index:11000!important}#userModal>div{width:95%!important;max-width:500px!important;padding:1rem!important;max-height:90vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.dashboard-header{flex-direction:column;padding:1rem;text-align:center}.dashboard-header h2{font-size:1.5rem}.dashboard-tabs{flex-direction:column!important;width:100%!important;gap:.5rem!important;display:flex!important;flex-wrap:nowrap!important}.dashboard-tabs[style]{flex-direction:column!important;width:100%!important;display:flex!important;flex-wrap:nowrap!important}.dashboard-tab{width:100%!important;max-width:100%!important;min-width:100%!important;flex:1 1 100%!important;text-align:center;padding:.75rem;font-size:.9rem;box-sizing:border-box!important;margin:0!important}.dashboard-tab[style]{width:100%!important;max-width:100%!important;min-width:100%!important;flex:1 1 100%!important;box-sizing:border-box!important;margin:0!important}.dashboard-tabs .tab-btn,.dashboard-tabs button[id*=tab-],.dashboard-tabs button[onclick*=switchDashboardTab],.dashboard-tabs button[onclick*=switchTab]{width:100%!important;max-width:100%!important;min-width:100%!important;flex:1 1 100%!important;box-sizing:border-box!important;margin:0!important}.dashboard-tabs .tab-btn[style],.dashboard-tabs button[id*=tab-][style],.dashboard-tabs button[onclick*=switchDashboardTab][style],.dashboard-tabs button[onclick*=switchTab][style]{width:100%!important;max-width:100%!important;min-width:100%!important;flex:1 1 100%!important;box-sizing:border-box!important;margin:0!important}div[style*="display: flex"] button[id*=tab-],div[style*="display: flex"] button[onclick*=switchDashboardTab],div[style*="display: flex"] button[onclick*=switchTab]{width:100%!important;max-width:100%!important;min-width:100%!important;flex:1 1 100%!important;box-sizing:border-box!important;margin:0!important}button[onclick*="CustomerDashboard.switchTab"],button[onclick*="DashboardUI.switchTab"],button[onclick*=switchDashboardTab],button[onclick*=switchTab]{width:100%!important;max-width:100%!important;min-width:100%!important;flex:1 1 100%!important;box-sizing:border-box!important}.dashboard-content{padding:2px!important}.dashboard-card:not(.modal):not(.modal-content) button[onclick*="AdminCustomerDashboard.showCustomerChangePasswordModal"],.dashboard-card:not(.modal):not(.modal-content) button[onclick*="AdminCustomerDashboard.showCustomerEditProfileModal"],.dashboard-card:not(.modal):not(.modal-content) button[onclick*="AdminDashboard.changeCustomerPassword"],.dashboard-card:not(.modal):not(.modal-content) button[onclick*="AdminDashboard.editCustomerProfile"],.dashboard-card:not(.modal):not(.modal-content) button[onclick*="CustomerProfile.showChangePasswordModal"],.dashboard-card:not(.modal):not(.modal-content) button[onclick*="CustomerProfile.showEditProfileModal"],.dashboard-card:not(.modal):not(.modal-content) button[onclick*=showChangePasswordModal],.dashboard-card:not(.modal):not(.modal-content) button[onclick*=showEditProfileModal],.profile-section:not(.modal):not(.modal-content) button[onclick*=showChangePasswordModal],.profile-section:not(.modal):not(.modal-content) button[onclick*=showEditProfileModal]{width:100%!important;max-width:100%!important;min-width:100%!important;flex:1 1 100%!important;box-sizing:border-box!important;margin:.5rem 0!important}#changePasswordModal * button,#changePasswordModal button,#editProfileModal * button,#editProfileModal button,.modal button[type=button]:not([onclick*=showEditProfileModal]):not([onclick*=showChangePasswordModal]),.modal button[type=submit],.modal-content button:not([onclick*=showEditProfileModal]):not([onclick*=showChangePasswordModal]),.modal-dialog button,[id*=changePasswordModal] * button,[id*=changePasswordModal] button,[id*=editProfileModal] * button,[id*=editProfileModal] button{width:auto!important;max-width:none!important;min-width:auto!important;flex:0 0 auto!important;margin:.25rem!important}#changePasswordModal .modal-actions,#editProfileModal .modal-actions,.modal .modal-actions,.modal-dialog .modal-actions,[id*=changePasswordModal] .modal-actions,[id*=editProfileModal] .modal-actions{flex-direction:row!important;gap:.5rem!important;width:auto!important}.profile-actions:not(#editProfileModal *):not(#changePasswordModal *),.profile-section div[style*="display: flex"][style*="justify-content: space-between"]:not(#editProfileModal *):not(#changePasswordModal *){flex-direction:column!important;gap:.5rem!important;width:100%!important}.profile-actions button:not(#editProfileModal button):not(#changePasswordModal button),.profile-section div[style*="display: flex"][style*="justify-content: space-between"] button:not(#editProfileModal button):not(#changePasswordModal button){width:100%!important;max-width:100%!important;min-width:100%!important;flex:1 1 100%!important;box-sizing:border-box!important;margin:.5rem 0!important}.dashboard-modal .modal-content{padding:2px!important}.car-card .card-footer,.order-card .card-footer,div[class*=car-card] .card-footer,div[class*=order-card] .card-footer{flex-direction:column!important;gap:.5rem!important;width:100%!important;display:flex!important;flex-wrap:nowrap!important}.car-card .card-footer[style],.order-card .card-footer[style],div[class*=car-card] .card-footer[style],div[class*=order-card] .card-footer[style]{flex-direction:column!important;gap:.5rem!important;width:100%!important;display:flex!important;flex-wrap:nowrap!important}.car-card .card-footer .btn,.car-card .card-footer button,.order-card .card-footer .btn,.order-card .card-footer button,div[class*=car-card] .card-footer .btn,div[class*=car-card] .card-footer button,div[class*=order-card] .card-footer .btn,div[class*=order-card] .card-footer button{width:100%!important;max-width:100%!important;min-width:100%!important;flex:1 1 100%!important;box-sizing:border-box!important;margin:0!important}.car-card .card-footer .btn[style],.car-card .card-footer button[style],.order-card .card-footer .btn[style],.order-card .card-footer button[style]{width:100%!important;max-width:100%!important;min-width:100%!important;flex:1 1 100%!important;box-sizing:border-box!important;margin:0!important}.order-card button[onclick*="AdminDashboard.downloadInvoice"],.order-card button[onclick*="AdminDashboard.showCarInfoModal"],.order-card button[onclick*="AdminDashboard.viewOrderDetails"],.order-card button[onclick*="CustomerOrders.downloadInvoice"],.order-card button[onclick*="CustomerOrders.showCarInfoModal"],.order-card button[onclick*="CustomerOrders.viewOrderDetails"],.order-card button[onclick*=Details],.order-card button[onclick*=Fahrzeugdaten],.order-card button[onclick*=Fahrzeuginfo],.order-card button[onclick*=Rechnung],.order-card button[onclick*=downloadInvoice],.order-card button[onclick*=showCarInfoModal],.order-card button[onclick*=viewOrderDetails]{width:100%!important;max-width:100%!important;min-width:100%!important;flex:1 1 100%!important;box-sizing:border-box!important}.cars-grid,.orders-grid{grid-template-columns:1fr;gap:1rem}.car-card,.order-card{padding:1rem}#customerOrdersList .order-card{width:calc(100% + 8px)!important;margin-left:-4px!important;margin-right:-4px!important;box-sizing:border-box!important}#customerOrdersList{margin-left:4px!important;margin-right:4px!important}.car-header h3,.order-header h3{font-size:1rem}.car-info,.order-info{font-size:.8rem;line-height:1.4}.car-info .info-label,.order-info .info-label{font-size:.8rem}.car-info .info-value,.order-info .info-value{font-size:.8rem;word-break:break-word}.order-items{font-size:.8rem}.order-items li{font-size:.75rem;line-height:1.4}.card-footer{flex-direction:column;gap:.5rem}.card-footer .btn{width:100%;padding:.75rem;font-size:.9rem}.profile-section{padding:1rem}.profile-info{grid-template-columns:1fr;gap:.75rem}.profile-actions{flex-direction:column}.profile-actions .btn{width:100%}.form-group{margin-bottom:1rem}.form-group label{font-size:.9rem;margin-bottom:.25rem}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:.75rem;min-height:44px}#inquiry{min-height:364px!important;resize:both!important;overflow:auto!important}.btn,button{min-height:44px;padding:.75rem 1.5rem;font-size:1rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cookie-consent-banner{padding:1rem;flex-direction:column;text-align:center}.cookie-consent-content{flex-direction:column;gap:1rem}.cookie-consent-text{font-size:.85rem}.cookie-consent-actions{flex-direction:column;width:100%;gap:.5rem}.cookie-consent-actions button{width:100%;padding:.75rem}.cookie-settings-icon{width:50px;height:50px;bottom:15px;left:15px}.cookie-settings-label{display:none!important}.cart-modal{padding-top:1rem!important;align-items:center!important;z-index:11000!important}.cart-modal .modal-content{width:95%;max-width:none;padding:1rem;max-height:90vh!important;overflow-y:auto}.cart-items{gap:1rem}.cart-item{flex-direction:column;padding:1rem;gap:.5rem}.cart-item-info{width:100%}.cart-item-title{font-size:1rem}.cart-item-details{font-size:.85rem}.cart-item-price{font-size:1.25rem}.remove-item{position:absolute;top:10px;right:10px}.cart-total{padding:1rem;font-size:1.25rem}.checkout-btn{width:100%;padding:1rem;font-size:1rem}.grid-2,.grid-3{grid-template-columns:1fr;gap:1rem}.card{padding:1rem;margin-bottom:1rem}.card h3{font-size:1.25rem}table{font-size:.85rem}table td,table th{padding:.5rem}.responsive-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1200px) and (min-width:769px){.hero h1{font-size:2.5rem}.section h2{font-size:2rem}.grid-2,.grid-3{grid-template-columns:1fr}.nav-links{display:none!important}header{min-height:56px!important}.mobile-menu-toggle{display:flex!important}.logo img{height:64px!important;width:64px!important}.logo{margin-left:42px!important}.dashboard-tabs{flex-direction:column;gap:.5rem}.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.user-account-section{position:absolute!important;top:50%!important;right:80px!important;transform:translateY(-50%) translateZ(0)!important;-webkit-transform:translateY(-50%) translateZ(0)!important;z-index:10001!important}.user-account-section .user-name{display:block!important;font-size:.9rem!important;white-space:nowrap!important;overflow:visible!important}.cart-icon{position:absolute!important;top:50%!important;right:20px!important;transform:translateY(-50%) translateZ(0)!important;-webkit-transform:translateY(-50%) translateZ(0)!important;z-index:10001!important;width:44px!important;height:44px!important;font-size:1.2rem!important}.user-icon{width:44px;height:44px;font-size:1.2rem;position:relative!important;z-index:10001!important}.invoice-actions{flex-direction:column;align-items:center}.invoice-btn{width:100%;max-width:300px}.cart-icon,.user-icon{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.add-to-cart,.btn,button{min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-size:.9rem!important}.config-actions{gap:.75rem}.config-actions .add-to-cart{font-size:clamp(.7rem, 2.5vw, .85rem)!important;padding:.75rem 1rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.mobile-nav a{min-height:44px;padding:1rem;margin:.2rem 0;font-size:1.1rem;-webkit-tap-highlight-color:transparent}.mobile-menu-toggle{min-width:44px;min-height:44px;padding:.75rem;position:fixed!important;left:15px!important;top:15px!important;z-index:10001!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}input,select,textarea{font-size:16px}.section{scroll-margin-top:120px}#checkoutPage button[onclick*=showBankTransferDialog]{width:100%!important;max-width:100%!important;box-sizing:border-box!important}#checkoutPage #paypal-button-container{width:100%!important;max-width:100%!important;box-sizing:border-box!important}#checkoutPage>div>div[style*="margin-top: 2rem"]{width:100%!important;box-sizing:border-box!important}}@media (max-width:480px){body{font-size:13px}header{background:rgba(255,255,255,.95)!important;backdrop-filter:blur(10px)!important;padding:0!important;box-shadow:0 2px 20px rgba(0,0,0,.1)!important;position:sticky!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:10000!important;margin:0!important;height:56px!important;min-height:56px!important;max-height:56px!important;line-height:.7!important;overflow:visible!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important}header nav{height:100%!important;padding:0!important}.mobile-nav{top:56px!important;max-height:calc(100vh - 56px)!important}header nav{position:relative!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:.4rem 0!important;overflow:visible!important}header nav.container{overflow:visible!important}.mobile-menu-toggle{z-index:10002!important;width:42px!important;height:42px!important;position:fixed!important;left:10px!important;top:6px!important;transform:none!important;font-size:1.1rem!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important}.container{padding:0 10px}.section{margin:.75rem 0;padding:1.5rem .75rem}.hero{padding:2rem 0}.hero h1{font-size:1.5rem!important}.hero p{font-size:.85rem}.cta-button{padding:.75rem 1.5rem;font-size:.85rem}.add-to-cart,.btn,.invoice-btn,.modal-close,.modal-dialog-btn,button{font-size:.85rem!important}h2{font-size:1.3rem!important}h3{font-size:1.1rem!important}h4{font-size:1rem!important}li,p,span{font-size:.8rem}.config-actions .add-to-cart{font-size:clamp(.65rem, 2.2vw, .8rem)!important;padding:.65rem .85rem!important}}@media (max-width:599px){body:has(.mobile-nav.active) .add-to-cart,body:has(.mobile-nav.active) .btn,body:has(.mobile-nav.active) .card-footer .btn,body:has(.mobile-nav.active) .cta-button,body:has(.mobile-nav.active) .dashboard-tab,body:has(.mobile-nav.active) .invoice-btn,body:has(.mobile-nav.active) .modal-close,body:has(.mobile-nav.active) .modal-dialog-btn,body:has(.mobile-nav.active) .modal-dialog-btn-cancel,body:has(.mobile-nav.active) .modal-dialog-btn-confirm,body:has(.mobile-nav.active) .tab-btn,body:has(.mobile-nav.active) button{font-size:calc(.85rem * .9)!important}body.mobile-nav-active .add-to-cart,body.mobile-nav-active .btn,body.mobile-nav-active .card-footer .btn,body.mobile-nav-active .cta-button,body.mobile-nav-active .dashboard-tab,body.mobile-nav-active .invoice-btn,body.mobile-nav-active .modal-close,body.mobile-nav-active .modal-dialog-btn,body.mobile-nav-active .modal-dialog-btn-cancel,body.mobile-nav-active .modal-dialog-btn-confirm,body.mobile-nav-active .tab-btn,body.mobile-nav-active button{font-size:calc(.85rem * .9)!important}}@media (max-width:480px){#uber,#uber *,#uber li,#uber p,#uber span,#uber strong{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif!important;font-size:.8rem!important}#uber h2{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif!important;font-size:1.3rem!important}.webshop-configurator{padding:.75rem}.config-form input,.config-form select{padding:.625rem;padding-right:2.25rem}.config-item select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center;background-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.option-item{padding:.625rem}.option-name{font-size:.9rem}.option-description{font-size:.9rem;line-height:1.5}.option-description *{font-size:.9rem!important}.option-price{font-size:.9rem}.user-account-section{position:absolute!important;top:50%!important;right:50px!important;transform:translateY(-50%) translateZ(0)!important;-webkit-transform:translateY(-50%) translateZ(0)!important;z-index:10001!important}.user-account-section .user-name{margin-right:10px!important;display:block!important;font-size:.85rem!important;white-space:nowrap!important;overflow:visible!important}.cart-icon{position:absolute!important;top:50%!important;right:16px!important;transform:translateY(-50%) translateZ(0)!important;-webkit-transform:translateY(-50%) translateZ(0)!important;z-index:10001!important;width:36px!important;height:36px!important;background:0 0!important;border-radius:4px!important;font-size:1.0125rem!important}.cart-icon::before{display:none!important}.cart-icon .cart-count{font-size:.8rem!important}.user-icon{width:36px!important;height:36px!important;background:0 0!important;position:relative;border-radius:4px!important;font-size:1.0125rem!important}.user-icon::before{display:none!important}.mobile-menu-toggle{min-width:42px!important;min-height:42px!important;padding:0!important;position:fixed!important;left:10px!important;top:6px!important;transform:none!important;z-index:10002!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;font-size:1.1rem!important;display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important}.mobile-nav,header .mobile-nav{position:fixed!important;top:56px!important;left:0!important;right:0!important;width:100%!important;z-index:99999!important;transform:translateZ(0) translateY(-10px)!important;-webkit-transform:translateZ(0) translateY(-10px)!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(15px)!important;box-shadow:0 4px 20px rgba(0,0,0,.15)!important;display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important;height:auto!important;min-height:auto!important;max-height:calc(100vh - 56px)!important;overflow-y:auto!important;overflow-x:hidden!important;transition:opacity .3s ease,transform .3s ease!important;isolation:isolate!important}.mobile-nav.active,header .mobile-nav.active{display:block!important;visibility:visible!important;pointer-events:auto!important;opacity:1!important;transform:translateZ(0) translateY(0)!important;-webkit-transform:translateZ(0) translateY(0)!important;height:auto!important;min-height:auto!important;max-height:calc(100vh - 56px)!important}#userModal{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:1rem!important;overflow-y:auto!important;z-index:10001!important;-webkit-overflow-scrolling:touch!important}#userModal>div{width:95%!important;max-width:500px!important;max-height:90vh!important;overflow-y:auto!important;margin:0 auto!important;-webkit-overflow-scrolling:touch!important}#userModal>div{padding:1rem!important}#userModal #loginForm{width:100%!important;box-sizing:border-box!important;padding:0!important;margin:0!important}#userModal #loginForm form{width:100%!important;box-sizing:border-box!important;padding:0!important;margin:0!important}#userModal #loginForm button[type=submit],#userModal #loginForm form button[type=submit],#userModal button[type=submit]{width:100%!important;max-width:100%!important;min-width:100%!important;box-sizing:border-box!important;display:block!important;min-height:56px!important;margin-left:0!important;margin-right:0!important;margin-bottom:1rem!important;padding:16px 24px!important;font-size:1.1rem!important;font-weight:600!important}#userModal #loginForm form button[type=submit][style]{width:100%!important;max-width:100%!important;min-width:100%!important;box-sizing:border-box!important}#userModal #loginForm form>div{width:100%!important;box-sizing:border-box!important}.dashboard-modal .modal-content{padding:.75rem}.dashboard-header{padding:.75rem}.dashboard-header h2{font-size:1.25rem}.dashboard-tab{padding:.625rem;font-size:.85rem}.dashboard-content{padding:.75rem}.car-card,.dashboard-card,.order-card{padding:.75rem}.car-header h3,.order-header h3{font-size:.9rem}.car-info,.order-info{font-size:.8rem}.card-footer .btn{padding:.625rem;font-size:.85rem}.form-group input,.form-group select,.form-group textarea{padding:.625rem}#inquiry{min-height:364px!important;resize:both!important;overflow:auto!important}.modal{padding:.5rem}.modal-content{padding:1rem}.modal-title{font-size:1.25rem}.modal-content-preview{padding:.75rem}.preview-arrow{width:35px;height:35px;font-size:1.25rem}.cart-item{padding:.75rem}.cart-item-title{font-size:.9rem}.cart-item-details{font-size:.8rem}.product-grid{grid-template-columns:1fr;gap:.75rem}}@media (max-width:768px) and (orientation:landscape){.hero{padding:2rem 0;min-height:auto}.hero h1{font-size:1.75rem}.modal-content,.modal-content-preview{max-height:85vh;overflow-y:auto}.dashboard-modal .modal-content{max-height:85vh}.config-image img{max-height:40vh}}@media (hover:none) and (pointer:coarse){.btn,a,button,input[type=checkbox],input[type=radio],select{min-height:44px;min-width:44px}.btn:hover,.nav-links a:hover,.option-item:hover{transform:none}.btn:active,.nav-links a:active,.option-item:active{transform:scale(.98);opacity:.9}}.touch-device .touch-active{opacity:.85;transform:scale(.97);transition:all .1s ease}.touch-device .btn.touch-active,.touch-device button.touch-active{background-color:var(--secondary-color)}.touch-device .mobile-menu-toggle.touch-active{background:rgba(102,126,234,.2);transform:scale(.9)}html{scroll-behavior:smooth}body{overflow-x:hidden}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media print{.invoice-actions{display:none}.invoice{box-shadow:none;max-width:none}body{background:#fff}.cart-icon,.cookie-consent-banner,.cookie-settings-icon,.mobile-menu-toggle,.mobile-nav,.user-account-section,header{display:none!important}}@media (prefers-contrast:high){:root{--primary-color:#0066cc;--text-color:#000;--text-light:#333;--border-color:#000}}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}.impressum-content{max-width:800px;margin:0 auto;padding:2rem 0}.impressum-section{background:rgba(255,255,255,.95);margin-bottom:2rem;padding:2rem;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);border-left:4px solid #667eea}.impressum-section h3{color:#333;margin:0 0 1.5rem 0;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.contact-info{color:#666;line-height:1.6}.contact-info p{margin:.5rem 0}.contact-person{color:#333;font-weight:500;font-size:1.1rem}.contact-info strong{color:#667eea;font-weight:600}.address-note{font-style:italic;color:#999;font-size:.9rem}.tax-id{font-family:monospace;background:#f8f9fa;padding:.5rem;border-radius:4px;color:#333;font-weight:500;display:inline-block}.legal-text{color:#555;line-height:1.7}.legal-text p{margin:1rem 0;text-align:justify}.legal-text a{color:#667eea;text-decoration:none;word-break:break-all}.legal-text a:hover{text-decoration:underline}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:11000!important;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (min-width:769px){#changePasswordModal,#cookieConsentModal,#editProfileModal,#gdprSettingsModal,#orderDetailsModal,#userModal,.cart-modal,.dashboard-modal,.modal{z-index:11000!important}}@media (max-width:768px){.modal{background:#000!important;padding-top:1rem!important;align-items:center!important;z-index:10001!important}}.modal-content{background:#fff;border-radius:15px;padding:2rem;max-width:500px;width:90%;max-height:90vh;box-shadow:0 20px 40px rgba(0,0,0,.3);position:relative;overflow-y:auto;margin:0 auto;box-sizing:border-box}#orderDetailsModal{display:flex!important;align-items:center!important;justify-content:center!important;padding:1rem!important}#orderDetailsModal .modal-content,#orderDetailsModal>div{margin:0 auto!important;box-sizing:border-box!important;max-width:600px!important;width:90%!important;position:relative!important;left:auto!important;right:auto!important}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-title{color:#667eea;margin:0;font-size:1.5rem}.modal-close{background:0 0;border:none;font-size:24px;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .3s ease}.modal-close:hover{background:#f8f9fa}#verificationCode{transition:border-color .3s ease,box-shadow .3s ease}#verificationCode:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:0}#timerDisplay{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}#adminVerificationModal button{transition:all .3s ease;position:relative;overflow:hidden}#adminVerificationModal button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}#adminVerificationModal button:active{transform:translateY(0)}#verificationError{animation:shake .5s ease-in-out}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (max-width:768px){.mobile-nav.active,div.mobile-nav.active,div[class*=mobile-nav][class*=active],header .mobile-nav.active{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateZ(0) translateY(0)!important;-webkit-transform:translateZ(0) translateY(0)!important;position:fixed!important;top:56px!important;left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;z-index:20000!important;background:#fff!important;background-color:#fff!important;height:auto!important;min-height:100px!important;max-height:calc(100vh - 56px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:20px!important;box-shadow:0 4px 20px rgba(0,0,0,.15)!important;border:none!important;margin:0!important;bottom:auto!important;isolation:isolate!important;contain:none!important}.mobile-nav.active ul,div.mobile-nav.active ul,header .mobile-nav.active ul{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:99999!important}.mobile-nav.active li,div.mobile-nav.active li,header .mobile-nav.active li{display:list-item!important;visibility:visible!important;opacity:1!important}.mobile-nav.active a,div.mobile-nav.active a,header .mobile-nav.active a{display:block!important;visibility:visible!important;opacity:1!important;color:var(--text-color)!important;background:rgba(255,255,255,.9)!important}.mobile-nav:not(.active),div.mobile-nav:not(.active),header .mobile-nav:not(.active){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.mobile-menu-toggle{display:flex!important;visibility:visible!important;opacity:1!important}header,header nav,header nav.container{overflow:visible!important}}