:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;--text: rgba(0, 0, 0, .88);--muted: rgba(0, 0, 0, .65);--muted-2: rgba(0, 0, 0, .55);--border: rgba(0, 0, 0, .12);--border-soft: rgba(0, 0, 0, .08);--shadow: rgba(0, 0, 0, .05);--card: #ffffff;--surface: #fbfbfc;--surface-2: rgba(0, 0, 0, .015);--chip-bg: var(--card);--chip-border: rgba(0, 0, 0, .08);--accent: #111111;--accent-text: #ffffff;--tooltip-bg: rgba(17, 17, 17, .96);--tooltip-text: rgba(255, 255, 255, .9);--focus-ring: rgba(17, 17, 17, .25);--page-bg: radial-gradient(1200px 700px at 20% -10%, rgba(255, 210, 120, .25), rgba(255, 255, 255, 0)), radial-gradient(1200px 700px at 100% 0%, rgba(160, 210, 255, .22), rgba(255, 255, 255, 0)), #f7f7f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text)}:root[data-theme=dark]{color-scheme:dark;--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .7);--muted-2: rgba(255, 255, 255, .58);--border: rgba(255, 255, 255, .18);--border-soft: rgba(255, 255, 255, .12);--shadow: rgba(0, 0, 0, .55);--card: rgba(20, 20, 22, .98);--surface: rgba(16, 16, 18, .98);--surface-2: rgba(255, 255, 255, .04);--chip-bg: rgba(255, 255, 255, .06);--chip-border: rgba(255, 255, 255, .12);--accent: rgba(255, 255, 255, .92);--accent-text: rgba(0, 0, 0, .92);--tooltip-bg: rgba(0, 0, 0, .9);--tooltip-text: rgba(255, 255, 255, .9);--focus-ring: rgba(255, 255, 255, .22);--page-bg: radial-gradient(1200px 700px at 20% -10%, rgba(255, 210, 120, .08), rgba(0, 0, 0, 0)), radial-gradient(1200px 700px at 100% 0%, rgba(160, 210, 255, .08), rgba(0, 0, 0, 0)), #0b0b0d}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:var(--page-bg);color:var(--text)}#root{width:100%;height:100%}html{height:100%}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.racInput{width:100%;font:inherit;padding:10px 16px;height:48px;min-width:0;border-radius:14px;border:1px solid var(--border);background:var(--card);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}.racInput:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.racInput::placeholder{color:var(--muted-2)}.racButton{font:inherit;font-weight:600;padding:10px 16px;height:48px;border-radius:14px;border:1px solid var(--border);background:var(--accent);color:var(--accent-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.racButton:hover:not([data-disabled]){filter:brightness(1.05)}.racButton:active:not([data-disabled]){transform:translateY(1px)}.racButton[data-disabled]{opacity:.55;cursor:not-allowed}.racButtonSecondary{background:var(--card);color:var(--text)}.racSelect{width:100%}.racSelectButton{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center}.racPopover{border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 18px 50px var(--shadow);padding:10px}.racListBox{list-style:none;padding:0;margin:0;max-height:320px;overflow:auto}.racListBoxItem{padding:10px;border-radius:10px;cursor:pointer;font-size:13px}.racListBoxItem[data-focused]{outline:none;background:var(--surface-2)}.racListBoxItem[data-selected]{background:var(--surface-2)}.racTooltip{max-width:min(520px,80vw);background:var(--tooltip-bg);color:var(--tooltip-text);border-radius:12px;padding:10px 12px;box-shadow:0 18px 50px var(--shadow);font-size:12px;z-index:200}.racCheckbox{cursor:pointer}.racCheckbox[data-selected]{border-color:var(--border);background:var(--surface-2)}.checkIndicator{flex:0 0 auto;width:16px;height:16px;border-radius:5px;border:1px solid var(--border);background:var(--card);margin-top:1px}.checkIndicator.isSelected{border-color:var(--accent);background:var(--accent)}.app{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.loadingState,.errorState{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted)}.loadingSpinner{width:32px;height:32px;flex:0 0 32px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;box-sizing:border-box}@keyframes spin{to{transform:rotate(360deg)}}.appHeader{position:relative;z-index:100;background:var(--surface);border-bottom:1px solid var(--border-soft);box-shadow:0 10px 40px -10px var(--shadow)}.appHeaderInner{max-width:1400px;margin:0 auto;padding:10px 16px;padding-top:env(safe-area-inset-top,10px);display:flex;flex-direction:column;gap:8px}.headerTop{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.brand{display:flex;flex-direction:column;gap:4px}.logoWrapper{display:flex;align-items:center;gap:10px;color:var(--accent);cursor:pointer}.logoWrapper img,.logoWrapper svg{filter:drop-shadow(0 2px 4px var(--shadow))}.appTitle{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text);line-height:1;text-transform:uppercase;display:flex;align-items:baseline;gap:4px}.titleLight{font-weight:300;color:var(--muted)}.appStatus{font-size:12px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}.headerActions{display:flex;align-items:center;gap:12px}.themeSwitch{display:inline-flex;align-items:center;gap:8px;padding:0 12px;height:34px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.themeSwitch[data-focus-visible]{outline:2px solid var(--focus-ring);outline-offset:2px}.switchTrack{width:32px;height:18px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);position:relative;display:inline-flex;align-items:center;padding:1px}.themeSwitch[data-selected] .switchTrack{background:var(--accent);border-color:var(--accent)}.switchThumb{width:14px;height:14px;border-radius:999px;background:var(--card);box-shadow:0 1px 3px var(--shadow);transform:translate(0);transition:transform .15s cubic-bezier(.4,0,.2,1)}.themeSwitch[data-selected] .switchThumb{transform:translate(14px)}.switchText{font-size:13px;font-weight:600;color:var(--muted)}.themeSwitch[data-selected] .switchText{color:var(--text)}@media(max-width:900px){.appHeaderInner{padding:4px 10px;gap:4px}.headerTop{gap:8px;align-items:center}.brand{flex-direction:row;align-items:center;gap:8px}.appTitle{font-size:16px}.appStatus{font-size:11px;margin-top:0}.logoWrapper svg{width:20px;height:20px}.headerActions{gap:4px}.themeSwitch{padding:0;width:34px;height:34px;justify-content:center;border:none;background:transparent}.switchText{display:none!important}.themeSwitch .switchTrack{width:28px;height:16px}.themeSwitch .switchThumb{width:12px;height:12px}.themeSwitch[data-selected] .switchThumb{transform:translate(12px)}.appStatus{font-size:11px}}.currencySelect{margin-right:4px}.currencyButton{height:34px;padding:0 10px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.currencyButton:hover{border-color:var(--muted)}.currencyPopover{min-width:100px}.currencyListBox{max-height:300px;overflow-y:auto}@media(max-width:900px){.currencyButton{height:28px;padding:0 8px;font-size:12px}}.toolbar{display:flex;align-items:center;gap:6px;min-width:0;width:100%}.toolbarPrimary{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.toolbarSearch{flex:1;min-width:120px;max-width:360px}.searchWrapper{position:relative;display:flex;align-items:center}.searchIcon{position:absolute;left:12px;pointer-events:none;color:var(--muted);display:flex;align-items:center}.searchInput.racInput{padding-left:34px;height:34px;background:var(--card);border:1px solid var(--border);border-radius:8px;font-size:13px;transition:all .2s ease}.searchInput.racInput:hover{border-color:var(--muted-2)}.searchInput.racInput:focus{background:var(--card);border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.filterGroup{display:flex;gap:6px}.toolbarFiltersButton,.toolbarToolsButton{display:flex;align-items:center;gap:8px;height:34px;padding:0 32px 0 10px;border-radius:8px;font-weight:600;font-size:13px;min-width:105px;position:relative;transition:all .2s ease}.activeBadge{background:var(--text);color:var(--card);min-width:18px;height:18px;padding:0 4px;border-radius:9px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.toolbarSeparator{width:1px;height:18px;background:var(--border-soft);margin:0 2px;flex-shrink:0}.toolbarClear{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;transition:all .2s ease;flex-shrink:0}.toolbarClear:hover:not(:disabled){color:#ef4444;background:#fef2f2;border-color:#fca5a5}.toolbarClear:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}@media(max-width:900px){.toolbar,.toolbarPrimary{flex-direction:column;align-items:stretch;gap:6px}.toolbarSearch{max-width:none;width:100%}.searchInput.racInput{height:38px;font-size:14px}.filterGroup{width:100%;display:grid;grid-template-columns:1fr 1fr 38px;gap:6px}.toolbarFiltersButton,.toolbarToolsButton{width:100%;height:38px;justify-content:center;font-size:13px;padding-right:28px;padding-left:8px}.toolbarFiltersButton span:not(.activeBadge),.toolbarToolsButton span:not(.activeBadge){margin-left:-4px}.activeBadge{right:4px;min-width:14px;height:14px;padding:0 4px;border-radius:7px;font-size:8px}.toolbarSeparator{display:none}.toolbarClear{height:38px;width:38px}}.toolbarSort{display:flex;gap:6px;flex-shrink:0}.sortButton{width:125px}.dirButton{width:105px}.sortButton .racSelectButton,.dirButton .racSelectButton{height:34px;padding:0 10px;border-radius:8px;font-weight:500;font-size:13px;gap:6px;justify-content:flex-start}.sortButton{width:120px}.dirButton{width:95px}.racSelectButton [data-placeholder],.racSelectButton span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1}@media(max-width:900px){.toolbarSort{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.sortButton,.dirButton{width:100%}.sortButton .racSelectButton,.dirButton .racSelectButton{height:38px;font-size:13px}}.filtersPopover{width:min(540px,calc(100vw - 32px))}@media(max-width:600px){.filtersMobileModal{max-height:100vh!important;height:100%!important;max-width:100%!important;width:100%!important;border-radius:0!important;display:flex;flex-direction:column}.filtersDialog{max-height:100vh!important;height:100%!important;padding:16px;padding-top:env(safe-area-inset-top,16px);padding-bottom:env(safe-area-inset-bottom,24px)}.filtersPopover{width:100%!important;max-width:100%!important;inset:auto 0 0!important;transform:none!important;border-radius:20px 20px 0 0!important;box-shadow:0 -10px 40px var(--shadow)!important;animation:slideUp .3s ease-out}}.filtersDialog{display:flex;flex-direction:column;gap:8px;max-height:min(85vh,600px);overflow:auto;padding:6px}.filtersHeader{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px}.filtersTitle{font-size:15px;font-weight:850;letter-spacing:-.01em}.filtersGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.lengthBox{grid-column:1 / -1;padding:8px;border-radius:10px;border:1px solid var(--border-soft);background:var(--surface-2);display:flex;flex-direction:column;gap:6px}.lengthBoxHeader{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.lengthBoxHeaderSpaced{margin-top:8px}.lengthBoxTitle{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.lengthBoxMeta{font-size:10px;color:var(--muted-2);font-variant-numeric:tabular-nums}.lengthChips{display:flex;flex-wrap:wrap;gap:5px}.lengthChip{cursor:pointer;font-size:10px;padding:3px 6px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);text-align:center;white-space:nowrap;transition:all .1s ease}.lengthChip[data-selected]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.lengthChip:hover:not([data-selected]){border-color:var(--muted)}@media(max-width:600px){.filtersGrid{grid-template-columns:1fr}}.filtersHeaderActions{display:flex;align-items:center;gap:8px}.closeDialogButton{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:50%;background:var(--surface-2);color:var(--muted);border:none}@media(max-width:600px){.closeDialogButton{display:flex}}.racSlider{display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:10px;border:1px solid var(--border-soft);background:var(--surface-2)}.sliderHeader{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.sliderLabel{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.sliderOutput{font-size:11px;color:var(--muted-2);font-variant-numeric:tabular-nums}.racSliderTrack{position:relative;height:18px}.racSliderRail{position:absolute;left:0;right:0;top:50%;height:5px;transform:translateY(-50%);border-radius:999px;background:var(--border)}.racSliderFill{position:absolute;top:50%;height:5px;transform:translateY(-50%);border-radius:999px;background:var(--accent);z-index:1}.racSliderThumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:999px;background:var(--card);border:2px solid var(--accent);box-shadow:0 2px 8px var(--shadow);cursor:grab;touch-action:none;z-index:2}.racSliderThumb[data-dragging]{box-shadow:0 6px 18px var(--shadow);border-color:var(--border);cursor:grabbing;scale:1.06}@media(max-width:600px){.racSliderTrack{height:32px}.racSliderThumb{width:24px;height:24px}}.toolsTop{display:flex;gap:8px;align-items:center;margin-bottom:12px}.toolsSearchField{flex:1}.toolsSearchField .racInput{height:40px;font-size:14px}.toolsTop .racButton{height:40px;padding:0 16px;font-size:13px}.toolsList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:360px;overflow:auto;padding-right:6px}.toolItem{display:flex;gap:6px;align-items:center;font-size:12px;line-height:1.2;padding:4px 8px;border-radius:8px;border:1px solid var(--chip-border);background:var(--card)}.toolLabel{overflow:hidden;text-overflow:ellipsis;white-space:normal}.toolsPopover{width:min(720px,calc(100vw - 40px))}@media(max-width:600px){.toolsMobileModal{max-height:100vh!important;height:100%!important;max-width:100%!important;width:100%!important;border-radius:0!important;display:flex;flex-direction:column}.toolsDialog{max-height:100vh!important;height:100%!important;padding:12px;padding-top:env(safe-area-inset-top,12px);padding-bottom:env(safe-area-inset-bottom,24px)}.toolsPopover{width:100%!important;max-width:100%!important;inset:auto 0 0!important;transform:none!important;border-radius:20px 20px 0 0!important;box-shadow:0 -10px 40px var(--shadow)!important;animation:slideUp .3s ease-out}.toolsSearchField .racInput{height:36px;font-size:14px}.toolsTop .racButton{height:36px;padding:0 12px}.toolsList{grid-template-columns:repeat(2,1fr)}}.toolsDialog{display:flex;flex-direction:column;padding:6px}.toolsTabs{display:flex;flex-direction:column;gap:12px}.toolsHeader{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--surface-2)}.toolsTabList{display:flex;gap:16px}.toolsTab{padding:6px 0;font-weight:700;font-size:14px;cursor:pointer;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s;outline:none}.toolsTab[data-selected]{color:var(--text);border-bottom-color:var(--accent)}.toolsTab[data-hovered]{color:var(--text)}.toolsMeta{font-size:12px;color:var(--muted)}.toolsCountSection{margin:4px 0 8px;padding:8px 12px;background:var(--surface-2);border-radius:10px;border:1px solid var(--border-soft)}.toolsTabPanel{padding-top:2px;outline:none}.groupList{display:flex;flex-wrap:wrap;gap:6px}.groupChip{cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);-webkit-user-select:none;user-select:none}.groupChip[data-selected]{background:var(--accent);border-color:var(--border);color:var(--accent-text)}.groupChipCount{display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--muted);padding:1px 4px;border-radius:4px;font-size:9px;font-weight:700;min-width:16px}.groupChip[data-selected] .groupChipCount{background:#fff3;color:var(--accent-text)}.advancedToolsPanel{padding-top:4px}@media(max-width:900px){.toolsList{grid-template-columns:repeat(2,minmax(0,1fr))}}.mobileDialogHeader{display:none;justify-content:space-between;align-items:center;margin-bottom:16px;padding:4px 0}.mobileDialogTitle{margin:0;font-size:18px;font-weight:850}.closeDialogButton{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:50%;background:var(--surface-2);color:var(--muted);border:none}@media(max-width:600px){.mobileDialogHeader{display:flex}}.appFooter{padding:.5rem;background-color:var(--surface-2);border-top:1px solid var(--border-color);margin-top:auto;font-size:.75rem;color:var(--muted);text-align:center}.footerContent{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:.5rem}.disclaimer{line-height:1.4}@media(max-width:600px){.appFooter{padding:.25rem .5rem;font-size:.65rem}.footerContent{gap:.25rem}.disclaimer{line-height:1.25}}.footerLinks{display:flex;justify-content:center;gap:1.5rem}.footerLink{color:var(--text-1);text-decoration:none}.footerLink:hover{text-decoration:underline;color:var(--accent-color)}.appMain{max-width:1400px;margin:0 auto;padding:24px 16px;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;width:100%}.headerMeta{display:flex;justify-content:space-between;align-items:center;gap:12px}.status{font-size:13px;color:var(--muted)}.pager{display:flex;gap:10px;align-items:center}.pagerText{font-size:13px;color:var(--muted)}.loadMoreSentinel{height:1px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}@media(max-width:900px){.grid{grid-template-columns:1fr}}@media(max-width:600px){.appMain{padding:12px 8px}}.productCardLink{text-decoration:none;color:inherit;display:block;border-radius:12px;transition:transform .15s ease,box-shadow .15s ease;height:100%}.productCardLink .productCard{height:100%}.productCardLink:hover .productCard{box-shadow:0 12px 32px var(--shadow);border-color:var(--border);background:var(--card)}.productCardLink:hover .cardChevron{transform:translate(2px);color:var(--accent)}.productCardLink:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.productCard{border:1px solid var(--border-soft);border-radius:12px;background:var(--card);overflow:clip;box-shadow:0 4px 12px var(--shadow);display:grid;grid-template-columns:110px 1fr;min-height:124px;transition:all .2s ease}.productMedia{background:linear-gradient(135deg,var(--surface-2),transparent);display:flex;align-items:center;justify-content:center;padding:8px}.productImage{width:100%;height:100%;object-fit:contain;max-height:100px}.productInfo{padding:12px;display:flex;flex-direction:column;gap:8px;min-width:0}.productHeader{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.productName{font-weight:700;font-size:14px;line-height:1.2;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.productCode{font-size:10px;color:var(--muted-2);font-variant-numeric:tabular-nums;flex-shrink:0}.productSpecs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.productSpecs span{white-space:nowrap}.specDims{font-variant-numeric:tabular-nums}.specWeight{padding-left:6px;border-left:1px solid var(--border-soft)}.specTools{padding-left:6px;border-left:1px solid var(--border-soft);font-weight:600;color:var(--accent)}.productFooter{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.productPrice{font-size:12px;font-weight:700;color:var(--muted);opacity:.6;font-variant-numeric:tabular-nums}.cardChevron{color:var(--muted-2);display:flex;align-items:center;transition:all .2s ease}.toolsChips{display:flex;flex-wrap:wrap;gap:4px}.chipButton{padding:5px 8px;border-radius:999px;border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--text);cursor:inherit;font-size:11px}.moreChip{background:var(--surface-2);color:var(--muted);font-weight:600}.masterTooltip .masterTooltipGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tooltipGroup{display:flex;flex-direction:column;gap:2px}.tooltipTitle{font-weight:800;margin-bottom:6px}.tooltipBody{color:var(--tooltip-text);line-height:1.35}@media(max-width:480px){.productCard{grid-template-columns:80px 1fr}.productMedia{padding:4px}.productName{font-size:13px}.toolsChips{display:none}}.productImageContainer{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:100px}.imageLoadingOverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;z-index:5}.productImage{width:100%;height:100%;object-fit:contain;max-height:100px;transition:opacity .3s ease}.productImage.is-loading{opacity:0}.productImage.is-loaded{opacity:1}.productImageFallback{display:flex;align-items:center;justify-content:center;background:var(--color-surface-secondary, #f5f5f5);border-radius:8px}.productImageFallbackText{color:var(--color-text-tertiary, #999);font-size:12px;font-weight:500}.modalOverlay{position:fixed;inset:0;z-index:1000;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.productDetailModal{background:var(--card);border-radius:20px;max-width:900px;max-height:calc(100vh - 40px);height:calc(100vh - 40px);width:100%;overflow:hidden;box-shadow:0 32px 80px #0006;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.productDetailDialog{position:relative;height:100%;max-height:100%;overflow:hidden}.modalCloseButton{position:absolute;top:16px;right:16px;z-index:10;width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.modalCloseButton:hover{background:var(--surface-2);color:var(--text)}.modalContent{display:grid;grid-template-columns:1fr 1fr;min-height:400px;height:100%}.modalImageSection{background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface) 100%);display:flex;align-items:center;justify-content:center;padding:40px}.modalInfoSection{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;min-height:0}.modalImageSection,.modalInfoSection{min-height:0}.modalInfoHeader{padding:32px 32px 0;background:var(--card)}.modalInfoBody{padding:0 32px 20px;overflow:auto;-webkit-overflow-scrolling:touch;min-height:0;display:flex;flex-direction:column;gap:14px}.modalInfoFooter{padding:14px 32px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-soft);background:var(--card)}.modalHeader{display:flex;flex-direction:column;gap:6px}.modalProductName{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--text);line-height:1.2}.modalProductCode{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.modalSpecs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.modalSpecItem{background:var(--surface-2);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:2px}.modalSpecLabel{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.modalSpecValue{font-size:14px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.modalSpecHighlight{color:var(--accent)}.modalSpecPrice .modalSpecValue{color:var(--accent);font-style:italic;opacity:.7}.modalToolsSection{flex:1}.modalSectionTitle{margin:0 0 12px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.modalToolGroups{display:flex;flex-direction:column;gap:6px}.modalToolRow{padding:10px 14px;background:var(--surface-2);border-radius:12px;font-size:13px;line-height:1.4;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.modalToolRowLabel{font-weight:700;color:var(--text)}.modalToolRowValues{color:var(--muted);font-weight:500}.modalToolGroupCount{background:var(--accent);color:var(--accent-text);font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px}@media(max-width:700px){.modalOverlay{padding:0}.productDetailModal{max-height:100vh;border-radius:0;height:100%}.productDetailDialog{max-height:100vh}.modalCloseButton{top:12px;right:12px;width:34px;height:34px;border-radius:50%}.modalContent{grid-template-columns:1fr;grid-template-rows:minmax(0,42vh) minmax(0,1fr)}.modalImageSection{padding:16px}.modalSpecs{grid-template-columns:repeat(2,1fr);gap:8px}.modalInfoHeader{padding:16px 16px 0;padding-top:calc(16px + env(safe-area-inset-top,0px))}.modalInfoBody{padding:0 16px 14px;gap:14px}.modalInfoFooter{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.modalProductName{font-size:20px}.modalSpecItem{padding:10px}.modalSectionTitle{margin-bottom:8px}.modalToolGroups{gap:6px}.modalToolGroup{padding:8px 10px}.modalToolList{grid-template-columns:1fr}}.modalExternalLinks{padding:0;border:0}.externalLinksGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.externalLink{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:600;transition:all .2s ease;border:1px solid var(--border-soft)}.redditLink{color:#ff4500;background:#ff45000d}.redditLink:hover{background:#ff45001a;border-color:#ff4500}.youtubeLink{color:red;background:#ff00000d}.youtubeLink:hover{background:#ff00001a;border-color:red}@media(max-width:600px){.externalLinksGrid{grid-template-columns:1fr}}.zoomableImageContainer{position:relative;cursor:zoom-in;max-width:100%;min-height:300px;max-height:400px;display:flex;align-items:center;justify-content:center}.zoomLoadingOverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;z-index:5}.zoomableImageWrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:opacity .3s ease}.zoomableImageWrapper.is-loading{opacity:0}.zoomableImageWrapper.is-loaded{opacity:1}.zoomHint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:11px;color:var(--muted);background:var(--card);padding:4px 10px;border-radius:999px;opacity:.8;pointer-events:none;transition:opacity .2s ease}.zoomableImageContainer:hover .zoomHint{opacity:0}.iiz{cursor:-webkit-zoom-in;cursor:zoom-in;display:inline-block;margin:0;max-width:100%;overflow:hidden;position:relative}.iiz--drag .iiz__zoom-img--visible{cursor:-webkit-grab;cursor:grab}.iiz__img{display:block;height:auto;max-width:100%;opacity:1;pointer-events:none;visibility:visible}.iiz__img--hidden{opacity:0;visibility:hidden}.iiz__img--abs{height:100%;left:0;top:0;width:100%}.iiz__img--abs,.iiz__zoom-img{display:block;position:absolute}.iiz__zoom-img{-webkit-touch-callout:none;max-width:none!important;opacity:0;pointer-events:none;visibility:hidden;width:auto!important}.iiz__zoom-img--visible{cursor:-webkit-zoom-out;cursor:zoom-out;opacity:1;pointer-events:auto;-ms-touch-action:none;touch-action:none;visibility:visible}.iiz__zoom-portal{inset:0;position:fixed;z-index:10000}.iiz__btn{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:#fffc;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;justify-content:center;outline:none;padding:0;position:absolute;text-decoration:none;width:40px}.iiz__btn:before{background-position:50%;background-repeat:no-repeat;content:" ";display:block}.iiz__hint{bottom:10px;pointer-events:none;right:10px}.iiz__hint:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.9 19.9'%3E%3Cpath d='M13.9 7.4C13.9 3.8 11 .9 7.4.9S.9 3.8.9 7.4s2.9 6.5 6.5 6.5 6.5-2.9 6.5-6.5zm5.3 12.5-6.7-7.2c-1.4 1.3-3.2 2.1-5.1 2.1-4.1 0-7.4-3.3-7.4-7.4S3.3 0 7.4 0s7.4 3.3 7.4 7.4c0 1.7-.6 3.4-1.7 4.7l6.8 7.2-.7.6z' fill='%23000222'/%3E%3C/svg%3E");content:" ";height:20px;width:20px}.iiz__close{opacity:0;right:10px;top:10px;visibility:hidden}.iiz__close--visible{cursor:pointer;opacity:1;visibility:visible}.iiz__close:before{background-image:-webkit-gradient(linear,left top,left bottom,from(#222),to(#222)),-webkit-gradient(linear,left top,left bottom,from(#222),to(#222));background-image:-o-linear-gradient(#222,#222),-o-linear-gradient(#222,#222);background-image:linear-gradient(#222,#222),linear-gradient(#222,#222);background-size:100% 1px,1px 100%;content:" ";height:29px;margin:0 auto;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:29px}