:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-light:#dbeafe;--secondary-color:#16a34a;--secondary-hover:#15803d;--accent-color:#f59e0b;--danger-color:#dc2626;--danger-hover:#b91c1c;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--transition-fast:.15s ease-in-out;--transition-base:.3s ease-in-out;--transition-slow:.5s ease-in-out;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Fira Code","Droid Sans Mono","Source Code Pro",monospace;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-secondary);line-height:1.6;overflow-x:hidden}.kit-main-content{flex-direction:column;min-height:100vh;display:flex}.kit-content-wrapper{width:100%;max-width:1400px;padding:var(--spacing-xl)var(--spacing-md);flex:1;margin:0 auto}.kit-header-section{text-align:center;padding:var(--spacing-3xl)var(--spacing-md);margin-bottom:var(--spacing-2xl);border-radius:var(--radius-2xl);color:var(--white);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative;overflow:hidden}.kit-header-section:before{content:"";background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);width:200%;height:200%;animation:20s linear infinite rotate-gradient;position:absolute;top:-50%;left:-50%}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kit-header-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg);z-index:1;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);font-size:.875rem;font-weight:500;display:inline-flex;position:relative}.kit-title{margin-bottom:var(--spacing-md);z-index:1;font-size:3rem;font-weight:800;line-height:1.2;position:relative}.gradient-text{background:linear-gradient(90deg,#fbbf24,#f59e0b,#fbbf24) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradient-shift}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.kit-subtitle{opacity:.95;margin-bottom:var(--spacing-2xl);z-index:1;font-size:1.25rem;position:relative}.stats-bar{justify-content:center;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);z-index:1;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);max-width:600px;margin:0 auto;display:flex;position:relative}.stat-item{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.stat-number{font-size:1.5rem;font-weight:700}.stat-label{opacity:.9;font-size:.875rem}.stat-divider{background:rgba(255,255,255,.3);width:1px;height:40px}.kit-filter-bar{justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-2xl);flex-wrap:wrap;display:flex}.filter-info{flex:none}.filter-info p{color:var(--text-secondary);font-size:1rem}.filter-info strong{color:var(--primary-color);font-weight:600}.search-result{color:var(--text-primary);font-weight:500}.kit-filter-controls{gap:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.filter-group{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200);display:flex}.filter-group svg{color:var(--gray-500);flex-shrink:0}.kit-select{color:var(--text-primary);cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;outline:none;font-size:.875rem;font-weight:500}.kit-select:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm)}.search-group{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200);min-width:280px;transition:all var(--transition-fast);display:flex}.search-group:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.search-group svg{color:var(--gray-500);flex-shrink:0}.kit-search{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.875rem}.kit-search::placeholder{color:var(--text-tertiary)}.clear-search{background:var(--gray-300);border-radius:var(--radius-full);cursor:pointer;width:20px;height:20px;color:var(--gray-600);transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex}.clear-search:hover{background:var(--gray-400);transform:scale(1.1)}.kit-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.kit-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);gap:var(--spacing-md);border:1px solid var(--gray-200);flex-direction:column;display:flex;position:relative;overflow:hidden}.kit-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-color);transform:translateY(-8px)}.kit-card:before{content:"";background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));opacity:0;height:4px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.kit-card:hover:before{opacity:1}.animate-on-scroll{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.kit-badge{top:var(--spacing-md);right:var(--spacing-md);color:var(--white);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-full);align-items:center;gap:var(--spacing-xs);box-shadow:var(--shadow-md);z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);font-size:.75rem;font-weight:600;animation:2s ease-in-out infinite pulse-badge;display:flex;position:absolute}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.kit-badge svg{width:14px;height:14px}.kit-card-header{align-items:flex-start;gap:var(--spacing-md);display:flex}.kit-icon-wrapper{background:linear-gradient(135deg,var(--primary-light),var(--gray-100));border-radius:var(--radius-lg);width:48px;height:48px;transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.kit-card:hover .kit-icon-wrapper{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));transform:rotate(5deg)scale(1.1)}.kit-icon-wrapper svg{width:24px;height:24px;color:var(--primary-color);transition:color var(--transition-base)}.kit-card:hover .kit-icon-wrapper svg{color:var(--white)}.kit-header-text{flex:1;min-width:0}.kit-header{color:var(--text-primary);margin-bottom:var(--spacing-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.25rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.kit-rating{align-items:center;gap:var(--spacing-xs);font-size:.875rem;display:flex}.stars{color:var(--accent-color);letter-spacing:1px}.rating-count{color:var(--text-secondary)}.kit-image-container{background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200);width:100%;height:200px;position:relative;overflow:hidden}.kit-image{object-fit:contain;width:100%;height:100%;transition:transform var(--transition-base)}.kit-card:hover .kit-image{transform:scale(1.05)}.kit-image-placeholder{background:linear-gradient(135deg,var(--gray-100),var(--gray-200));justify-content:center;align-items:center;width:100%;height:100%;display:flex}.kit-image-placeholder svg{width:64px;height:64px;color:var(--gray-400);opacity:.5}.in-cart-badge{bottom:var(--spacing-sm);left:var(--spacing-sm);background:var(--secondary-color);color:var(--white);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-full);box-shadow:var(--shadow-md);font-size:.75rem;font-weight:600;animation:.3s ease-out slide-in-left;position:absolute}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.kit-description{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.kit-tags{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.kit-tag{background:var(--gray-100);color:var(--text-secondary);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-full);transition:all var(--transition-fast);border:1px solid var(--gray-200);font-size:.75rem;font-weight:500}.kit-tag:hover{background:var(--primary-light);color:var(--primary-color);border-color:var(--primary-color)}.kit-tag-more{background:var(--primary-color);color:var(--white);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.kit-footer{gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--gray-200);flex-direction:column;margin-top:auto;display:flex}.kit-price-section{color:var(--primary-color);align-self:flex-end;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.kit-cart-section{align-self:flex-end}.kit-feature{margin-top:var(--spacing-sm);color:var(--secondary-color);align-self:flex-start;align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:600;display:flex}.kit-feature svg{width:16px;height:16px}.kit-quantity{align-items:center;gap:var(--spacing-md);background:var(--gray-50);padding:var(--spacing-sm);border-radius:var(--radius-lg);border:1px solid var(--gray-200);display:flex}.qty-btn{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--primary-color);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;display:flex}.qty-btn:hover:not(:disabled){background:var(--primary-color);color:var(--white);border-color:var(--primary-color);transform:scale(1.1)}.qty-btn:active:not(:disabled){transform:scale(.95)}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.qty-display{color:var(--text-primary);text-align:center;min-width:30px;font-size:1rem;font-weight:600}.kit-button{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:var(--white);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-base);box-shadow:var(--shadow-sm);border:none;font-size:.875rem;font-weight:600;display:flex;position:relative;overflow:hidden}.kit-button:before{content:"";background:rgba(255,255,255,.3);border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kit-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kit-button:hover:before{width:300px;height:300px}.kit-button:active{transform:translateY(0)}.kit-button.adding{animation:.6s button-pulse}@keyframes button-pulse{0%,to{transform:scale(1)}50%{transform:scale(.95)}}.kit-button svg{width:16px;height:16px;transition:transform var(--transition-fast)}.kit-button:hover svg{transform:translate(4px)}.pagination-container{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl)0;flex-wrap:wrap;display:flex}.pagination-btn{background:var(--white);border:1px solid var(--gray-300);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);align-items:center;gap:var(--spacing-sm);font-size:.875rem;font-weight:500;display:flex}.pagination-btn:hover:not(:disabled){background:var(--primary-color);color:var(--white);border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-nav{font-weight:600}.pagination-numbers{gap:var(--spacing-sm);align-items:center;display:flex}.pagination-number{justify-content:center;min-width:40px;height:40px;padding:0}.pagination-number.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);box-shadow:var(--shadow-md)}.pagination-ellipsis{padding:var(--spacing-sm);color:var(--text-tertiary);font-weight:600}.loading-container{padding:var(--spacing-3xl);justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.loading-spinner{border:4px solid var(--gray-200);border-top-color:var(--primary-color);border-radius:50%;width:60px;height:60px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{color:var(--text-secondary);font-size:1rem;font-weight:500}.no-results{padding:var(--spacing-3xl);justify-content:center;align-items:center;gap:var(--spacing-lg);text-align:center;flex-direction:column;display:flex}.no-results svg{color:var(--gray-300);opacity:.5}.no-results h3{color:var(--text-primary);font-size:1.5rem;font-weight:700}.no-results p{color:var(--text-secondary);font-size:1rem}.reset-filters-btn{background:var(--primary-color);color:var(--white);padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);border:none;font-size:1rem;font-weight:600}.reset-filters-btn:hover{background:var(--primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.reset-filters-btn:active{transform:translateY(0)}@media (max-width:1024px){.kit-title{font-size:2.5rem}.kit-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.kit-content-wrapper{padding:var(--spacing-md)}.kit-header-section{padding:var(--spacing-2xl)var(--spacing-md)}.kit-title{font-size:2rem}.kit-subtitle{font-size:1rem}.stats-bar{gap:var(--spacing-md);flex-direction:column}.stat-divider{width:100%;height:1px}.kit-filter-bar{flex-direction:column;align-items:stretch}.filter-info{text-align:center}.kit-filter-controls{flex-direction:column;width:100%}.filter-group,.search-group{width:100%}.kit-grid{gap:var(--spacing-md);grid-template-columns:1fr}.pagination-container{gap:var(--spacing-sm)}.pagination-nav{padding:var(--spacing-sm);font-size:.75rem}.pagination-number{min-width:36px;height:36px;font-size:.875rem}}@media (max-width:480px){.kit-header-section{padding:var(--spacing-xl)var(--spacing-sm)}.kit-title{font-size:1.75rem}.kit-subtitle{font-size:.875rem}.kit-header-badge{padding:var(--spacing-xs)var(--spacing-md);font-size:.75rem}.stats-bar{padding:var(--spacing-md)}.stat-number{font-size:1.25rem}.stat-label{font-size:.75rem}.kit-card{padding:var(--spacing-md)}.kit-header{font-size:1.125rem}.kit-image-container{height:160px}.kit-price-section{font-size:1.25rem}.search-group{min-width:auto}.pagination-numbers{padding:var(--spacing-sm)0;overflow-x:auto}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm)}*{transition:background-color var(--transition-fast),color var(--transition-fast)}.no-transitions *{transition:none!important}@media print{.kit-header-section,.kit-filter-bar,.pagination-container,.kit-button,.qty-btn{display:none}.kit-card{break-inside:avoid;box-shadow:none;border:1px solid var(--gray-300)}.kit-grid{display:block}.kit-card{margin-bottom:var(--spacing-lg)}}.kit-image,.kit-icon-wrapper,.kit-badge{will-change:transform}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-on-scroll{opacity:1;transform:none}}@media (prefers-color-scheme:dark){:root{--bg-primary:#1f2937;--bg-secondary:#111827;--bg-tertiary:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--gray-50:#374151;--gray-100:#4b5563;--gray-200:#6b7280;--gray-300:#9ca3af}.kit-card{background:var(--bg-primary);border-color:var(--gray-600)}.kit-filter-bar{background:var(--bg-primary)}.filter-group,.search-group,.kit-image-container{background:var(--bg-tertiary);border-color:var(--gray-600)}.pagination-btn{background:var(--bg-primary);border-color:var(--gray-600)}:root{--dm-bg-primary:#1f2937;--dm-bg-secondary:#111827;--dm-bg-tertiary:#374151;--dm-text-primary:#f9fafb;--dm-text-secondary:#d1d5db;--dm-text-tertiary:#9ca3af;--dm-border-primary:#374151;--dm-border-secondary:#4b5563;--dm-border-tertiary:#6b7280;--dm-primary-color:#3b82f6;--dm-primary-hover:#2563eb;--dm-primary-light:rgba(59,130,246,.1);--dm-secondary-color:#34d399;--dm-secondary-hover:#10b981;--dm-accent-color:#fbbf24}}.dark-mode{--dm-bg-primary:#1f2937;--dm-bg-secondary:#111827;--dm-bg-tertiary:#374151;--dm-text-primary:#f9fafb;--dm-text-secondary:#d1d5db;--dm-text-tertiary:#9ca3af;--dm-border-primary:#374151;--dm-border-secondary:#4b5563;--dm-border-tertiary:#6b7280;--dm-primary-color:#3b82f6;--dm-primary-hover:#2563eb;--dm-primary-light:rgba(59,130,246,.1);--dm-secondary-color:#34d399;--dm-secondary-hover:#10b981;--dm-accent-color:#fbbf24}@media (prefers-color-scheme:dark){body{background-color:var(--dm-bg-secondary);color:var(--dm-text-primary)}.kit-main-content,.kit-content-wrapper{background-color:var(--dm-bg-secondary)}.kit-header-section{background:linear-gradient(135deg,#4c1d95 0%,#5b21b6 100%)}.kit-header-section:before{background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%)}.kit-header-badge{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25)}.gradient-text{background:linear-gradient(90deg,#fbbf24,#f59e0b,#fbbf24);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stats-bar{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15)}.kit-filter-bar{background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.filter-info p{color:var(--dm-text-secondary)}.filter-info strong{color:var(--dm-primary-color)}.search-result{color:var(--dm-text-primary)}.filter-group{background:var(--dm-bg-tertiary);border-color:var(--dm-border-secondary)}.filter-group svg{color:var(--dm-text-secondary)}.kit-select{color:var(--dm-text-primary);background:0 0}.kit-select option{background:var(--dm-bg-tertiary);color:var(--dm-text-primary)}.search-group{background:var(--dm-bg-tertiary);border-color:var(--dm-border-secondary)}.search-group:focus-within{border-color:var(--dm-primary-color);box-shadow:0 0 0 3px var(--dm-primary-light)}.search-group svg{color:var(--dm-text-secondary)}.kit-search{color:var(--dm-text-primary);background:0 0}.kit-search::placeholder{color:var(--dm-text-tertiary)}.clear-search{background:var(--dm-border-secondary);color:var(--dm-text-secondary)}.clear-search:hover{background:var(--dm-border-tertiary)}.kit-card{background:var(--dm-bg-primary);border-color:var(--dm-border-primary);box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.kit-card:hover{border-color:var(--dm-primary-color);box-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3)}.kit-card:before{background:linear-gradient(90deg,var(--dm-primary-color),var(--dm-secondary-color))}.kit-badge{background:linear-gradient(135deg,#5b21b6 0%,#6d28d9 100%)}.kit-icon-wrapper{background:linear-gradient(135deg,rgba(59,130,246,.2),var(--dm-bg-tertiary))}.kit-card:hover .kit-icon-wrapper{background:linear-gradient(135deg,var(--dm-primary-color),var(--dm-primary-hover))}.kit-icon-wrapper svg{color:var(--dm-primary-color)}.kit-card:hover .kit-icon-wrapper svg,.kit-header{color:var(--dm-text-primary)}.stars{color:var(--dm-accent-color)}.rating-count{color:var(--dm-text-secondary)}.kit-image-container{background:var(--dm-bg-tertiary);border-color:var(--dm-border-primary)}.kit-image-placeholder{background:linear-gradient(135deg,var(--dm-bg-tertiary),var(--dm-border-primary))}.kit-image-placeholder svg{color:var(--dm-border-tertiary)}.in-cart-badge{background:var(--dm-secondary-color)}.kit-description{color:var(--dm-text-secondary)}.kit-tag{background:var(--dm-bg-tertiary);color:var(--dm-text-secondary);border-color:var(--dm-border-secondary)}.kit-tag:hover{background:var(--dm-primary-light);color:var(--dm-primary-color);border-color:var(--dm-primary-color)}.kit-tag-more{background:var(--dm-primary-color);color:var(--dm-text-primary)}.kit-footer{border-top-color:var(--dm-border-primary)}.kit-price-section{color:var(--dm-primary-color)}.kit-feature{color:var(--dm-secondary-color)}.kit-quantity{background:var(--dm-bg-tertiary);border-color:var(--dm-border-secondary)}.qty-btn{background:var(--dm-bg-primary);border-color:var(--dm-border-secondary);color:var(--dm-primary-color)}.qty-btn:hover:not(:disabled){background:var(--dm-primary-color);color:var(--dm-text-primary);border-color:var(--dm-primary-color)}.qty-display{color:var(--dm-text-primary)}.kit-button{background:linear-gradient(135deg,#5b21b6,#6d28d9)}.kit-button:hover{box-shadow:0 10px 15px -3px rgba(91,33,182,.4),0 4px 6px -2px rgba(91,33,182,.3)}.pagination-btn{background:var(--dm-bg-primary);border-color:var(--dm-border-secondary);color:var(--dm-text-primary)}.pagination-btn:hover:not(:disabled),.pagination-number.active{background:var(--dm-primary-color);color:var(--dm-text-primary);border-color:var(--dm-primary-color)}.pagination-ellipsis{color:var(--dm-text-tertiary)}.loading-container{background:0 0}.loading-spinner{border-color:var(--dm-border-secondary);border-top-color:var(--dm-primary-color)}.loading-container p{color:var(--dm-text-secondary)}.no-results svg{color:var(--dm-border-secondary)}.no-results h3{color:var(--dm-text-primary)}.no-results p{color:var(--dm-text-secondary)}.reset-filters-btn{background:var(--dm-primary-color)}.reset-filters-btn:hover{background:var(--dm-primary-hover)}}.dark-mode body{background-color:var(--dm-bg-secondary);color:var(--dm-text-primary)}.dark-mode .kit-main-content,.dark-mode .kit-content-wrapper{background-color:var(--dm-bg-secondary)}.dark-mode .kit-header-section{background:linear-gradient(135deg,#4c1d95 0%,#5b21b6 100%)}.dark-mode .kit-header-section:before{background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%)}.dark-mode .kit-header-badge{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25)}.dark-mode .gradient-text{background:linear-gradient(90deg,#fbbf24,#f59e0b,#fbbf24);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark-mode .stats-bar{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15)}.dark-mode .kit-filter-bar{background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.dark-mode .filter-info p{color:var(--dm-text-secondary)}.dark-mode .filter-info strong{color:var(--dm-primary-color)}.dark-mode .search-result{color:var(--dm-text-primary)}.dark-mode .filter-group{background:var(--dm-bg-tertiary);border-color:var(--dm-border-secondary)}.dark-mode .filter-group svg{color:var(--dm-text-secondary)}.dark-mode .kit-select{color:var(--dm-text-primary);background:0 0}.dark-mode .kit-select option{background:var(--dm-bg-tertiary);color:var(--dm-text-primary)}.dark-mode .search-group{background:var(--dm-bg-tertiary);border-color:var(--dm-border-secondary)}.dark-mode .search-group:focus-within{border-color:var(--dm-primary-color);box-shadow:0 0 0 3px var(--dm-primary-light)}.dark-mode .search-group svg{color:var(--dm-text-secondary)}.dark-mode .kit-search{color:var(--dm-text-primary);background:0 0}.dark-mode .kit-search::placeholder{color:var(--dm-text-tertiary)}.dark-mode .clear-search{background:var(--dm-border-secondary);color:var(--dm-text-secondary)}.dark-mode .clear-search:hover{background:var(--dm-border-tertiary)}.dark-mode .kit-card{background:var(--dm-bg-primary);border-color:var(--dm-border-primary);box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.dark-mode .kit-card:hover{border-color:var(--dm-primary-color);box-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3)}.dark-mode .kit-card:before{background:linear-gradient(90deg,var(--dm-primary-color),var(--dm-secondary-color))}.dark-mode .kit-badge{background:linear-gradient(135deg,#5b21b6 0%,#6d28d9 100%)}.dark-mode .kit-icon-wrapper{background:linear-gradient(135deg,rgba(59,130,246,.2),var(--dm-bg-tertiary))}.dark-mode .kit-card:hover .kit-icon-wrapper{background:linear-gradient(135deg,var(--dm-primary-color),var(--dm-primary-hover))}.dark-mode .kit-icon-wrapper svg{color:var(--dm-primary-color)}.dark-mode .kit-card:hover .kit-icon-wrapper svg,.dark-mode .kit-header{color:var(--dm-text-primary)}.dark-mode .stars{color:var(--dm-accent-color)}.dark-mode .rating-count{color:var(--dm-text-secondary)}.dark-mode .kit-image-container{background:var(--dm-bg-tertiary);border-color:var(--dm-border-primary)}.dark-mode .kit-image-placeholder{background:linear-gradient(135deg,var(--dm-bg-tertiary),var(--dm-border-primary))}.dark-mode .kit-image-placeholder svg{color:var(--dm-border-tertiary)}.dark-mode .in-cart-badge{background:var(--dm-secondary-color)}.dark-mode .kit-description{color:var(--dm-text-secondary)}.dark-mode .kit-tag{background:var(--dm-bg-tertiary);color:var(--dm-text-secondary);border-color:var(--dm-border-secondary)}.dark-mode .kit-tag:hover{background:var(--dm-primary-light);color:var(--dm-primary-color);border-color:var(--dm-primary-color)}.dark-mode .kit-tag-more{background:var(--dm-primary-color);color:var(--dm-text-primary)}.dark-mode .kit-footer{border-top-color:var(--dm-border-primary)}.dark-mode .kit-price-section{color:var(--dm-primary-color)}.dark-mode .kit-feature{color:var(--dm-secondary-color)}.dark-mode .kit-quantity{background:var(--dm-bg-tertiary);border-color:var(--dm-border-secondary)}.dark-mode .qty-btn{background:var(--dm-bg-primary);border-color:var(--dm-border-secondary);color:var(--dm-primary-color)}.dark-mode .qty-btn:hover:not(:disabled){background:var(--dm-primary-color);color:var(--dm-text-primary);border-color:var(--dm-primary-color)}.dark-mode .qty-display{color:var(--dm-text-primary)}.dark-mode .kit-button{background:linear-gradient(135deg,#5b21b6,#6d28d9)}.dark-mode .kit-button:hover{box-shadow:0 10px 15px -3px rgba(91,33,182,.4),0 4px 6px -2px rgba(91,33,182,.3)}.dark-mode .pagination-btn{background:var(--dm-bg-primary);border-color:var(--dm-border-secondary);color:var(--dm-text-primary)}.dark-mode .pagination-btn:hover:not(:disabled),.dark-mode .pagination-number.active{background:var(--dm-primary-color);color:var(--dm-text-primary);border-color:var(--dm-primary-color)}.dark-mode .pagination-ellipsis{color:var(--dm-text-tertiary)}.dark-mode .loading-container{background:0 0}.dark-mode .loading-spinner{border-color:var(--dm-border-secondary);border-top-color:var(--dm-primary-color)}.dark-mode .loading-container p{color:var(--dm-text-secondary)}.dark-mode .no-results svg{color:var(--dm-border-secondary)}.dark-mode .no-results h3{color:var(--dm-text-primary)}.dark-mode .no-results p{color:var(--dm-text-secondary)}.dark-mode .reset-filters-btn{background:var(--dm-primary-color)}.dark-mode .reset-filters-btn:hover{background:var(--dm-primary-hover)}