@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:#ffe2e2;--color-red-600:#e40014;--color-red-700:#bf000f;--color-yellow-100:#fef9c2;--color-yellow-600:#cd8900;--color-green-100:#dcfce7;--color-green-600:#00a544;--color-blue-100:#dbeafe;--color-blue-600:#155dfc;--color-purple-100:#f3e8ff;--color-purple-600:#9810fa;--color-gray-100:#f3f4f6;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 30px #0000001f;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#e31837;--color-primary-dark:#c41230;--color-primary-light:#ff2d4d;--color-secondary:#ff6b35;--color-bg:#f8f9fa;--color-bg-white:#fff;--color-bg-gray:#f1f3f5;--color-bg-dark:#1a1a2e;--color-text:#1a1a2e;--color-text-gray:#6c757d;--color-text-light:#adb5bd;--color-success:#28a745;--color-warning:#ffc107;--color-error:#dc3545;--color-border:#e9ecef;--shadow-red:0 4px 20px #e318374d}@supports (color:lab(0% 0 0)){:root,:host{--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-yellow-100:lab(97.3564% -4.51407 27.344);--color-yellow-600:lab(62.7799% 22.4197 86.1544);--color-green-100:lab(96.1861% -13.8464 6.52365);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-purple-100:lab(93.3333% 6.97437 -9.83434);--color-purple-600:lab(43.0295% 75.21 -86.5669);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.top-2{top:calc(var(--spacing)*2)}.left-2{left:calc(var(--spacing)*2)}.z-10{z-index:10}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-12{height:calc(var(--spacing)*12)}.h-32{height:calc(var(--spacing)*32)}.h-48{height:calc(var(--spacing)*48)}.h-64{height:calc(var(--spacing)*64)}.h-full{height:100%}.min-h-\[400px\]{min-height:400px}.w-12{width:calc(var(--spacing)*12)}.w-full{width:100%}.max-w-none{max-width:none}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-border{border-color:var(--color-border)}.border-red-600{border-color:var(--color-red-600)}.bg-bg-gray{background-color:var(--color-bg-gray)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-600{background-color:var(--color-green-600)}.bg-primary{background-color:var(--color-primary)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.text-center{text-align:center}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-blue-600{color:var(--color-blue-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-green-600{color:var(--color-green-600)}.text-purple-600{color:var(--color-purple-600)}.text-red-600{color:var(--color-red-600)}.text-text{color:var(--color-text)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-20{opacity:.2}.shadow-md{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:bg-bg-gray:hover{background-color:var(--color-bg-gray)}.hover\:bg-border:hover{background-color:var(--color-border)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-primary-dark:hover{background-color:var(--color-primary-dark)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:shadow-lg:hover{--tw-shadow:0 8px 30px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-red:hover{--tw-shadow:0 4px 20px var(--tw-shadow-color,#e318374d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:48rem){.md\:flex{display:flex}.md\:h-80{height:calc(var(--spacing)*80)}.md\:h-96{height:calc(var(--spacing)*96)}.md\:w-1\/2{width:50%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-inter),system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-gray)}::-webkit-scrollbar-thumb{background:var(--color-text-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-gray)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1280px;margin:0 auto;padding:0 20px}@media (max-width:768px){.container{padding:0 16px}}.header{background:var(--color-bg-white);z-index:1000;position:sticky;top:0;box-shadow:0 2px 8px #00000014}.header-main{border-bottom:1px solid var(--color-border);padding:20px 0}.header-main .container{align-items:center;gap:24px;display:flex}.menu-burger{cursor:pointer;color:var(--color-text);background:0 0;border:none;align-items:center;gap:8px;padding:8px 0;font-size:14px;font-weight:500;display:flex}.menu-burger:hover{color:var(--color-primary)}.logo{color:var(--color-text);align-items:center;font-size:24px;font-weight:800;display:flex}.logo .logo-p{color:var(--color-primary)}.logo .logo-divider{color:#999;margin:0 4px;font-weight:300}.logo .logo-text{color:var(--color-text)}.search-box{border:1px solid var(--color-border);border-radius:6px;width:100%;display:flex;overflow:hidden}.search-box input{color:var(--color-text);border:none;flex:1;padding:12px 16px;font-size:14px}.search-box input::placeholder{color:var(--color-text-muted)}.search-box button{background:var(--color-bg);cursor:pointer;color:var(--color-text-muted);border:none;padding:12px 16px;transition:all .2s}.search-box button:hover{background:var(--color-primary);color:#fff}.locale-switch{background:var(--color-bg-gray);border-radius:var(--radius-sm);flex-shrink:0;align-items:center;gap:2px;padding:3px;display:flex}.locale-switch button{letter-spacing:.02em;color:var(--color-text-gray);border-radius:4px;padding:4px 9px;font-size:12px;font-weight:700;transition:all .2s}.locale-switch button.active{background:var(--color-bg-white);color:var(--color-primary);box-shadow:var(--shadow-sm)}.locale-switch button:not(.active):hover{color:var(--color-text)}.header-phone{align-items:center;gap:12px;display:flex}.header-phone .phone-icon{color:var(--color-text-muted)}.header-phone .phone-numbers{flex-direction:column;gap:2px;display:flex}.header-phone .phone-numbers a{color:var(--color-text);white-space:nowrap;font-size:14px;font-weight:600}.header-phone .phone-numbers a:hover{color:var(--color-primary)}.cart-btn{color:var(--color-text);justify-content:center;align-items:center;padding:10px;transition:color .2s;display:flex;position:relative}.cart-btn:hover{color:var(--color-primary)}.cart-count{background:var(--color-primary);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:600;display:flex;position:absolute;top:0;right:0}.nav{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#f8f8f8}.nav-list{align-items:center;gap:0;list-style:none;display:flex}.nav-list>li{position:relative}.nav-list>li>a{color:var(--color-text);padding:14px 20px;font-size:14px;font-weight:500;transition:color .2s;display:block;position:relative}.nav-list>li>a:hover,.nav-list>li>a.active{color:var(--color-primary)}.nav-list>li>a.active:after{content:"";background:var(--color-primary);height:2px;position:absolute;bottom:0;left:20px;right:20px}.nav-list li.has-submenu{position:relative}.submenu{border:1px solid var(--color-border);z-index:1000;background:#fff;border-radius:0 0 8px 8px;min-width:240px;max-height:400px;padding:12px 0;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 20px #00000026}.submenu li a{color:var(--color-text);padding:12px 24px;font-size:14px;transition:all .2s;display:block}.submenu li a:hover{color:var(--color-primary);background:#f5f5f5}.nav-promo{margin-left:auto}.promo-btn{background:var(--color-primary);border-radius:20px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:inline-block;color:#fff!important}.promo-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.side-menu-overlay{z-index:1999;opacity:0;visibility:hidden;background:#00000080;transition:all .3s;position:fixed;inset:0}.side-menu-overlay.active{opacity:1;visibility:visible}.side-menu{z-index:2000;background:#fff;flex-direction:column;width:320px;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 20px #00000026}.side-menu.open{transform:translate(0)}.side-menu-header{border-bottom:1px solid var(--color-border);background:var(--color-bg);justify-content:space-between;align-items:center;padding:20px;display:flex}.side-menu-header h3{color:var(--color-text);margin:0;font-size:18px;font-weight:600}.side-menu-header .close-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.side-menu-header .close-btn:hover{background:var(--color-border);color:var(--color-text)}.side-menu-content{flex:1;padding:12px 0;overflow-y:auto}.side-menu-list{margin:0;padding:0;list-style:none}.side-menu-item{color:var(--color-text);border-left:3px solid #0000;align-items:center;gap:12px;padding:14px 20px;transition:all .2s;display:flex}.side-menu-item:hover{background:var(--color-bg);border-left-color:var(--color-primary);color:var(--color-primary)}.side-menu-icon{text-align:center;width:28px;font-size:20px}.side-menu-label{flex:1;font-size:15px;font-weight:500}.side-menu-arrow{color:var(--color-text-muted);transition:transform .2s}.side-menu-item:hover .side-menu-arrow{color:var(--color-primary);transform:translate(4px)}.side-menu-footer{border-top:1px solid var(--color-border);background:var(--color-bg);padding:20px}.side-menu-contacts{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.side-menu-phone{color:var(--color-text);font-size:16px;font-weight:600}.side-menu-phone:hover{color:var(--color-primary)}.side-menu-schedule{color:var(--color-text-muted);margin:0;font-size:13px}.btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-red);transform:translateY(-2px)}.btn-outline{color:var(--color-text);border:2px solid var(--color-border);background:0 0}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-sm{padding:10px 16px;font-size:14px}.btn-full{justify-content:center;width:100%}.product-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:16px;transition:all .3s;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-image{background:var(--color-bg);justify-content:center;align-items:center;height:200px;display:flex;position:relative}.product-badge{color:#fff;z-index:1;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.product-favorite{border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-gray);cursor:pointer;z-index:2;opacity:0;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.product-card:hover .product-favorite{opacity:1}.product-favorite:hover{border-color:var(--color-primary);color:var(--color-primary)}.product-favorite.active{opacity:1;background:var(--color-primary);border-color:var(--color-primary);color:#fff}.product-favorite:disabled{opacity:.5;cursor:not-allowed}.badge-sale{background:var(--color-primary)}.badge-new{background:var(--color-success)}.badge-hit{background:var(--color-secondary)}.product-info{padding:20px}.product-brand{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.product-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:42px;margin-bottom:12px;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.product-title a{color:var(--color-text)}.product-title a:hover{color:var(--color-primary)}.product-price{align-items:center;gap:12px;margin-bottom:16px;display:flex}.price-current{color:var(--color-primary);font-size:20px;font-weight:700}.price-old{color:var(--color-text-light);font-size:14px;text-decoration:line-through}.search-wrapper{flex:1;max-width:600px;position:relative}.search-box{border:2px solid var(--color-border);border-radius:10px;width:100%;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #e318371a}.search-box input{border:none;outline:none;flex:1;padding:14px 18px;font-size:15px}.search-box button{background:var(--color-primary);color:#fff;cursor:pointer;border:none;padding:14px 24px;transition:background .2s}.search-box button:hover{background:var(--color-primary-dark)}.search-dropdown{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-height:480px;animation:.15s ease-out searchDropdownIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}@keyframes searchDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-dropdown-loading{color:var(--color-text-gray);justify-content:center;align-items:center;gap:8px;padding:24px;font-size:14px;display:flex}.search-dropdown-loading .spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search-dropdown-empty{text-align:center;color:var(--color-text-gray);padding:24px;font-size:14px}.search-dropdown-item{cursor:pointer;border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:10px 16px;transition:background .15s;display:flex}.search-dropdown-item:hover{background:var(--color-bg-gray)}.search-dropdown-item:last-of-type{border-bottom:none}.search-dropdown-item-image{border-radius:var(--radius-sm);background:var(--color-bg-gray);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.search-dropdown-item-image img{object-fit:contain;width:100%;height:100%}.search-dropdown-no-image{color:var(--color-text-light)}.search-dropdown-item-info{flex:1;min-width:0}.search-dropdown-item-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.search-dropdown-item-meta{color:var(--color-text-gray);gap:8px;margin-top:2px;font-size:12px;display:flex}.search-dropdown-item-meta span:not(:last-child):after{content:"·";margin-left:8px}.search-dropdown-item-price{color:var(--color-primary);white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:600}.search-dropdown-all{text-align:center;color:var(--color-primary);background:var(--color-bg);border-top:1px solid var(--color-border);padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s;display:block}.search-dropdown-all:hover{background:var(--color-bg-gray)}.cart-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.cart-btn:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-red)}.cart-count{color:var(--color-primary);background:#fff;border-radius:20px;padding:2px 8px;font-size:13px;font-weight:700}.filter-section h3{border-bottom:2px solid var(--color-bg);margin-bottom:16px;padding-bottom:12px;font-size:16px;font-weight:600}.filter-list{list-style:none}.filter-list li{margin-bottom:10px}.filter-list label{cursor:pointer;color:var(--color-text);align-items:center;gap:10px;padding:6px 0;font-size:14px;display:flex}.filter-list label:hover{color:var(--color-primary)}.filter-list input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.filter-list-scrollable{max-height:280px;padding-right:8px;overflow-y:auto}.filter-list-scrollable::-webkit-scrollbar{width:6px}.filter-list-scrollable::-webkit-scrollbar-track{background:var(--color-bg-gray);border-radius:3px}.filter-list-scrollable::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.filter-list-scrollable::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.filter-list .no-results{color:var(--color-text-gray);padding:8px 0;font-size:13px;font-style:italic}.brand-search-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;margin-bottom:12px;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.brand-search-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #007bff1a}.brand-search-input::placeholder{color:var(--color-text-light)}.hero{background:linear-gradient(135deg,var(--color-bg-white)0%,var(--color-bg)100%);padding:60px 0;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#e3183714 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-10%}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.hero-badge{color:var(--color-primary);background:#e318371a;border-radius:30px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.hero-badge span{background:var(--color-primary);color:#fff;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.hero h1{color:var(--color-text);margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.15}.hero h1 span{color:var(--color-primary)}.hero p{color:var(--color-text-gray);max-width:500px;margin-bottom:32px;font-size:18px}.hero-buttons{gap:16px;margin-bottom:48px;display:flex}.hero-stats{gap:48px;display:flex}.stat-item{text-align:left}.stat-number{color:var(--color-primary);font-size:36px;font-weight:800}.stat-label{color:var(--color-text-gray);font-size:14px;font-weight:500}.hero-image{position:relative}.hero-placeholder{background:linear-gradient(135deg,var(--color-bg-gray)0%,var(--color-bg)100%);border-radius:var(--radius-lg);width:100%;height:400px;color:var(--color-text-light);border:2px dashed var(--color-border);justify-content:center;align-items:center;font-size:16px;display:flex;position:relative;overflow:hidden}.hero-placeholder:before{content:"🚗";opacity:.3;font-size:80px}.hero-banner{border-radius:var(--radius-lg);width:100%;height:400px;box-shadow:var(--shadow-lg,0 10px 30px #00000014);position:relative;overflow:hidden}.hero-banner a{width:100%;height:100%;display:block}.hero-banner-image{object-fit:cover;width:100%;height:100%;display:block}.hero-banner-dots{justify-content:center;gap:8px;display:flex;position:absolute;bottom:12px;left:0;right:0}.hero-banner-dots .dot{cursor:pointer;background:#ffffff8c;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:background .2s}.hero-banner-dots .dot.active{background:var(--color-primary)}.cat-section{background:radial-gradient(900px 420px at 85% -10%,#e3183729,#0000 60%),repeating-linear-gradient(-45deg,#ffffff06 0 1px,#0000 1px 12px),#14141f;padding:88px 0 96px;position:relative;overflow:hidden}.cat-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:44px;display:flex}.cat-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--color-primary-light);align-items:center;gap:10px;margin-bottom:14px;font-size:13px;font-weight:700;display:flex}.cat-kicker-line{background:var(--color-primary);width:36px;height:2px}.cat-title{color:#fff;letter-spacing:-.01em;font-size:40px;font-weight:800;line-height:1.1}.cat-title em{color:#0000;-webkit-text-stroke:1.5px #ffffffa6;font-style:normal}.cat-all{color:#ffffffb8;white-space:nowrap;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex}.cat-all:hover{color:#fff;border-color:var(--color-primary);background:#e318371f}.cat-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:158px;gap:14px;display:grid}.cat-card{border-radius:var(--radius-lg);background:#ffffff09;border:1px solid #ffffff14;flex-direction:column;justify-content:flex-end;padding:22px;transition:border-color .25s,background .25s,transform .25s;display:flex;position:relative;overflow:hidden}.cat-card--hero{background:radial-gradient(420px 260px at 20% 110%,#e3183757,#0000 65%),#ffffff09;grid-area:span 2/span 2;padding:30px}.cat-card:hover{background:#e3183712;border-color:#e31837a6;transform:translateY(-3px)}.cat-num{letter-spacing:-.03em;color:#ffffff12;font-variant-numeric:tabular-nums;font-size:44px;font-weight:800;line-height:1;transition:color .25s;position:absolute;top:10px;right:16px}.cat-card--hero .cat-num{font-size:96px;top:18px;right:24px}.cat-card:hover .cat-num{color:#e3183747}.cat-icon{color:#fff;background:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:auto;transition:background .25s,color .25s;display:inline-flex}.cat-card--hero .cat-icon{background:var(--color-primary);border-color:#0000;border-radius:18px;width:72px;height:72px;box-shadow:0 12px 32px #e3183773}.cat-card:not(.cat-card--hero):hover .cat-icon{background:var(--color-primary);color:#fff}.cat-body h3{color:#fff;margin:14px 0 4px;font-size:16px;font-weight:700}.cat-card--hero .cat-body h3{font-size:24px}.cat-body p{color:#ffffff8c;font-variant-numeric:tabular-nums;font-size:13px}.cat-arrow{color:var(--color-primary-light);opacity:0;transition:opacity .25s,transform .25s;position:absolute;bottom:20px;right:18px;transform:translate(-6px,6px)}.cat-card:hover .cat-arrow{opacity:1;transform:translate(0)}@media (max-width:1024px){.cat-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px}.cat-title{font-size:32px}}@media (max-width:560px){.cat-head{flex-direction:column;align-items:flex-start}.cat-grid{grid-template-columns:1fr;grid-auto-rows:128px}.cat-card--hero{grid-area:span 1/span 1;padding:22px}.cat-card--hero .cat-icon{border-radius:12px;width:46px;height:46px}.cat-card--hero .cat-num{font-size:44px}.cat-card--hero .cat-body h3{font-size:16px}}.section-header{text-align:center;margin-bottom:48px}.section-header h2{margin-bottom:12px;font-size:36px;font-weight:700}.section-header h2 span{color:var(--color-primary)}.section-header p{color:var(--color-text-gray);font-size:16px}.products{background:var(--color-bg);padding:80px 0}.products-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.product-actions{align-items:center;gap:8px;margin-top:auto;display:flex}.product-actions .quantity-control{flex-shrink:0}.product-actions .btn{flex:1;justify-content:center}.product-card-stock{color:var(--color-text-gray);flex-wrap:wrap;gap:2px 10px;margin:4px 0;font-size:12px;display:flex}.product-card-stock strong{color:var(--color-text);font-weight:700}.product-card-not-available{text-align:center;width:100%;padding:8px 12px;font-size:13px}.btn-buy.btn-to-order{background:var(--color-secondary)}.features{background:var(--color-bg-white);padding:80px 0}.features-grid{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.feature-item{text-align:center;background:var(--color-bg);border-radius:var(--radius-lg);padding:32px 24px;transition:all .3s}.feature-item:hover{background:var(--color-bg-white);box-shadow:var(--shadow-md)}.feature-icon{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:32px;display:flex}.feature-item h3{margin-bottom:10px;font-size:18px;font-weight:600}.feature-item p{color:var(--color-text-gray);font-size:14px;line-height:1.6}.breadcrumbs{background:var(--color-bg-white);border-bottom:1px solid var(--color-border);padding:16px 0}.breadcrumbs-list{align-items:center;gap:8px;font-size:14px;list-style:none;display:flex}.breadcrumbs-list a{color:var(--color-text-gray)}.breadcrumbs-list a:hover{color:var(--color-primary)}.breadcrumbs-list .separator{color:var(--color-text-light)}.breadcrumbs-list .current{color:var(--color-text);font-weight:500}.catalog{padding:40px 0 80px}.catalog-layout{grid-template-columns:280px 1fr;gap:32px;display:grid}.catalog-layout.no-sidebar{grid-template-columns:1fr}.sidebar{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);height:fit-content;padding:24px;position:sticky;top:140px}.price-range-slider{padding:0 4px}.price-inputs{align-items:center;gap:10px;margin-bottom:16px;display:flex}.price-inputs input{border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:center;flex:1;width:80px;padding:8px 10px;font-size:14px}.price-inputs input:focus{border-color:var(--color-primary);outline:none}.price-inputs span{color:var(--color-text-light)}.dual-range-slider{background:var(--color-border);border-radius:3px;height:6px;margin:20px 0 10px;position:relative}.dual-range-slider .slider-track{background:var(--color-primary);pointer-events:none;z-index:1;border-radius:3px;height:100%;position:absolute;top:0}.dual-range-slider input[type=range]{pointer-events:none;appearance:none;background:0 0;width:100%;height:20px;margin:0;padding:0;position:absolute;top:-7px;left:0}.dual-range-slider input[type=range]::-webkit-slider-runnable-track{background:0 0;border:none;width:100%;height:6px}.dual-range-slider input[type=range]::-moz-range-track{background:0 0;border:none;width:100%;height:6px}.dual-range-slider .slider-min{z-index:2}.dual-range-slider .slider-max{z-index:3}.dual-range-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;pointer-events:auto;border:3px solid #fff;border-radius:50%;width:20px;height:20px;margin-top:-7px;transition:transform .15s;box-shadow:0 2px 6px #0003}.dual-range-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.dual-range-slider input[type=range]::-webkit-slider-thumb:active{background:var(--color-primary-dark,#0056b3);transform:scale(1.15)}.dual-range-slider input[type=range]::-moz-range-thumb{background:var(--color-primary);cursor:pointer;pointer-events:auto;border:3px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #0003}.dual-range-slider input[type=range]::-moz-range-thumb:hover{transform:scale(1.1)}.dual-range-slider input[type=range]::-moz-range-thumb:active{background:var(--color-primary-dark,#0056b3)}.filter-btn{width:100%;margin-top:8px}.catalog-main{min-width:0}.catalog-header{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;display:flex}.catalog-title h1{margin-bottom:4px;font-size:24px;font-weight:700}.catalog-title p{color:var(--color-text-gray);font-size:14px}.catalog-controls{align-items:center;gap:16px;display:flex}.sort-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:var(--color-bg-white);padding:10px 16px;font-size:14px}.sort-select:focus{border-color:var(--color-primary);outline:none}.view-toggle{gap:4px;display:flex}.view-toggle button{background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;padding:10px 14px;font-size:16px;transition:all .2s}.view-toggle button:first-child{border-radius:var(--radius-sm)0 0 var(--radius-sm)}.view-toggle button:last-child{border-radius:0 var(--radius-sm)var(--radius-sm)0}.view-toggle button.active,.view-toggle button:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.active-filters{background:var(--color-bg);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;display:flex}.filter-chip{background:var(--color-bg-white);border:1px solid var(--color-border);color:var(--color-text);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.filter-chip button{background:var(--color-text-light);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:14px;line-height:1;transition:background .2s;display:flex}.filter-chip button:hover{background:var(--color-danger,#dc3545)}.clear-all-filters{border:1px solid var(--color-danger,#dc3545);color:var(--color-danger,#dc3545);cursor:pointer;background:0 0;border-radius:20px;margin-left:auto;padding:6px 12px;font-size:13px;transition:all .2s}.clear-all-filters:hover{background:var(--color-danger,#dc3545);color:#fff}.catalog-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.subcategories-grid{grid-template-columns:repeat(4,1fr);gap:24px;padding:20px 0;display:grid}.subcategory-card{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);color:inherit;flex-direction:column;align-items:center;padding:24px 16px;text-decoration:none;transition:all .2s;display:flex}.subcategory-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.subcategory-image{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:16px;display:flex}.subcategory-image img{object-fit:contain;max-width:100%;max-height:100%}.subcategory-placeholder{background:var(--color-gray-100);border-radius:var(--radius-md);width:100%;height:100%;color:var(--color-gray-400);justify-content:center;align-items:center;display:flex}.subcategory-name{text-align:center;color:var(--color-text);font-size:14px;font-weight:500}@media (max-width:992px){.subcategories-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:576px){.subcategories-grid{grid-template-columns:repeat(2,1fr);gap:12px}.subcategory-card{padding:16px 12px}.subcategory-image{width:80px;height:80px;margin-bottom:12px}.subcategory-name{font-size:13px}}.catalog-list{flex-direction:column;gap:16px;display:flex}.catalog-list .product-card{flex-direction:row;align-items:stretch;gap:0;padding:0;display:flex}.catalog-list .product-card .product-image{border-radius:var(--radius-md)0 0 var(--radius-md);width:200px;min-width:200px;height:180px}.catalog-list .product-card .product-image img{object-fit:cover;width:100%;height:100%}.catalog-list .product-card .product-info{flex-direction:column;flex:1;justify-content:space-between;padding:16px 20px;display:flex}.catalog-list .product-card .product-brand{color:var(--color-text-light);margin-bottom:4px;font-size:12px}.catalog-list .product-card .product-title{margin-bottom:8px;font-size:16px;font-weight:600;line-height:1.4}.catalog-list .product-card .product-description{color:var(--color-text-light);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.catalog-list .product-card .product-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.catalog-list .product-card .product-price{color:var(--color-primary);font-size:20px;font-weight:700}.catalog-list .product-card .product-price .old-price{color:var(--color-text-light);margin-left:8px;font-size:14px;font-weight:400;text-decoration:line-through}.catalog-list .product-card .product-actions{gap:8px;display:flex}.catalog-list .product-card .btn{padding:10px 20px}.catalog-list .product-card .product-sku{color:var(--color-text-light);margin-top:4px;font-size:12px}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:40px;display:flex}.pagination a,.pagination span{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.pagination a{background:var(--color-bg-white);color:var(--color-text);border:1px solid var(--color-border)}.pagination a:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination span.active{background:var(--color-primary);color:#fff}.pagination span.disabled{background:var(--color-bg-gray);color:var(--color-text-light);cursor:not-allowed;border:1px solid var(--color-border)}.pagination .pagination-ellipsis{color:var(--color-text-gray);background:0 0;border:none}.footer{background:var(--color-bg-dark);color:#fff;padding:60px 0 0}.footer-grid{border-bottom:1px solid #ffffff1a;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;display:grid}.footer-brand .logo{color:#fff;margin-bottom:16px;font-size:28px;display:inline-block}.footer-brand .logo span{color:var(--color-primary)}.footer-brand p{color:#ffffffb3;margin-bottom:24px;font-size:14px;line-height:1.7}.footer-social{gap:12px;display:flex}.footer-social a{color:#fff;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;transition:all .2s;display:flex}.footer-social a:hover{background:var(--color-primary)}.footer-column h4{color:#fff;margin-bottom:20px;font-size:16px;font-weight:600}.footer-column ul{list-style:none}.footer-column li{margin-bottom:12px}.footer-column a{color:#ffffffb3;font-size:14px;transition:color .2s}.footer-column a:hover{color:var(--color-primary-light)}.footer-bottom{text-align:center;padding:24px 0}.footer-bottom p{color:#ffffff80;font-size:14px}@media (max-width:1200px){.categories-grid,.products-grid{grid-template-columns:repeat(3,1fr)}.catalog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.hero-content{text-align:center;grid-template-columns:1fr}.hero p{margin:0 auto 32px}.hero-buttons,.hero-stats{justify-content:center}.hero-image{display:none}.features-grid{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:1fr}.sidebar{position:static}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-top{display:none}.header-main .container{flex-wrap:wrap;gap:16px}.search-wrapper{order:3;width:100%;max-width:none}.nav-list{padding-bottom:8px;overflow-x:auto}.nav-list li a{white-space:nowrap;padding:12px 16px}.hero h1{font-size:32px}.categories-grid,.products-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}.catalog-header{text-align:center;flex-direction:column;gap:16px}.catalog-grid{grid-template-columns:1fr}.footer-grid{text-align:center;grid-template-columns:1fr}.footer-social{justify-content:center}}.product-page{background:var(--color-bg);padding:40px 0 80px}.product-layout{grid-template-columns:1fr 1fr;gap:48px;margin-bottom:60px;display:grid}.product-gallery{height:fit-content;position:sticky;top:140px}.gallery-main{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;height:450px;margin-bottom:16px;position:relative;overflow:hidden}.gallery-image{object-fit:contain;padding:24px}.gallery-placeholder{background:linear-gradient(135deg,var(--color-bg-gray)0%,var(--color-bg)100%);width:100%;height:100%;color:var(--color-text-light);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:16px;display:flex}.gallery-nav{border:1px solid var(--color-border);cursor:pointer;z-index:10;width:44px;height:44px;color:var(--color-text);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.gallery-prev{left:16px}.gallery-next{right:16px}.gallery-thumbs{gap:12px;display:flex}.gallery-thumb{background:var(--color-bg-white);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;width:80px;height:80px;transition:all .2s;position:relative;overflow:hidden}.gallery-thumb:hover{border-color:var(--color-text-light)}.gallery-thumb.active{border-color:var(--color-primary)}.thumb-image{object-fit:contain;padding:8px}.thumb-placeholder{background:var(--color-bg-gray);width:100%;height:100%;color:var(--color-text-light);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.product-details{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:32px}.product-meta{align-items:center;gap:16px;margin-bottom:12px;display:flex}.product-detail-brand{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:700}.product-sku{color:var(--color-text-gray);font-size:13px}.product-detail-title{color:var(--color-text);margin-bottom:16px;font-size:28px;font-weight:700;line-height:1.3}.product-stock{border-radius:30px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.product-stock.in-stock{color:var(--color-success);background:#28a7451a}.product-stock.out-of-stock{color:var(--color-error);background:#dc35451a}.product-warehouse-list{flex-wrap:wrap;gap:4px 14px;display:flex}.product-warehouse-item strong{font-weight:700}.product-not-available{border-radius:var(--radius-sm);color:var(--color-error);background:#dc35451a;padding:10px 16px;font-size:14px;font-weight:500}.btn-add-cart.btn-to-order{background:var(--color-secondary)}.btn-add-cart.btn-to-order:hover:not(:disabled){background:var(--color-secondary);filter:brightness(.92)}.product-detail-price{align-items:center;gap:16px;margin-bottom:20px;display:flex}.price-current-large{color:var(--color-primary);font-size:32px;font-weight:800}.price-old-large{color:var(--color-text-light);font-size:20px;text-decoration:line-through}.price-discount{background:var(--color-primary);color:#fff;border-radius:20px;padding:4px 10px;font-size:14px;font-weight:700}.product-short-description{color:var(--color-text-gray);border-bottom:1px solid var(--color-border);margin-bottom:28px;padding-bottom:28px;font-size:15px;line-height:1.6}.product-add-to-cart{align-items:center;gap:16px;margin-bottom:32px;display:flex}.quantity-selector{border:2px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;display:flex;overflow:hidden}.quantity-selector .quantity-btn{background:var(--color-bg);cursor:pointer;width:44px;height:44px;color:var(--color-text);border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.quantity-selector .quantity-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.quantity-selector .quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-selector .quantity-value{text-align:center;background:var(--color-bg-white);border-left:none;border-right:none;width:50px;font-size:16px;font-weight:600}.btn-add-cart{flex:1;padding:14px 32px;font-size:16px}.btn-add-cart.added{background:var(--color-success)}.btn-add-cart:disabled{background:var(--color-text-light);cursor:not-allowed}.product-specifications{border-top:1px solid var(--color-border);padding-top:28px}.product-specifications h3{color:var(--color-text);margin-bottom:20px;font-size:18px;font-weight:600}.specs-table tr:nth-child(odd){background:var(--color-bg)}.specs-table td{padding:12px 16px;font-size:14px}.spec-label{color:var(--color-text-gray);width:40%}.product-description-full{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:60px;padding:32px}.product-description-full h2{color:var(--color-text);margin-bottom:20px;font-size:22px;font-weight:700}.description-content{color:var(--color-text-gray);font-size:15px;line-height:1.8}.description-content p{margin-bottom:16px}.description-content p:last-child{margin-bottom:0}.description-content p:empty{display:none}.product-category-info{border-top:1px solid var(--color-border);color:var(--color-text-gray);align-items:center;gap:8px;margin-top:24px;padding-top:20px;font-size:14px;display:flex}.product-category-info a{color:var(--color-primary);text-decoration:none}.product-category-info a:hover{text-decoration:underline}.skeleton-box{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.related-products{margin-top:60px}.related-products .section-header{text-align:left;margin-bottom:32px}.related-grid{grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.related-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.product-layout{grid-template-columns:1fr;gap:32px}.product-gallery{position:static}.gallery-main{height:350px}.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.product-page{padding:24px 0 60px}.product-detail-title{font-size:22px}.price-current-large{font-size:26px}.product-add-to-cart{flex-direction:column}.quantity-selector{justify-content:center;width:100%}.btn-add-cart{width:100%}.gallery-thumbs{flex-wrap:wrap}.gallery-thumb{width:60px;height:60px}.related-grid{grid-template-columns:1fr}.specs-table td{padding:10px 12px;font-size:13px}.spec-label{width:50%}}.battery-catalog{background:var(--color-bg);padding:40px 0 80px}.battery-filters .search-form{gap:8px;display:flex}.battery-filters .search-form input{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1;padding:10px 14px;font-size:14px}.battery-filters .search-form input:focus{border-color:var(--color-primary);outline:none}.battery-filters .search-form button{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 14px;transition:background .2s}.battery-filters .search-form button:hover{background:var(--color-primary-dark,#0056b3)}.clear-filter-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px;text-decoration:underline}.clear-all-btn{width:100%;margin-top:16px}.battery-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.battery-card{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:20px;transition:box-shadow .2s}.battery-card:hover{box-shadow:0 4px 20px #00000014}.battery-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.battery-supplier{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.battery-stock{border-radius:20px;padding:4px 10px;font-size:12px}.battery-stock.in-stock{color:var(--color-success);background:#28a7451a}.battery-stock.out-of-stock{color:var(--color-danger);background:#dc35451a}.battery-title{color:var(--color-text);margin-bottom:4px;font-size:16px;font-weight:600;line-height:1.4}.battery-code{color:var(--color-text-gray);margin-bottom:16px;font-size:13px}.battery-specs{background:var(--color-bg);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px}.spec-row{gap:12px;margin-bottom:8px;display:flex}.spec-row:last-child{margin-bottom:0}.spec-item{flex:1;align-items:center;gap:6px;font-size:13px;display:flex}.spec-item.full-width{flex:none;width:100%}.spec-item svg{color:var(--color-text-light);flex-shrink:0}.spec-label{color:var(--color-text-gray)}.spec-value{color:var(--color-text);font-weight:600}.battery-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.battery-price{color:var(--color-primary);font-size:22px;font-weight:700}.battery-actions{align-items:center;gap:12px;display:flex}.quantity-control{border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;display:flex}.quantity-control button{cursor:pointer;width:32px;height:32px;color:var(--color-text);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;transition:background .2s;display:flex}.quantity-control button:hover:not(:disabled){background:var(--color-bg)}.quantity-control button:disabled{opacity:.4;cursor:not-allowed}.quantity-control span{text-align:center;min-width:32px;font-weight:600}.btn-buy{align-items:center;gap:8px;padding:10px 20px;display:flex}.btn-buy.added{background:var(--color-success)}@media (max-width:1024px){.battery-grid{grid-template-columns:1fr}}@media (max-width:768px){.battery-footer{flex-direction:column;align-items:stretch}.battery-actions{justify-content:space-between}.spec-row{flex-direction:column;gap:6px}}.cart-page{min-height:60vh;padding:40px 0 80px}.cart-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.cart-header h1{font-size:28px;font-weight:700}.cart-clear-btn{color:var(--color-text-gray);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:10px 16px;font-size:14px;transition:all .2s}.cart-clear-btn:hover{color:var(--color-error);border-color:var(--color-error)}.cart-loading{text-align:center;color:var(--color-text-gray);padding:60px 20px}.cart-empty{text-align:center;background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:80px 20px}.cart-empty-icon{color:var(--color-text-light);margin-bottom:24px}.cart-empty h2{margin-bottom:12px;font-size:24px;font-weight:600}.cart-empty p{color:var(--color-text-gray);margin-bottom:32px}.cart-content{grid-template-columns:1fr 360px;align-items:start;gap:32px;display:grid}.cart-items{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.cart-items-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);color:var(--color-text-gray);text-transform:uppercase;letter-spacing:.5px;grid-template-columns:40px 2fr 1fr 1fr 1fr 50px;gap:16px;padding:16px 24px;font-size:13px;font-weight:600;display:grid}.cart-item{border-bottom:1px solid var(--color-border);grid-template-columns:40px 2fr 1fr 1fr 1fr 50px;align-items:center;gap:16px;padding:20px 24px;transition:background-color .2s;display:grid}.cart-item:last-child{border-bottom:none}.cart-item.selected{background-color:#e3183708}.cart-col-checkbox,.cart-item-checkbox{justify-content:center;align-items:center;display:flex}.cart-checkbox{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-light);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.cart-checkbox:hover{color:var(--color-primary);background:#e318370d}.cart-checkbox.checked{color:var(--color-primary)}.cart-checkbox.partial{color:var(--color-text-gray)}.cart-item-product{align-items:center;gap:16px;display:flex}.cart-item-image{background:var(--color-bg);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.cart-item-image-placeholder{color:var(--color-text-light)}.cart-item-info{flex-direction:column;gap:4px;min-width:0;display:flex}.cart-item-brand{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.cart-item-title{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.cart-item-title:hover{color:var(--color-primary)}.cart-item-sku{color:var(--color-text-light);font-size:12px}.cart-item-price{flex-direction:column;gap:4px;display:flex}.cart-price-current{color:var(--color-text);font-size:15px;font-weight:600}.cart-price-old{color:var(--color-text-light);font-size:13px;text-decoration:line-through}.cart-label-mobile{color:var(--color-text-gray);margin-bottom:4px;font-size:12px;display:none}.cart-item-quantity{flex-direction:column;gap:4px;display:flex}.quantity-control{border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;display:inline-flex;overflow:hidden}.quantity-btn{background:var(--color-bg);cursor:pointer;width:36px;height:36px;color:var(--color-text);border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.quantity-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-value{text-align:center;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);width:48px;padding:8px 0;font-size:15px;font-weight:600}.cart-item-total{flex-direction:column;gap:4px;display:flex}.cart-total-value{color:var(--color-primary);font-size:16px;font-weight:700}.cart-item-actions{justify-content:center;display:flex}.cart-remove-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-text-gray);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.cart-remove-btn:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.cart-summary{position:sticky;top:140px}.cart-summary-card{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:24px}.cart-summary-card h3{border-bottom:1px solid var(--color-border);margin-bottom:20px;padding-bottom:16px;font-size:18px;font-weight:600}.cart-summary-row{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;display:flex}.cart-summary-row span:first-child{color:var(--color-text-gray)}.cart-summary-total{color:var(--color-primary);font-size:22px;font-weight:700}.cart-summary-note{border-top:1px solid var(--color-border);margin-top:16px;margin-bottom:20px;padding-top:16px}.cart-summary-note p{color:var(--color-text-gray);font-size:13px;line-height:1.5}.cart-auth-notice{border-radius:var(--radius-sm);background:#fff3cd;border:1px solid #ffc107;margin-top:12px;padding:12px}.cart-auth-notice p{color:#856404;margin:0;font-size:13px;line-height:1.5}.cart-selection-notice{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#e9ecef;margin-top:12px;padding:12px}.cart-selection-notice p{color:var(--color-text-gray);margin:0;font-size:13px;line-height:1.5}.cart-summary-total-row{border-top:1px solid var(--color-border);margin-top:8px;padding-top:12px}.cart-summary-card .btn{margin-bottom:12px}.cart-summary-card .btn:last-child{margin-bottom:0}@media (max-width:1024px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width:768px){.cart-header{flex-direction:column;align-items:flex-start;gap:16px}.cart-items-header{justify-content:flex-start;align-items:center;gap:12px;padding:12px 16px;display:flex}.cart-items-header .cart-col-checkbox{display:flex}.cart-items-header span:not(.cart-col-checkbox){display:none}.cart-items-header:after{content:"Выбрать все";color:var(--color-text-gray);font-size:13px;font-weight:500}.cart-item{grid-template-columns:40px 1fr;gap:12px;padding:16px}.cart-item-checkbox{grid-row:span 5;align-self:start;padding-top:8px}.cart-item-product{text-align:left;flex-direction:column;grid-column:2;align-items:flex-start}.cart-item-price,.cart-item-quantity,.cart-item-total,.cart-item-actions{grid-column:2}.cart-item-image{width:100%;height:120px}.cart-label-mobile{display:block}.cart-item-price,.cart-item-quantity,.cart-item-total{flex-direction:row;justify-content:space-between;align-items:center}.cart-item-actions{justify-content:flex-start}.cart-remove-btn{width:100%}.cart-empty{padding:60px 20px}.cart-empty h2{font-size:20px}}.info-page{background:var(--color-bg);padding:40px 0 80px}.info-page-header{text-align:center;margin-bottom:48px}.info-page-header h1{color:var(--color-text);margin-bottom:12px;font-size:36px;font-weight:700}.info-page-header p{color:var(--color-text-gray);font-size:18px}.contacts-layout{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px;display:grid}.contacts-info{flex-direction:column;gap:20px;display:flex}.contact-card{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);gap:20px;padding:24px;transition:all .3s;display:flex}.contact-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.contact-card-icon{width:56px;height:56px;color:var(--color-primary);background:#e318371a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-card-content h3{color:var(--color-text);margin-bottom:8px;font-size:16px;font-weight:600}.contact-card-content p{color:var(--color-text-gray);margin-bottom:4px;font-size:14px}.contact-card-content a{color:var(--color-text);transition:color .2s}.contact-card-content a:hover{color:var(--color-primary)}.working-hours{flex-direction:column;gap:8px;display:flex}.hours-row{justify-content:space-between;font-size:14px;display:flex}.hours-row span:first-child{color:var(--color-text-gray)}.hours-row span:last-child{color:var(--color-text);font-weight:500}.contact-form-wrapper{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:32px}.contact-form-wrapper h2{margin-bottom:8px;font-size:24px;font-weight:600}.contact-form-description{color:var(--color-text-gray);margin-bottom:24px;font-size:14px}.contact-form{flex-direction:column;gap:20px;display:flex}.contact-form .form-group label{color:var(--color-text);font-size:14px;font-weight:500}.contact-form .form-group input,.contact-form .form-group textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);resize:vertical;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #e318371a}.contact-form .form-group input::placeholder,.contact-form .form-group textarea::placeholder{color:var(--color-text-light)}.form-success{border:1px solid var(--color-success);border-radius:var(--radius-sm);color:var(--color-success);text-align:center;background:#28a7451a;padding:16px;font-size:14px}.map-section{margin-top:60px}.map-section h2{text-align:center;margin-bottom:24px;font-size:24px;font-weight:600}.map-placeholder{background:var(--color-bg-white);border-radius:var(--radius-lg);border:2px dashed var(--color-border);height:400px;color:var(--color-text-light);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.map-placeholder p{font-size:16px}.map-placeholder span{color:var(--color-text-gray);font-size:14px}.about-intro{grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-bottom:60px;display:grid}.about-intro-content h2{color:var(--color-text);margin-bottom:20px;font-size:28px;font-weight:600}.about-intro-content p{color:var(--color-text-gray);margin-bottom:16px;font-size:16px;line-height:1.8}.about-intro-image .image-placeholder{background:var(--color-bg-white);border-radius:var(--radius-lg);border:2px dashed var(--color-border);width:100%;height:350px;color:var(--color-text-light);justify-content:center;align-items:center;font-size:16px;display:flex}.about-values{grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:60px;display:grid}.value-card{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center;padding:32px}.value-icon{width:72px;height:72px;color:var(--color-primary);background:#e318371a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.value-card h3{margin-bottom:12px;font-size:20px;font-weight:600}.value-card p{color:var(--color-text-gray);font-size:15px;line-height:1.7}.about-advantages{margin-bottom:60px}.about-advantages h2{text-align:center;margin-bottom:32px;font-size:28px;font-weight:600}.advantages-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.advantage-card{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center;padding:28px;transition:all .3s}.advantage-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-4px)}.advantage-icon{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;display:flex}.advantage-card h3{margin-bottom:8px;font-size:16px;font-weight:600}.advantage-card p{color:var(--color-text-gray);font-size:14px}.about-timeline{margin-bottom:60px}.about-timeline h2{text-align:center;margin-bottom:32px;font-size:28px;font-weight:600}.timeline{flex-direction:column;gap:16px;max-width:600px;margin:0 auto;display:flex}.timeline-item{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);align-items:center;gap:24px;padding:20px 24px;display:flex}.timeline-year{color:var(--color-primary);min-width:60px;font-size:18px;font-weight:700}.timeline-content{color:var(--color-text);align-items:center;gap:12px;display:flex}.timeline-content svg{color:var(--color-success);flex-shrink:0}.about-team{margin-bottom:60px}.about-team h2{text-align:center;margin-bottom:12px;font-size:28px;font-weight:600}.team-description{color:var(--color-text-gray);text-align:center;margin-bottom:32px;font-size:16px}.team-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.team-card{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center;padding:24px}.team-photo{margin-bottom:16px}.photo-placeholder{background:var(--color-bg);width:100px;height:100px;color:var(--color-text-light);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex}.team-card h3{margin-bottom:4px;font-size:16px;font-weight:600}.team-card p{color:var(--color-text-gray);font-size:14px}.about-stats{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:60px;display:grid}.stat-block{background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);text-align:center;padding:32px}.stat-value{margin-bottom:8px;font-size:42px;font-weight:800;display:block}.stat-desc{opacity:.9;font-size:14px}.about-cta{background:var(--color-bg-white);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--color-border);padding:48px}.about-cta h2{margin-bottom:12px;font-size:24px;font-weight:600}.about-cta p{color:var(--color-text-gray);margin-bottom:24px;font-size:16px}.delivery-section{margin-bottom:60px}.delivery-section h2,.payment-section h2,.rates-section h2,.faq-section h2{text-align:center;margin-bottom:32px;font-size:28px;font-weight:600}.delivery-methods{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.delivery-card{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:28px;transition:all .3s}.delivery-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.delivery-card-header{gap:16px;margin-bottom:20px;display:flex}.delivery-icon{width:56px;height:56px;color:var(--color-primary);border-radius:var(--radius-md);background:#e318371a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.delivery-info h3{margin-bottom:4px;font-size:18px;font-weight:600}.delivery-info p{color:var(--color-text-gray);font-size:14px}.delivery-details{margin-bottom:20px;list-style:none}.delivery-details li{color:var(--color-text-gray);align-items:flex-start;gap:10px;margin-bottom:10px;font-size:14px;display:flex}.delivery-details li svg{color:var(--color-success);flex-shrink:0;margin-top:2px}.delivery-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.delivery-meta{color:var(--color-text-gray);align-items:center;gap:8px;font-size:14px;display:flex}.delivery-price{color:var(--color-primary);font-size:16px;font-weight:600}.rates-section{margin-bottom:60px}.rates-table-wrapper{overflow-x:auto}.rates-table{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);border-collapse:collapse;width:100%;overflow:hidden}.rates-table th,.rates-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:16px 20px}.rates-table th{background:var(--color-bg);color:var(--color-text);font-size:14px;font-weight:600}.rates-table td{color:var(--color-text-gray);font-size:14px}.rates-table tr:last-child td{border-bottom:none}.rates-table tr:hover td{background:var(--color-bg)}.rates-note{color:var(--color-text-gray);text-align:center;margin-top:16px;font-size:14px}.payment-section{margin-bottom:60px}.payment-methods{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.payment-card{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center;padding:32px;transition:all .3s}.payment-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.payment-icon{width:72px;height:72px;color:var(--color-primary);background:#e318371a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.payment-card h3{margin-bottom:8px;font-size:18px;font-weight:600}.payment-card p{color:var(--color-text-gray);font-size:14px}.faq-section{margin-bottom:60px}.faq-list{flex-direction:column;gap:12px;max-width:800px;margin:0 auto;display:flex}.faq-item{background:var(--color-bg-white);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all .3s;overflow:hidden}.faq-item.active{border-color:var(--color-primary)}.faq-question{text-align:left;cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 24px;font-size:16px;font-weight:500;transition:color .2s;display:flex}.faq-question:hover{color:var(--color-primary)}.faq-question svg{color:var(--color-text-gray);flex-shrink:0}.faq-answer{padding:0 24px 20px}.faq-answer p{color:var(--color-text-gray);font-size:14px;line-height:1.7}.delivery-cta{background:var(--color-bg-white);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--color-border);padding:48px}.delivery-cta h2{margin-bottom:12px;font-size:24px;font-weight:600}.delivery-cta p{color:var(--color-text-gray);margin-bottom:24px;font-size:16px}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}@media (max-width:1200px){.advantages-grid,.team-grid,.about-stats,.delivery-methods,.payment-methods{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.contacts-layout{grid-template-columns:1fr}.about-intro{grid-template-columns:1fr;gap:32px}.about-values{grid-template-columns:1fr}}@media (max-width:768px){.info-page-header h1{font-size:28px}.advantages-grid,.team-grid,.about-stats,.delivery-methods,.payment-methods{grid-template-columns:1fr}.about-cta,.delivery-cta{padding:32px 20px}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%}.rates-table th,.rates-table td{padding:12px;font-size:13px}}.checkout-page{padding-bottom:80px}.checkout-title{margin:32px 0 24px;font-size:32px;font-weight:700}.checkout-layout{grid-template-columns:1fr 400px;align-items:start;gap:32px;display:grid}.checkout-loading,.checkout-empty{text-align:center;padding:80px 20px}.checkout-empty h1{margin-bottom:12px;font-size:28px}.checkout-empty p{color:var(--color-text-gray);margin-bottom:24px}.checkout-error{border-radius:var(--radius-md);color:#dc2626;background:#fee2e2;border:1px solid #fecaca;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;display:flex}.checkout-error svg{flex-shrink:0}.checkout-no-options{color:var(--color-text-gray);text-align:center;background:var(--color-bg-gray);border-radius:var(--radius-sm);padding:16px;font-style:italic}.checkout-form{flex-direction:column;gap:24px;display:flex}.checkout-section{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:24px}.checkout-section-title{border-bottom:2px solid var(--color-bg);margin-bottom:20px;padding-bottom:12px;font-size:18px;font-weight:600}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-label{color:var(--color-text);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-label .required{color:var(--color-primary)}.form-input,.form-textarea,.form-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-white);width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #e318371a}.form-input-error{border-color:var(--color-error)}.form-input-error:focus{box-shadow:0 0 0 3px #dc35451a}.form-error{color:var(--color-error);margin-top:6px;font-size:13px;display:block}.form-textarea{resize:vertical;min-height:100px}.delivery-options,.payment-options{flex-direction:column;gap:12px;display:flex}.delivery-option,.payment-option{border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex}.delivery-option:hover,.payment-option:hover{border-color:var(--color-text-light)}.delivery-option-active,.payment-option-active{border-color:var(--color-primary);background:#e3183708}.delivery-option input,.payment-option input{accent-color:var(--color-primary);width:18px;height:18px;margin-top:3px}.delivery-option-content,.payment-option-content{flex-direction:column;flex:1;gap:4px;display:flex}.delivery-option-header{justify-content:space-between;align-items:center;display:flex}.delivery-option-label,.payment-option-label{font-size:15px;font-weight:600}.delivery-option-price{color:var(--color-primary);font-weight:600}.delivery-option-description,.payment-option-description{color:var(--color-text-gray);font-size:13px}.address-fields{border-top:1px solid var(--color-border);margin-top:20px;padding-top:20px}.checkout-summary{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:24px;position:sticky;top:140px}.checkout-summary-title{border-bottom:2px solid var(--color-bg);margin-bottom:20px;padding-bottom:12px;font-size:20px;font-weight:600}.checkout-items{flex-direction:column;gap:16px;max-height:300px;margin-bottom:20px;padding-right:8px;display:flex;overflow-y:auto}.checkout-item{align-items:center;gap:12px;display:flex}.checkout-item-image{border-radius:var(--radius-sm);background:var(--color-bg);flex-shrink:0;width:60px;height:60px;overflow:hidden}.checkout-item-image img{object-fit:cover;width:100%;height:100%}.checkout-item-placeholder{background:var(--color-bg-gray);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.checkout-item-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.checkout-item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.checkout-item-qty{color:var(--color-text-gray);font-size:13px}.checkout-item-price{white-space:nowrap;font-size:15px;font-weight:600}.checkout-notice{border-radius:var(--radius-sm);color:#856404;background:#fff3cd;border:1px solid #ffecb5;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.checkout-notice svg{flex-shrink:0;margin-top:1px}.checkout-items-group{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px}.checkout-items-group-title{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.checkout-items-group .checkout-items{max-height:200px;margin-bottom:0}.group-total{color:var(--color-text);font-size:14px;font-weight:600}.status-badge{border-radius:12px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.in-stock{color:#155724;background:#d4edda}.status-badge.to-order{color:#856404;background:#fff3cd}.checkout-totals{border-top:1px solid var(--color-border);margin-bottom:20px;padding-top:16px}.checkout-totals-row{justify-content:space-between;align-items:center;padding:8px 0;font-size:15px;display:flex}.checkout-totals-total{border-top:2px solid var(--color-bg);margin-top:8px;padding-top:16px;font-size:18px;font-weight:700}.checkout-totals-total span:last-child{color:var(--color-primary)}.checkout-submit{margin-bottom:16px}.checkout-submit:disabled{opacity:.7;cursor:not-allowed}.checkout-agreement{color:var(--color-text-gray);text-align:center;font-size:13px;line-height:1.5}.checkout-agreement a{color:var(--color-primary);text-decoration:underline}.checkout-agreement a:hover{text-decoration:none}.checkout-agreement-checkbox{margin-bottom:16px}.checkout-agreement-checkbox .checkbox-label{cursor:pointer;color:var(--color-text-gray);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.checkout-agreement-checkbox .checkbox-label input[type=checkbox]{cursor:pointer;width:18px;min-width:18px;height:18px;accent-color:var(--color-primary);margin-top:2px}.checkout-agreement-checkbox .checkbox-text{flex:1}.checkout-agreement-checkbox .checkbox-text a{color:var(--color-primary);text-decoration:underline}.checkout-agreement-checkbox .checkbox-text a:hover{text-decoration:none}.checkout-agreement-checkbox .checkbox-error{color:var(--color-error)}.checkout-agreement-checkbox .checkbox-error input[type=checkbox]{outline:2px solid var(--color-error);outline-offset:1px}.checkout-agreement-checkbox .form-error{color:var(--color-error);margin-top:6px;margin-left:28px;font-size:12px;display:block}.address-mode-selector{gap:12px;margin-bottom:20px;display:flex}.address-mode-option{background:var(--color-bg-gray);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:8px;padding:12px 20px;font-weight:500;transition:all .2s;display:flex}.address-mode-option:hover{border-color:var(--color-primary)}.address-mode-option.active{border-color:var(--color-primary);color:var(--color-primary);background:#e318370d}.address-mode-option input[type=radio]{width:18px;height:18px;accent-color:var(--color-primary)}.saved-addresses{flex-direction:column;gap:10px;display:flex}.saved-address-option{background:var(--color-bg-white);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.saved-address-option:hover{border-color:var(--color-primary);background:var(--color-bg-gray)}.saved-address-option.active{border-color:var(--color-primary);background:#e318370d}.saved-address-option input[type=radio]{width:18px;height:18px;accent-color:var(--color-primary);flex-shrink:0;margin-top:2px}.saved-address-text{color:var(--color-text);font-size:14px;line-height:1.5}.save-address-checkbox{margin-top:16px}.save-address-checkbox .checkbox-label{cursor:pointer;color:var(--color-text-gray);align-items:center;gap:10px;font-size:14px;display:flex}.save-address-checkbox .checkbox-label:hover{color:var(--color-text)}.save-address-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.checkout-restricted{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center;max-width:600px;margin:60px auto;padding:40px}.checkout-restricted .restricted-icon{color:var(--color-warning);margin-bottom:24px}.checkout-restricted h1{color:var(--color-text);margin-bottom:16px;font-size:28px;font-weight:700}.checkout-restricted>p{color:var(--color-text-gray);margin-bottom:24px;font-size:15px;line-height:1.6}.restricted-details{background:var(--color-bg-gray);border-radius:var(--radius-md);margin-bottom:24px;padding:20px}.restricted-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;display:flex}.restricted-row:last-child{border-bottom:none}.restricted-row span:first-child{color:var(--color-text-gray)}.restricted-row .value{color:var(--color-text);font-weight:600}.restricted-row.deficit{border-top:2px solid var(--color-error);border-bottom:none;margin-top:8px;padding-top:18px}.restricted-row.deficit span:first-child,.restricted-row.deficit .value{color:var(--color-error);font-weight:700}.restricted-help{color:var(--color-text-gray);margin-bottom:28px;font-size:14px}.restricted-actions{justify-content:center;gap:16px;display:flex}.restricted-actions .btn{min-width:160px}@media (max-width:1024px){.checkout-layout{grid-template-columns:1fr 350px}}@media (max-width:900px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{order:-1;position:static}}@media (max-width:600px){.checkout-title{margin:24px 0 20px;font-size:24px}.checkout-section{padding:20px 16px}.form-row{grid-template-columns:1fr}.delivery-option-header{flex-direction:column;align-items:flex-start;gap:4px}.address-mode-selector{flex-direction:column}.address-mode-option{padding:10px 14px;font-size:14px}.saved-address-option{padding:12px 14px}.checkout-restricted{margin:30px auto;padding:24px 16px}.checkout-restricted h1{font-size:22px}.restricted-details{padding:16px}.restricted-row{font-size:13px}.restricted-actions{flex-direction:column}.restricted-actions .btn{width:100%}}.auth-page{background:var(--color-bg);min-height:60vh;padding:40px 0 80px}.auth-container{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);max-width:480px;box-shadow:var(--shadow-md);margin:0 auto;padding:32px}.auth-tabs{border-bottom:2px solid var(--color-border);gap:0;margin-bottom:32px;display:flex}.auth-tab{color:var(--color-text-gray);cursor:pointer;background:0 0;border:none;flex:1;padding:16px 24px;font-size:16px;font-weight:600;transition:all .2s;position:relative}.auth-tab:hover{color:var(--color-text)}.auth-tab.active{color:var(--color-primary)}.auth-tab.active:after{content:"";background:var(--color-primary);height:2px;position:absolute;bottom:-2px;left:0;right:0}.auth-error-message{background:var(--color-error-bg,#fef2f2);border:1px solid var(--color-error,#ef4444);color:var(--color-error,#ef4444);border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:14px 16px;font-size:14px;display:flex}.auth-error-message svg{flex-shrink:0}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-form .form-group{margin-bottom:0}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input-icon{color:var(--color-text-light);pointer-events:none;z-index:1;position:absolute;left:14px}.input-with-icon .form-input{padding-left:44px;padding-right:44px}.password-toggle{width:36px;height:36px;color:var(--color-text-light);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;right:12px}.password-toggle:hover{color:var(--color-text);background:var(--color-bg)}.form-row-between{justify-content:space-between;align-items:center;gap:16px;display:flex}.form-checkbox{cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;display:flex}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);flex-shrink:0;margin-top:2px}.form-checkbox .checkbox-label{color:var(--color-text);line-height:1.4}.auth-link{color:var(--color-primary);font-size:14px;font-weight:500;transition:color .2s}.auth-link:hover{color:var(--color-primary-dark);text-decoration:underline}.auth-link-btn{color:var(--color-primary);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;transition:color .2s}.auth-link-btn:hover{color:var(--color-primary-dark);text-decoration:underline}.auth-divider{align-items:center;gap:16px;margin:8px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-divider span{color:var(--color-text-light);text-transform:lowercase;font-size:14px}.social-buttons{gap:12px;display:flex}.social-btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg-white);color:var(--color-text);flex:1;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.social-btn:hover{border-color:var(--color-text-light);box-shadow:var(--shadow-sm)}.social-btn-google:hover{background:#4285f40d;border-color:#4285f4}.social-btn-facebook:hover{background:#1877f20d;border-color:#1877f2}.auth-footer-text{text-align:center;color:var(--color-text-gray);margin-top:8px;font-size:14px}.spinner{animation:1s linear infinite spin}@media (max-width:768px){.auth-page{padding:24px 0 60px}.auth-container{max-width:none;margin:0 16px;padding:24px 20px}.auth-tabs{margin-bottom:24px}.auth-tab{padding:12px 16px;font-size:15px}.form-row-between{flex-direction:column;align-items:flex-start;gap:12px}.social-buttons{flex-direction:column}.social-btn{width:100%}}@media (max-width:480px){.auth-container{border-left:none;border-right:none;border-radius:0;margin:0}}.auth-header{text-align:center;margin-bottom:24px}.auth-title{color:var(--color-text);margin-bottom:8px;font-size:24px;font-weight:700}.auth-subtitle{color:var(--color-text-gray);font-size:14px;line-height:1.5}.auth-note{color:var(--color-text-light);margin-top:12px;font-size:13px}.auth-back-link{color:var(--color-text-gray);justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:14px;transition:color .2s;display:flex}.auth-back-link:hover{color:var(--color-primary)}.auth-success{text-align:center;padding:24px 0}.auth-success-icon{color:var(--color-success,#22c55e);margin-bottom:20px}.auth-success-icon svg{width:64px;height:64px}.auth-success .auth-title{margin-bottom:12px}.auth-success .auth-subtitle{margin-bottom:24px}.auth-success-actions{flex-direction:column;gap:12px;margin-top:24px;display:flex}.auth-error-state{text-align:center;padding:24px 0}.auth-error-icon{color:var(--color-error,#ef4444);margin-bottom:20px}.auth-error-icon svg{width:64px;height:64px}.auth-error-state .auth-title{margin-bottom:12px}.auth-error-state .auth-subtitle{margin-bottom:24px}.auth-error-actions{flex-direction:column;gap:12px;margin-top:24px;display:flex}.auth-loading{color:var(--color-text-gray);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 0;display:flex}.auth-loading svg{color:var(--color-primary)}.auth-loading p{font-size:14px}@media (max-width:768px){.auth-title{font-size:20px}.auth-success-icon svg,.auth-error-icon svg{width:48px;height:48px}.auth-success-actions,.auth-error-actions{gap:10px}}.battery-selection-page{background:var(--color-bg);padding:40px 0 80px}.battery-selection-header{text-align:center;margin-bottom:40px}.battery-selection-header .header-icon{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.battery-selection-header h1{color:var(--color-text);margin-bottom:12px;font-size:32px;font-weight:700}.battery-selection-header p{color:var(--color-text-gray);max-width:500px;margin:0 auto;font-size:16px}.battery-selection-form{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);grid-template-columns:repeat(5,1fr);align-items:end;gap:16px;margin-bottom:32px;padding:32px;display:grid}.selection-step{flex-direction:column;gap:8px;display:flex}.step-label{color:var(--color-text);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.step-number{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.select-wrapper{position:relative}.select-wrapper .form-select{border:1px solid var(--color-border);border-radius:var(--radius-md);appearance:none;cursor:pointer;background:#fff;width:100%;padding:12px 40px 12px 14px;font-size:14px;transition:border-color .2s}.select-wrapper .form-select:hover:not(:disabled){border-color:var(--color-text-light)}.select-wrapper .form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ef44441a}.select-wrapper .form-select:disabled{background:var(--color-bg);color:var(--color-text-light);cursor:not-allowed}.select-wrapper .select-icon{color:var(--color-text-light);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.selection-actions{align-items:flex-end;display:flex}.btn-reset{white-space:nowrap;align-items:center;gap:8px;display:flex}.battery-selection-error{background:var(--color-error-bg,#fef2f2);border:1px solid var(--color-error);border-radius:var(--radius-md);text-align:center;color:var(--color-error);margin-bottom:24px;padding:16px}.battery-selection-loading{color:var(--color-text-gray);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.battery-selection-loading svg{color:var(--color-primary)}.vehicle-info-banner{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);color:#fff;border-radius:var(--radius-md);align-items:center;gap:12px;margin-bottom:24px;padding:16px 24px;font-weight:500;display:flex}.battery-results{margin-bottom:40px}.results-title{color:var(--color-text);margin-bottom:24px;font-size:24px;font-weight:600}.battery-results-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.battery-result-card{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;transition:box-shadow .2s;display:flex;overflow:hidden}.battery-result-card:hover{box-shadow:var(--shadow-lg)}.battery-badges{flex-wrap:wrap;gap:8px;padding:12px 16px 0;display:flex}.battery-badges .badge{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:500}.badge-recommended{color:#16a34a;background:#dcfce7}.badge-startstop{color:#2563eb;background:#dbeafe}.badge-upgrade{color:#d97706;background:#fef3c7}.battery-result-image{justify-content:center;align-items:center;height:150px;padding:16px;display:flex}.battery-placeholder{background:var(--color-bg);width:100%;height:100%;color:var(--color-text-light);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.battery-result-info{flex:1;padding:0 16px 16px}.battery-name{color:var(--color-text);margin-bottom:4px;font-size:16px;font-weight:600}.battery-article{color:var(--color-text-gray);margin-bottom:12px;font-size:13px}.battery-specs{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;display:grid}.spec-item{color:var(--color-text);align-items:center;gap:6px;font-size:13px;display:flex}.spec-item svg{color:var(--color-primary)}.battery-case{color:var(--color-text-gray);font-size:13px}.battery-result-action{padding:0 16px 16px}.battery-no-results{text-align:center;background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:60px 20px}.battery-no-results svg{color:var(--color-text-light);margin-bottom:20px}.battery-no-results h3{color:var(--color-text);margin-bottom:8px;font-size:20px;font-weight:600}.battery-no-results p{color:var(--color-text-gray);max-width:400px;margin:0 auto 24px}.battery-selection-info{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center;padding:40px}.battery-selection-info h2{color:var(--color-text);margin-bottom:32px;font-size:24px;font-weight:600}.info-steps{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.info-step{text-align:center}.info-step-icon{background:var(--color-bg);width:64px;height:64px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.info-step h3{color:var(--color-text);margin-bottom:8px;font-size:16px;font-weight:600}.info-step p{color:var(--color-text-gray);font-size:14px}@media (max-width:1200px){.battery-selection-form{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.battery-selection-page{padding:24px 0 60px}.battery-selection-header h1{font-size:24px}.battery-selection-form{grid-template-columns:1fr;padding:20px}.selection-actions{margin-top:8px}.btn-reset{justify-content:center;width:100%}.battery-results-grid{grid-template-columns:1fr}.info-steps{grid-template-columns:1fr;gap:24px}.battery-selection-info{padding:24px}}.vin-search-page{background:var(--color-bg);padding:40px 0 80px}.vin-header{text-align:center;margin-bottom:40px}.vin-header h1{color:var(--color-text);margin-bottom:12px;font-size:36px;font-weight:700}.vin-header p{color:var(--color-text-gray);max-width:600px;margin:0 auto;font-size:18px}.vin-form-wrapper{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);max-width:700px;margin-bottom:60px;margin-left:auto;margin-right:auto;padding:40px}.vin-form{flex-direction:column;gap:20px;display:flex}.vin-input-group{flex-direction:column;gap:8px;display:flex}.vin-input-wrapper{align-items:center;display:flex;position:relative}.vin-input-icon{color:var(--color-text-light);position:absolute;left:16px}.vin-input{border:2px solid var(--color-border);border-radius:var(--radius-md);letter-spacing:2px;text-transform:uppercase;width:100%;padding:16px 80px 16px 48px;font-family:monospace;font-size:18px;transition:border-color .2s,box-shadow .2s}.vin-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #e318371a}.vin-input.vin-input-error{border-color:var(--color-error)}.vin-input.vin-input-error:focus{box-shadow:0 0 0 3px #dc35451a}.vin-counter{color:var(--color-text-light);font-family:monospace;font-size:14px;position:absolute;right:16px}.vin-error{color:var(--color-error);align-items:center;gap:8px;font-size:14px;display:flex}.vin-submit-btn{padding:16px 32px;font-size:16px}.vin-submit-btn:disabled{opacity:.6;cursor:not-allowed}.vin-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite vin-spin}@keyframes vin-spin{to{transform:rotate(360deg)}}.vin-example{text-align:center;color:var(--color-text-gray);margin-top:16px;font-size:14px}.vin-example strong{color:var(--color-text);letter-spacing:1px;font-family:monospace}.vin-results{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:60px;overflow:hidden}.vin-results-header{border-bottom:1px solid var(--color-border);background:#28a7451a;align-items:center;gap:16px;padding:24px;display:flex}.vin-results-header svg{color:var(--color-success)}.vin-results-header h3{margin-bottom:4px;font-size:18px;font-weight:600}.vin-results-header p{color:var(--color-text-gray);font-family:monospace;font-size:14px}.vin-vehicle-info{grid-template-columns:1fr 1fr;gap:24px;padding:24px;display:grid}.vin-vehicle-card{background:var(--color-bg);border-radius:var(--radius-md);padding:24px}.vin-vehicle-card h4{border-bottom:1px solid var(--color-border);margin-bottom:16px;padding-bottom:12px;font-size:16px;font-weight:600}.vin-vehicle-details{flex-direction:column;gap:12px;display:flex}.vin-detail-row{justify-content:space-between;font-size:14px;display:flex}.vin-detail-row span{color:var(--color-text-gray)}.vin-detail-row strong{color:var(--color-text)}.vin-categories-list h4{margin-bottom:16px;font-size:16px;font-weight:600}.vin-categories-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.vin-category-item{background:var(--color-bg);border-radius:var(--radius-sm);color:var(--color-text);text-align:center;border:1px solid var(--color-border);padding:14px 16px;font-size:14px;font-weight:500;transition:all .2s;display:block}.vin-category-item:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.vin-instruction{margin-bottom:60px}.vin-instruction h2{text-align:center;margin-bottom:32px;font-size:28px;font-weight:600}.vin-instruction-content{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.vin-image-placeholder{background:var(--color-bg-white);border-radius:var(--radius-lg);border:2px dashed var(--color-border);width:100%;height:300px;color:var(--color-text-light);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.vin-image-placeholder span{font-size:14px}.vin-locations{flex-direction:column;gap:20px;list-style:none;display:flex}.vin-locations li{align-items:flex-start;gap:16px;display:flex}.vin-locations li svg{color:var(--color-success);flex-shrink:0;margin-top:2px}.vin-locations li strong{margin-bottom:4px;font-size:16px;display:block}.vin-locations li p{color:var(--color-text-gray);font-size:14px}.vin-benefits{margin-bottom:60px}.vin-benefits h2{text-align:center;margin-bottom:32px;font-size:28px;font-weight:600}.vin-benefits-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.vin-benefit-card{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center;padding:28px;transition:all .3s}.vin-benefit-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-4px)}.vin-benefit-icon{width:64px;height:64px;color:var(--color-primary);background:#e318371a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.vin-benefit-card h3{margin-bottom:8px;font-size:16px;font-weight:600}.vin-benefit-card p{color:var(--color-text-gray);font-size:14px;line-height:1.6}.vin-faq{margin-bottom:60px}.vin-faq h2{text-align:center;margin-bottom:32px;font-size:28px;font-weight:600}.vin-faq .faq-question span{align-items:center;gap:12px;display:flex}.vin-faq .faq-question span svg:first-child{color:var(--color-primary)}.vin-cta{background:var(--color-bg-white);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--color-border);padding:48px}.vin-cta h2{margin-bottom:12px;font-size:24px;font-weight:600}.vin-cta p{color:var(--color-text-gray);margin-bottom:24px;font-size:16px}@media (max-width:1200px){.vin-benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.vin-instruction-content,.vin-vehicle-info{grid-template-columns:1fr}}@media (max-width:768px){.vin-header h1{font-size:28px}.vin-form-wrapper{margin-bottom:40px;padding:24px}.vin-input{padding:14px 70px 14px 44px;font-size:16px}.vin-benefits-grid,.vin-categories-grid{grid-template-columns:1fr}.vin-cta{padding:32px 20px}.vin-image-placeholder{height:200px}}.warranty-page{background:var(--color-bg);padding:40px 0 80px}.warranty-section{margin-bottom:60px}.warranty-section h2{text-align:center;margin-bottom:32px;font-size:28px;font-weight:600}.warranty-conditions-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.warranty-condition-card{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center;padding:28px;transition:all .3s}.warranty-condition-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.warranty-condition-icon{width:64px;height:64px;color:var(--color-primary);background:#e318371a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.warranty-condition-card h3{margin-bottom:8px;font-size:16px;font-weight:600}.warranty-condition-card p{color:var(--color-text-gray);font-size:14px;line-height:1.6}.warranty-terms-table{overflow-x:auto}.return-steps{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.return-step{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);align-items:flex-start;gap:20px;padding:24px;transition:all .3s;display:flex}.return-step:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.return-step-number{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.return-step-content h3{margin-bottom:8px;font-size:18px;font-weight:600}.return-step-content p{color:var(--color-text-gray);font-size:14px;line-height:1.6}.return-terms-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:800px;margin:0 auto;display:grid}.return-term-card{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center;padding:32px}.return-term-icon{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;display:flex}.return-term-icon.success{color:var(--color-success);background:#28a7451a}.return-term-icon.warning{color:var(--color-warning);background:#ffc1071a}.return-term-card h3{margin-bottom:8px;font-size:18px;font-weight:600}.return-term-days{color:var(--color-primary);margin-bottom:12px;font-size:24px;font-weight:700}.return-term-card p{color:var(--color-text-gray);font-size:14px;line-height:1.6}.non-returnable-list{grid-template-columns:repeat(2,1fr);gap:16px;max-width:800px;margin:0 auto;display:grid}.non-returnable-item{background:var(--color-bg-white);border-radius:var(--radius-md);border:1px solid var(--color-border);align-items:center;gap:12px;padding:16px 20px;font-size:14px;display:flex}.non-returnable-item svg{color:var(--color-error);flex-shrink:0}.warranty-contacts{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.warranty-contact-card{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);align-items:flex-start;gap:16px;padding:24px;transition:all .3s;display:flex}.warranty-contact-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.warranty-contact-icon{width:48px;height:48px;color:var(--color-primary);background:#e318371a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.warranty-contact-content h3{margin-bottom:8px;font-size:16px;font-weight:600}.warranty-contact-content p{margin-bottom:4px;font-size:14px}.warranty-contact-content a{color:var(--color-text);transition:color .2s}.warranty-contact-content a:hover{color:var(--color-primary)}.warranty-contact-content span{color:var(--color-text-gray);font-size:13px}.warranty-notice{border-radius:var(--radius-lg);background:#e318370d;border:1px solid #e3183733;align-items:flex-start;gap:20px;margin-bottom:60px;padding:32px;display:flex}.warranty-notice-icon{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.warranty-notice-content h3{margin-bottom:8px;font-size:18px;font-weight:600}.warranty-notice-content p{color:var(--color-text-gray);font-size:15px;line-height:1.7}.warranty-cta{background:var(--color-bg-white);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--color-border);padding:48px}.warranty-cta h2{margin-bottom:12px;font-size:24px;font-weight:600}.warranty-cta p{color:var(--color-text-gray);margin-bottom:24px;font-size:16px}.warranty-page .faq-item{cursor:pointer}.warranty-page .faq-item summary{list-style:none}.warranty-page .faq-item summary::-webkit-details-marker{display:none}.warranty-page .faq-item summary svg:last-child{transition:transform .2s}.warranty-page .faq-item[open] summary svg:last-child{transform:rotate(180deg)}.warranty-page .faq-question span{align-items:center;gap:12px;display:flex}.warranty-page .faq-question span svg:first-child{color:var(--color-primary)}@media (max-width:1200px){.warranty-conditions-grid,.warranty-contacts{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.warranty-conditions-grid,.return-terms-grid,.non-returnable-list,.warranty-contacts{grid-template-columns:1fr}.warranty-notice{text-align:center;flex-direction:column;padding:24px}.warranty-notice-icon{margin:0 auto}.warranty-cta{padding:32px 20px}.return-step{text-align:center;flex-direction:column}.return-step-number{margin:0 auto}}.profile-page{background:var(--color-bg);min-height:60vh;padding:40px 0 80px}.profile-layout{grid-template-columns:280px 1fr;align-items:start;gap:32px;display:grid}.profile-sidebar{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);position:sticky;top:140px;overflow:hidden}.profile-user-card{border-bottom:1px solid var(--color-border);align-items:center;gap:16px;padding:24px;display:flex}.profile-avatar{background:var(--color-bg);width:60px;height:60px;color:var(--color-text-light);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-user-info h3{margin-bottom:4px;font-size:16px;font-weight:600}.profile-user-info p{color:var(--color-text-gray);font-size:13px}.profile-nav{padding:12px 0}.profile-nav-item{width:100%;color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:14px 24px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.profile-nav-item:hover{background:var(--color-bg);color:var(--color-primary)}.profile-nav-item.active{color:var(--color-primary);border-right:3px solid var(--color-primary);background:#e3183714}.profile-nav-arrow{color:var(--color-text-light);margin-left:auto}.profile-logout-btn{color:var(--color-text-gray);border-top:1px solid var(--color-border);margin-top:8px;padding-top:20px}.profile-logout-btn:hover{color:var(--color-error)}.profile-content{flex-direction:column;gap:24px;display:flex}.profile-welcome{margin-bottom:8px}.profile-welcome h1{margin-bottom:8px;font-size:28px;font-weight:700}.profile-welcome p{color:var(--color-text-gray);font-size:16px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.profile-stat-card{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);align-items:center;gap:16px;padding:24px;transition:all .3s;display:flex}.profile-stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.profile-stat-icon{width:56px;height:56px;color:var(--color-primary);border-radius:var(--radius-md);background:#e318371a;justify-content:center;align-items:center;display:flex}.profile-stat-info{flex-direction:column;gap:4px;display:flex}.profile-stat-value{color:var(--color-text);font-size:20px;font-weight:700}.profile-stat-label{color:var(--color-text-gray);font-size:14px}.profile-card{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:24px}.profile-card-header{border-bottom:2px solid var(--color-bg);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.profile-card-header h2{font-size:18px;font-weight:600}.profile-card-link{color:var(--color-primary);font-size:14px;font-weight:500}.profile-card-link:hover{text-decoration:underline}.profile-info-grid{flex-direction:column;gap:16px;display:flex}.profile-info-item{background:var(--color-bg);border-radius:var(--radius-md);align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.profile-info-item svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.profile-info-item>div{flex-direction:column;gap:4px;display:flex}.profile-info-label{color:var(--color-text-gray);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.profile-info-value{color:var(--color-text);font-size:15px;font-weight:500}.profile-orders-preview{flex-direction:column;gap:12px;display:flex}.profile-order-preview{background:var(--color-bg);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}.profile-order-preview:hover{background:var(--color-bg-gray)}.profile-order-main{justify-content:space-between;align-items:center;display:flex}.profile-order-info{flex-direction:column;gap:4px;display:flex}.profile-order-id{color:var(--color-text);font-size:14px;font-weight:600}.profile-order-date{color:var(--color-text-gray);font-size:13px}.profile-order-footer{justify-content:space-between;align-items:center;display:flex}.profile-order-items{color:var(--color-text-gray);font-size:13px}.profile-order-total{color:var(--color-primary);font-size:15px;font-weight:600}.order-status{border-radius:20px;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.order-status-delivered{color:var(--color-success);background:#28a7451a}.order-status-in_transit{color:#d39e00;background:#ffc10726}.order-status-processing{color:var(--color-primary);background:#e318371a}.order-status-cancelled{color:var(--color-text-gray);background:#6c757d1a}.orders-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.orders-header h1{font-size:28px;font-weight:700}.orders-header p{color:var(--color-text-gray);font-size:14px}.orders-filters{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:20px;padding:16px 20px}.orders-filter-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.orders-filter-group>svg{color:var(--color-text-gray)}.orders-filter-group>span{color:var(--color-text);font-size:14px;font-weight:500}.orders-status-filters{flex-wrap:wrap;gap:8px;display:flex}.orders-filter-btn{color:var(--color-text-gray);background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.orders-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.orders-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.orders-list{flex-direction:column;gap:16px;display:flex}.orders-empty{text-align:center;background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:80px 20px}.orders-empty svg{color:var(--color-text-light);margin-bottom:20px}.orders-empty h2{margin-bottom:8px;font-size:20px;font-weight:600}.orders-empty p{color:var(--color-text-gray)}.orders-empty .btn{margin-top:16px}.orders-loading{text-align:center;background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:80px 20px}.orders-loading svg{color:var(--color-primary);margin-bottom:16px}.orders-loading p{color:var(--color-text-gray);font-size:14px}.orders-error{text-align:center;background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:80px 20px}.orders-error svg{color:var(--color-error);margin-bottom:16px}.orders-error h2{margin-bottom:8px;font-size:20px;font-weight:600}.orders-error p{color:var(--color-text-gray);margin-bottom:20px}.orders-error-banner{border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);background:#dc35451a;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.orders-error-banner button{color:var(--color-error);background:0 0;justify-content:center;align-items:center;margin-left:auto;padding:4px;display:flex}.orders-error-banner button:hover{opacity:.7}.profile-orders-loading,.profile-orders-error,.profile-orders-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.profile-orders-loading svg,.profile-orders-error svg,.profile-orders-empty svg{color:var(--color-text-light);margin-bottom:12px}.profile-orders-loading span,.profile-orders-error span,.profile-orders-empty p{color:var(--color-text-gray);font-size:14px}.profile-orders-empty .btn{margin-top:16px}.protected-route-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.protected-route-spinner{color:var(--color-primary);animation:1s linear infinite spin}.protected-route-loading p{color:var(--color-text-gray);font-size:14px}.order-item-code{color:var(--color-text-light);font-size:12px}.order-meta-total{border-top:1px solid var(--color-border);margin-top:4px;padding-top:12px}.order-meta-total .order-meta-label,.order-meta-total .order-meta-value{font-size:16px;font-weight:600}.order-meta-total .order-meta-value{color:var(--color-primary)}.order-status-new{color:#007bff;background:#007bff1a}.btn-danger{color:var(--color-error);border-color:var(--color-error)}.btn-danger:hover{background:var(--color-error);color:#fff}.form-hint{color:var(--color-text-light);margin-top:4px;font-size:12px;display:block}.settings-error{align-items:center;gap:8px;display:flex}.order-card{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all .2s;overflow:hidden}.order-card:hover{border-color:var(--color-primary)}.order-card-header{cursor:pointer;justify-content:space-between;align-items:center;padding:20px 24px;transition:background .2s;display:flex}.order-card-header:hover{background:var(--color-bg)}.order-card-main{align-items:center;gap:24px;display:flex}.order-card-info{flex-direction:column;gap:4px;display:flex}.order-card-id{color:var(--color-text);font-size:16px;font-weight:600}.order-card-date{color:var(--color-text-gray);font-size:14px}.order-card-summary{align-items:center;gap:20px;display:flex}.order-card-totals{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.order-card-items{color:var(--color-text-gray);font-size:13px}.order-card-total{color:var(--color-primary);font-size:18px;font-weight:700}.order-expand-btn{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-gray);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.order-expand-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.order-card-details{border-top:1px solid var(--color-border);padding:0 24px 24px}.order-items{flex-direction:column;gap:12px;padding:20px 0;display:flex}.order-item{background:var(--color-bg);border-radius:var(--radius-md);align-items:center;gap:16px;padding:12px;display:flex}.order-item-image{background:var(--color-bg-white);border-radius:var(--radius-sm);width:48px;height:48px;color:var(--color-text-light);justify-content:center;align-items:center;display:flex}.order-item-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.order-item-name{color:var(--color-text);font-size:14px;font-weight:500}.order-item-qty{color:var(--color-text-gray);font-size:13px}.order-item-price{color:var(--color-text);font-size:15px;font-weight:600}.order-meta{background:var(--color-bg);border-radius:var(--radius-md);flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;display:flex}.order-meta-row{justify-content:space-between;font-size:14px;display:flex}.order-meta-label{color:var(--color-text-gray)}.order-meta-value{color:var(--color-text);text-align:right;font-weight:500}.order-actions{gap:12px;display:flex}.pagination-btn{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.settings-title{margin-bottom:8px;font-size:28px;font-weight:700}.settings-section{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:24px}.settings-section-header{border-bottom:2px solid var(--color-bg);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.settings-section-header svg{color:var(--color-primary)}.settings-section-header h2{font-size:18px;font-weight:600}.settings-form{flex-direction:column;gap:16px;display:flex}.settings-form-footer{align-items:center;gap:16px;margin-top:8px;display:flex}.settings-saved-message{color:var(--color-success);align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.settings-error{border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);background:#dc35451a;padding:12px 16px;font-size:14px}.settings-subsection{border-top:1px solid var(--color-border);margin-top:24px;padding-top:24px}.settings-subsection-title{color:var(--color-text);align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.settings-subsection-title svg{color:var(--color-primary)}.form-textarea{resize:vertical;min-height:60px;font-family:inherit}.form-label-icon{vertical-align:middle;margin-right:4px;display:inline-block}.addresses-list{flex-direction:column;gap:12px;display:flex}.address-card{background:var(--color-bg);border-radius:var(--radius-md);border:2px solid #0000;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.address-card-default{border-color:var(--color-primary);background:#e3183708}.address-card-content{flex:1}.address-card-header{align-items:center;gap:12px;margin-bottom:6px;display:flex}.address-card-title{color:var(--color-text);font-size:15px;font-weight:600}.address-card-badge{background:var(--color-primary);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600}.address-card-text{color:var(--color-text-gray);font-size:14px}.address-card-actions{gap:8px;display:flex}.address-action-btn{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-gray);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.address-action-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.address-action-delete:hover{border-color:var(--color-error);color:var(--color-error);background:#dc35451a}.address-card-new{padding:20px}.address-new-form{flex-direction:column;gap:12px;display:flex}.address-new-actions{gap:12px;display:flex}.address-add-btn{width:100%;color:var(--color-primary);border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.address-add-btn:hover{border-color:var(--color-primary);background:#e3183708}.addresses-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.addresses-header .settings-title{margin-bottom:0}.addresses-loading,.addresses-error,.addresses-empty{text-align:center;color:var(--color-text-gray);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.addresses-loading svg,.addresses-error svg,.addresses-empty svg{opacity:.5}.addresses-empty p{margin:0;font-size:15px}.address-card-main{flex:1;align-items:center;gap:16px;display:flex}.address-card-icon{border-radius:var(--radius-sm);width:48px;height:48px;color:var(--color-primary);background:#e318371a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.address-card-info{flex:1;min-width:0}.address-card-city{color:var(--color-text);align-items:center;gap:8px;margin-bottom:4px;font-size:15px;font-weight:600;display:flex}.address-zip{background:var(--color-bg-gray);color:var(--color-text-gray);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.address-card-address{color:var(--color-text-gray);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.address-card-delete{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-text-gray);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.address-card-delete:hover{border-color:var(--color-error);color:var(--color-error);background:#dc35451a}.address-card-delete:disabled{opacity:.5;cursor:not-allowed}.settings-success{border:1px solid var(--color-success);border-radius:var(--radius-sm);color:var(--color-success);background:#28a7451a;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.form-row-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:768px){.addresses-header{flex-direction:column;align-items:flex-start;gap:16px}.form-row-3{grid-template-columns:1fr}.address-card{flex-direction:column;align-items:flex-start;gap:12px}.address-card-main{width:100%}.address-card-delete{align-self:flex-end}}.balance-loading,.balance-error,.balance-not-b2b{text-align:center;color:var(--color-text-gray);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 24px;display:flex}.balance-not-b2b h2{color:var(--color-text);margin:0;font-size:20px;font-weight:600}.balance-not-b2b p{max-width:400px;margin:0;font-size:15px;line-height:1.6}.balance-not-b2b svg{opacity:.3}.balance-status-card{background:linear-gradient(135deg,var(--color-primary)0%,#c01830 100%);border-radius:var(--radius-md);color:#fff;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.balance-status-icon{border-radius:var(--radius-sm);background:#fff3;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.balance-status-info{flex:1}.balance-status-label{opacity:.8;margin-bottom:4px;font-size:13px;display:block}.balance-status-value{font-size:18px;font-weight:600;display:block}.balance-external-id{background:#fff3;border-radius:16px;padding:6px 12px;font-size:13px}.balance-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.balance-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.balance-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #00000014}.balance-card-highlight{border-color:var(--color-success);background:#28a7450d}.balance-card-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.balance-card-icon-primary{color:var(--color-primary);background:#e318371a}.balance-card-icon-secondary{color:var(--color-text-gray);background:#6c757d1a}.balance-card-icon-success{color:var(--color-success);background:#28a7451a}.balance-card-info{flex:1;min-width:0}.balance-card-label{color:var(--color-text-gray);margin-bottom:4px;font-size:13px;display:block}.balance-card-value{color:var(--color-text);font-size:20px;font-weight:700;display:block}.balance-value-success{color:var(--color-success)}.balance-info-content{padding:16px 0}.balance-info-content p{color:var(--color-text-gray);margin:0 0 12px;font-size:14px;line-height:1.6}.balance-info-content p:last-child{margin-bottom:0}.balance-info-content strong{color:var(--color-text)}.balance-info-note{border-radius:0 var(--radius-sm)var(--radius-sm)0;background:#ffc1071a;border-left:3px solid #ffc107;padding:12px 16px;margin-top:16px!important}@media (max-width:992px){.balance-cards{grid-template-columns:1fr}}@media (max-width:768px){.balance-status-card{text-align:center;flex-direction:column}.balance-external-id{margin-top:8px}}.favorites-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.favorites-header .settings-title{margin-bottom:0}.favorites-count{color:var(--color-text-gray);font-size:14px}.favorites-loading,.favorites-error,.favorites-empty{text-align:center;color:var(--color-text-gray);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 24px;display:flex}.favorites-empty h2{color:var(--color-text);margin:0;font-size:20px;font-weight:600}.favorites-empty p{max-width:400px;margin:0;font-size:15px;line-height:1.6}.favorites-empty svg,.favorites-loading svg{opacity:.3}.favorites-list{flex-direction:column;gap:16px;display:flex}.favorite-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.favorite-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #00000014}.favorite-card-image{background:var(--color-bg);border-radius:var(--radius-sm);flex-shrink:0;width:80px;height:80px;position:relative;overflow:hidden}.favorite-card-placeholder{width:100%;height:100%;color:var(--color-text-gray);opacity:.3;justify-content:center;align-items:center;display:flex}.favorite-card-info{flex:1;min-width:0}.favorite-card-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:15px;font-weight:600;text-decoration:none;display:block;overflow:hidden}.favorite-card-title:hover{color:var(--color-primary)}.favorite-card-sku{color:var(--color-text-gray);margin-bottom:8px;font-size:13px}.favorite-card-price{align-items:center;gap:8px;display:flex}.favorite-card-price .price-current{color:var(--color-primary);font-size:16px;font-weight:700}.favorite-card-price .price-old{color:var(--color-text-gray);font-size:14px;text-decoration:line-through}.favorite-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-icon{justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.btn-delete{border:1px solid var(--color-border);color:var(--color-text-gray);background:0 0}.btn-delete:hover{border-color:var(--color-error);color:var(--color-error);background:#dc35451a}@media (max-width:768px){.favorite-card{flex-direction:column;align-items:flex-start}.favorite-card-image{width:100%;height:150px}.favorite-card-info{width:100%}.favorite-card-title{white-space:normal}.favorite-card-actions{justify-content:space-between;width:100%}.favorite-card-actions .btn-primary{flex:1}}.notifications-settings{flex-direction:column;gap:24px;display:flex}.notifications-group h3{color:var(--color-text);margin-bottom:16px;font-size:15px;font-weight:600}.notification-toggle{background:var(--color-bg);border-radius:var(--radius-md);cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:12px;padding:16px;transition:all .2s;display:flex}.notification-toggle:hover{background:var(--color-bg-gray)}.notification-toggle:last-child{margin-bottom:0}.notification-toggle input{appearance:none;background:var(--color-border);cursor:pointer;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.notification-toggle input:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000001a}.notification-toggle input:checked{background:var(--color-primary)}.notification-toggle input:checked:before{transform:translate(20px)}.notification-toggle-label{color:var(--color-text);flex-direction:column;gap:4px;font-size:15px;font-weight:500;display:flex}.notification-toggle-desc{color:var(--color-text-gray);font-size:13px;font-weight:400}@media (max-width:1024px){.profile-stats{grid-template-columns:1fr}}@media (max-width:992px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static}.profile-nav{flex-wrap:wrap;gap:8px;padding:16px;display:flex}.profile-nav-item{border-radius:var(--radius-sm);flex:1;justify-content:center;min-width:120px;padding:12px 16px}.profile-nav-item.active{border-radius:var(--radius-sm);border-right:none}.profile-nav-arrow{display:none}.profile-logout-btn{border-top:none;margin-top:0;padding-top:12px}.profile-user-card{border-bottom:none}}@media (max-width:768px){.profile-page{padding:24px 0 60px}.profile-welcome h1{font-size:24px}.profile-stats{gap:12px}.profile-stat-card{text-align:center;flex-direction:column;padding:16px}.orders-header{flex-direction:column;align-items:flex-start;gap:8px}.orders-filter-group{flex-direction:column;align-items:flex-start}.orders-status-filters{width:100%}.orders-filter-btn{text-align:center;flex:1}.order-card-header{flex-direction:column;align-items:flex-start;gap:16px}.order-card-main,.order-card-summary{justify-content:space-between;width:100%}.order-card-totals{align-items:flex-start}.order-meta-row{flex-direction:column;gap:4px}.order-meta-value{text-align:left}.settings-form-footer{flex-direction:column;align-items:stretch}.address-card{flex-direction:column;align-items:flex-start;gap:12px}.address-card-actions{justify-content:flex-end;width:100%}}.tire-catalog{background:var(--color-bg);padding:40px 0 80px}.tire-filters .size-selectors{flex-direction:column;gap:12px;display:flex}.tire-filters .size-select{flex-direction:column;gap:4px;display:flex}.tire-filters .size-select label{color:var(--color-text-gray);font-size:12px;font-weight:500}.tire-filters .size-select select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-white);cursor:pointer;padding:8px 12px;font-size:14px}.tire-filters .size-select select:focus{border-color:var(--color-primary);outline:none}.tire-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.tire-card{background:var(--color-bg-white);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;gap:12px;padding:20px;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.tire-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tire-card.skeleton{pointer-events:none}.tire-header{justify-content:space-between;align-items:center;display:flex}.tire-supplier{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.tire-season{color:var(--color-text-gray);background:var(--color-bg);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.tire-season .season-icon.summer{color:#f59e0b}.tire-season .season-icon.winter{color:#3b82f6}.tire-season .season-icon.allseason{color:#10b981}.tire-size-badge{color:var(--color-text);background:var(--color-bg);border-radius:var(--radius-sm);text-align:center;padding:8px 12px;font-size:18px;font-weight:700}.tire-title{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.tire-code{color:var(--color-text-light);font-size:12px}.tire-specs{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:8px;padding:12px 0;display:flex}.tire-specs .spec-item{background:var(--color-bg);border-radius:var(--radius-sm);gap:4px;padding:4px 8px;font-size:12px;display:flex}.tire-specs .spec-label{color:var(--color-text-light)}.tire-specs .spec-value{color:var(--color-text);font-weight:500}.tire-stock{font-size:13px;font-weight:500}.tire-stock.in-stock{color:var(--color-success)}.tire-stock.out-of-stock{color:var(--color-text-light)}.tire-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;display:flex}.tire-price{color:var(--color-primary);font-size:20px;font-weight:700}.tire-actions{align-items:center;gap:8px;display:flex}@media (max-width:768px){.tire-grid{grid-template-columns:1fr}.tire-filters .size-selectors{flex-flow:wrap}.tire-filters .size-select{flex:1;min-width:80px}}.oil-catalog{padding:40px 0 60px}.oil-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.oil-card{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);flex-direction:column;padding:20px;transition:all .3s;display:flex}.oil-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-4px)}.oil-card.skeleton{animation:1.5s infinite skeleton-loading}.oil-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.oil-brand{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:700}.oil-viscosity{background:var(--color-bg-gray);border-radius:var(--radius-sm);color:var(--color-text-gray);align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.oil-viscosity svg{color:var(--color-primary)}.oil-volume-badge{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-radius:var(--radius-md);text-align:center;margin-bottom:12px;padding:8px 16px;font-size:18px;font-weight:700;display:inline-block}.oil-title{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.oil-code{color:var(--color-text-gray);margin-bottom:12px;font-size:12px}.oil-specs{background:var(--color-bg-gray);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;padding:12px;display:grid}.oil-specs .spec-item{flex-direction:column;gap:2px;display:flex}.oil-specs .spec-label{color:var(--color-text-gray);text-transform:uppercase;letter-spacing:.3px;font-size:10px}.oil-specs .spec-value{color:var(--color-text);font-size:13px;font-weight:600}.oil-stock{border-radius:var(--radius-sm);text-align:center;margin-bottom:16px;padding:8px 12px;font-size:13px;font-weight:500}.oil-stock.in-stock{color:var(--color-success);background:#28a7451a}.oil-stock.out-of-stock{color:var(--color-error);background:#dc35451a}.oil-footer{flex-direction:column;gap:12px;margin-top:auto;display:flex}.oil-price{color:var(--color-primary);text-align:center;font-size:22px;font-weight:700}.oil-actions{align-items:center;gap:10px;display:flex}.oil-actions .quantity-control{border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;display:flex;overflow:hidden}.oil-actions .quantity-control button{background:var(--color-bg-gray);cursor:pointer;border:none;width:32px;height:36px;font-size:16px;transition:background .2s}.oil-actions .quantity-control button:hover:not(:disabled){background:var(--color-border)}.oil-actions .quantity-control button:disabled{opacity:.5;cursor:not-allowed}.oil-actions .quantity-control span{text-align:center;min-width:36px;font-size:14px;font-weight:600}.oil-actions .btn-buy{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.oil-actions .btn-buy:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.oil-actions .btn-buy:disabled{opacity:.5;cursor:not-allowed}.oil-actions .btn-buy.added{background:var(--color-success)}.oil-filters{background:var(--color-bg-white);border-radius:var(--radius-lg);height:fit-content;padding:24px;position:sticky;top:100px}@media (max-width:1024px){.oil-catalog .catalog-layout{grid-template-columns:1fr}.oil-filters{margin-bottom:24px;position:static}.oil-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}}@media (max-width:640px){.oil-grid{grid-template-columns:1fr}.oil-card{padding:16px}.oil-actions{flex-direction:column}.oil-actions .quantity-control{justify-content:center;width:100%}.oil-actions .btn-buy{width:100%}}.messages-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.messages-stats{gap:16px;margin-bottom:24px;display:flex}.messages-stat{background:var(--color-bg);border-radius:var(--radius-md);flex-direction:column;flex:1;align-items:center;padding:16px;display:flex}.messages-stat.highlight{background:rgba(var(--color-primary-rgb),.1)}.messages-stat .stat-value{color:var(--color-text);font-size:24px;font-weight:700}.messages-stat.highlight .stat-value{color:var(--color-primary)}.messages-stat .stat-label{color:var(--color-text-light);margin-top:4px;font-size:13px}.messages-tabs{border-bottom:1px solid var(--color-border);gap:8px;margin-bottom:20px;padding-bottom:16px;display:flex}.messages-tabs .tab-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:8px 16px;font-size:14px;transition:all .2s}.messages-tabs .tab-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.messages-tabs .tab-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.messages-form-wrapper{background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:20px;padding:20px}.messages-form .form-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.message-type-selector{gap:12px;display:flex}.message-type-selector .type-btn{background:var(--color-bg-white);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;transition:all .2s;display:flex}.message-type-selector .type-btn:hover{border-color:var(--color-primary)}.message-type-selector .type-btn.active{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.messages-success{background:rgba(var(--color-success-rgb,40,167,69),.1);border:1px solid var(--color-success);border-radius:var(--radius-sm);color:var(--color-success);align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.messages-loading,.messages-error,.messages-empty{text-align:center;color:var(--color-text-light);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.messages-empty svg{color:var(--color-border);margin-bottom:16px}.messages-empty h2{color:var(--color-text);margin-bottom:8px;font-size:18px;font-weight:600}.messages-empty p{margin-bottom:20px}.messages-list{flex-direction:column;gap:12px;display:flex}.message-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.message-card.answered{border-left:3px solid var(--color-success)}.message-card.pending{border-left:3px solid var(--color-warning)}.message-card-header{cursor:pointer;align-items:center;gap:12px;padding:16px;transition:background .2s;display:flex}.message-card-header:hover{background:var(--color-bg)}.message-card-icon{background:var(--color-bg);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.message-card-info{flex:1}.message-card-type{align-items:center;gap:12px;font-weight:500;display:flex}.message-status{border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.message-status.answered{background:rgba(var(--color-success-rgb,40,167,69),.1);color:var(--color-success)}.message-status.pending{background:rgba(var(--color-warning-rgb,255,193,7),.1);color:var(--color-warning)}.message-card-date{color:var(--color-text-light);margin-top:2px;font-size:13px}.message-card-toggle{color:var(--color-text-light);cursor:pointer;background:0 0;border:none;padding:4px}.message-card-content{padding:0 16px 16px}.message-card-question,.message-card-answer{border-radius:var(--radius-sm);padding:12px}.message-card-question{background:var(--color-bg)}.message-card-answer{background:rgba(var(--color-success-rgb,40,167,69),.05);margin-top:12px}.message-label{color:var(--color-text-light);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.message-manager{text-transform:none;font-weight:400}.message-text{white-space:pre-wrap;font-size:14px;line-height:1.6}@media (max-width:768px){.messages-stats{flex-wrap:wrap}.messages-stat{flex:45%}.message-type-selector{flex-direction:column}}.product-tabs{margin-top:40px;margin-bottom:40px}.tab-buttons{border-bottom:2px solid var(--color-border);-webkit-overflow-scrolling:touch;gap:0;display:flex;overflow-x:auto}.tab-button{color:var(--color-text-gray);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:12px 24px;font-size:15px;font-weight:500;transition:color .2s,border-color .2s}.tab-button:hover{color:var(--color-text)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.tab-button-promo{color:var(--color-primary);font-weight:600;animation:2s ease-in-out infinite tabPromoPulse}.tab-button-promo.active{animation:none}.tab-fire{margin-right:4px;animation:1.5s ease-in-out infinite tabFireBounce;display:inline-block}@keyframes tabPromoPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes tabFireBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.tab-content{padding:24px 0}.tab-pane{min-height:100px}.tab-empty{text-align:center;color:var(--color-text-gray);padding:40px 20px;font-size:15px}.tab-skeleton{padding:8px 0}.specs-table{border-collapse:collapse;width:100%}.specs-table tr:nth-child(2n){background:var(--color-bg-gray)}.specs-table td{border-bottom:1px solid var(--color-border);padding:10px 16px;font-size:14px}.specs-table .spec-name{color:var(--color-text-gray);width:40%;font-weight:500}.specs-table .spec-value{color:var(--color-text);font-weight:600}.oem-table{border-collapse:collapse;width:100%}.oem-table th{text-transform:uppercase;color:var(--color-text-gray);text-align:left;border-bottom:2px solid var(--color-border);background:var(--color-bg-gray);padding:10px 16px;font-size:13px;font-weight:600}.oem-table td{border-bottom:1px solid var(--color-border);padding:10px 16px;font-size:14px}.oem-table .oem-code{color:var(--color-primary);font-family:monospace;font-weight:600}.oem-table tr:hover{background:var(--color-bg-gray)}.analog-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.analog-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;gap:8px;padding:16px;transition:box-shadow .2s;display:flex}.analog-card:hover{box-shadow:0 4px 12px #00000014}.analog-header{justify-content:space-between;align-items:center;display:flex}.analog-type{text-transform:uppercase;color:var(--color-bg-white);background:var(--color-text-gray);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.analog-stock{font-size:12px;font-weight:500}.analog-stock.in-stock{color:var(--color-success)}.analog-stock.out-of-stock{color:var(--color-warning)}.analog-name{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;display:-webkit-box;overflow:hidden}.analog-name:hover{color:var(--color-primary)}.analog-brand{color:var(--color-text-gray);font-size:13px;font-weight:500}.analog-code{color:var(--color-text-light);font-family:monospace;font-size:12px}.analog-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.analog-price{color:var(--color-text);font-size:16px;font-weight:700}.btn-sm{gap:4px;padding:6px 12px;font-size:12px}.vehicles-accordion{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.accordion-item{border-bottom:1px solid var(--color-border)}.accordion-item:last-child{border-bottom:none}.accordion-header{background:var(--color-bg-white);cursor:pointer;width:100%;color:var(--color-text);border:none;justify-content:space-between;align-items:center;padding:14px 20px;font-size:15px;font-weight:600;transition:background .2s;display:flex}.accordion-header:hover,.accordion-header.active{background:var(--color-bg-gray)}.accordion-title{align-items:center;gap:8px;display:flex}.accordion-count{color:var(--color-text-gray);font-size:13px;font-weight:400}.accordion-icon{color:var(--color-text-gray);transition:transform .2s}.accordion-icon.rotated{transform:rotate(180deg)}.accordion-body{background:var(--color-bg-white);padding:0}.vehicles-table{border-collapse:collapse;width:100%}.vehicles-table th{text-transform:uppercase;color:var(--color-text-gray);text-align:left;background:var(--color-bg-gray);border-bottom:1px solid var(--color-border);padding:8px 16px;font-size:12px;font-weight:600}.vehicles-table td{border-bottom:1px solid var(--color-border);padding:8px 16px;font-size:13px}.vehicles-table tr:hover{background:var(--color-bg-gray)}.vin-results-empty{background:var(--color-bg-gray)!important}.vin-results-empty svg{color:var(--color-warning)!important}.vin-results-empty h3{color:var(--color-text)!important}.vin-no-results-message{text-align:center;padding:24px}.vin-no-results-message p{color:var(--color-text-gray);margin-bottom:20px;font-size:15px}@media (max-width:768px){.tab-buttons{gap:0}.tab-button{padding:10px 14px;font-size:13px}.analog-grid{grid-template-columns:1fr}.specs-table .spec-name{width:50%}.vehicles-table{font-size:12px}.vehicles-table th,.vehicles-table td{padding:6px 10px}.oem-table th,.oem-table td{padding:8px 10px;font-size:13px}}body.banner-modal-open{overflow:hidden}.banner-modal-overlay{z-index:3000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.banner-modal-link{color:inherit;max-width:100%;text-decoration:none;display:block}.banner-modal{background:var(--color-bg-white);border-radius:12px;width:500px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000040}.banner-modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.banner-modal-title{color:var(--color-text);margin:0;font-size:18px;font-weight:600}.banner-modal-close{width:32px;height:32px;color:var(--color-text-gray);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;font-size:24px;line-height:1;transition:background .2s,color .2s}.banner-modal-close:hover{background:var(--color-bg-gray);color:var(--color-text)}.banner-modal-body{padding:20px}.banner-modal-image{border-radius:8px;width:100%;height:auto;display:block}.banner-modal-content{color:var(--color-text);margin-top:12px;font-size:14px;line-height:1.5}.banner-modal-content img{max-width:100%;height:auto}@media (max-width:576px){.banner-modal{width:100%}.banner-modal-header{padding:14px 16px}.banner-modal-body{padding:16px}}.map-embed{border-radius:var(--radius-lg);border:1px solid var(--color-border);min-height:320px;overflow:hidden}.map-embed iframe{aspect-ratio:4/3;border:0;width:100%;height:100%;display:block}@media (max-width:992px){.map-embed iframe{aspect-ratio:16/9}}.about-content{max-width:860px;margin:0 auto 60px}.about-description{color:var(--color-text-gray);margin-bottom:32px;font-size:16px;line-height:1.7}.about-brands{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.about-brands li{color:var(--color-text);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:flex-start;gap:10px;padding:12px 16px;font-size:15px;display:flex}.about-brands li svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.scraping-overlay{z-index:1100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a1a2e8c;justify-content:center;align-items:center;padding:20px;animation:.2s scraping-fade-in;display:flex;position:fixed;inset:0}@keyframes scraping-fade-in{0%{opacity:0}to{opacity:1}}.scraping-modal{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);text-align:center;padding:32px 28px 24px;animation:.22s scraping-pop-in;position:relative}@keyframes scraping-pop-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.scraping-close{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--color-text-gray);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex;position:absolute;top:12px;right:12px}.scraping-close:hover{background:var(--color-bg-gray);color:var(--color-text)}.scraping-icon{width:72px;height:72px;color:var(--color-primary);background:#e3183714;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.scraping-title{color:var(--color-text);margin-bottom:8px;font-size:20px;font-weight:700}.scraping-text{color:var(--color-text-gray);margin-bottom:20px;font-size:14px;line-height:1.6}.scraping-widget{justify-content:center;min-height:65px;margin-bottom:12px;display:flex}.scraping-status{color:var(--color-text-gray);margin-bottom:8px;font-size:13px}.scraping-error{color:var(--color-error);margin-bottom:8px;font-size:13px}.scraping-dismiss-link{color:var(--color-text-light);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:13px;text-decoration:underline;transition:color .15s}.scraping-dismiss-link:hover{color:var(--color-text-gray)}.scraping-reminder{z-index:1090;background:var(--color-bg-dark);color:#fff;border-radius:var(--radius-md);max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);align-items:center;gap:10px;padding:10px 14px;font-size:13px;animation:.22s scraping-pop-in;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.scraping-reminder svg{color:var(--color-warning);flex-shrink:0}.scraping-reminder-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:6px 12px;font-size:13px;font-weight:600;transition:background .15s}.scraping-reminder-btn:hover{background:var(--color-primary-dark)}.price-hidden{color:var(--color-text-gray);white-space:nowrap;align-items:center;gap:5px;font-size:.9em;font-weight:600;display:inline-flex}.price-hidden svg{color:var(--color-primary);flex-shrink:0}.price-hidden-text{font-size:.85em}@media (max-width:480px){.scraping-modal{padding:28px 20px 20px}.scraping-reminder{text-align:center;flex-wrap:wrap;justify-content:center}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}
