: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}[data-theme=dark]{--color-dark: #FFFFFF;--color-dark-gray: #E5E7EB;--color-gray: #9CA3AF;--color-muted: #6B7280;--color-light-gray: #374151;--color-background: #111827;--color-white: #1F2937;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6)}*,*: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 fadeIn{0%{opacity:0}to{opacity:1}}@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-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,.input-icon-right{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--color-gray);pointer-events:none}.input-icon-left{left:var(--spacing-md)}.input-icon-right{right:var(--spacing-md)}.input-password-toggle{pointer-events:auto;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-md);align-items:center;margin-top:var(--spacing-2xl)}.pagination-btn{padding:.625rem 1.25rem;border:1px solid #e5e5e5;background:#fff;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:var(--font-semibold);color:#333;transition:all .3s 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:.875rem;font-weight:var(--font-medium)}@media(max-width:639px){.pagination{flex-wrap:wrap}.pagination-btn{padding:.5rem 1rem;font-size:.8125rem}}.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}}.header{background-color:#0a0a0a;color:var(--color-white);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:0 2px 8px #0006;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}.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:#e53e3e;font-weight:var(--font-bold)}.header-logo:hover .header-logo-highlight{color:#ff6b35}.header-nav{display:flex;align-items:center;gap:2rem;flex:1;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:#e53e3e;transition:width .3s ease}.header-nav-link:hover{color:#e53e3e}.header-nav-link:hover:after{width:100%}.header-nav-link.active{color:#e53e3e}.header-nav-link.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}.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:#e53e3e}.header-cart{position:relative}.header-cart-badge{position:absolute;top:0;right:0;background-color:#e53e3e;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-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:#c8102e}.header-dropdown-divider{height:1px;background-color:#2a2a2a;margin:.5rem 0}.header-dropdown-user-info{padding:1rem var(--spacing-lg);background-color:#141414;border-bottom:1px solid #2a2a2a}.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}@media(max-width:1024px){.header-nav{display:none}.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-actions{gap:.5rem}.header-action-btn{padding:.375rem}}.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-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);background-image:url(https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1920&q=80);background-size:cover;background-position:center;background-repeat:no-repeat}.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-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-2xl) var(--spacing-lg);background:#f8f8f8}.featured-vehicles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.featured-vehicles-title{font-size:1.75rem;font-weight:var(--font-bold);color:#1a1a1a;margin-bottom:var(--spacing-xs)}.featured-vehicles-subtitle{font-size:var(--text-base);color:#666;margin:0}.featured-vehicles-filters{display:flex;gap:var(--spacing-sm);background:#fff;padding:4px;border-radius:var(--radius-lg);border:1px solid #e5e5e5}.filter-btn{padding:.5rem 1rem;background:transparent;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-semibold);color:#666;cursor:pointer;transition:all .3s 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(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.featured-vehicle-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;border:1px solid #e5e5e5;transition:all .3s ease}.featured-vehicle-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f;border-color:#e53e3e}.featured-vehicle-image{position:relative;width:100%;height:180px;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:var(--spacing-sm);left:var(--spacing-sm);display:flex;gap:var(--spacing-xs)}.featured-vehicle-content{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.featured-vehicle-name{font-size:.9375rem;font-weight:var(--font-bold);color:#1a1a1a;margin:0;line-height:1.3}.featured-vehicle-details{display:flex;gap:var(--spacing-md);flex-wrap:wrap;padding:var(--spacing-sm) 0}.featured-vehicle-detail{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;color:#666}.featured-vehicle-detail svg{color:#e53e3e;flex-shrink:0}.featured-vehicle-footer{margin-top:auto;padding-top:var(--spacing-sm)}.featured-vehicle-footer .btn{font-size:.8125rem}.featured-vehicles-cta{text-align:center;margin-top:var(--spacing-xl)}@media(max-width:1024px){.featured-vehicles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.featured-vehicles-section{padding:var(--spacing-xl) var(--spacing-md)}.featured-vehicles-header{flex-direction:column;align-items:flex-start}.featured-vehicles-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.featured-vehicle-image{height:150px}}@media(max-width:639px){.featured-vehicles-grid{grid-template-columns:1fr}.featured-vehicle-name{font-size:.875rem}.featured-vehicle-detail{font-size:.75rem}.featured-vehicle-content{padding:var(--spacing-sm)}.featured-vehicle-footer .btn{font-size:.75rem}}.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-xl)}.featured-categories-view-all{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:#e53e3e;font-size:1rem;font-weight:var(--font-semibold);text-decoration:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);transition:all .3s ease;border:2px solid #E53E3E}.featured-categories-view-all:hover{background-color:#e53e3e;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #e53e3e4d}@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-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);z-index:1}.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-badge{top:var(--spacing-xs);right:var(--spacing-xs)}.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{display:none}.browse-sidebar-open{display:block;position:fixed;top:0;left:0;width:85%;max-width:320px;height:100vh;overflow-y:auto;z-index:1000;border-radius:0;margin:0}.browse-sidebar-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}}@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;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-light-gray)}.filter-sidebar-title{font-size:var(--text-xl);color:var(--color-dark);margin:0}.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-category-item{width:100%}.filter-category-item[data-level="0"]{margin-left:0}.filter-category-item[data-level="1"]{margin-left:var(--spacing-md)}.filter-category-item[data-level="2"]{margin-left:calc(var(--spacing-md) * 2)}.filter-category-item[data-level="3"]{margin-left:calc(var(--spacing-md) * 3)}.filter-category-content{display:flex;align-items:center;width:100%;gap:var(--spacing-xs)}.filter-category-toggle{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-dark-gray);transition:color var(--transition-fast);border-radius:var(--radius-sm)}.filter-category-toggle:hover{color:var(--color-primary);background-color:var(--color-background)}.filter-category-checkbox-offset{margin-left:calc(var(--spacing-xs) + 14px)}.filter-category-children{margin-top:var(--spacing-xs)}.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-footer{display:block}}.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-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);z-index:1}.product-card-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.product-card-category{font-size:var(--text-xs);color:var(--color-accent);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px}.product-card-name{font-size:var(--text-base);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.8em}.product-card-sku{font-size:var(--text-xs);color:var(--color-gray)}.product-card-rating{display:flex;align-items:center;gap:var(--spacing-xs)}.product-card-stars{display:flex;gap:2px}.product-card-review-count{font-size:var(--text-xs);color:var(--color-gray)}.product-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--color-light-gray)}.product-card-price{font-size:var(--text-2xl);color:var(--color-primary);font-weight:var(--font-bold)}.product-card-footer .btn{display:flex;align-items:center;gap:var(--spacing-xs)}@media(max-width:639px){.product-card-content{padding:var(--spacing-md)}.product-card-name{font-size:var(--text-sm)}.product-card-price{font-size:var(--text-lg)}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-xl)}.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(220px,1fr));gap:var(--spacing-lg)}}@media(max-width:639px){.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}.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)}@media(max-width:1024px){.vehicle-filter-sidebar{max-height:calc(100vh - var(--spacing-2xl));overflow-y:auto}}.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-base);box-shadow:var(--shadow-sm)}.vehicle-card:hover{border-color:var(--color-primary);box-shadow:0 10px 25px #e53e3e1f,0 4px 10px #0000000f;transform:translateY(-6px)}.vehicle-card-image{position:relative;width:100%;height:180px;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:10px;left:10px;z-index:1;transition:transform .3s ease}.vehicle-card:hover .vehicle-card-badge{transform:scale(1.05)}.vehicle-card-content{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;background:var(--color-white)}.vehicle-card-brand{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.vehicle-card-name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-dark);margin:0;line-height:1.3;min-height:1.5em}.vehicle-card-year{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--color-gray);margin:var(--spacing-xs) 0}.vehicle-card-footer{margin-top:auto;padding-top:var(--spacing-sm)}.vehicle-card-footer .btn{font-size:var(--text-sm);font-weight:var(--font-semibold)}@media(max-width:768px){.vehicle-card-image{height:160px}.vehicle-card-name{font-size:var(--text-base)}.vehicle-card-content{padding:var(--spacing-sm)}.vehicle-card-year{font-size:var(--text-xs)}}@media(max-width:639px){.vehicle-card-image{height:140px}.vehicle-card-name{font-size:var(--text-sm)}.vehicle-card-brand,.vehicle-card-year{font-size:var(--text-xs)}.vehicle-card-badge{top:var(--spacing-sm);left:var(--spacing-sm)}.vehicle-card-footer .btn{font-size:var(--text-xs)}}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.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:400px;padding:var(--spacing-2xl)}.vehicle-grid-empty-content h3{font-size:var(--text-2xl);color:var(--color-gray);margin-bottom:var(--spacing-md)}.vehicle-grid-empty-content p{font-size:var(--text-base);color:var(--color-muted)}@media(max-width:1024px){.vehicle-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-md)}}@media(max-width:768px){.vehicle-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media(max-width:639px){.vehicle-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}}.featured-vehicles-section{padding:var(--spacing-2xl) var(--spacing-lg);background-color:var(--color-background);border-top:1px solid var(--color-light-gray)}.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-2xl)}.featured-vehicles-title{font-size:2rem;color:var(--color-dark);margin-bottom:var(--spacing-xs);font-weight:var(--font-bold)}.featured-vehicles-subtitle{font-size:var(--text-base);color:var(--color-gray);margin:0;font-weight:var(--font-normal)}.featured-vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.featured-vehicle-link{text-decoration:none;color:inherit;display:block;height:100%}.featured-vehicle-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);box-shadow:var(--shadow-sm)}.featured-vehicle-image{position:relative;width:100%;padding-top:65%;background:var(--color-background);overflow:hidden}.featured-vehicle-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.featured-vehicle-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-background)}.featured-vehicle-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);z-index:1}.featured-vehicle-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;background:var(--color-white)}.featured-vehicle-name{font-size:var(--text-lg);color:var(--color-dark);margin:0;font-weight:var(--font-semibold);line-height:1.4}.featured-vehicle-year{font-size:var(--text-sm);color:var(--color-gray);font-weight:var(--font-medium)}@media(max-width:1024px){.featured-vehicles-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}}@media(max-width:768px){.featured-vehicles-section{padding:var(--spacing-2xl) var(--spacing-md)}.featured-vehicles-title{font-size:1.5rem}.featured-vehicles-header{margin-bottom:var(--spacing-xl)}.featured-vehicles-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:639px){.featured-vehicles-section{padding:var(--spacing-xl) var(--spacing-md)}.featured-vehicles-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.featured-vehicle-content{padding:var(--spacing-md)}.featured-vehicle-name{font-size:var(--text-base)}.featured-vehicle-image{padding-top:70%}.featured-vehicle-badge{top:var(--spacing-xs);right:var(--spacing-xs)}}.vehicle-detail-page{min-height:100vh;background-color:var(--color-background);padding:var(--spacing-xl) var(--spacing-lg)}.vehicle-detail-container{max-width:var(--container-xl);margin:0 auto}.vehicle-detail-header{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin:var(--spacing-xl) 0 var(--spacing-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-light-gray)}.vehicle-detail-image{width:100%;aspect-ratio:4/3;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-background)}.vehicle-detail-image img{width:100%;height:100%;object-fit:cover}.vehicle-detail-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-background)}.vehicle-detail-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.vehicle-detail-badges{display:flex;gap:var(--spacing-xs)}.vehicle-detail-title{font-size:2rem;font-weight:var(--font-bold);color:var(--color-dark);margin:0}.vehicle-detail-specs{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg) 0;border-top:1px solid var(--color-light-gray);border-bottom:1px solid var(--color-light-gray)}.vehicle-detail-spec{display:flex;align-items:center;gap:var(--spacing-md)}.vehicle-detail-spec div{display:flex;flex-direction:column;gap:var(--spacing-xs)}.vehicle-detail-spec-label{font-size:var(--text-xs);color:var(--color-gray);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-semibold)}.vehicle-detail-spec-value{font-size:var(--text-xl);color:var(--color-dark);font-weight:var(--font-bold)}.vehicle-detail-description{padding:var(--spacing-lg);background:var(--color-background);border-radius:var(--radius-md)}.vehicle-detail-description h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-dark);margin:0 0 var(--spacing-sm) 0}.vehicle-detail-description p{font-size:var(--text-base);color:var(--color-dark-gray);line-height:1.6;margin:0}.vehicle-detail-price-section{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-background);border-radius:var(--radius-md)}.vehicle-detail-price{font-size:2rem;color:var(--color-primary);font-weight:var(--font-bold)}.vehicle-detail-quantity{display:flex;align-items:center;gap:var(--spacing-md)}.vehicle-detail-quantity-label{font-size:var(--text-base);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.5rem}.vehicle-detail-quantity{flex-direction:column;align-items:flex-start}}@media(max-width:639px){.vehicle-detail-title{font-size:1.25rem}.vehicle-detail-actions{flex-direction:column}.vehicle-detail-actions .btn{width:100%}}.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-lg)}.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-4xl);color:var(--color-dark);margin:0;line-height:1.2}.product-info-sku{font-size:var(--text-sm);color:var(--color-gray)}.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-5xl);color:var(--color-primary);font-weight:var(--font-bold)}.product-info-section{padding-top:var(--spacing-md)}.product-info-section-title{font-size:var(--text-xl);color:var(--color-dark);margin-bottom:var(--spacing-md);font-weight:var(--font-bold)}.product-info-description{font-size:var(--text-base);color:var(--color-dark-gray);line-height:1.7;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-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-sm);color:var(--color-gray);font-weight:var(--font-medium)}.product-info-spec-value{font-size:var(--text-sm);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-md)}.product-info-features li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-base);color:var(--color-dark-gray)}@media(max-width:768px){.product-info-name{font-size:var(--text-3xl)}.product-info-price{font-size:var(--text-4xl)}.product-info-price-section{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}@media(max-width:639px){.product-info-name{font-size:var(--text-2xl)}.product-info-price{font-size:var(--text-3xl)}.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-lg);padding:var(--spacing-xl);background-color:var(--color-white);border:2px solid var(--color-light-gray);border-radius:var(--radius-lg);position:sticky;top:calc(72px + 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:2px 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:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);color:var(--color-dark-gray)}.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-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:1023px){.add-to-cart-container{position:relative;top:0;margin-top:var(--spacing-xl)}}@media(max-width:639px){.add-to-cart-container{padding:var(--spacing-lg)}}.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-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}}.product-detail-page{background-color:var(--color-background);min-height:calc(100vh - 400px)}.product-detail-container{max-width:var(--container-2xl);margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.product-detail-content{display:grid;grid-template-columns:1fr 1fr 400px;gap:var(--spacing-2xl);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-xl)}.product-detail-compatibility{margin-top:var(--spacing-lg)}.product-detail-related{margin-top:var(--spacing-3xl);padding-top:var(--spacing-3xl);border-top:2px solid var(--color-light-gray)}@media(max-width:1280px){.product-detail-content{grid-template-columns:1fr 1fr}.product-detail-cart-column{grid-column:1 / -1}.product-detail-gallery-column{position:relative;top:0}}@media(max-width:768px){.product-detail-content{grid-template-columns:1fr}.product-detail-container{padding:var(--spacing-lg) var(--spacing-md)}.product-detail-related{margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl)}}.cart-item{display:grid;grid-template-columns:100px 1fr auto auto auto auto;gap:var(--spacing-lg);align-items:center;padding:var(--spacing-lg);background-color:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.cart-item:hover{box-shadow:var(--shadow-md)}.cart-item-image{width:100px;height:100px;border-radius:var(--radius-md);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:linear-gradient(135deg,var(--color-background),var(--color-light-gray))}.cart-item-info{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.cart-item-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-dark);text-decoration:none;transition:color var(--transition-fast);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-item-name:hover{color:var(--color-primary)}.cart-item-sku{font-size:var(--text-sm);color:var(--color-gray)}.cart-item-stock{margin-top:var(--spacing-xs)}.cart-item-price,.cart-item-subtotal{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:right}.cart-item-price-label,.cart-item-subtotal-label,.cart-item-quantity-label{font-size:var(--text-xs);color:var(--color-gray);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-semibold)}.cart-item-price-value{font-size:var(--text-xl);color:var(--color-dark);font-weight:var(--font-semibold)}.cart-item-subtotal-value{font-size:var(--text-2xl);color:var(--color-primary);font-weight:var(--font-bold)}.cart-item-quantity{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cart-item-quantity-controls{display:flex;align-items:center;gap:0;border:2px solid var(--color-light-gray);border-radius:var(--radius-md);overflow:hidden}.cart-item-btn-decrease,.cart-item-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)}.cart-item-btn-decrease:hover:not(:disabled),.cart-item-btn-increase:hover:not(:disabled){background-color:var(--color-light-gray);color:var(--color-primary)}.cart-item-btn-decrease:disabled,.cart-item-btn-increase:disabled{opacity:.4;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-semibold);color:var(--color-dark);width:50px;padding:var(--spacing-xs)}.cart-item-quantity-input:focus{outline:none}.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-remove{background:none;border:none;color:var(--color-gray);padding:var(--spacing-sm);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.cart-item-remove:hover{color:var(--color-error);background-color:#dc26260d}@media(max-width:1024px){.cart-item{grid-template-columns:80px 1fr auto;grid-template-rows:auto auto;gap:var(--spacing-md)}.cart-item-image{width:80px;height:80px;grid-row:1 / 3}.cart-item-info{grid-column:2;grid-row:1}.cart-item-price{grid-column:3;grid-row:1}.cart-item-quantity{grid-column:2;grid-row:2}.cart-item-subtotal{grid-column:3;grid-row:2}.cart-item-remove{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm)}.cart-item{position:relative}}@media(max-width:639px){.cart-item{grid-template-columns:70px 1fr;grid-template-rows:auto auto auto;gap:var(--spacing-sm);padding:var(--spacing-md)}.cart-item-image{width:70px;height:70px;grid-row:1 / 4}.cart-item-info{grid-column:2;grid-row:1}.cart-item-price{grid-column:2;grid-row:2;text-align:left}.cart-item-quantity{grid-column:1 / 3;grid-row:3}.cart-item-quantity-label{display:inline-block;margin-right:var(--spacing-sm)}.cart-item-quantity-controls{display:inline-flex}.cart-item-subtotal{display:none}.cart-item-price-value{font-size:var(--text-lg)}}.cart-summary{background-color:var(--color-white);border:2px solid var(--color-light-gray);border-radius:var(--radius-lg);padding:var(--spacing-xl);position:sticky;top:calc(72px + var(--spacing-md));display:flex;flex-direction:column;gap:var(--spacing-lg)}.cart-summary-title{font-size:var(--text-2xl);color:var(--color-dark);margin:0;padding-bottom:var(--spacing-md);border-bottom:2px 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-divider{height:1px;background-color:var(--color-light-gray);margin:var(--spacing-sm) 0}.cart-summary-total{font-size:var(--text-xl);font-weight:var(--font-bold)}.cart-summary-total span:first-child{color:var(--color-dark)}.cart-summary-total span:last-child{color:var(--color-primary);font-size:var(--text-2xl)}.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-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:var(--container-2xl);margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.cart-page-header{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.cart-page-title{font-size:var(--text-4xl);color:var(--color-dark);margin:0}.cart-page-content{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-2xl);align-items:start}.cart-page-items{display:flex;flex-direction:column;gap:var(--spacing-lg)}@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)}}.checkout-page{background-color:var(--color-background);min-height:calc(100vh - 400px);padding:var(--spacing-xl) 0}.checkout-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.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-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-summary-items{margin-bottom:var(--spacing-xl);max-height:300px;overflow-y:auto}.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)}@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-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)}.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)}.stripe-payment-header h1{font-size:var(--text-2xl);color:var(--color-primary);margin-bottom:var(--spacing-xs)}.stripe-payment-header p{color:var(--color-gray);font-size:var(--text-sm)}.stripe-checkout-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.card-element-container{padding:var(--spacing-md);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);background-color:var(--color-white)}.card-element-container label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--spacing-sm);color:var(--color-dark-gray)}.stripe-payment-footer{margin-top:var(--spacing-xl);text-align:center}.stripe-payment-footer p{font-size:var(--text-xs);color:var(--color-gray)}@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)}@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{background-color:#c8102e1a;color:var(--color-danger);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;border:1px solid var(--color-danger)}.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}.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)}.orders-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-dark);margin-bottom:var(--spacing-xl)}.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{display:flex;flex-direction:column;gap:var(--spacing-lg)}.order-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:var(--transition-base)}.order-card:hover{box-shadow:var(--shadow-md)}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.order-id{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-dark);margin-bottom:var(--spacing-xs)}.order-date{font-size:var(--text-sm);color:var(--color-muted)}.order-status{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:capitalize}.order-status.status-success{background-color:#22c55e1a;color:var(--color-success)}.order-status.status-info{background-color:#3b82f61a;color:#3b82f6}.order-status.status-warning{background-color:#eab3081a;color:#eab308}.order-status.status-muted{background-color:var(--color-background);color:var(--color-muted)}.order-card-body{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.order-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-info-label{font-size:var(--text-sm);color:var(--color-muted)}.order-info-value{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-dark)}.order-card-actions{display:flex;gap:var(--spacing-md)}.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-actions{flex-direction:column}.addresses-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}@media(max-width:639px){.profile-title{font-size:var(--text-2xl)}.profile-tabs{gap:0}.profile-tab{flex:1;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm)}.profile-tab span{display:none}}.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)}.settings-theme-toggle{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background-color:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-lg)}.settings-theme-info{display:flex;align-items:center;gap:var(--spacing-md)}.settings-theme-label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-dark-gray);margin-bottom:.25rem}.settings-theme-description{font-size:var(--text-sm);color:var(--color-gray)}.settings-toggle-button{position:relative;width:48px;height:24px;background-color:var(--color-light-gray);border:none;border-radius:12px;cursor:pointer;transition:background-color var(--transition-base)}.settings-toggle-button.active{background-color:var(--color-primary)}.settings-toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--color-white);border-radius:50%;transition:transform var(--transition-base);box-shadow:var(--shadow-sm)}.settings-toggle-button.active .settings-toggle-slider{transform:translate(24px)}.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 #002c5f1a}.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-grid{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-xl)}.tracking-section{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm)}.section-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-dark);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.order-items{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.order-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md)}.order-item-image{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md);background-color:var(--color-background)}.order-item-details{flex:1}.order-item-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-dark);margin-bottom:var(--spacing-xs)}.order-item-sku,.order-item-quantity{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--spacing-xs)}.order-item-price{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-dark)}.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)}.shipping-address{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-background);border-radius:var(--radius-md)}.shipping-address p{margin:var(--spacing-xs) 0;color:var(--color-dark)}.address-name{font-weight:var(--font-semibold)}@media(max-width:1023px){.tracking-grid{grid-template-columns:1fr}}@media(max-width:768px){.tracking-header{flex-direction:column;gap:var(--spacing-md)}.tracking-title{font-size:var(--text-3xl)}.tracking-timeline,.tracking-section{padding:var(--spacing-lg)}.timeline-steps{flex-direction:column;align-items:flex-start}.timeline-step{width:100%;flex-direction:row;text-align:left;margin-bottom:var(--spacing-xl)}.timeline-step-icon{flex-shrink:0;margin-right:var(--spacing-md);margin-bottom:0}.timeline-connector{top:60px;left:30px;right:auto;bottom:calc(-100% + 30px);width:3px;height:auto}.timeline-step:last-child{margin-bottom:0}.order-item{flex-direction:column}.order-item-price{align-self:flex-end}}@media(max-width:639px){.tracking-title{font-size:var(--text-2xl)}.order-item-image{width:100%;height:auto;aspect-ratio:1}}.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-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)}}