:root{--color-primary: #E53E3E;--color-primary-light: #FEE2E2;--color-secondary: #E53E3E;--color-accent: #C53030;--color-racing-orange: #FF6B35;--color-charcoal: #2D2D2D;--gradient-primary: linear-gradient(135deg, #E53E3E 0%, #C53030 100%);--gradient-hero: linear-gradient(135deg, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .7) 100%);--gradient-accent: linear-gradient(135deg, #E53E3E 0%, #FF6B35 100%);--gradient-overlay: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .7) 100%);--color-dark: #0A0A0A;--color-dark-gray: #1F2937;--color-gray: #6B7280;--color-muted: #9CA3AF;--color-light-gray: #E5E7EB;--color-background: #F9FAFB;--color-white: #FFFFFF;--color-success: #059669;--color-warning: #D97706;--color-error: #DC2626;--color-info: #2563EB;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Helvetica Neue", Arial, sans-serif;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .875rem;--text-lg: .9375rem;--text-xl: 1rem;--text-2xl: 1.125rem;--text-3xl: 1.375rem;--text-4xl: 1.75rem;--text-5xl: 2.25rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.6;color:var(--color-dark-gray);background-color:var(--color-background);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:1.2;color:var(--color-dark);margin-bottom:var(--spacing-md)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}a:focus{outline:2px solid var(--color-accent);outline-offset:2px}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:inherit;border:1px solid var(--color-light-gray);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #00509e1a}table{width:100%;border-collapse:collapse}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-gray{color:var(--color-gray)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-white{background-color:var(--color-white)}.bg-background{background-color:var(--color-background)}::selection{background-color:var(--color-accent);color:var(--color-white)}::-moz-selection{background-color:var(--color-accent);color:var(--color-white)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-light-gray)}::-webkit-scrollbar-thumb{background:var(--color-gray);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-dark-gray)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.15s;transition-timing-function:ease-in-out}.preload *{transition:none!important}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-md)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-2xl{max-width:var(--container-2xl)}.container-fluid{max-width:100%;padding:0 var(--spacing-md)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-shrink{flex-shrink:1}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.ml-0{margin-left:0}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.mr-auto{margin-right:auto}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pt-2xl{padding-top:var(--spacing-2xl)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.pb-2xl{padding-bottom:var(--spacing-2xl)}.pl-0{padding-left:0}.pl-xs{padding-left:var(--spacing-xs)}.pl-sm{padding-left:var(--spacing-sm)}.pl-md{padding-left:var(--spacing-md)}.pl-lg{padding-left:var(--spacing-lg)}.pl-xl{padding-left:var(--spacing-xl)}.pr-0{padding-right:0}.pr-xs{padding-right:var(--spacing-xs)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.pr-lg{padding-right:var(--spacing-lg)}.pr-xl{padding-right:var(--spacing-xl)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal{z-index:var(--z-modal)}@media(min-width:640px){.container{padding:0 var(--spacing-lg)}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:block{display:block}.sm\:hidden{display:none}h1{font-size:3.5rem}h2{font-size:2.5rem}}@media(min-width:768px){.container{padding:0 var(--spacing-xl)}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:gap-lg{gap:var(--spacing-lg)}.md\:gap-xl{gap:var(--spacing-xl)}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-1\/4{width:25%}.lg\:w-3\/4{width:75%}.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}}@media(min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:gap-2xl{gap:var(--spacing-2xl)}}@media(min-width:1536px){.container{padding:0 var(--spacing-2xl)}.xxl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xxl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xxl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid}h2,h3{page-break-after:avoid}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:639px){.mobile-stack{flex-direction:column}.mobile-full{width:100%}.mobile-hidden{display:none}.mobile-center{text-align:center}.mobile-compact{padding:var(--spacing-sm)}}@media(min-width:640px)and (max-width:1023px){.tablet-only{display:block}}@media(min-width:1024px){.desktop-only{display:block}}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-md);max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--spacing-md);background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-xl);border-left:4px solid;min-width:300px;opacity:0;transform:translate(100%);transition:all .3s ease-out;pointer-events:all}.toast-visible{opacity:1;transform:translate(0)}.toast-success{border-left-color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.toast-warning{border-left-color:#eab308}.toast-info{border-left-color:#3b82f6}.toast-icon{flex-shrink:0}.toast-message{flex:1;font-size:var(--text-sm);color:var(--color-dark);line-height:1.5;margin:0}.toast-action{flex-shrink:0;background-color:#e53e3e;color:var(--color-white);border:none;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base)}.toast-action:hover{background-color:#c8102e}.toast-close{flex-shrink:0;background:none;border:none;padding:var(--spacing-xs);color:var(--color-muted);cursor:pointer;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:var(--transition-base)}.toast-close:hover{background-color:var(--color-background);color:var(--color-dark)}@media(max-width:639px){.toast-container{left:var(--spacing-md);right:var(--spacing-md);max-width:none}.toast{min-width:0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-primary);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus{outline:none;box-shadow:0 0 0 3px #e53e3e4d}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-sm{font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);min-height:32px}.btn-md{font-size:var(--text-base);padding:var(--spacing-sm) var(--spacing-lg);min-height:40px}.btn-lg{font-size:var(--text-lg);padding:var(--spacing-md) var(--spacing-xl);min-height:48px}.btn-primary{background-color:#e53e3e;color:var(--color-white);border-color:#e53e3e}.btn-primary:hover:not(:disabled){background-color:#c53030;border-color:#c53030;transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:#e53e3e;color:var(--color-white);border-color:#e53e3e}.btn-secondary:hover:not(:disabled){background-color:#c53030;border-color:#c53030;transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-outline{background-color:transparent;color:#e53e3e;border-color:#e53e3e}.btn-outline:hover:not(:disabled){background-color:#e53e3e;color:var(--color-white)}.btn-ghost{background-color:transparent;color:var(--color-dark-gray);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-light-gray)}.btn-danger{background-color:var(--color-error);color:var(--color-white);border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-full-width{width:100%}.btn-loading{position:relative;cursor:wait}.btn-text-loading{opacity:.7}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}@media(max-width:639px){.btn-lg{font-size:var(--text-base);padding:var(--spacing-sm) var(--spacing-lg);min-height:44px}}.input-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-full-width{width:100%}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-dark-gray);display:block}.input-required{color:var(--color-error);margin-left:var(--spacing-xs)}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-field{width:100%;font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-dark-gray);background-color:var(--color-white);border:2px solid var(--color-light-gray);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input-field::placeholder{color:var(--color-gray)}.input-field:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #00509e1a}.input-field:disabled{background-color:var(--color-background);cursor:not-allowed;opacity:.6}.input-sm .input-field{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm);min-height:32px}.input-md .input-field{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-base);min-height:40px}.input-lg .input-field{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-lg);min-height:48px}.input-has-left-icon .input-field{padding-left:40px}.input-has-right-icon .input-field{padding-right:40px}.input-icon-left{position:absolute;left:var(--spacing-md);display:flex;align-items:center;justify-content:center;color:var(--color-gray);pointer-events:none}.input-icons-right{position:absolute;right:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs)}.input-error-icon{display:flex;align-items:center;justify-content:center}.input-custom-icon{display:flex;align-items:center;justify-content:center;color:var(--color-gray)}.input-password-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-gray);transition:color var(--transition-fast);border-radius:var(--radius-sm)}.input-password-toggle:hover{color:var(--color-dark-gray)}.input-password-toggle:focus{outline:2px solid var(--color-accent);outline-offset:2px}.input-error .input-field{border-color:var(--color-error)}.input-error .input-field:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #dc26261a}.input-error-text{font-size:var(--text-sm);color:var(--color-error);display:flex;align-items:center;gap:var(--spacing-xs)}.input-helper-text{font-size:var(--text-sm);color:var(--color-gray)}.input-disabled{opacity:.6}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.card{background-color:var(--color-white);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid var(--color-light-gray);border-radius:var(--radius-lg)}.card-padding-none{padding:0}.card-padding-sm{padding:var(--spacing-md)}.card-padding-md{padding:var(--spacing-lg)}.card-padding-lg{padding:var(--spacing-xl)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.card-clickable:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent)}.card-clickable:active{transform:translateY(0)}.card-clickable:focus{outline:2px solid var(--color-accent);outline-offset:2px}@media(max-width:639px){.card-padding-md{padding:var(--spacing-md)}.card-padding-lg{padding:var(--spacing-lg)}}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-primary);font-weight:var(--font-medium);border-radius:var(--radius-xl);white-space:nowrap;text-align:center}.badge-sm{font-size:var(--text-xs);padding:2px var(--spacing-sm);min-height:18px}.badge-md{font-size:var(--text-sm);padding:var(--spacing-xs) var(--spacing-sm);min-height:22px}.badge-lg{font-size:var(--text-base);padding:var(--spacing-sm) var(--spacing-md);min-height:28px}.badge-success{background-color:#d1fae5;color:#065f46;border:1px solid #10B981}.badge-warning{background-color:#fef3c7;color:#92400e;border:1px solid #F59E0B}.badge-error{background-color:#fee2e2;color:#991b1b;border:1px solid #EF4444}.badge-info{background-color:#dbeafe;color:#1e40af;border:1px solid #3B82F6}.badge-neutral{background-color:#f3f4f6;color:var(--color-dark-gray);border:1px solid var(--color-light-gray)}.badge-dot{padding-left:var(--spacing-sm)}.badge-dot-indicator{width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge-success .badge-dot-indicator{background-color:var(--color-success)}.badge-warning .badge-dot-indicator{background-color:var(--color-warning)}.badge-error .badge-dot-indicator{background-color:var(--color-error)}.badge-info .badge-dot-indicator{background-color:var(--color-info)}.badge-neutral .badge-dot-indicator{background-color:var(--color-gray)}.spinner{display:inline-block;border-style:solid;border-radius:50%;animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-md{width:24px;height:24px;border-width:3px}.spinner-lg{width:40px;height:40px;border-width:4px}.spinner-xl{width:64px;height:64px;border-width:5px}.spinner-primary{border-color:var(--color-light-gray);border-top-color:var(--color-primary)}.spinner-secondary{border-color:var(--color-light-gray);border-top-color:var(--color-secondary)}.spinner-white{border-color:#ffffff4d;border-top-color:var(--color-white)}.spinner-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl)}.spinner-fullscreen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#ffffffe6;z-index:var(--z-modal)}.spinner-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.spinner-text{font-size:var(--text-sm);color:var(--color-gray);margin:0;text-align:center}.spinner-inline{display:inline-flex;align-items:center;gap:var(--spacing-sm)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,var(--color-background) 0%,#e5e7eb 50%,var(--color-background) 100%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:var(--radius-md)}.skeleton-text{height:16px;width:100%;margin-bottom:var(--spacing-sm)}.skeleton-title{height:32px;width:60%;margin-bottom:var(--spacing-md)}.skeleton-circle{border-radius:50%;width:64px;height:64px}.skeleton-rectangle{width:100%;height:200px}.skeleton-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border)}.skeleton-card-header{height:24px;width:50%;background:linear-gradient(90deg,var(--color-background) 0%,#e5e7eb 50%,var(--color-background) 100%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.skeleton-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.skeleton-product{background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.skeleton-product-image{width:100%;aspect-ratio:1;background:linear-gradient(90deg,var(--color-background) 0%,#e5e7eb 50%,var(--color-background) 100%);background-size:1000px 100%;animation:shimmer 2s infinite}.skeleton-product-content{padding:var(--spacing-md)}.skeleton-product-title{height:20px;width:80%;background:linear-gradient(90deg,var(--color-background) 0%,#e5e7eb 50%,var(--color-background) 100%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.skeleton-product-price{height:24px;width:40%;background:linear-gradient(90deg,var(--color-background) 0%,#e5e7eb 50%,var(--color-background) 100%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.skeleton-product-button{height:40px;width:100%;background:linear-gradient(90deg,var(--color-background) 0%,#e5e7eb 50%,var(--color-background) 100%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:var(--radius-md)}.error-boundary{min-height:calc(100vh - 400px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);background-color:var(--color-background)}.error-boundary-content{text-align:center;max-width:600px}.error-boundary-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-dark);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.error-boundary-message{font-size:var(--text-base);color:var(--color-muted);margin-bottom:var(--spacing-xl);line-height:1.6}.error-boundary-details{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-xl);text-align:left}.error-boundary-details summary{cursor:pointer;font-weight:var(--font-semibold);color:var(--color-danger);margin-bottom:var(--spacing-sm)}.error-boundary-details pre{font-size:var(--text-xs);color:var(--color-dark);overflow-x:auto;margin:0;white-space:pre-wrap;word-wrap:break-word}.error-boundary-actions{display:flex;gap:var(--spacing-md);justify-content:center}@media(max-width:639px){.error-boundary-title{font-size:var(--text-2xl)}.error-boundary-actions{flex-direction:column}}.pagination{display:flex;justify-content:center;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-md)}.pagination-btn{padding:6px 12px;border:1px solid #e5e5e5;background:#fff;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:var(--font-semibold);color:#333;transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:#e53e3e;color:#e53e3e;background:#fff5f5}.pagination-btn:disabled{cursor:not-allowed;opacity:.4;background:#f5f5f5}.pagination-info{color:#666;font-size:.7rem;font-weight:var(--font-medium)}@media(max-width:639px){.pagination{flex-wrap:wrap;gap:6px}.pagination-btn{padding:5px 10px;font-size:.7rem}.pagination-info{font-size:.65rem}}.ordering-steps-section{padding:4rem 0;background:linear-gradient(to bottom,#fff,#f7fafc)}.ordering-steps-container{max-width:1200px;margin:0 auto;padding:0 1rem}.ordering-steps-header{text-align:center;margin-bottom:3rem}.ordering-steps-title{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:.75rem}.ordering-steps-subtitle{font-size:1.125rem;color:#4a5568}.ordering-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative}.ordering-step{background:#fff;padding:2rem 1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;text-align:center;position:relative;transition:all .3s ease;border:2px solid transparent}.ordering-step:hover{transform:translateY(-4px);box-shadow:0 8px 16px #e53e3e1a;border-color:#e53e3e}.ordering-step-number{position:absolute;top:-1rem;left:50%;transform:translate(-50%);width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;box-shadow:0 4px 12px #e53e3e4d}.ordering-step-icon{margin:1.5rem 0 1rem;display:flex;justify-content:center}.ordering-step-title{font-size:1.25rem;font-weight:600;color:#1a202c;margin-bottom:.5rem}.ordering-step-description{font-size:.9375rem;color:#718096;line-height:1.5}.ordering-step-arrow{position:absolute;top:50%;right:-2.5rem;transform:translateY(-50%);display:none}@media(min-width:768px)and (max-width:1023px){.ordering-steps-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem 2rem}.ordering-step-arrow{display:none}}@media(min-width:1024px){.ordering-step-arrow{display:block}.ordering-step:last-child .ordering-step-arrow{display:none}}@media(max-width:767px){.ordering-steps-section{padding:3rem 0}.ordering-steps-header{margin-bottom:2rem}.ordering-steps-title{font-size:1.5rem}.ordering-steps-subtitle{font-size:1rem}.ordering-steps-grid{grid-template-columns:1fr;gap:2rem}.ordering-step{padding:2rem 1rem}.ordering-step-arrow{display:none}}.confirm-dialog-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn .2s ease-out}.confirm-dialog{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:400px;width:100%;padding:var(--spacing-xl);text-align:center;animation:slideUp .2s ease-out}.confirm-dialog-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg)}.confirm-dialog-icon-danger{background-color:var(--color-error-light, #FEE2E2);color:var(--color-error)}.confirm-dialog-icon-warning{background-color:var(--color-warning-light, #FEF3C7);color:var(--color-warning)}.confirm-dialog-icon-info{background-color:var(--color-info-light, #DBEAFE);color:var(--color-info, var(--color-primary))}.confirm-dialog-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-sm)}.confirm-dialog-message{font-size:.95rem;color:var(--color-text-muted);line-height:1.5;margin:0 0 var(--spacing-xl)}.confirm-dialog-actions{display:flex;gap:var(--spacing-md);justify-content:center}.confirm-dialog-actions .btn{min-width:100px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:479px){.confirm-dialog{padding:var(--spacing-lg)}.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-actions .btn{width:100%}}.search-bar{width:100%;position:relative}.search-bar-wrapper{display:flex;align-items:center;background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast);border:2px solid transparent}.search-bar-focused{border-color:var(--color-primary);box-shadow:0 0 0 3px #e53e3e26}.search-bar-icon{color:var(--color-gray);margin-left:var(--spacing-md);flex-shrink:0}.search-bar-input{flex:1;border:none;outline:none;box-shadow:none;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-base);color:var(--color-dark-gray);background:transparent;min-width:0}.search-bar-input:focus{outline:none;border:none;box-shadow:none}.search-bar-input::placeholder{color:var(--color-gray)}.search-bar-input::-webkit-search-cancel-button{display:none}.search-bar-loader{display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-xs)}.search-bar-spinner{width:18px;height:18px;border:2px solid var(--color-light-gray);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-bar-clear{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-gray);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.search-bar-clear:hover{color:var(--color-dark-gray)}.search-bar-submit{background-color:var(--color-primary);color:var(--color-white);border:none;outline:none;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:background-color var(--transition-fast);white-space:nowrap}.search-bar-submit:hover{background-color:var(--color-accent)}.search-bar-submit:focus{outline:none;box-shadow:none}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);overflow:hidden;animation:dropdown-appear .2s ease-out;border:1px solid var(--color-light-gray)}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid rgba(0,0,0,.04)}.search-dropdown-item:hover,.search-dropdown-item-selected{background-color:var(--color-primary-light)}.search-dropdown-item:last-of-type{border-bottom:none}.search-dropdown-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-background);border-radius:var(--radius-md);color:var(--color-gray);flex-shrink:0}.search-dropdown-item-selected .search-dropdown-icon,.search-dropdown-item:hover .search-dropdown-icon{background-color:#e53e3e1a;color:var(--color-primary)}.search-dropdown-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.search-dropdown-name{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-dark-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-dropdown-detail{font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-dropdown-badge{font-size:.625rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.02em;padding:3px 8px;border-radius:var(--radius-sm);flex-shrink:0}.badge-part{background-color:#2563eb1a;color:var(--color-info)}.badge-listing{background-color:#0596691a;color:var(--color-success)}.badge-vehicle{background-color:#d977061a;color:var(--color-warning)}.badge-brand{background-color:#e53e3e1a;color:var(--color-primary)}.badge-category{background-color:#6b72801a;color:var(--color-gray)}.search-dropdown-footer{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-background);border-top:1px solid var(--color-light-gray);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background-color var(--transition-fast)}.search-dropdown-footer:hover{background-color:var(--color-primary-light)}.search-dropdown-empty{padding:var(--spacing-lg)}.search-dropdown-no-results{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--color-muted);text-align:center}.search-dropdown-no-results span{font-size:var(--text-base);color:var(--color-gray)}.search-dropdown-no-results small{font-size:var(--text-xs);color:var(--color-muted)}@media(max-width:1024px){.search-bar-wrapper{border-radius:var(--radius-md)}.search-bar-input{font-size:var(--text-sm)}}@media(max-width:639px){.search-bar-submit{display:none}.search-bar-wrapper{border-radius:var(--radius-lg)}.search-bar-icon{margin-left:var(--spacing-sm)}.search-bar-input{padding:var(--spacing-sm);padding-right:var(--spacing-sm);font-size:var(--text-base)}.search-bar-clear{margin-right:var(--spacing-xs)}.search-dropdown{border-radius:var(--radius-lg)}.search-dropdown-item{padding:var(--spacing-sm) var(--spacing-md)}.search-dropdown-icon{width:32px;height:32px}.search-dropdown-name{font-size:var(--text-sm)}.search-dropdown-detail{font-size:.6875rem}.search-dropdown-badge{font-size:.5625rem;padding:2px 6px}.search-dropdown-footer{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-xs)}.search-dropdown-no-results{padding:var(--spacing-md)}}.header{background-color:#0a0a0a;color:var(--color-white);position:sticky;top:0;z-index:var(--z-sticky);border-bottom:1px solid #1a1a1a}.header-container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--spacing-lg);height:70px;display:flex;align-items:center;gap:var(--spacing-2xl)}.header-logo{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:var(--color-white);font-weight:var(--font-bold);font-size:1.375rem;white-space:nowrap;letter-spacing:-.02em;flex-shrink:0}.header-logo-icon{display:flex;align-items:center;justify-content:center}.header-logo-text{font-family:var(--font-heading);color:var(--color-white);font-weight:var(--font-bold)}.header-logo-highlight{color:var(--color-primary);font-weight:var(--font-bold)}.header-logo:hover .header-logo-highlight{color:#ff6b35}.header-nav{display:flex;align-items:center;gap:2rem;margin-left:2rem}.header-nav-link{position:relative;color:var(--color-white);text-decoration:none;font-size:.9375rem;font-weight:var(--font-medium);padding:.5rem 0;transition:color .3s ease}.header-nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width .3s ease}.header-nav-link:hover{color:var(--color-primary)}.header-nav-link:hover:after{width:100%}.header-nav-link.active{color:var(--color-primary)}.header-nav-link.active:after{width:100%}.header-nav-link:focus{outline:none}.header-search{flex:1;max-width:480px;margin:0 var(--spacing-lg)}.header-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto;flex-shrink:0}.header-action-btn{position:relative;background:none;border:none;color:var(--color-white);padding:.5rem;cursor:pointer;border-radius:var(--radius-md);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.header-action-btn:hover{background-color:#e53e3e26;color:var(--color-primary)}.header-action-btn:focus{outline:none}.header-mobile-search-btn{display:none}.header-cart{position:relative}.header-cart-badge{position:absolute;top:0;right:0;background-color:var(--color-primary);color:var(--color-white);font-size:.625rem;font-weight:var(--font-bold);padding:2px 5px;border-radius:10px;min-width:16px;text-align:center;line-height:1}.header-cart-badge-animate{animation:cartBump .3s ease-in-out}@keyframes cartBump{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.header-account-menu{position:relative}.header-account-backdrop{position:fixed;inset:0;z-index:var(--z-dropdown)}.header-account-dropdown{position:absolute;top:calc(100% + 12px);right:0;background-color:#1a1a1a;border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000080;min-width:220px;z-index:calc(var(--z-dropdown) + 1);overflow:hidden;animation:dropdown-fade-in .25s ease-out;border:1px solid #2a2a2a}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.header-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:.75rem var(--spacing-lg);color:var(--color-white);text-decoration:none;background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:all .2s ease;font-size:.875rem}.header-dropdown-item:hover{background-color:#c8102e26;color:var(--color-primary)}.header-dropdown-item:focus{outline:none}.header-dropdown-divider{height:1px;background-color:#2a2a2a;margin:.5rem 0}.header-dropdown-user-info{display:block;padding:1rem var(--spacing-lg);background-color:#141414;border-bottom:1px solid #2a2a2a;text-decoration:none;cursor:pointer;transition:background-color .2s ease}.header-dropdown-user-info:hover{background-color:#1a1a1a}.header-dropdown-user-name{font-weight:var(--font-semibold);color:var(--color-white);font-size:.9375rem;margin-bottom:.25rem}.header-dropdown-user-email{font-size:.75rem;color:#888}.header-mobile-menu-btn{display:none;background:none;border:none;color:var(--color-white);padding:.5rem;cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.header-mobile-menu-btn:hover{background-color:#c8102e26}.mobile-search-overlay{position:fixed;inset:0;background-color:#0a0a0a;z-index:var(--z-modal);animation:fadeIn .2s ease-out}.mobile-search-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid #1a1a1a}.mobile-search-input-wrapper{flex:1}.mobile-search-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;color:var(--color-white);cursor:pointer;border-radius:var(--radius-md);flex-shrink:0;transition:all .2s ease}.mobile-search-close:hover{background-color:#e53e3e26;color:var(--color-primary)}.mobile-search-overlay .search-bar-wrapper{background-color:#1a1a1a;border:1px solid #2a2a2a}.mobile-search-overlay .search-bar-focused{border-color:var(--color-primary)}.mobile-search-overlay .search-bar-input{color:var(--color-white)}.mobile-search-overlay .search-bar-input::placeholder{color:#888}.mobile-search-overlay .search-dropdown{position:fixed;top:73px;left:var(--spacing-md);right:var(--spacing-md);max-height:calc(100vh - 90px);overflow-y:auto;background-color:#1a1a1a;border-color:#2a2a2a}.mobile-search-overlay .search-dropdown-item:hover,.mobile-search-overlay .search-dropdown-item-selected{background-color:#e53e3e1a}.mobile-search-overlay .search-dropdown-icon{background-color:#2a2a2a}.mobile-search-overlay .search-dropdown-name{color:var(--color-white)}.mobile-search-overlay .search-dropdown-footer{background-color:#141414;border-color:#2a2a2a}@media(max-width:1024px){.header-nav{display:none}.header-search{flex:1;max-width:none;margin:0 var(--spacing-sm)}.header-mobile-menu-btn{display:flex;align-items:center;justify-content:center}.header-container{gap:var(--spacing-md)}}@media(max-width:639px){.header-container{padding:0 var(--spacing-md);height:60px}.header-logo{font-size:1.125rem}.header-logo-icon svg{width:24px;height:24px}.header-search{display:none}.header-mobile-search-btn{display:flex}.header-actions{gap:.25rem}.header-action-btn{padding:.5rem}}@media(min-width:640px){.header-search{display:block}.header-mobile-search-btn,.mobile-search-overlay{display:none}}.footer{background:#1a1a1a;color:#fff;margin-top:auto;border-top:1px solid #333}.footer-container{max-width:var(--container-xl);margin:0 auto;padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-xl)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-section-wide{max-width:350px}.footer-heading{color:#fff;font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-md)}.footer-description{font-size:var(--text-sm);line-height:1.7;color:#ffffffb3;margin:0}.footer-social{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.footer-social-link{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:#fff;transition:all .3s ease}.footer-social-link:hover{background-color:#e53e3e;border-color:#e53e3e;transform:translateY(-3px);box-shadow:0 4px 12px #e53e3e4d}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links a{color:#ffffffb3;text-decoration:none;font-size:var(--text-sm);transition:all .3s ease;display:inline-block}.footer-links a:hover{color:#e53e3e;padding-left:var(--spacing-xs)}.footer-contact{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-contact-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--text-sm);color:#ffffffb3;line-height:1.6}.footer-contact-item svg{flex-shrink:0;margin-top:2px;color:#e53e3e}.footer-contact-link{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.footer-contact-link:hover{color:#e53e3e}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-xl);margin-top:var(--spacing-xl)}.footer-bottom-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.footer-copyright{font-size:var(--text-sm);color:#fff9;margin:0}.footer-legal{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.footer-legal a{color:#fff9;text-decoration:none;font-size:var(--text-sm);transition:color .3s ease}.footer-legal a:hover{color:#e53e3e}.footer-divider{color:#ffffff4d}@media(max-width:1024px){.footer-content{grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}.footer-section-wide{grid-column:1 / -1;max-width:100%}}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-2xl)}.footer-bottom-content{flex-direction:column;text-align:center}.footer-legal{justify-content:center}}@media(max-width:639px){.footer-container{padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-lg)}.footer-content{gap:var(--spacing-xl)}.footer-heading{font-size:var(--text-lg)}}.mobile-menu-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--transition-base)}.mobile-menu-backdrop-open{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background-color:#0a0a0a;z-index:var(--z-modal);display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--transition-base);box-shadow:var(--shadow-xl)}.mobile-menu-open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background-color:#141414;color:var(--color-white);flex-shrink:0;border-bottom:1px solid #2a2a2a}.mobile-menu-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-bold);font-size:var(--text-lg)}.mobile-menu-logo-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-secondary);border-radius:var(--radius-md)}.mobile-menu-close{background:none;border:none;color:var(--color-white);padding:var(--spacing-xs);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.mobile-menu-close:hover{background-color:#ffffff1a}.mobile-menu-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.mobile-menu-user{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:#141414;border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);border:1px solid #2a2a2a}.mobile-menu-user-avatar{width:48px;height:48px;background-color:#c8102e;color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-menu-user-info{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.mobile-menu-user-name{font-weight:var(--font-semibold);color:var(--color-white);font-size:var(--text-base)}.mobile-menu-user-email{font-size:var(--text-sm);color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-section{margin-bottom:var(--spacing-lg)}.mobile-menu-section-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm);padding:0 var(--spacing-sm)}.mobile-menu-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);color:#ddd;text-decoration:none;background:none;border:none;width:100%;text-align:left;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--text-base)}.mobile-menu-link:hover{background-color:#c8102e26;color:#c8102e}.mobile-menu-link:active{background-color:#c8102e40}.mobile-menu-link svg{flex-shrink:0}.mobile-menu-link span:first-of-type{flex:1}.mobile-menu-logout{color:var(--color-error);margin-top:var(--spacing-md)}.mobile-menu-logout:hover{background-color:#dc26261a;color:var(--color-error)}.mobile-menu-content::-webkit-scrollbar{width:6px}.mobile-menu-content::-webkit-scrollbar-track{background:transparent}.mobile-menu-content::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}@media(min-width:1024px){.mobile-menu,.mobile-menu-backdrop{display:none}}.hero-section{position:relative;width:100%;min-height:600px;overflow:hidden;display:flex;align-items:center;background:#000}.hero-background{position:absolute;inset:0;background:linear-gradient(135deg,#1a1a1a,#0a0a0a)}.hero-background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center}@media(max-width:1024px){.hero-background-image{object-position:60% center}}@media(max-width:768px){.hero-background-image{object-position:70% center}}@media(max-width:480px){.hero-background-image{object-position:75% center}}.hero-background-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#000000d9,#0009)}.hero-container{position:relative;z-index:2;max-width:var(--container-xl);margin:0 auto;padding:var(--spacing-3xl) var(--spacing-lg);width:100%;display:flex;flex-direction:column;gap:var(--spacing-2xl)}.hero-content{max-width:700px;color:var(--color-white);animation:fadeInUp .8s ease-out;text-align:left}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:2.5rem;font-weight:var(--font-bold);color:var(--color-white);margin-bottom:var(--spacing-2xl);line-height:1.2;letter-spacing:-.02em}.hero-title-highlight{color:#e53e3e;font-weight:var(--font-bold)}.hero-title-subtitle{display:block;font-size:2rem;margin-top:.25rem}.hero-description{font-size:var(--text-lg);color:#d9d9d9;line-height:1.6;margin-bottom:var(--spacing-xl);max-width:500px}.hero-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.hero-actions a{text-decoration:none}.hero-btn-outline{border-color:gray;color:var(--color-white)}.hero-btn-outline:hover{border-color:var(--color-white);background-color:#1a1a1a}.hero-search-card{background:#fff;border-radius:8px;padding:0;box-shadow:0 10px 40px #0000004d;overflow:hidden;max-width:600px;animation:fadeInUp .8s ease-out .2s backwards;margin-top:var(--spacing-xl)}.hero-search-tabs{display:flex;gap:0;background:#f8f8f8;padding:8px;border-bottom:1px solid #e5e5e5}.hero-search-tab{flex:1;padding:10px 20px;background:transparent;border:none;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease;border-radius:4px}.hero-search-tab:hover{background:#e53e3e1a;color:#e53e3e}.hero-search-tab.active{background:#e53e3e;color:#fff}.hero-search-form{padding:20px}.hero-search-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:center}.hero-search-field{position:relative}.hero-search-select{width:100%;padding:12px 36px 12px 16px;border:1px solid #e5e5e5;border-radius:4px;font-size:14px;color:#333;background:#fff;cursor:pointer;transition:all .3s ease;appearance:none;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='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.hero-search-select:hover{border-color:#e53e3e}.hero-search-select:focus{outline:none;border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.hero-search-select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.hero-search-button{padding:12px 20px;background:#e53e3e;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;height:46px;min-width:60px}.hero-search-button:hover{background:#c53030;transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.hero-search-button:active{transform:translateY(0)}@media(max-width:968px){.hero-search-row{grid-template-columns:1fr 1fr;gap:10px}.hero-search-button{grid-column:1 / -1;width:100%}}@media(max-width:768px){.hero-section{min-height:500px}.hero-container{padding:var(--spacing-2xl) var(--spacing-md)}.hero-title{font-size:2.5rem}.hero-title-subtitle{font-size:2.25rem}.hero-search-card{max-width:100%}}@media(max-width:639px){.hero-section{min-height:450px}.hero-title{font-size:2rem}.hero-title-subtitle{font-size:1.75rem}.hero-search-row{grid-template-columns:1fr}.hero-search-button{grid-column:1}.hero-search-tabs{padding:6px}.hero-search-tab{padding:8px 12px;font-size:13px}.hero-search-form{padding:16px}}.featured-vehicles-section{padding:var(--spacing-lg) var(--spacing-sm);background:#f8f8f8}.featured-vehicles-container{max-width:var(--container-xl);margin:0 auto}.featured-vehicles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.featured-vehicles-title{font-size:1.125rem;font-weight:var(--font-bold);color:#1a1a1a;margin-bottom:2px}.featured-vehicles-subtitle{font-size:.75rem;color:#666;margin:0}.featured-vehicles-filters{display:flex;gap:4px;background:#fff;padding:2px;border-radius:var(--radius-sm);border:1px solid #e5e5e5}.filter-btn{padding:4px 12px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:.7rem;font-weight:var(--font-semibold);color:#666;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:#f5f5f5;color:#1a1a1a}.filter-btn.active{background:#e53e3e;color:#fff}.featured-vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.featured-vehicle-card{background:#fff;border-radius:var(--radius-sm);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;border:1px solid #e5e5e5;transition:all var(--transition-fast)}.featured-vehicle-card:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000014;border-color:#e53e3e}.featured-vehicle-image{position:relative;width:100%;height:120px;overflow:hidden;background:#f5f5f5}.featured-vehicle-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.featured-vehicle-card:hover .featured-vehicle-image img{transform:scale(1.05)}.featured-vehicle-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e5e5e5)}.featured-vehicle-badges{position:absolute;top:4px;left:4px;display:flex;gap:4px;z-index:1}.featured-vehicle-content{padding:8px;display:flex;flex-direction:column;gap:2px;flex:1}.featured-vehicle-name{font-size:.75rem;font-weight:var(--font-semibold);color:#1a1a1a;margin:0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-vehicle-details{display:flex;gap:6px;flex-wrap:wrap;padding:2px 0}.featured-vehicle-detail{display:flex;align-items:center;gap:2px;font-size:.65rem;color:#666}.featured-vehicle-detail svg{color:#e53e3e;flex-shrink:0;width:10px;height:10px}.featured-vehicle-price{margin:2px 0;font-size:.875rem;font-weight:var(--font-bold);color:var(--color-primary)}.featured-vehicle-footer{margin-top:auto;padding-top:4px}.featured-vehicle-footer .btn{font-size:.65rem;padding:4px 8px;height:auto}.featured-vehicles-cta{text-align:center;margin-top:var(--spacing-md)}.featured-vehicles-cta .btn{font-size:.75rem;padding:8px 16px}@media(max-width:1024px){.featured-vehicles-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:768px){.featured-vehicles-section{padding:var(--spacing-md) var(--spacing-sm)}.featured-vehicles-header{flex-direction:column;align-items:flex-start}.featured-vehicles-grid{grid-template-columns:repeat(3,1fr);gap:6px}.featured-vehicle-image{height:100px}}@media(max-width:639px){.featured-vehicles-grid{grid-template-columns:repeat(2,1fr);gap:6px}.featured-vehicle-name{font-size:.7rem}.featured-vehicle-detail{font-size:.6rem}.featured-vehicle-content{padding:6px}.featured-vehicle-footer .btn{font-size:.6rem;padding:3px 6px}.featured-vehicle-price{font-size:.75rem}}.browse-parts-section{padding:var(--spacing-lg) var(--spacing-sm);background:var(--color-white)}.browse-parts-container{max-width:var(--container-xl);margin:0 auto}.browse-parts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-sm);flex-wrap:wrap}.browse-parts-title{font-size:1.125rem;font-weight:var(--font-bold);color:var(--color-dark);margin-bottom:2px}.browse-parts-subtitle{font-size:.75rem;color:var(--color-gray);margin:0}.browse-parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-sm)}.browse-parts-card{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);padding:8px;cursor:pointer;transition:all var(--transition-fast);text-align:left;display:flex;flex-direction:column;gap:6px}.browse-parts-card:hover{border-color:var(--color-primary);box-shadow:0 3px 8px #e53e3e14;transform:translateY(-1px)}.browse-parts-image{width:100%;height:100px;background:var(--color-background);border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center}.browse-parts-image img{width:100%;height:100%;object-fit:cover}.browse-parts-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fafafa,#f0f0f0)}.browse-parts-content{display:flex;flex-direction:column;gap:4px}.browse-parts-name{font-size:.75rem;font-weight:var(--font-semibold);color:var(--color-dark);margin:0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.browse-parts-year{font-size:.65rem;color:var(--color-gray);margin:0}.browse-parts-cta{margin-top:2px}.browse-parts-link{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:var(--font-semibold);color:var(--color-primary);transition:gap var(--transition-fast)}.browse-parts-card:hover .browse-parts-link{gap:6px}.browse-parts-footer{display:flex;justify-content:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.browse-parts-footer .btn{display:inline-flex;align-items:center;gap:var(--spacing-xs)}@media(max-width:768px){.browse-parts-section{padding:var(--spacing-md) var(--spacing-sm)}.browse-parts-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}.browse-parts-image{height:80px}.browse-parts-title{font-size:1rem}}@media(max-width:480px){.browse-parts-grid{grid-template-columns:repeat(2,1fr);gap:6px}.browse-parts-header{flex-direction:column;align-items:flex-start}.browse-parts-name{font-size:.7rem}.browse-parts-year{font-size:.6rem}}.featured-categories-section{padding:var(--spacing-2xl) var(--spacing-lg);background-color:#fff}.featured-categories-container{max-width:var(--container-xl);margin:0 auto}.featured-categories-header{text-align:center;margin-bottom:var(--spacing-xl)}.featured-categories-title{font-size:1.75rem;font-weight:var(--font-bold);color:#1a1a1a;margin-bottom:var(--spacing-sm);letter-spacing:-.02em}.featured-categories-subtitle{font-size:var(--text-base);color:#666;margin:0}.featured-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.featured-category-link{text-decoration:none;color:inherit;display:block;height:100%}.featured-category-card{height:100%;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease;border:1px solid #e5e5e5;border-radius:var(--radius-lg);background:#fff}.featured-category-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f;border-color:#e53e3e}.featured-category-image{position:relative;width:100%;height:150px;overflow:hidden}.featured-category-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.featured-category-card:hover .featured-category-image img{transform:scale(1.1)}.featured-category-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.4) 100%)}.featured-category-content{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column;background-color:#fff}.featured-category-name{font-size:1rem;color:#1a1a1a;margin-bottom:var(--spacing-xs);font-weight:var(--font-semibold)}.featured-category-description{font-size:.875rem;color:#666;margin:0;line-height:1.5}.featured-categories-cta{text-align:center;margin-top:var(--spacing-md)}.featured-categories-cta .btn{font-size:.75rem;padding:8px 16px}@media(max-width:768px){.featured-categories-section{padding:var(--spacing-2xl) var(--spacing-md)}.featured-categories-title{font-size:var(--text-3xl)}.featured-categories-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-lg)}}@media(max-width:639px){.featured-categories-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.featured-category-icon{width:56px;height:56px}}.popular-parts-section{padding:var(--spacing-2xl) var(--spacing-lg);background-color:var(--color-background)}.popular-parts-container{max-width:var(--container-xl);margin:0 auto}.popular-parts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl)}.popular-parts-title{font-size:2rem;color:var(--color-dark);margin-bottom:var(--spacing-xs);font-weight:var(--font-bold)}.popular-parts-subtitle{font-size:var(--text-base);color:var(--color-gray);margin:0;font-weight:var(--font-normal)}.popular-parts-view-all-desktop{text-decoration:none}.popular-parts-cta-mobile{display:none;margin-top:var(--spacing-2xl)}.popular-parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,260px));gap:var(--spacing-lg);justify-content:center}.popular-part-link{text-decoration:none;color:inherit;display:block;height:100%;max-width:260px}.popular-part-card{height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-light-gray);border-radius:var(--radius-lg);background:var(--color-white);transition:box-shadow var(--transition-base);box-shadow:var(--shadow-sm)}.popular-part-image{position:relative;width:100%;padding-top:65%;background:var(--color-background);overflow:hidden}.popular-part-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;padding:var(--spacing-md)}.popular-part-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-background)}.popular-part-stock{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;align-items:center;gap:4px;background-color:#fffffff2;padding:4px 8px;border-radius:4px;z-index:1}.popular-part-stock-dot{width:6px;height:6px;border-radius:50%;background-color:#22c55e}.popular-part-stock-text{font-size:.7rem;font-weight:500;color:#16a34a}.popular-part-stock.low-stock .popular-part-stock-dot{background-color:#f59e0b}.popular-part-stock.low-stock .popular-part-stock-text{color:#d97706}.popular-part-stock.out-of-stock .popular-part-stock-dot{background-color:#ef4444}.popular-part-stock.out-of-stock .popular-part-stock-text{color:#dc2626}.popular-part-content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;background:var(--color-white)}.popular-part-name{font-size:var(--text-lg);color:var(--color-dark);margin:0;font-weight:var(--font-semibold);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.popular-part-rating{display:flex;align-items:center;gap:var(--spacing-xs);margin:var(--spacing-xs) 0}.popular-part-stars{display:flex;gap:2px}.popular-part-review-count{font-size:var(--text-xs);color:var(--color-muted);font-weight:var(--font-medium)}.popular-part-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--spacing-sm);border-top:1px solid var(--color-light-gray)}.popular-part-price{font-size:var(--text-xl);color:var(--color-primary);font-weight:var(--font-bold)}.popular-part-footer .btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap}@media(max-width:1200px){.popular-parts-grid{grid-template-columns:repeat(auto-fill,minmax(200px,240px));gap:var(--spacing-md)}}@media(max-width:1024px){.popular-parts-grid{grid-template-columns:repeat(auto-fill,minmax(180px,220px));gap:var(--spacing-md)}}@media(max-width:768px){.popular-parts-section{padding:var(--spacing-2xl) var(--spacing-md)}.popular-parts-title{font-size:1.5rem}.popular-parts-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.popular-parts-view-all-desktop{display:none}.popular-parts-cta-mobile{display:block}.popular-parts-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md)}.popular-part-link{max-width:100%}.popular-part-content{gap:var(--spacing-xs)}}@media(max-width:639px){.popular-parts-section{padding:var(--spacing-xl) var(--spacing-md)}.popular-parts-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.popular-part-name{font-size:var(--text-base);min-height:2.4em}.popular-part-price{font-size:var(--text-base)}.popular-part-content{padding:var(--spacing-sm)}.popular-part-image{padding-top:70%}.popular-part-image img{padding:var(--spacing-xs)}.popular-part-stock{top:var(--spacing-xs);right:var(--spacing-xs);padding:2px 6px}.popular-part-stock-text{font-size:.6rem}.popular-part-footer{padding-top:var(--spacing-xs)}.popular-part-footer .btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);gap:var(--spacing-xs)}}.best-selling-brands-section{padding:var(--spacing-2xl) var(--spacing-lg);background:#fff}.best-selling-brands-container{max-width:var(--container-xl);margin:0 auto}.best-selling-brands-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.best-selling-brands-title{font-size:1.75rem;font-weight:var(--font-bold);color:#1a1a1a}.best-selling-brands-more{color:#e53e3e;font-size:var(--text-lg);font-weight:var(--font-semibold);text-decoration:none;transition:all .3s ease}.best-selling-brands-more:hover{color:#c53030;transform:translate(4px)}.best-selling-brands-subtitle{font-size:var(--text-lg);color:#666}.best-selling-brands-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.brand-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;align-items:center;justify-content:center;border:1px solid #e5e5e5;transition:all .3s ease;text-decoration:none;min-height:120px}.brand-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#e53e3e}.brand-logo{width:100%;height:80px;display:flex;align-items:center;justify-content:center}.brand-logo img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(100%);transition:filter .3s ease}.brand-card:hover .brand-logo img{filter:grayscale(0%)}.brand-name-text{font-size:var(--text-xl);font-weight:var(--font-bold);color:#333;text-align:center}@media(max-width:1024px){.best-selling-brands-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.best-selling-brands-section{padding:var(--spacing-2xl) var(--spacing-md)}.best-selling-brands-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.best-selling-brands-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.brand-card{padding:var(--spacing-lg);min-height:100px}.brand-logo{height:60px}}@media(max-width:639px){.best-selling-brands-title{font-size:1.5rem}}.breadcrumb{padding:var(--spacing-md) 0;background-color:transparent}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}.breadcrumb-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm)}.breadcrumb-separator{color:var(--color-gray);flex-shrink:0}.breadcrumb-link{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-gray);text-decoration:none;transition:color var(--transition-fast);padding:var(--spacing-xs);border-radius:var(--radius-sm)}.breadcrumb-link:hover{color:var(--color-primary);background-color:var(--color-background)}.breadcrumb-current{color:var(--color-dark-gray);font-weight:var(--font-medium);padding:var(--spacing-xs)}@media(max-width:639px){.breadcrumb{padding:var(--spacing-sm) 0}.breadcrumb-list{font-size:var(--text-xs)}.breadcrumb-separator{display:none}.breadcrumb-item:not(:first-child):before{content:"›";color:var(--color-gray);margin:0 var(--spacing-xs)}}.browse-layout{min-height:100vh;background-color:var(--color-background);padding:var(--spacing-xl) var(--spacing-lg)}.browse-layout-container{max-width:var(--container-xl);margin:0 auto}.browse-layout-header{display:flex;justify-content:space-between;align-items:center;margin:var(--spacing-xl) 0 var(--spacing-2xl)}.browse-layout-title{font-size:2rem;font-weight:var(--font-bold);color:var(--color-dark);margin-bottom:var(--spacing-xs)}.browse-layout-subtitle{font-size:var(--text-base);color:var(--color-gray);margin:0}.browse-layout-banner{margin-bottom:var(--spacing-2xl)}.browse-layout-content{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-2xl);align-items:start}.browse-sidebar{position:sticky;top:var(--spacing-lg);background:var(--color-white);padding:var(--spacing-lg);border:1px solid var(--color-light-gray);border-radius:var(--radius-lg)}.browse-main{min-height:400px}.browse-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-md) 0}.browse-toolbar-left{display:flex;align-items:center;gap:var(--spacing-md)}.browse-filter-toggle{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:background-color var(--transition-fast)}.browse-filter-toggle:hover{background-color:var(--color-accent)}@media(min-width:1024px){.browse-filter-toggle{display:none}}.browse-result-count{display:flex;align-items:baseline;gap:var(--spacing-xs)}.browse-result-number{font-size:1.5rem;font-weight:var(--font-bold);color:var(--color-dark)}.browse-result-text{font-size:var(--text-base);color:var(--color-gray);text-transform:capitalize}.browse-toolbar-actions{display:flex;gap:var(--spacing-md);align-items:center}.browse-empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.browse-empty-state h3{margin-top:var(--spacing-lg);color:var(--color-gray);font-size:var(--text-2xl)}.browse-empty-state p{color:var(--color-muted);margin-top:var(--spacing-sm)}.browse-pagination-wrapper{margin-top:var(--spacing-2xl)}@media(max-width:1024px){.browse-layout-content{grid-template-columns:1fr}.browse-sidebar:not(.browse-sidebar-open){display:none}.browse-sidebar.browse-sidebar-open{display:block;position:fixed;top:0;left:0;width:85%;max-width:320px;height:100vh;overflow-y:auto;z-index:1050;border-radius:0;border:none;margin:0;padding:0;background-color:#fff;box-shadow:0 20px 25px #00000026;animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.browse-sidebar-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a0a0a;opacity:.7;z-index:1040;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media(min-width:1025px){.browse-sidebar-backdrop{display:none}}@media(max-width:768px){.browse-layout{padding:var(--spacing-lg) var(--spacing-md)}.browse-layout-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.browse-layout-title{font-size:1.5rem}.browse-toolbar{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.browse-toolbar-left{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.browse-filter-toggle,.browse-result-count{justify-content:center}.browse-toolbar-actions{width:100%}}@media(max-width:639px){.browse-layout-title,.browse-result-number{font-size:1.25rem}}.filter-sidebar{background-color:var(--color-white);padding:var(--spacing-lg);height:100%;overflow-y:auto}.filter-sidebar-header{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-light-gray)}.filter-sidebar-header-top{display:flex;justify-content:space-between;align-items:center}.filter-sidebar-title{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-dark);margin:0}.filter-sidebar-close{display:none;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--color-white);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.filter-sidebar-close:hover{background-color:var(--color-accent)}.filter-sidebar-clear{background:none;border:none;color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.filter-sidebar-clear:hover{background-color:var(--color-primary-light);color:var(--color-accent)}.filter-section{border-bottom:1px solid var(--color-light-gray);padding:var(--spacing-md) 0}.filter-section:last-of-type{border-bottom:none}.filter-section-header{width:100%;background:none;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:var(--spacing-sm) 0;transition:color var(--transition-fast)}.filter-section-header:hover{color:var(--color-primary)}.filter-section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-dark)}.filter-section-content{padding-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.filter-checkbox:hover{background-color:var(--color-background)}.filter-checkbox.selected{background-color:var(--color-primary-light);border-radius:var(--radius-sm)}.filter-checkbox input[type=checkbox],.filter-checkbox input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.filter-checkbox-label{font-size:var(--text-sm);color:var(--color-dark-gray);flex:1;-webkit-user-select:none;user-select:none}.filter-checkbox input:checked~.filter-checkbox-label,.filter-checkbox.selected .filter-checkbox-label{font-weight:var(--font-medium);color:var(--color-primary)}.filter-categories{margin-bottom:var(--spacing-lg)}.filter-category-list{display:flex;flex-direction:column;gap:2px}.filter-category-item{width:100%}.filter-category-item[data-level="0"]{margin-left:0}.filter-category-item[data-level="1"]{margin-left:var(--spacing-lg)}.filter-category-item[data-level="2"]{margin-left:calc(var(--spacing-lg) * 2)}.filter-category-item[data-level="3"]{margin-left:calc(var(--spacing-lg) * 3)}.filter-category-label{display:flex;align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.filter-category-label:hover{background-color:var(--color-background)}.filter-category-label.selected{background-color:var(--color-primary-light)}.filter-category-content{display:flex;align-items:center;width:100%;gap:var(--spacing-sm)}.filter-category-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-dark-gray);transition:color var(--transition-fast);padding:2px;border-radius:var(--radius-sm);cursor:pointer}.filter-category-toggle:hover{color:var(--color-primary);background-color:var(--color-background)}.filter-category-label input[type=checkbox]{cursor:pointer;flex-shrink:0;accent-color:var(--color-primary)}.filter-checkbox-offset{margin-left:calc(var(--spacing-xs) + 14px)}.filter-category-name{font-size:var(--text-sm);color:var(--color-dark-gray);-webkit-user-select:none;user-select:none}.filter-category-label.selected .filter-category-name{color:var(--color-primary);font-weight:var(--font-medium)}.filter-category-children{margin-top:2px}.filter-additional{border-top:1px solid var(--color-light-gray);padding-top:var(--spacing-md)}.filter-additional-header{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.filter-price-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.filter-price-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-price-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-dark-gray);text-transform:uppercase;letter-spacing:.5px}.filter-price-input-wrapper{position:relative;display:flex;align-items:center}.filter-price-currency{position:absolute;left:var(--spacing-sm);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray);pointer-events:none}.filter-price-input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) calc(var(--spacing-md) + var(--spacing-lg));font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);transition:all var(--transition-fast);background-color:var(--color-white);color:var(--color-dark)}.filter-price-input:hover{border-color:var(--color-gray)}.filter-price-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.filter-price-input::placeholder{color:var(--color-muted);font-weight:var(--font-normal)}.filter-loading-state{padding:var(--spacing-lg);text-align:center}.filter-empty-state{padding:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-muted);text-align:center}.filter-sidebar-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-light-gray);display:none}.filter-sidebar::-webkit-scrollbar{width:6px}.filter-sidebar::-webkit-scrollbar-track{background:transparent}.filter-sidebar::-webkit-scrollbar-thumb{background:var(--color-light-gray);border-radius:var(--radius-sm)}.filter-sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-gray)}@media(max-width:1024px){.filter-sidebar{padding:0;display:flex;flex-direction:column;height:100%;background-color:#f9fafb}.filter-sidebar-header{position:sticky;top:0;background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;padding:var(--spacing-xl) var(--spacing-lg);margin-bottom:0;border-bottom:none;border-radius:0;z-index:10;box-shadow:0 2px 8px #00000020}.filter-sidebar-header-top{margin-bottom:var(--spacing-sm)}.filter-sidebar-title{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.filter-sidebar-close{display:flex;width:36px;height:36px;background-color:#ffffff20;border-radius:50%}.filter-sidebar-close:hover{background-color:#ffffff40}.filter-sidebar-clear{color:#fff;background:#ffffff20;border:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--text-xs)}.filter-sidebar-clear:hover{background:#ffffff40;color:#fff}.filter-categories{flex:1;overflow-y:auto;padding:var(--spacing-lg);background-color:#fff;margin:var(--spacing-md);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d}.filter-additional{padding:var(--spacing-md) var(--spacing-lg);background-color:#fff;margin:0 var(--spacing-md);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d;margin-bottom:var(--spacing-sm)}.filter-section{padding:var(--spacing-md) var(--spacing-lg);background-color:#fff;margin:0 var(--spacing-md) var(--spacing-sm);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d;border-bottom:none}.filter-section-header{padding:var(--spacing-sm) 0}.filter-section-title{font-size:var(--text-sm);font-weight:600;color:#1f2937;text-transform:uppercase;letter-spacing:.5px}.filter-sidebar-footer{display:block;position:sticky;bottom:0;background-color:#fff;padding:var(--spacing-lg);border-top:1px solid #E5E7EB;box-shadow:0 -4px 12px #0000000d}.filter-sidebar-footer .btn{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;font-weight:600;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--text-base);box-shadow:0 4px 12px #e53e3e40}.filter-sidebar-footer .btn:hover{box-shadow:0 6px 16px #e53e3e60;transform:translateY(-1px)}}.sort-dropdown{position:relative;display:inline-block}.sort-dropdown-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-white);border:2px solid var(--color-light-gray);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.sort-dropdown-toggle:hover{border-color:var(--color-gray)}.sort-dropdown-toggle:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #00509e1a}.sort-dropdown-label{color:var(--color-gray);font-weight:var(--font-medium)}.sort-dropdown-value{color:var(--color-dark);font-weight:var(--font-semibold)}.sort-dropdown-icon{color:var(--color-gray);margin-left:var(--spacing-xs)}.sort-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:220px;z-index:var(--z-dropdown);overflow:hidden;animation:dropdown-fade-in .2s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sort-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;text-align:left;font-size:var(--text-sm);color:var(--color-dark-gray);cursor:pointer;transition:background-color var(--transition-fast)}.sort-dropdown-item:hover{background-color:var(--color-background)}.sort-dropdown-item-active{background-color:#00509e0d;color:var(--color-primary);font-weight:var(--font-semibold)}@media(max-width:639px){.sort-dropdown-toggle{width:100%;justify-content:space-between}.sort-dropdown-menu{left:0;right:0}.sort-dropdown-label{display:none}}.product-card-link{text-decoration:none;color:inherit;display:block;height:100%}.product-card{height:100%;display:flex;flex-direction:column;overflow:hidden}.product-card-image{position:relative;width:100%;padding-top:100%;background-color:var(--color-background);overflow:hidden}.product-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.product-card-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-background)}.product-card-stock{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;background-color:#fffffff2;padding:4px 8px;border-radius:4px;z-index:1}.product-card-stock-dot{width:6px;height:6px;border-radius:50%;background-color:#22c55e}.product-card-stock-text{font-size:.65rem;font-weight:500;color:#16a34a}.product-card-stock.low-stock .product-card-stock-dot{background-color:#f59e0b}.product-card-stock.low-stock .product-card-stock-text{color:#d97706}.product-card-stock.out-of-stock .product-card-stock-dot{background-color:#ef4444}.product-card-stock.out-of-stock .product-card-stock-text{color:#dc2626}.product-card-content{padding:8px;display:flex;flex-direction:column;gap:4px;flex:1}.product-card-category{font-size:.6rem;color:var(--color-accent);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.3px}.product-card-name{font-size:.75rem;color:var(--color-dark);margin:0;font-weight:var(--font-semibold);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2em}.product-card-sku{font-size:.6rem;color:var(--color-gray)}.product-card-rating{display:flex;align-items:center;gap:4px}.product-card-stars{display:flex;gap:1px}.product-card-review-count{font-size:.6rem;color:var(--color-gray)}.product-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;border-top:1px solid var(--color-light-gray)}.product-card-price{font-size:.875rem;color:var(--color-primary);font-weight:var(--font-bold)}.product-card-footer .btn{display:flex;align-items:center;gap:4px;font-size:.65rem;padding:4px 8px;height:auto}@media(max-width:639px){.product-card-content{padding:6px}.product-card-name{font-size:.7rem}.product-card-price{font-size:.8rem}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-sm)}.product-grid-loading{display:flex;justify-content:center;align-items:center;min-height:400px;padding:var(--spacing-3xl)}.product-grid-empty{display:flex;justify-content:center;align-items:center;min-height:400px;padding:var(--spacing-3xl);text-align:center}.product-grid-empty-content h3{font-size:var(--text-2xl);color:var(--color-dark);margin-bottom:var(--spacing-sm)}.product-grid-empty-content p{font-size:var(--text-base);color:var(--color-gray);margin:0}@media(max-width:1024px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-sm)}}@media(max-width:639px){.product-grid{grid-template-columns:repeat(2,1fr);gap:6px}}.vehicle-card-link{text-decoration:none;color:inherit;display:block;height:100%}.vehicle-card{height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-light-gray);background:var(--color-white);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.vehicle-card:hover{border-color:var(--color-primary);box-shadow:0 8px 20px #002c5f1f;transform:translateY(-3px)}.vehicle-card-image{position:relative;width:100%;height:160px;overflow:hidden;background:linear-gradient(to bottom,#fafafa,#f5f5f5)}.vehicle-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.vehicle-card:hover .vehicle-card-image img{transform:scale(1.05)}.vehicle-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fafafa,#f0f0f0)}.vehicle-card-badge{position:absolute;top:8px;left:8px;z-index:1}.vehicle-card-content{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1;background:var(--color-white)}.vehicle-card-brand{font-size:.7rem;font-weight:var(--font-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.vehicle-card-name{font-size:.9rem;font-weight:var(--font-bold);color:var(--color-dark);margin:0;line-height:1.3;min-height:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vehicle-card-year{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--color-gray);margin:4px 0}.vehicle-card-price{margin:6px 0;font-size:1rem;font-weight:var(--font-bold);color:var(--color-primary)}.vehicle-card-footer{margin-top:auto;padding-top:8px}.vehicle-card-footer .btn{font-size:.75rem;font-weight:var(--font-semibold);padding:8px 12px;height:auto}.vehicle-card-actions{display:flex;gap:var(--spacing-xs)}.vehicle-card-actions .btn:first-child{flex:0 0 auto}.vehicle-card-actions .btn:last-child{flex:1}@media(max-width:1024px){.vehicle-card-image{height:140px}.vehicle-card-content{padding:10px}}@media(max-width:768px){.vehicle-card-image{height:120px}.vehicle-card-name{font-size:.8rem}.vehicle-card-content{padding:8px;gap:4px}.vehicle-card-year{font-size:.7rem}.vehicle-card-price{font-size:.875rem}.vehicle-card-footer .btn{font-size:.7rem;padding:6px 10px}}@media(max-width:639px){.vehicle-card-image{height:100px}.vehicle-card-name{font-size:.75rem}.vehicle-card-brand,.vehicle-card-year{font-size:.65rem}.vehicle-card-footer .btn{font-size:.65rem;padding:5px 8px}.vehicle-card-price{font-size:.8rem}}.vehicle-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-md)}.vehicle-grid-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.vehicle-grid-empty{display:flex;justify-content:center;align-items:center;min-height:400px;text-align:center}.vehicle-grid-empty-content{max-width:350px;padding:var(--spacing-xl)}.vehicle-grid-empty-content h3{font-size:1.25rem;color:var(--color-gray);margin-bottom:var(--spacing-sm)}.vehicle-grid-empty-content p{font-size:.875rem;color:var(--color-muted)}@media(max-width:1280px){.vehicle-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.vehicle-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}}@media(max-width:768px){.vehicle-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media(max-width:639px){.vehicle-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.vehicle-filter-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.vehicle-filter-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);border-bottom:1px solid #e5e5e5}.vehicle-filter-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-lg);font-weight:var(--font-bold);color:#1a1a1a;margin:0}.vehicle-filter-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.vehicle-filter-section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:#1a1a1a;margin:0}.vehicle-filter-options{display:flex;flex-direction:column;gap:var(--spacing-xs)}.vehicle-filter-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.vehicle-filter-option:hover{color:#e53e3e}.vehicle-filter-option input[type=radio],.vehicle-filter-option input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#E53E3E}.vehicle-filter-option span{font-size:.875rem;color:#333}.vehicle-filter-year-range{display:flex;align-items:center;gap:var(--spacing-sm)}.vehicle-filter-year-input{flex:1;padding:.5rem;border:1px solid #e5e5e5;border-radius:6px;font-size:.875rem;color:#333;transition:border-color .3s ease}.vehicle-filter-year-input:focus{outline:none;border-color:#e53e3e}.vehicle-filter-year-separator{color:#999;font-weight:var(--font-semibold)}.vehicle-filter-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.vehicle-filter-close{display:none;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--color-white);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.vehicle-filter-close:hover{background-color:var(--color-accent)}.vehicle-filter-footer{display:none;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid #e5e5e5}@media(max-width:1024px){.vehicle-filter-sidebar{display:flex;flex-direction:column;height:100%;padding:0;background-color:#f9fafb;gap:0}.vehicle-filter-header{position:sticky;top:0;background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;padding:var(--spacing-xl) var(--spacing-lg);margin-bottom:0;border-bottom:none;z-index:10;box-shadow:0 2px 8px #00000020}.vehicle-filter-title{color:#fff;font-size:1.25rem;font-weight:700}.vehicle-filter-title svg{color:#fff}.vehicle-filter-header-actions .btn{color:#fff;background:#ffffff20;border:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--text-xs)}.vehicle-filter-header-actions .btn:hover{background:#ffffff40}.vehicle-filter-close{display:flex;width:36px;height:36px;background-color:#ffffff20;border-radius:50%}.vehicle-filter-close:hover{background-color:#ffffff40}.vehicle-filter-section{padding:var(--spacing-lg);background-color:#fff;margin:var(--spacing-md) var(--spacing-md) 0;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d;border-bottom:none}.vehicle-filter-section-title{font-size:var(--text-sm);font-weight:600;color:#1f2937;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.vehicle-filter-option{padding:var(--spacing-sm) var(--spacing-md);margin:0 calc(-1 * var(--spacing-md));border-radius:var(--radius-md);transition:background-color .2s ease}.vehicle-filter-option:hover{background-color:#fee2e2}.vehicle-filter-option input[type=radio],.vehicle-filter-option input[type=checkbox]{width:18px;height:18px}.vehicle-filter-option span{font-size:var(--text-base);font-weight:500}.vehicle-filter-year-input{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:2px solid #E5E7EB;font-size:var(--text-base);background-color:#f9fafb}.vehicle-filter-year-input:focus{border-color:#e53e3e;background-color:#fff;box-shadow:0 0 0 3px #fee2e2}.vehicle-filter-footer{display:block;position:sticky;bottom:0;background-color:#fff;padding:var(--spacing-lg);border-top:1px solid #E5E7EB;box-shadow:0 -4px 12px #0000000d;margin-top:auto}.vehicle-filter-footer .btn{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;font-weight:600;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--text-base);box-shadow:0 4px 12px #e53e3e40}.vehicle-filter-footer .btn:hover{box-shadow:0 6px 16px #e53e3e60;transform:translateY(-1px)}}.featured-vehicles-detail-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-light-gray)}.featured-vehicles-detail-title{font-size:1rem;font-weight:var(--font-bold);color:var(--color-dark);margin-bottom:var(--spacing-md)}.featured-vehicles-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm)}.featured-vehicle-detail-card{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);overflow:hidden;text-decoration:none;color:inherit;transition:all var(--transition-fast);display:flex;flex-direction:column}.featured-vehicle-detail-card:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000014;border-color:var(--color-primary)}.featured-vehicle-detail-image{position:relative;width:100%;height:100px;background:var(--color-background)}.featured-vehicle-detail-image img{width:100%;height:100%;object-fit:cover}.featured-vehicle-detail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fafafa,#f0f0f0)}.featured-vehicle-detail-badge{position:absolute;top:4px;left:4px}.featured-vehicle-detail-content{padding:8px;display:flex;flex-direction:column;gap:4px}.featured-vehicle-detail-name{font-size:.7rem;font-weight:var(--font-semibold);color:var(--color-dark);margin:0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-vehicle-detail-price{font-size:.75rem;font-weight:var(--font-bold);color:var(--color-primary);margin:0}@media(max-width:768px){.featured-vehicles-detail-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.featured-vehicle-detail-image{height:80px}}.vehicle-detail-page{min-height:100vh;background-color:var(--color-background);padding:var(--spacing-md) var(--spacing-sm)}.vehicle-detail-container{max-width:var(--container-xl);margin:0 auto}.vehicle-detail-header{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-md) 0 var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-light-gray)}.vehicle-detail-gallery{display:flex;flex-direction:column;gap:var(--spacing-md)}.vehicle-detail-main-image{width:100%;aspect-ratio:4/3;border-radius:var(--radius-md);overflow:hidden;background:var(--color-background)}.vehicle-detail-main-image img{width:100%;height:100%;object-fit:cover;transition:opacity var(--transition-base)}.vehicle-detail-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fafafa,#f0f0f0)}.vehicle-detail-image-placeholder svg{width:64px;height:64px}.vehicle-detail-thumbnails{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.vehicle-detail-thumbnail{width:80px;height:60px;border:2px solid var(--color-light-gray);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;padding:0;background:var(--color-background);transition:border-color var(--transition-base),transform var(--transition-base)}.vehicle-detail-thumbnail:hover{border-color:var(--color-gray);transform:scale(1.05)}.vehicle-detail-thumbnail.active{border-color:var(--color-primary);border-width:3px}.vehicle-detail-thumbnail img{width:100%;height:100%;object-fit:cover}.vehicle-detail-image{width:100%;aspect-ratio:4/3;border-radius:var(--radius-md);overflow:hidden;background:var(--color-background)}.vehicle-detail-image img{width:100%;height:100%;object-fit:cover}.vehicle-detail-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.vehicle-detail-badges{display:flex;gap:var(--spacing-xs)}.vehicle-detail-title{font-size:1.5rem;font-weight:var(--font-bold);color:var(--color-dark);margin:0;line-height:1.2}.vehicle-detail-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-md)}.vehicle-detail-spec{display:flex;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-xs)}.vehicle-detail-spec svg{flex-shrink:0;margin-top:2px}.vehicle-detail-spec div{display:flex;flex-direction:column;gap:1px}.vehicle-detail-spec-label{font-size:.7rem;color:var(--color-gray);text-transform:uppercase;letter-spacing:.3px;font-weight:var(--font-medium)}.vehicle-detail-spec-value{font-size:.8rem;color:var(--color-dark);font-weight:var(--font-medium)}.vehicle-detail-description{padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-sm)}.vehicle-detail-description h3{font-size:.95rem;font-weight:var(--font-semibold);color:var(--color-dark);margin:0 0 var(--spacing-xs) 0}.vehicle-detail-description p{font-size:.8rem;color:var(--color-dark-gray);line-height:1.5;margin:0}.vehicle-detail-price-section{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-sm)}.vehicle-detail-price{font-size:1.125rem;color:var(--color-primary);font-weight:var(--font-semibold)}.vehicle-detail-quantity{display:flex;align-items:center;gap:var(--spacing-sm)}.vehicle-detail-quantity-label{font-size:.875rem;color:var(--color-dark);font-weight:var(--font-semibold)}.vehicle-detail-quantity-controls{display:flex;align-items:center;gap:var(--spacing-sm);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);padding:var(--spacing-xs);background:var(--color-white)}.vehicle-detail-quantity-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--color-background);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-dark);transition:background-color var(--transition-base)}.vehicle-detail-quantity-btn:hover:not(:disabled){background:var(--color-light-gray)}.vehicle-detail-quantity-btn:disabled{opacity:.4;cursor:not-allowed}.vehicle-detail-quantity-value{min-width:40px;text-align:center;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-dark)}.vehicle-detail-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}@media(max-width:768px){.vehicle-detail-page{padding:var(--spacing-lg) var(--spacing-md)}.vehicle-detail-header{grid-template-columns:1fr;gap:var(--spacing-lg);padding:var(--spacing-lg)}.vehicle-detail-title{font-size:1.5rem}.vehicle-detail-spec-value{font-size:var(--text-base)}.vehicle-detail-price{font-size:1.125rem}.vehicle-detail-quantity{flex-direction:column;align-items:flex-start}.vehicle-detail-specs{grid-template-columns:1fr}.vehicle-detail-thumbnails{justify-content:center}.vehicle-detail-thumbnail{width:70px;height:52px}}@media(max-width:639px){.vehicle-detail-title{font-size:1.25rem}.vehicle-detail-actions{flex-direction:column}.vehicle-detail-actions .btn{width:100%}}.related-vehicles-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-light-gray)}.related-vehicles-title{font-size:1rem;font-weight:var(--font-bold);color:var(--color-dark);margin-bottom:var(--spacing-md)}.related-vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm)}.related-vehicle-card{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);overflow:hidden;text-decoration:none;color:inherit;transition:all var(--transition-fast);display:flex;flex-direction:column}.related-vehicle-card:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000014;border-color:var(--color-primary)}.related-vehicle-image{position:relative;width:100%;height:100px;background:var(--color-background)}.related-vehicle-image img{width:100%;height:100%;object-fit:cover}.related-vehicle-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fafafa,#f0f0f0)}.related-vehicle-badge{position:absolute;top:4px;left:4px}.related-vehicle-content{padding:8px;display:flex;flex-direction:column;gap:4px}.related-vehicle-name{font-size:.7rem;font-weight:var(--font-semibold);color:var(--color-dark);margin:0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-vehicle-price{font-size:.75rem;font-weight:var(--font-bold);color:var(--color-primary);margin:0}@media(max-width:768px){.related-vehicles-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.related-vehicle-image{height:80px}}.product-gallery{width:100%}.product-gallery-main{position:relative;width:100%;background-color:var(--color-background);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-lg)}.product-gallery-image-container{position:relative;width:100%;padding-top:100%;cursor:zoom-in}.product-gallery-zoomed{cursor:zoom-out}.product-gallery-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:transform var(--transition-base)}.product-gallery-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-background),var(--color-light-gray))}.product-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:#ffffffe6;border:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:2;box-shadow:var(--shadow-md)}.product-gallery-nav:hover{background-color:var(--color-white);transform:translateY(-50%) scale(1.1)}.product-gallery-nav-prev{left:var(--spacing-md)}.product-gallery-nav-next{right:var(--spacing-md)}.product-gallery-counter{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);background-color:#000000b3;color:var(--color-white);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:var(--font-semibold);z-index:2}.product-gallery-thumbnails{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-xs) 0}.product-gallery-thumbnail{flex-shrink:0;width:80px;height:80px;border:2px solid var(--color-light-gray);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-fast);background:none;padding:0}.product-gallery-thumbnail:hover{border-color:var(--color-accent);transform:scale(1.05)}.product-gallery-thumbnail-active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.product-gallery-thumbnail img{width:100%;height:100%;object-fit:cover}.product-gallery-zoom-modal{position:fixed;inset:0;background-color:#000000f2;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);cursor:zoom-out;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.product-gallery-zoom-close{position:absolute;top:var(--spacing-xl);right:var(--spacing-xl);background-color:#ffffffe6;border:none;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:10}.product-gallery-zoom-close:hover{background-color:var(--color-white);transform:scale(1.1)}.product-gallery-zoom-image{max-width:90%;max-height:90%;object-fit:contain}.product-gallery-thumbnails::-webkit-scrollbar{height:4px}.product-gallery-thumbnails::-webkit-scrollbar-track{background:var(--color-light-gray);border-radius:2px}.product-gallery-thumbnails::-webkit-scrollbar-thumb{background:var(--color-gray);border-radius:2px}.product-gallery-thumbnails::-webkit-scrollbar-thumb:hover{background:var(--color-dark-gray)}@media(max-width:639px){.product-gallery-nav{width:40px;height:40px}.product-gallery-nav-prev{left:var(--spacing-sm)}.product-gallery-nav-next{right:var(--spacing-sm)}.product-gallery-thumbnail{width:60px;height:60px}}.product-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.product-info-category{font-size:var(--text-sm);color:var(--color-accent);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px}.product-info-name{font-size:var(--text-2xl);color:var(--color-dark);margin:0;line-height:1.3}.product-info-rating{display:flex;align-items:center;gap:var(--spacing-sm)}.product-info-stars{display:flex;gap:2px}.product-info-review-count{font-size:var(--text-sm);color:var(--color-gray)}.product-info-price-section{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) 0;border-top:1px solid var(--color-light-gray);border-bottom:1px solid var(--color-light-gray)}.product-info-price{font-size:var(--text-xl);color:var(--color-dark);font-weight:var(--font-semibold)}.product-info-stock{display:flex;align-items:center;gap:8px}.product-info-stock-dot{width:8px;height:8px;border-radius:50%;background-color:#22c55e}.product-info-stock-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:#16a34a}.product-info-stock.low-stock .product-info-stock-dot{background-color:#f59e0b}.product-info-stock.low-stock .product-info-stock-text{color:#d97706}.product-info-stock.out-of-stock .product-info-stock-dot{background-color:#ef4444}.product-info-stock.out-of-stock .product-info-stock-text{color:#dc2626}.product-info-section{padding-top:var(--spacing-md)}.product-info-section-title{font-size:var(--text-base);color:var(--color-dark);margin-bottom:var(--spacing-sm);font-weight:var(--font-bold)}.product-info-description{font-size:var(--text-sm);color:var(--color-dark-gray);line-height:1.6;margin:0}.product-info-specs{display:flex;flex-direction:column;gap:var(--spacing-sm)}.product-info-spec-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-background);border-radius:var(--radius-md)}.product-info-spec-row:nth-child(2n){background-color:transparent}.product-info-spec-label{font-size:var(--text-xs);color:var(--color-gray);font-weight:var(--font-medium)}.product-info-spec-value{font-size:var(--text-xs);color:var(--color-dark);font-weight:var(--font-semibold);text-align:right}.product-info-features{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.product-info-features li{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--color-dark-gray)}@media(max-width:768px){.product-info-name{font-size:var(--text-xl)}.product-info-price{font-size:var(--text-lg)}.product-info-price-section{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}@media(max-width:639px){.product-info-name{font-size:var(--text-lg)}.product-info-price{font-size:var(--text-base)}.product-info-spec-row{flex-direction:column;gap:var(--spacing-xs)}.product-info-spec-value{text-align:left}}.add-to-cart-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.add-to-cart-quantity{display:flex;flex-direction:column;gap:var(--spacing-sm)}.add-to-cart-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-dark-gray)}.add-to-cart-controls{display:flex;align-items:center;gap:0;border:1px solid var(--color-light-gray);border-radius:var(--radius-md);overflow:hidden}.add-to-cart-btn-decrease,.add-to-cart-btn-increase{background-color:var(--color-background);border:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);color:var(--color-dark-gray);flex-shrink:0}.add-to-cart-btn-decrease:hover:not(:disabled),.add-to-cart-btn-increase:hover:not(:disabled){background-color:var(--color-light-gray);color:var(--color-primary)}.add-to-cart-btn-decrease:disabled,.add-to-cart-btn-increase:disabled{opacity:.4;cursor:not-allowed}.add-to-cart-input{flex:1;border:none;border-left:1px solid var(--color-light-gray);border-right:1px solid var(--color-light-gray);text-align:center;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-dark);padding:var(--spacing-sm);min-width:60px}.add-to-cart-input:focus{outline:none}.add-to-cart-input:disabled{background-color:var(--color-background);opacity:.6}.add-to-cart-input::-webkit-inner-spin-button,.add-to-cart-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.add-to-cart-input{-moz-appearance:textfield}.add-to-cart-quantity-error{color:#dc2626;font-size:var(--text-sm);display:block;margin-top:4px}.add-to-cart-stock-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-error);padding:var(--spacing-sm);background-color:#dc26260d;border-radius:var(--radius-md)}.add-to-cart-low-stock{color:var(--color-warning);background-color:#d977060d}@media(max-width:639px){.add-to-cart-btn-decrease,.add-to-cart-btn-increase{width:40px;height:40px}}.compatibility-checker{background-color:var(--color-white);border:2px solid var(--color-light-gray);border-radius:var(--radius-lg);overflow:hidden}.compatibility-checker-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:none;border:none;cursor:pointer;transition:background-color var(--transition-fast)}.compatibility-checker-header:hover{background-color:var(--color-background)}.compatibility-checker-title{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-dark)}.compatibility-checker-content{padding:0 var(--spacing-lg) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.compatibility-checker-form{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.compatibility-checker-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.compatibility-checker-field label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-dark-gray)}.compatibility-checker-field select{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-base);color:var(--color-dark-gray);background-color:var(--color-white);border:2px solid var(--color-light-gray);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast)}.compatibility-checker-field select:hover:not(:disabled){border-color:var(--color-gray)}.compatibility-checker-field select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #00509e1a}.compatibility-checker-field select:disabled{background-color:var(--color-background);cursor:not-allowed;opacity:.6}.compatibility-checker-actions{display:flex;gap:var(--spacing-sm)}.compatibility-checker-result{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-md);animation:slide-in .3s ease-out}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.compatibility-checker-compatible{background-color:#0596691a;border:2px solid var(--color-success)}.compatibility-checker-incompatible{background-color:#dc26261a;border:2px solid var(--color-error)}.compatibility-checker-result h4{font-size:var(--text-lg);margin:0 0 var(--spacing-xs) 0;color:var(--color-dark)}.compatibility-checker-result p{font-size:var(--text-sm);color:var(--color-gray);margin:0}.compatibility-checker-list{padding-top:var(--spacing-md);border-top:1px solid var(--color-light-gray)}.compatibility-checker-list h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-dark);margin-bottom:var(--spacing-sm)}.compatibility-checker-vehicles{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.compatibility-vehicle-badge{background:none;border:none;padding:0;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.compatibility-vehicle-badge:hover{transform:translateY(-2px)}.compatibility-vehicle-badge:hover .badge{background-color:var(--color-primary);color:var(--color-white)}.compatibility-checker-more{font-size:var(--text-sm);color:var(--color-accent);font-weight:var(--font-medium);display:inline-flex;align-items:center}@media(max-width:768px){.compatibility-checker-form{grid-template-columns:1fr}.compatibility-checker-actions{flex-direction:column}}@media(max-width:639px){.compatibility-checker-header{padding:var(--spacing-md)}.compatibility-checker-content{padding:0 var(--spacing-md) var(--spacing-md)}.compatibility-checker-result{flex-direction:column;align-items:flex-start}}.star-rating{display:inline-flex;align-items:center;gap:8px}.stars{display:flex;gap:4px}.star{color:#fcd34d;display:flex;align-items:center;justify-content:center;transition:color .15s ease,transform .15s ease;user-select:none;-webkit-user-select:none}.star.filled{color:#f59e0b}.star.filled svg{filter:drop-shadow(0 1px 2px #D97706)}.star.interactive{cursor:pointer;padding:4px;border-radius:4px}.star.interactive:hover{color:#fbbf24;transform:scale(1.15)}.star.interactive:active{transform:scale(.95)}.star.interactive:focus{outline:2px solid #E53E3E;outline-offset:2px}.star svg{display:block}.rating-value{font-weight:600;color:#2d2d2d}.star-rating-sm .rating-value{font-size:12px}.star-rating-md .rating-value{font-size:14px}.star-rating-lg .rating-value{font-size:18px}.review-card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:24px;margin-bottom:16px}.review-card.hidden-review{opacity:.7;background:#fef2f2;border-color:#fecaca}.review-hidden-banner{display:flex;align-items:center;gap:4px;color:#dc2626;font-size:14px;margin-bottom:16px;padding:8px;background:#fee2e2;border-radius:6px}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;flex-wrap:wrap;gap:8px}.review-rating{flex-shrink:0}.review-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.review-author{font-size:14px;color:#6b7280}.verified-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#047857;background:#d1fae5;padding:2px 8px;border-radius:9999px}.review-title{font-size:16px;font-weight:600;color:#2d2d2d;margin:0 0 8px}.review-body{font-size:14px;color:#1f2937;line-height:1.6;margin:0 0 16px;white-space:pre-wrap}.review-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #F3F4F6}.review-date{font-size:12px;color:#6b7280}.review-actions{display:flex;gap:8px}.edit-expired{font-size:12px;color:#6b7280;font-style:italic}.review-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;padding:16px}.review-modal{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.review-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #E5E7EB}.review-modal-header h2{font-size:20px;font-weight:700;color:#2d2d2d;margin:0}.review-modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:6px;transition:color .15s ease,background .15s ease}.review-modal-close:hover{color:#2d2d2d;background:#f3f4f6}.review-modal-product{padding:16px 24px;background:#f9fafb;font-size:14px;color:#6b7280;margin:0;border-bottom:1px solid #E5E7EB}.review-form{padding:24px}.form-group{margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:500;color:#2d2d2d;margin-bottom:8px}.form-label .required{color:#dc2626}.form-input,.form-textarea{width:100%;padding:16px;border:1px solid #D1D5DB;border-radius:8px;font-size:16px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.form-input.has-error,.form-textarea.has-error{border-color:#dc2626}.form-textarea{resize:vertical;min-height:120px}.char-counter{text-align:right;font-size:12px;color:#6b7280;margin-top:4px}.form-error{color:#dc2626;font-size:14px;margin-top:4px;display:flex;align-items:center;gap:4px}.review-modal-actions{display:flex;justify-content:flex-end;gap:16px;padding-top:16px;border-top:1px solid #E5E7EB}@media(max-width:480px){.review-modal{max-height:100vh;border-radius:0}.review-modal-actions{flex-direction:column-reverse}.review-modal-actions button{width:100%}}.review-list-container{margin-top:48px}.rating-summary{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:24px;background:linear-gradient(135deg,#fef3c7,#fffbeb);border:1px solid #FCD34D;border-radius:12px;margin-bottom:32px}.rating-display{display:flex;flex-direction:column;gap:4px}.review-count-link{background:none;border:none;color:#e53e3e;font-size:14px;cursor:pointer;padding:0;text-decoration:underline}.review-count-link:hover{color:#c53030}.no-reviews-yet{color:#6b7280;font-size:14px;margin:0}.user-reviewed-badge{display:flex;align-items:center;gap:4px;color:#047857;font-size:14px;background:#d1fae5;padding:4px 16px;border-radius:9999px}.reviews-section{padding-top:24px}.reviews-title{font-size:20px;font-weight:700;color:#2d2d2d;margin:0 0 24px;padding-bottom:16px;border-bottom:2px solid #E53E3E}.reviews-list{display:flex;flex-direction:column}.no-reviews{text-align:center;padding:64px 24px;background:#f9fafb;border-radius:12px}.no-reviews p{color:#6b7280;margin:16px 0}.reviews-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #E5E7EB}.page-info{font-size:14px;color:#6b7280}@media(max-width:640px){.rating-summary{flex-direction:column;align-items:flex-start}.reviews-pagination{flex-direction:column}.reviews-pagination button{width:100%}}.product-detail-page{background-color:var(--color-background);min-height:calc(100vh - 400px)}.product-detail-container{max-width:1100px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-2xl)}.product-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);margin-top:var(--spacing-xl);align-items:start}.product-detail-gallery-column{position:sticky;top:calc(72px + var(--spacing-md))}.product-detail-info-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.product-detail-compatibility{margin-top:var(--spacing-lg)}.product-detail-reviews,.product-detail-related{margin-top:var(--spacing-3xl);padding-top:var(--spacing-3xl);border-top:2px solid var(--color-light-gray)}@media(max-width:1024px){.product-detail-container{max-width:100%;padding:var(--spacing-xl) var(--spacing-lg)}.product-detail-content{gap:var(--spacing-2xl)}}@media(max-width:768px){.product-detail-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.product-detail-container{padding:var(--spacing-lg) var(--spacing-md)}.product-detail-gallery-column{position:relative;top:0}.product-detail-related{margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl)}}.cart-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-white);border-bottom:1px solid var(--color-light-gray)}.cart-item:last-child{border-bottom:none}.cart-item-image{width:80px;height:80px;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--color-background);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-background)}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-dark);text-decoration:none;display:block;margin-bottom:4px}.cart-item-name:hover{color:var(--color-primary)}.cart-item-sku{font-size:var(--text-sm);color:var(--color-gray)}.cart-item-unavailable{opacity:.7;background-color:#fef2f2}.cart-item-stock{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--font-medium);margin-top:4px}.cart-item-out-of-stock{color:var(--color-error)}.cart-item-low-stock{color:#d97706}.cart-item-stock-warning{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-error);margin-top:4px;background-color:#fef2f2;padding:2px 6px;border-radius:var(--radius-sm)}.cart-item-quantity{flex-shrink:0}.cart-item-quantity-controls{display:flex;align-items:center;border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);overflow:hidden}.cart-item-btn-decrease,.cart-item-btn-increase{background-color:transparent;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--text-lg);color:var(--color-dark-gray);transition:background-color var(--transition-fast)}.cart-item-btn-decrease:hover:not(:disabled),.cart-item-btn-increase:hover:not(:disabled){background-color:var(--color-background)}.cart-item-btn-decrease:disabled,.cart-item-btn-increase:disabled{opacity:.3;cursor:not-allowed}.cart-item-quantity-input{border:none;border-left:1px solid var(--color-light-gray);border-right:1px solid var(--color-light-gray);text-align:center;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-dark);width:40px;height:32px;padding:0}.cart-item-quantity-input:focus{outline:none}.cart-item-quantity-controls.exceeds-stock{border-color:var(--color-error)}.cart-item-quantity-controls.exceeds-stock .cart-item-quantity-input{color:var(--color-error);border-color:var(--color-error)}.cart-item-quantity-input::-webkit-inner-spin-button,.cart-item-quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cart-item-quantity-input{-moz-appearance:textfield}.cart-item-price{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-dark);min-width:100px;text-align:right}.cart-item-remove{background:none;border:none;color:var(--color-gray);font-size:24px;cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:color var(--transition-fast)}.cart-item-remove:hover{color:var(--color-error)}@media(max-width:768px){.cart-item{flex-wrap:wrap;gap:var(--spacing-md)}.cart-item-image{width:80px;height:80px}.cart-item-info{flex:1 1 calc(100% - 100px)}.cart-item-quantity{order:3}.cart-item-price{order:4;min-width:auto}.cart-item-remove{position:absolute;top:var(--spacing-md);right:var(--spacing-md)}.cart-item{position:relative;padding-right:40px}}@media(max-width:480px){.cart-item-image{width:70px;height:70px}.cart-item-info{flex:1 1 100%}.cart-item-quantity,.cart-item-price{flex:1}.cart-item-price{text-align:left}}.cart-summary{background-color:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);padding:var(--spacing-lg);position:sticky;top:calc(72px + var(--spacing-md));display:flex;flex-direction:column;gap:var(--spacing-md)}.cart-summary-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-dark);margin:0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-light-gray)}.cart-summary-shipping-alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#2563eb0d;border:2px solid var(--color-info);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-dark-gray)}.cart-summary-shipping-free{background-color:#0596690d;border-color:var(--color-success)}.cart-summary-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.cart-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-base);color:var(--color-dark-gray)}.cart-summary-row span:first-child{color:var(--color-gray)}.cart-summary-row span:last-child{font-weight:var(--font-semibold);color:var(--color-dark)}.cart-summary-free{color:var(--color-success);font-weight:var(--font-bold)}.cart-summary-calculated{color:var(--color-muted);font-style:italic;font-weight:var(--font-normal)}.cart-summary-note{font-size:var(--text-xs);color:var(--color-muted);text-align:center;margin:0}.cart-summary-divider{height:1px;background-color:var(--color-light-gray);margin:var(--spacing-sm) 0}.cart-summary-total{font-size:var(--text-base);font-weight:var(--font-semibold)}.cart-summary-total span:first-child{color:var(--color-dark)}.cart-summary-total span:last-child{color:var(--color-dark);font-size:var(--text-lg)}.cart-summary-checkout-link{text-decoration:none}.cart-summary-checkout-link .btn{display:flex;align-items:center;justify-content:space-between}.cart-summary-continue{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:none;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.cart-summary-continue:hover{background-color:var(--color-background)}.cart-summary-badges{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-light-gray)}.cart-summary-badge{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-dark-gray)}@media(max-width:1023px){.cart-summary{position:relative;top:0;margin-top:var(--spacing-xl)}}@media(max-width:639px){.cart-summary{padding:var(--spacing-lg)}.cart-summary-badges{flex-direction:row;flex-wrap:wrap}.cart-summary-badge{flex:1;min-width:120px}}.empty-cart{min-height:500px;display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-lg)}.empty-cart-content{max-width:600px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.empty-cart-icon{width:160px;height:160px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-background),var(--color-light-gray));border-radius:50%}.empty-cart-title{font-size:var(--text-4xl);color:var(--color-dark);margin:0}.empty-cart-message{font-size:var(--text-lg);color:var(--color-gray);margin:0;line-height:1.6}.empty-cart-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.empty-cart-actions a{text-decoration:none}.empty-cart-suggestions{width:100%;margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-light-gray)}.empty-cart-suggestions-title{font-size:var(--text-xl);color:var(--color-dark);margin-bottom:var(--spacing-lg)}.empty-cart-suggestions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.empty-cart-suggestion{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:var(--color-white);border:2px solid var(--color-light-gray);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-dark);font-weight:var(--font-semibold);transition:all var(--transition-fast)}.empty-cart-suggestion:hover{border-color:var(--color-primary);background-color:var(--color-background);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media(max-width:639px){.empty-cart{padding:var(--spacing-2xl) var(--spacing-md)}.empty-cart-icon{width:120px;height:120px}.empty-cart-title{font-size:var(--text-3xl)}.empty-cart-message{font-size:var(--text-base)}.empty-cart-suggestions-grid{grid-template-columns:1fr}}.cart-page{background-color:var(--color-background);min-height:calc(100vh - 400px)}.cart-page-container{max-width:1000px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-2xl)}.cart-changes-banner{background-color:#fef3cd;border:1px solid #ffc107;border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-lg)}.cart-changes-header{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-semibold);color:#856404;margin-bottom:var(--spacing-sm)}.cart-changes-dismiss{margin-left:auto;background:none;border:none;cursor:pointer;color:#856404;padding:var(--spacing-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.cart-changes-dismiss:hover{background-color:#0000001a}.cart-changes-list{margin:0;padding-left:var(--spacing-xl);font-size:var(--text-sm);color:#856404}.cart-change-item{margin-bottom:var(--spacing-xs)}.cart-change-item:last-child{margin-bottom:0}.cart-change-removed,.cart-change-out_of_stock{color:var(--color-danger)}.cart-change-quantity_reduced{color:#856404}.cart-change-price_changed{color:var(--color-info)}.cart-page-header{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.cart-page-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-dark);margin:0}.cart-page-content{display:grid;grid-template-columns:1fr 280px;gap:var(--spacing-xl);align-items:start}.cart-page-items{display:flex;flex-direction:column;background-color:var(--color-white);border-radius:var(--radius-md);overflow:hidden}@media(max-width:1023px){.cart-page-content{grid-template-columns:1fr}}@media(max-width:768px){.cart-page-container{padding:var(--spacing-lg) var(--spacing-md)}.cart-page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.cart-page-title{font-size:var(--text-3xl)}}@media(max-width:639px){.cart-page-title{font-size:var(--text-2xl)}}.phone-input-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}.phone-input-full-width{width:100%}.phone-input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-dark-gray);display:block}.phone-input-required{color:#dc2626;margin-left:var(--spacing-xs)}.phone-input-wrapper{display:flex;align-items:center;border:2px solid #D1D5DB;border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast);background-color:var(--color-white)}.phone-input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.phone-input-prefix{padding:10px 12px;background:#f3f4f6;color:#6b7280;font-weight:var(--font-medium);font-size:var(--text-base);border-right:1px solid #D1D5DB;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.phone-input-field{flex:1;border:none;outline:none;font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-dark-gray);background-color:transparent;padding:10px 12px;min-width:0}.phone-input-field::placeholder{color:var(--color-muted)}.phone-input-field:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.phone-input-sm .phone-input-prefix{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-sm)}.phone-input-sm .phone-input-field{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-sm);min-height:32px}.phone-input-md .phone-input-prefix{padding:10px 12px;font-size:var(--text-base)}.phone-input-md .phone-input-field{padding:10px 12px;font-size:var(--text-base);min-height:40px}.phone-input-lg .phone-input-prefix{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-lg)}.phone-input-lg .phone-input-field{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-lg);min-height:48px}.phone-input-error{border-color:#dc2626}.phone-input-error:focus-within{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.phone-input-error-text{font-size:var(--text-sm);color:#dc2626;display:block;margin-top:4px}.phone-input-helper-text{font-size:var(--text-sm);color:var(--color-gray);display:block;margin-top:4px}.phone-input-disabled{opacity:.6}.phone-input-disabled .phone-input-prefix{background-color:#f9fafb}.checkout-page{background-color:var(--color-background);min-height:calc(100vh - 400px);padding:var(--spacing-xl) 0}.checkout-container{max-width:1100px;margin:0 auto;padding:0 var(--spacing-2xl)}.checkout-title{font-size:var(--text-4xl);color:var(--color-dark);margin:var(--spacing-xl) 0;font-weight:var(--font-bold)}.checkout-form{margin-top:var(--spacing-xl)}.checkout-grid{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-2xl);align-items:start}.checkout-section{display:flex;flex-direction:column;gap:var(--spacing-xl)}.checkout-section-title{font-size:var(--text-xl);color:var(--color-dark);margin-bottom:var(--spacing-lg);font-weight:var(--font-semibold);border-bottom:1px solid var(--color-light-gray);padding-bottom:var(--spacing-sm)}.checkout-form-group{margin-bottom:var(--spacing-md)}.checkout-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.checkout-payment-methods{display:flex;flex-direction:column;gap:var(--spacing-md)}.checkout-payment-method{display:flex;align-items:center;padding:var(--spacing-md);border:2px solid var(--color-light-gray);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;gap:var(--spacing-md)}.checkout-payment-method:hover,.checkout-payment-method.selected{border-color:var(--color-primary);background-color:#002c5f0d}.checkout-payment-info{flex:1}.checkout-payment-info h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin:0}.checkout-payment-info p{font-size:var(--text-sm);color:var(--color-gray);margin:0}.checkout-payment-method.disabled{cursor:not-allowed;opacity:.6;background-color:var(--color-background)}.checkout-payment-method.disabled:hover{border-color:var(--color-light-gray);background-color:var(--color-background)}.checkout-payment-method.disabled h3{color:var(--color-muted)}.checkout-payment-disabled-msg{color:var(--color-warning);font-size:var(--text-xs)}.checkout-payment-warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#fef3cd;border:1px solid #ffc107;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.checkout-payment-warning p{margin:0;font-size:var(--text-sm);color:#856404;line-height:1.5}.checkout-vehicle-warning{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:#fef3cd;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--text-sm);color:#856404}.checkout-delivery-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:#dc26261a;border:1px solid var(--color-danger);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--text-sm);color:var(--color-danger)}.checkout-shipping-loading,.checkout-shipping-pending{color:var(--color-muted);font-style:italic}.checkout-delivery-time{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--spacing-xs)}.checkout-mpesa-input{margin-top:var(--spacing-xl);padding:var(--spacing-md);background-color:#f0fdf4;border-radius:var(--radius-md);border-left:4px solid var(--color-success)}.checkout-mpesa-hint{font-size:var(--text-xs);color:var(--color-gray);margin-top:var(--spacing-xs)}.checkout-error-message{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.checkout-error-message:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background-color:var(--color-error);color:#fff;border-radius:50%;font-size:10px;font-weight:700}.checkout-summary-items{margin-bottom:var(--spacing-lg);max-height:200px;overflow-y:auto}.checkout-summary-breakdown{padding:var(--spacing-md) 0;border-top:1px solid var(--color-light-gray);margin-bottom:var(--spacing-md)}.checkout-summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;font-size:var(--text-sm);color:var(--color-dark-gray)}.checkout-free-shipping{color:var(--color-success);font-weight:var(--font-semibold)}.checkout-shipping-hint{font-size:var(--text-xs);color:var(--color-info);margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:#3b82f61a;border-radius:var(--radius-sm)}.checkout-summary-item{display:grid;grid-template-columns:1fr auto auto;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-light-gray);font-size:var(--text-sm)}.checkout-item-name{color:var(--color-dark-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkout-item-quantity{color:var(--color-gray)}.checkout-item-price{font-weight:var(--font-medium);text-align:right}.checkout-summary-total{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);margin-bottom:var(--spacing-xl);border-top:2px solid var(--color-light-gray);font-weight:var(--font-bold);font-size:var(--text-lg)}.checkout-total-amount{color:var(--color-primary);font-size:var(--text-xl)}.checkout-loading-addresses{padding:var(--spacing-md);color:var(--color-gray);font-size:var(--text-sm)}.checkout-saved-addresses{margin-bottom:var(--spacing-lg)}.checkout-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-dark-gray);margin-bottom:var(--spacing-sm)}.checkout-address-select{width:100%;padding:var(--spacing-md);font-size:var(--text-base);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);background-color:var(--color-white);color:var(--color-dark);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:var(--spacing-2xl)}.checkout-address-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #002c5f1a}.checkout-selected-address{margin-top:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-background);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-dark-gray)}.checkout-selected-address p{margin:0;line-height:1.5}.checkout-new-address-form{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-light-gray)}.checkout-new-address-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-dark);margin-bottom:var(--spacing-md)}.checkout-item-badge{font-size:var(--text-xs);color:var(--color-info);font-weight:var(--font-medium)}@media(max-width:1023px){.checkout-grid{grid-template-columns:1fr}.checkout-sidebar{order:1}}@media(max-width:768px){.checkout-container{padding:0 var(--spacing-md)}.checkout-title{font-size:var(--text-3xl)}.checkout-form-row{grid-template-columns:1fr}}.order-confirmation{max-width:800px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2xl)}.order-confirmation-icon{margin-bottom:var(--spacing-lg)}.order-confirmation-icon-circle{width:120px;height:120px;background:linear-gradient(135deg,var(--color-success),#10B981);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0596694d;animation:success-pop .5s ease-out}@keyframes success-pop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.order-confirmation-title{font-size:var(--text-4xl);color:var(--color-dark);margin:0;text-align:center}.order-confirmation-message{font-size:var(--text-lg);color:var(--color-gray);text-align:center;margin:0;max-width:600px}.order-confirmation-card{width:100%;background-color:var(--color-white);border:2px solid var(--color-light-gray);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-2xl)}.order-confirmation-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.section-header-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-light-gray);padding-bottom:var(--spacing-sm)}.order-confirmation-section-title{font-size:var(--text-xl);color:var(--color-dark);margin:0}.order-confirmation-details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.order-confirmation-detail{display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-confirmation-label{font-size:var(--text-sm);color:var(--color-gray);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-semibold)}.order-confirmation-value{font-size:var(--text-lg);color:var(--color-dark);font-weight:var(--font-semibold)}.order-confirmation-total{color:var(--color-primary);font-size:var(--text-2xl);font-weight:var(--font-bold)}.order-confirmation-free-shipping{color:var(--color-success);font-weight:var(--font-bold)}.order-confirmation-detail-total{grid-column:1 / -1;padding-top:var(--spacing-md);margin-top:var(--spacing-sm);border-top:2px solid var(--color-light-gray)}.order-confirmation-address{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--text-base);color:var(--color-dark-gray)}.order-confirmation-contact{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-gray);font-size:var(--text-sm)}.order-confirmation-next{width:100%;background-color:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.order-confirmation-next-title{font-size:var(--text-2xl);color:var(--color-dark);margin:0 0 var(--spacing-lg) 0;text-align:center}.order-confirmation-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.order-confirmation-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md)}.order-confirmation-step-icon{width:64px;height:64px;background-color:var(--color-white);border:2px solid var(--color-light-gray);border-radius:50%;display:flex;align-items:center;justify-content:center}.order-confirmation-step-content h4{font-size:var(--text-lg);color:var(--color-dark);margin:0 0 var(--spacing-xs) 0}.order-confirmation-step-content p{font-size:var(--text-sm);color:var(--color-gray);margin:0}.order-confirmation-actions{display:flex;gap:var(--spacing-md);width:100%;max-width:500px}.order-confirmation-actions a{flex:1;text-decoration:none}@media(max-width:768px){.order-confirmation{padding:var(--spacing-2xl) var(--spacing-md)}.order-confirmation-title{font-size:var(--text-3xl)}.order-confirmation-details,.order-confirmation-steps{grid-template-columns:1fr}.order-confirmation-card{padding:var(--spacing-lg)}}@media(max-width:639px){.order-confirmation-icon-circle{width:100px;height:100px}.order-confirmation-title{font-size:var(--text-2xl)}.order-confirmation-message{font-size:var(--text-base)}.order-confirmation-actions{flex-direction:column}}.order-confirmation-page{background-color:var(--color-background);min-height:calc(100vh - 400px);padding-top:var(--spacing-xl)}.order-confirmation-container{max-width:800px;margin:0 auto;padding:0 var(--spacing-lg)}.stripe-payment-page{background-color:var(--color-background);min-height:calc(100vh - 400px);padding:var(--spacing-2xl) 0;display:flex;justify-content:center;align-items:center}.stripe-payment-container{max-width:500px;width:100%;padding:0 var(--spacing-lg)}.stripe-payment-header{text-align:center;margin-bottom:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.stripe-payment-header h1{font-size:var(--text-2xl);color:var(--color-dark-gray);margin:0}.stripe-payment-header p{color:var(--color-gray);font-size:var(--text-sm);margin:0}.stripe-order-id{font-family:monospace;background:var(--color-light-gray);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.stripe-checkout-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.stripe-loading{padding:var(--spacing-xl);display:flex;justify-content:center}.card-element-container{padding:var(--spacing-lg);border:2px solid var(--color-light-gray);border-radius:var(--radius-md);background-color:var(--color-white);transition:border-color .2s ease}.card-element-container:focus-within{border-color:var(--color-primary)}.card-element-container.has-error{border-color:var(--color-error)}.card-element-container.has-error:focus-within{border-color:var(--color-error)}.card-element-container.hidden{display:none}.card-element-container label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--spacing-md);color:var(--color-dark-gray)}.card-element-hint{margin-top:var(--spacing-sm);font-size:var(--text-xs);color:var(--color-gray)}.card-element-error{margin-top:var(--spacing-sm);font-size:var(--text-xs);color:var(--color-error);display:flex;align-items:center;gap:var(--spacing-xs)}.stripe-payment-footer{margin-top:var(--spacing-xl);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.stripe-payment-footer p{font-size:var(--text-xs);color:var(--color-gray);margin:0}.stripe-error-state{text-align:center;padding:var(--spacing-2xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.stripe-error-state h2{color:var(--color-dark-gray);margin:0}.stripe-error-state p{color:var(--color-gray);margin:0}@media(max-width:480px){.stripe-payment-container{padding:0 var(--spacing-md)}}.mpesa-payment-page{background-color:var(--color-background);min-height:calc(100vh - 400px);padding:var(--spacing-2xl) 0;display:flex;justify-content:center;align-items:center}.mpesa-payment-container{max-width:500px;width:100%;padding:0 var(--spacing-lg)}.mpesa-payment-header{text-align:center;margin-bottom:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.mpesa-payment-header h1{font-size:var(--text-2xl);color:var(--color-success);margin:0}.mpesa-payment-header p{color:var(--color-gray);font-size:var(--text-sm);margin:0}.mpesa-payment-body{text-align:center;padding:var(--spacing-lg) 0}.mpesa-status-processing,.mpesa-status-success,.mpesa-status-failed{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.mpesa-status-processing h2,.mpesa-status-success h2,.mpesa-status-failed h2{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.mpesa-instructions{text-align:left;background-color:var(--color-background);padding:var(--spacing-lg);border-radius:var(--radius-md);width:100%}.mpesa-instructions ol{margin:0;padding-left:var(--spacing-xl);color:var(--color-dark-gray)}.mpesa-instructions li{margin-bottom:var(--spacing-sm);font-size:var(--text-sm)}.mpesa-timer-hint{font-size:var(--text-xs);color:var(--color-gray)}.mpesa-error-msg{color:var(--color-error);font-size:var(--text-sm)}.mpesa-actions{display:flex;gap:var(--spacing-md);width:100%}.mpesa-payment-footer{margin-top:var(--spacing-xl);text-align:center;border-top:1px solid var(--color-light-gray);padding-top:var(--spacing-md)}.mpesa-payment-footer p{font-size:var(--text-xs);color:var(--color-gray);margin:0}@media(max-width:480px){.mpesa-payment-container{padding:0 var(--spacing-md)}.mpesa-actions{flex-direction:column}}.otp-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.otp-modal{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);max-width:450px;width:100%;position:relative;box-shadow:var(--shadow-xl);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.otp-modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:none;border:none;font-size:32px;color:var(--color-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:var(--transition-base)}.otp-modal-close:hover{background-color:var(--color-background);color:var(--color-dark)}.otp-modal-header{text-align:center;margin-bottom:var(--spacing-2xl)}.otp-modal-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-dark);margin-bottom:var(--spacing-sm)}.otp-modal-subtitle{font-size:var(--text-base);color:var(--color-muted);line-height:1.5}.otp-modal-subtitle strong{color:var(--color-dark);font-weight:var(--font-semibold)}.otp-form{width:100%}.otp-inputs{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg)}.otp-input{width:50px;height:60px;font-size:var(--text-2xl);font-weight:var(--font-bold);text-align:center;border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-white);color:var(--color-dark);transition:var(--transition-base)}.otp-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #002c5f1a}.otp-input:not(:placeholder-shown){border-color:var(--color-primary)}.otp-error{color:var(--color-danger);font-size:var(--text-sm);margin-bottom:var(--spacing-md);text-align:center}.otp-resend{margin-top:var(--spacing-lg);text-align:center;font-size:var(--text-sm);color:var(--color-muted)}.otp-resend-button{background:none;border:none;color:var(--color-primary);font-weight:var(--font-semibold);cursor:pointer;padding:0;margin-left:var(--spacing-xs);text-decoration:underline;transition:var(--transition-base)}.otp-resend-button:hover{color:var(--color-accent)}.otp-resend-disabled{color:var(--color-muted);margin-left:var(--spacing-xs)}@media(max-width:639px){.otp-modal{padding:var(--spacing-xl)}.otp-inputs{gap:var(--spacing-sm)}.otp-input{width:45px;height:55px;font-size:var(--text-xl)}.otp-modal-title{font-size:var(--text-xl)}.otp-modal-subtitle{font-size:var(--text-sm)}}.auth-page{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);min-height:calc(100vh - 400px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-md)}.auth-container{width:100%;max-width:480px}.auth-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-2xl)}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-dark);margin-bottom:var(--spacing-sm)}.auth-subtitle{font-size:var(--text-base);color:var(--color-muted)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.auth-forgot{text-align:right;margin-top:calc(-1 * var(--spacing-md))}.auth-link{color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:none;transition:var(--transition-base)}.auth-link:hover{color:var(--color-accent);text-decoration:underline}.auth-error{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background-color:#fef2f2;color:var(--color-danger);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid #fecaca}.auth-error svg{flex-shrink:0}.auth-divider{text-align:center;margin:var(--spacing-xl) 0;position:relative;font-size:var(--text-sm);color:var(--color-muted)}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background-color:var(--color-border)}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-divider span{background-color:var(--color-white);padding:0 var(--spacing-md);position:relative}.google-login-wrapper{display:flex;justify-content:center;align-items:center;width:100%;margin:var(--spacing-md) 0}.auth-card>div>div[id^=container-]{display:flex;justify-content:center;align-items:center;width:100%}.auth-secondary-link{text-decoration:none}@media(max-width:639px){.auth-page{padding:var(--spacing-xl) var(--spacing-md)}.auth-card{padding:var(--spacing-xl)}.auth-title{font-size:var(--text-2xl)}.auth-form-row{grid-template-columns:1fr}.auth-divider:before,.auth-divider:after{width:35%}}.profile-page{background-color:var(--color-background);min-height:calc(100vh - 400px);padding:var(--spacing-2xl) 0}.profile-container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--spacing-lg)}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl)}.profile-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-dark)}.profile-tabs{display:flex;gap:var(--spacing-md);border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-2xl);overflow-x:auto}.profile-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:3px solid transparent;color:var(--color-muted);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-base);white-space:nowrap;margin-bottom:-2px}.profile-tab:hover{color:var(--color-dark);background-color:#002c5f0d}.profile-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.profile-content{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm)}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.settings-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-dark)}.settings-actions{display:flex;gap:var(--spacing-md)}.settings-form{max-width:600px;display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.settings-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-top:var(--spacing-xl);border-top:1px solid var(--color-light-gray)}.settings-empty{text-align:center;padding:var(--spacing-2xl);color:var(--color-muted)}.settings-empty p{margin:var(--spacing-sm) 0 0}.settings-empty-hint{font-size:var(--text-sm)}.settings-addresses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.settings-address-card{position:relative;padding:var(--spacing-lg);background-color:var(--color-background);border:1px solid var(--color-light-gray);border-radius:var(--radius-md)}.settings-address-card.default{border-color:var(--color-primary);background-color:var(--color-primary-light)}.settings-address-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);padding:2px 8px;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary);background-color:var(--color-white);border-radius:var(--radius-sm)}.settings-address-content{margin-bottom:var(--spacing-md)}.settings-address-content p{margin:0;font-size:var(--text-sm);color:var(--color-dark-gray);line-height:1.5}.settings-address-street{font-weight:var(--font-medium)}.settings-address-actions{display:flex;gap:var(--spacing-sm)}.settings-address-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-primary);background:none;border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.settings-address-btn:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white)}.settings-address-btn:disabled{opacity:.5;cursor:not-allowed}.settings-address-btn.delete{color:var(--color-error);border-color:var(--color-error)}.settings-address-btn.delete:hover:not(:disabled){background-color:var(--color-error);color:var(--color-white)}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.orders-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-dark);margin:0}.orders-view-toggle{display:flex;background-color:#f3f4f6;border-radius:var(--radius-md);padding:4px;gap:4px}.orders-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-background);border-radius:var(--radius-md)}.orders-filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:150px;flex:1}.orders-filter-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-muted)}.orders-filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-dark);background-color:var(--color-white);cursor:pointer;transition:var(--transition-base)}.orders-filter-select:hover{border-color:var(--color-primary)}.orders-filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #c8102e1a}.orders-results-info{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--spacing-md)}.orders-pagination{display:flex;justify-content:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.orders-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg)}.orders-empty p{font-size:var(--text-lg);color:var(--color-muted);margin:var(--spacing-lg) 0 var(--spacing-xl) 0}.orders-list{margin-bottom:var(--spacing-lg)}.orders-list-view{display:flex;flex-direction:column;gap:var(--spacing-sm)}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}.order-card{border:1px solid #E5E7EB;border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .2s ease;background-color:#fff}.order-card:hover{box-shadow:0 2px 8px #0000000a;border-color:#d1d5db}.order-card-list{display:flex;align-items:center;gap:var(--spacing-md)}.order-card-list .order-card-header{flex:0 0 auto;min-width:140px;margin-bottom:0;padding-bottom:0;border-bottom:none;flex-direction:column;align-items:flex-start}.order-card-list .order-card-body{flex:1;margin-bottom:0;gap:var(--spacing-lg)}.order-card-list .order-card-actions{flex:0 0 auto;gap:var(--spacing-sm)}.order-card-list .order-card-actions .btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--text-sm)}.order-card-grid{display:flex;flex-direction:column;padding:var(--spacing-md)}.order-card-grid .order-card-header{text-align:center;flex-direction:column;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.order-card-grid .order-card-body{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);text-align:center;margin-bottom:var(--spacing-sm)}.order-card-grid .order-info{flex-direction:row;align-items:center;gap:var(--spacing-xs)}.order-card-grid .order-card-actions{flex-direction:row;justify-content:center;gap:var(--spacing-sm)}.order-card-grid .order-card-actions .btn{flex:1;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-sm)}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid #F3F4F6}.order-id{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-dark);margin-bottom:2px}.order-date{font-size:var(--text-xs);color:var(--color-muted)}.order-status{padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:capitalize}.order-status.status-success{background-color:#dcfce7;color:#15803d}.order-status.status-info{background-color:#dbeafe;color:#1d4ed8}.order-status.status-warning{background-color:#fef3c7;color:#b45309}.order-status.status-muted{background-color:#f3f4f6;color:#6b7280}.order-status.status-pending{background-color:#fef3c7;color:#b45309}.order-status.status-danger{background-color:#fee2e2;color:#dc2626}.order-card-body{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.order-info{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs)}.order-info-label{font-size:var(--text-xs);color:var(--color-muted)}.order-info-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-dark)}.order-card-actions{display:flex;gap:var(--spacing-sm)}.addresses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.addresses-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-dark)}.addresses-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.address-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:var(--transition-base)}.address-card:hover{box-shadow:var(--shadow-md)}.address-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.address-label{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-dark)}.address-default-badge{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.address-card-body{margin-bottom:var(--spacing-lg);color:var(--color-dark);line-height:1.6}.address-card-body p{margin:var(--spacing-xs) 0}.address-card-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.address-action-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-dark);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-base)}.address-action-btn:hover{background-color:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}@media(max-width:1023px){.addresses-list{grid-template-columns:1fr}}@media(max-width:768px){.profile-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.profile-title{font-size:var(--text-3xl)}.profile-content{padding:var(--spacing-lg)}.settings-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.settings-actions{width:100%;flex-direction:column}.settings-row{grid-template-columns:1fr}.order-card-list{flex-direction:column;align-items:stretch}.order-card-list .order-card-header{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.order-card-list .order-card-body{flex-wrap:wrap}.order-card-actions{flex-direction:column}.addresses-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.orders-filters{flex-direction:column}.orders-filter-group{min-width:100%}}@media(max-width:639px){.profile-title{font-size:var(--text-2xl)}.profile-tabs{gap:0;overflow-x:visible;flex-wrap:nowrap}.profile-tab{flex:1;justify-content:center;padding:var(--spacing-sm) var(--spacing-xs);font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--spacing-xs);white-space:nowrap}.profile-tab svg{width:16px;height:16px;flex-shrink:0}.profile-tab span{display:inline;font-size:.7rem}}.settings-section{margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-light-gray)}.settings-section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-dark);margin-bottom:var(--spacing-lg)}.delivery-verification{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #E53E3E;border-radius:12px;padding:24px;margin-bottom:24px}.delivery-verification-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.delivery-verification-header h3{font-size:18px;font-weight:600;color:#2d2d2d;margin:0}.delivery-verification-description{color:#2d2d2d;font-size:14px;margin-bottom:16px;line-height:1.5}.delivery-verification-form{display:flex;flex-direction:column;gap:16px}@media(min-width:480px){.delivery-verification-form{flex-direction:row;align-items:flex-start}}.delivery-verification-form button[type=submit]{height:48px;flex-shrink:0}.delivery-code-input-wrapper{flex:1;display:flex;flex-direction:column}.delivery-code-input{width:100%;height:48px;padding:0 16px;font-size:18px;font-weight:700;letter-spacing:.25em;text-align:center;text-transform:uppercase;border:2px solid #D1D5DB;border-radius:8px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.delivery-code-input:focus{outline:none;border-color:#e53e3e;box-shadow:0 0 0 3px #fee2e2}.delivery-code-input.has-error{border-color:#dc2626}.delivery-code-input::placeholder{color:#9ca3af;letter-spacing:.15em}.delivery-code-error{display:flex;align-items:center;gap:4px;color:#dc2626;font-size:14px;margin-top:4px}.delivery-verification-footer{margin-top:16px;padding-top:16px;border-top:1px solid #E5E7EB}.resend-code-link{background:none;border:none;color:#e53e3e;font-size:14px;cursor:pointer;padding:0;text-decoration:underline;transition:color .15s ease}.resend-code-link:hover:not(:disabled){color:#c53030}.resend-code-link:disabled{color:#6b7280;cursor:not-allowed;text-decoration:none}.delivery-verification-help{display:flex;align-items:flex-start;gap:4px;color:#6b7280;font-size:12px;margin-top:8px;line-height:1.4}.delivery-verification-help svg{flex-shrink:0;margin-top:2px}.order-tracking-page{background-color:var(--color-background);min-height:calc(100vh - 400px);padding:var(--spacing-2xl) 0}.order-tracking-container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--spacing-lg)}.tracking-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl)}.tracking-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-dark);margin-bottom:var(--spacing-sm)}.tracking-subtitle{font-size:var(--text-base);color:var(--color-muted);margin-bottom:var(--spacing-xs)}.tracking-subtitle strong{color:var(--color-dark);font-weight:var(--font-semibold)}.tracking-date{font-size:var(--text-sm);color:var(--color-muted)}.order-not-found{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-3xl);text-align:center}.order-not-found h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-dark);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.order-not-found p{color:var(--color-muted);margin-bottom:var(--spacing-xl)}.tracking-timeline{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.timeline-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-dark);margin-bottom:var(--spacing-2xl)}.timeline-steps{display:flex;justify-content:space-between;position:relative;margin-bottom:var(--spacing-2xl)}.timeline-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;text-align:center}.timeline-step-icon{width:60px;height:60px;background-color:var(--color-background);border:3px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);position:relative;z-index:2;transition:var(--transition-base)}.timeline-step.completed .timeline-step-icon{background-color:var(--color-primary);border-color:var(--color-primary)}.timeline-step.current .timeline-step-icon{background-color:var(--color-white);border-color:var(--color-primary);box-shadow:0 0 0 4px #e5e7eb}.timeline-step-content{flex:1}.timeline-step-label{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-dark);margin-bottom:var(--spacing-xs)}.timeline-step-description{font-size:var(--text-sm);color:var(--color-muted)}.timeline-connector{position:absolute;top:30px;left:calc(50% + 30px);right:calc(-50% + 30px);height:3px;background-color:var(--color-border);z-index:1}.timeline-connector.completed{background-color:var(--color-primary)}.timeline-step:last-child .timeline-connector{display:none}.tracking-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-background);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.tracking-info-label{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--spacing-xs)}.tracking-info-value{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-dark)}.tracking-section{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl)}.tracking-section:last-child{margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid #E5E7EB}.section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-dark);margin:0}.section-title svg{color:var(--color-primary)}.view-toggle{display:flex;background-color:#f3f4f6;border-radius:var(--radius-md);padding:4px;gap:4px}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:#6b7280;transition:all .2s ease}.view-toggle-btn:hover{color:#1f2937;background-color:#e5e7eb}.view-toggle-btn.active{background-color:#fff;color:#e53e3e;box-shadow:0 1px 3px #0000001a}.order-items{margin-bottom:var(--spacing-xl)}.order-items-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.order-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-lg)}.order-item{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #E5E7EB;border-radius:var(--radius-lg);transition:box-shadow .2s ease,transform .2s ease}.order-item:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.order-item-list{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg)}.order-item-grid{display:flex;flex-direction:column;padding:var(--spacing-md);text-align:center}.order-item-grid .order-item-image-wrapper{align-self:center;margin-bottom:var(--spacing-md)}.order-item-grid .order-item-image,.order-item-grid .order-item-placeholder{width:140px;height:140px}.order-item-grid .order-item-details{align-items:center}.order-item-grid .order-item-name{font-size:var(--text-base)}.order-item-grid .order-item-description{display:none}.order-item-grid .order-item-meta{justify-content:center;flex-wrap:wrap}.order-item-grid .order-item-pricing{flex-direction:column;align-items:center;gap:var(--spacing-xs);border-top:none;padding-top:var(--spacing-sm)}.order-item-grid .order-item-unit-price{font-size:var(--text-xs)}.order-item-grid .order-item-total{font-size:var(--text-lg)}.order-item-image-wrapper{position:relative;flex-shrink:0}.order-item-image{width:100px;height:100px;object-fit:cover;border-radius:var(--radius-lg);background-color:#f3f4f6;border:1px solid #E5E7EB}.order-item-placeholder{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border-radius:var(--radius-lg);border:1px solid #E5E7EB}.order-item-type{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);padding:2px 10px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full);white-space:nowrap}.order-item-type.part{background-color:#dbeafe;color:#1d4ed8}.order-item-type.vehicle{background-color:#d1fae5;color:#047857}.order-item-details{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-item-name{font-size:var(--text-lg);font-weight:600;color:#1f2937;margin:0;line-height:1.3}.order-item-description{font-size:var(--text-sm);color:#6b7280;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.order-item-meta{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.order-item-sku{font-size:var(--text-xs);color:#9ca3af;background-color:#f3f4f6;padding:2px 8px;border-radius:var(--radius-sm)}.order-item-quantity{font-size:var(--text-sm);font-weight:500;color:#4b5563}.order-item-pricing{display:flex;justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:var(--spacing-sm);border-top:1px dashed #E5E7EB}.order-item-unit-price{font-size:var(--text-sm);color:#6b7280}.order-item-total{font-size:var(--text-xl);font-weight:700;color:#e53e3e}.order-summary{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.summary-row{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);font-size:var(--text-base);color:var(--color-dark)}.summary-row.total{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);font-size:var(--text-lg);font-weight:var(--font-bold)}.free-shipping-badge{color:var(--color-success);font-weight:var(--font-bold)}.shipping-section{margin-bottom:var(--spacing-xl)}.shipping-section .section-title{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid #E5E7EB}.shipping-address{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-background);border-radius:var(--radius-md)}.shipping-address-content{flex:1}.shipping-address p{margin:var(--spacing-xs) 0;color:var(--color-dark);font-size:var(--text-base);line-height:1.5}.address-name{font-weight:var(--font-semibold);font-size:var(--text-lg);margin-bottom:var(--spacing-sm)}.no-address{color:var(--color-muted);font-style:italic}@media(max-width:768px){.order-tracking-page{padding:var(--spacing-lg) 0}.order-tracking-container{padding:0 var(--spacing-md)}.tracking-header{flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#e53e3e,#c53030);margin:0 calc(-1 * var(--spacing-md));margin-bottom:var(--spacing-lg);border-radius:0}.tracking-title{font-size:var(--text-2xl);color:#fff}.tracking-subtitle,.tracking-date{color:#fff;opacity:.9}.tracking-subtitle strong{color:#fff}.tracking-timeline,.tracking-section{padding:var(--spacing-lg);margin:0 0 var(--spacing-md);border-radius:var(--radius-lg)}.timeline-title,.section-title{font-size:var(--text-lg)}.timeline-steps{flex-direction:column;align-items:flex-start}.timeline-step{width:100%;flex-direction:row;text-align:left;margin-bottom:var(--spacing-lg)}.timeline-step-icon{width:48px;height:48px;flex-shrink:0;margin-right:var(--spacing-md);margin-bottom:0}.timeline-connector{top:48px;left:24px;right:auto;bottom:calc(-100% + 24px);width:3px;height:auto}.timeline-step:last-child{margin-bottom:0}.order-item{flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-md)}.order-item-image-wrapper{align-self:center}.order-item-image,.order-item-placeholder{width:120px;height:120px}.order-item-name{font-size:var(--text-base);text-align:center}.order-item-description{text-align:center}.order-item-meta{justify-content:center}.order-item-pricing{flex-direction:column;align-items:center;gap:var(--spacing-xs)}.order-item-total{font-size:var(--text-2xl)}.order-summary{background-color:#f9fafb;padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-top:var(--spacing-lg)}.summary-row.total{font-size:var(--text-xl);color:#e53e3e}}@media(max-width:480px){.tracking-title{font-size:var(--text-xl)}.timeline-step-label{font-size:var(--text-sm)}.timeline-step-description{font-size:var(--text-xs)}.order-item-image,.order-item-placeholder{width:100px;height:100px}}.delivery-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:var(--spacing-md)}.delivery-status-badge.confirmed{background-color:#d1fae5;color:#047857}.delivery-status-badge.auto{background-color:#f3f4f6;color:#6b7280}.order-item-price{font-size:var(--text-base);font-weight:600;color:#e53e3e}.order-item-review{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px dashed #E5E7EB}.review-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#e53e3e,#c53030);border:1px solid #C53030;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:var(--text-sm);font-weight:500;color:#fff}.review-btn:hover{background:linear-gradient(135deg,#c53030,#9b2c2c);transform:translateY(-1px);box-shadow:0 2px 8px #fecaca}.review-btn span{white-space:nowrap}.review-btn .star,.review-btn .star.filled{color:#f59e0b}.review-submitted{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);font-weight:500;color:#10b981}.order-item-grid .order-item-review{border-top:none;padding-top:var(--spacing-xs)}.order-item-grid .review-btn{justify-content:center;width:100%}@media(max-width:768px){.order-item-review{text-align:center}.review-btn{justify-content:center;width:100%}}.about-page{background-color:var(--color-white)}.about-hero{background:var(--gradient-primary);padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}.about-hero-content{max-width:var(--container-md);margin:0 auto}.about-hero-title{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--color-white);margin-bottom:var(--spacing-md)}.about-hero-subtitle{font-size:var(--text-xl);color:#ffffffe6;margin:0}.about-container{max-width:var(--container-xl);margin:0 auto;padding:var(--spacing-3xl) var(--spacing-lg)}.about-section{margin-bottom:var(--spacing-3xl)}.about-section-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-dark);text-align:center;margin-bottom:var(--spacing-2xl)}.about-story{max-width:var(--container-md);margin:0 auto}.about-story p{font-size:var(--text-base);line-height:1.7;color:var(--color-dark-gray);margin-bottom:var(--spacing-lg)}.about-mission-vision{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-2xl);max-width:var(--container-lg);margin:0 auto}.about-card{background:var(--color-background);padding:var(--spacing-2xl);border-radius:var(--radius-lg);text-align:center}.about-card-icon{margin-bottom:var(--spacing-lg);display:flex;justify-content:center}.about-card-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-dark);margin-bottom:var(--spacing-md)}.about-card-text{font-size:var(--text-base);line-height:1.6;color:var(--color-dark-gray);margin:0}.about-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);max-width:var(--container-lg);margin:0 auto}.about-value-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-lg)}.about-value-item h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-dark);margin:0 0 var(--spacing-xs) 0}.about-value-item p{font-size:var(--text-sm);color:var(--color-dark-gray);margin:0}.about-team{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-2xl);max-width:var(--container-lg);margin:0 auto}.about-team-member{text-align:center;padding:var(--spacing-xl);background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-lg);transition:all var(--transition-base)}.about-team-member:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.about-team-avatar{width:100px;height:100px;background:var(--color-background);border-radius:50%;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.about-team-name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-dark);margin:0 0 var(--spacing-xs) 0}.about-team-role{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-md) 0}.about-team-bio{font-size:var(--text-sm);line-height:1.6;color:var(--color-dark-gray);margin:0}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-2xl);padding:var(--spacing-3xl);background:var(--color-background);border-radius:var(--radius-lg)}.about-stat-item{text-align:center}.about-stat-number{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--color-primary);margin:0 0 var(--spacing-sm) 0}.about-stat-label{font-size:var(--text-base);color:var(--color-dark-gray);margin:0}@media(max-width:768px){.about-hero{padding:var(--spacing-2xl) var(--spacing-lg)}.about-hero-title{font-size:var(--text-3xl)}.about-hero-subtitle{font-size:var(--text-base)}.about-container{padding:var(--spacing-2xl) var(--spacing-md)}.about-section-title{font-size:var(--text-2xl)}.about-mission-vision,.about-values,.about-team{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.about-stat-number{font-size:var(--text-3xl)}}.contact-page{background-color:var(--color-background)}.contact-hero{background:var(--gradient-primary);padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}.contact-hero-content{max-width:var(--container-md);margin:0 auto}.contact-hero-title{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--color-white);margin-bottom:var(--spacing-md)}.contact-hero-subtitle{font-size:var(--text-xl);color:#ffffffe6;margin:0}.contact-container{max-width:var(--container-xl);margin:0 auto;padding:var(--spacing-3xl) var(--spacing-lg)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.contact-section-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-dark);margin-bottom:var(--spacing-md)}.contact-section-description{font-size:var(--text-base);color:var(--color-dark-gray);margin-bottom:var(--spacing-2xl)}.contact-info-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.contact-info-card{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--color-light-gray);text-align:center}.contact-info-icon{margin-bottom:var(--spacing-md);display:flex;justify-content:center}.contact-info-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-dark);margin-bottom:var(--spacing-sm)}.contact-info-detail{font-size:var(--text-base);color:var(--color-dark-gray);margin:var(--spacing-xs) 0}.contact-info-link{display:block;text-decoration:none;transition:color .2s ease}.contact-info-link:hover{color:var(--color-primary)}.contact-info-hours{font-size:var(--text-sm);color:var(--color-gray);margin-top:var(--spacing-sm)}.contact-hours-card{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--color-light-gray)}.contact-hours-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-dark);margin-bottom:var(--spacing-lg)}.contact-hours-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-hours-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-light-gray)}.contact-hours-item:last-child{border-bottom:none}.contact-hours-day{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-dark-gray)}.contact-hours-time{font-size:var(--text-base);color:var(--color-dark);font-weight:var(--font-semibold)}.contact-form-section{background:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--radius-lg);border:1px solid var(--color-light-gray)}.contact-success-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--text-sm);font-weight:var(--font-medium)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.contact-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact-form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-dark-gray)}.contact-form-input,.contact-form-select,.contact-form-textarea{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-base);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);background-color:var(--color-white);color:var(--color-dark);transition:border-color var(--transition-fast);font-family:inherit}.contact-form-input:focus,.contact-form-select:focus,.contact-form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.contact-form-textarea{resize:vertical;min-height:120px}.contact-map-section{margin-top:var(--spacing-2xl)}.contact-map-placeholder{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-lg);padding:var(--spacing-3xl);text-align:center;color:var(--color-gray)}.contact-map-placeholder p{margin:var(--spacing-md) 0 0 0;font-size:var(--text-base);color:var(--color-dark-gray)}.contact-map-note{font-size:var(--text-sm);color:var(--color-gray)}@media(max-width:1024px){.contact-content{grid-template-columns:1fr;gap:var(--spacing-2xl)}}@media(max-width:768px){.contact-hero{padding:var(--spacing-2xl) var(--spacing-lg)}.contact-hero-title{font-size:var(--text-3xl)}.contact-hero-subtitle{font-size:var(--text-base)}.contact-container{padding:var(--spacing-2xl) var(--spacing-md)}.contact-info-cards,.contact-form-row{grid-template-columns:1fr}.contact-form-section{padding:var(--spacing-lg)}}.vehicles-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-lg)}.vehicle-selection-card{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.vehicle-selection-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.vehicle-selection-image{position:relative;width:100%;padding-top:66.67%;background-color:var(--color-background);overflow:hidden}.vehicle-selection-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.vehicle-selection-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-background),var(--color-light-gray))}.vehicle-selection-content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.vehicle-selection-brand{font-size:var(--text-xs);color:var(--color-primary);text-transform:uppercase;font-weight:var(--font-semibold);letter-spacing:.5px}.vehicle-selection-name{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-dark);margin:0;line-height:1.3}.vehicle-selection-year{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--color-gray);margin-bottom:var(--spacing-sm)}.vehicle-context-banner{background:#e8f4fd;border:1px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.vehicle-context-info{display:flex;align-items:center;gap:var(--spacing-md)}.vehicle-context-title{font-size:var(--text-base);color:var(--color-dark);margin:0 0 var(--spacing-xs) 0}.vehicle-context-title strong{color:var(--color-primary)}.vehicle-context-year{font-size:var(--text-sm);color:var(--color-gray);margin:0}@media(max-width:768px){.vehicles-selection-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md)}.vehicle-selection-content{padding:var(--spacing-sm)}.vehicle-selection-name{font-size:var(--text-sm)}.vehicle-context-banner{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}@media(max-width:480px){.vehicles-selection-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.vehicle-selection-image{padding-top:75%}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);padding:var(--spacing-2xl)}.not-found-content{text-align:center;max-width:500px}.not-found-code{font-size:8rem;font-weight:var(--font-bold);color:var(--color-primary);line-height:1;margin:0}.not-found-title{font-size:var(--text-3xl);color:var(--color-dark);margin:var(--spacing-md) 0;font-weight:var(--font-semibold)}.not-found-message{font-size:var(--text-lg);color:var(--color-muted);margin-bottom:var(--spacing-2xl);line-height:1.6}.not-found-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}@media(max-width:639px){.not-found-code{font-size:5rem}.not-found-title{font-size:var(--text-2xl)}.not-found-message{font-size:var(--text-base)}.not-found-actions{flex-direction:column;align-items:center}}