:root{--palette1:#96885f;--palette2:#e4b65f;--palette3:#fdffff;--palette4:#ebebeb;--palette5:#c4c4c4;--palette6:#6f7275;--palette7:#3f4347;--palette8:#1a1f24;--palette9:#0e1318;--palette11:#13612e;--palette12:#1159af;--palette13:#b82105;--palette14:#f7630c;--palette15:#f5a524}.add-to-comparison-wrapper{margin:20px 0;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.add-to-comparison-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;color:var(--palette3);background:linear-gradient(135deg,var(--palette1) 0%,var(--palette7) 100%);border:none;border-radius:6px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 6px rgb(0 0 0 / .1)}.add-to-comparison-btn .btn-icon{font-size:18px;font-weight:700}.add-to-comparison-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--palette7) 0%,var(--palette9) 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .2)}.add-to-comparison-btn:disabled{cursor:not-allowed;opacity:.7}.add-to-comparison-btn.in-comparison{background:linear-gradient(135deg,var(--palette11) 0%,#0a3d1e 100%)}.view-comparison-link{padding:10px 20px;font-size:14px;font-weight:600;color:var(--palette12);background:var(--palette3);border:2px solid var(--palette12);border-radius:6px;text-decoration:none;transition:all 0.2s ease}.view-comparison-link:hover{background:var(--palette12);color:var(--palette3);transform:translateY(-1px)}.comparison-feedback{display:none;padding:10px 18px;border-radius:6px;font-size:14px;font-weight:500;animation:fadeIn 0.3s ease}.comparison-feedback.success{color:var(--palette11);background-color:#e8f5e9;border:1px solid var(--palette11)}.comparison-feedback.error{color:var(--palette13);background-color:#ffebee;border:1px solid var(--palette13)}.comparison-feedback a{color:inherit;text-decoration:underline;margin-left:5px;font-weight:600}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.units-comparison-page{max-width:1400px;margin:20px auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,sans-serif}.unit-search-section{margin-bottom:30px;padding:25px;background:linear-gradient(135deg,var(--palette3) 0%,var(--palette4) 100%);border-radius:12px;border:2px solid var(--palette2)}.search-boxes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.unit-search-box{position:relative}.unit-search-box label{display:block;font-size:16px;font-weight:700;color:var(--palette1);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.search-input-wrapper{position:relative}.unit-search-input{width:100%;padding:14px 45px 14px 16px;font-size:15px;border:2px solid var(--palette5);border-radius:8px;background:var(--palette3);color:var(--palette8);transition:all 0.2s ease;font-weight:500}.unit-search-input:focus{outline:none;border-color:var(--palette1);box-shadow:0 0 0 4px rgb(150 136 95 / .15)}.unit-search-input::placeholder{color:var(--palette6);font-weight:400}.search-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--palette6);pointer-events:none}.results-list{padding:4px}.search-result-item{padding:14px 16px;cursor:pointer;transition:all 0.15s ease;border-radius:6px;margin-bottom:4px;display:flex;align-items:center;justify-content:space-between;gap:10px}.search-result-item:last-child{margin-bottom:0}.search-result-item:hover{background:var(--palette1);transform:translateX(4px)}.result-title{font-weight:500;color:var(--palette7);flex:1}.search-result-item:hover .result-title{color:var(--palette3);font-weight:600}.result-arrow{color:var(--palette6);font-size:18px;font-weight:700;opacity:0;transition:opacity 0.15s ease}.search-result-item:hover .result-arrow{opacity:1;color:var(--palette3)}.no-results,.search-loading{padding:24px;text-align:center;color:var(--palette6);font-style:italic;font-size:15px}.search-loading{color:var(--palette1);font-weight:600}.selected-unit-display{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,var(--palette11) 0%,#0a3d1e 100%);border-radius:8px;border:2px solid var(--palette11);box-shadow:0 4px 12px rgb(19 97 46 / .2)}.selected-unit-name{flex:1;color:var(--palette3);font-weight:600;font-size:15px}.remove-search-unit{background:var(--palette3);color:var(--palette13);border:none;border-radius:50%;width:30px;height:30px;font-size:24px;line-height:1;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;font-weight:700}.remove-search-unit:hover{background:var(--palette13);color:var(--palette3);transform:rotate(90deg) scale(1.15)}.search-results::-webkit-scrollbar{width:10px}.search-results::-webkit-scrollbar-track{background:var(--palette4);border-radius:0 8px 8px 0}.search-results::-webkit-scrollbar-thumb{background:var(--palette1);border-radius:10px;border:2px solid var(--palette4)}.search-results::-webkit-scrollbar-thumb:hover{background:var(--palette7)}.comparison-header{margin-bottom:30px;padding-bottom:20px;border-bottom:3px solid var(--palette2);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.comparison-header h2{margin:0;font-size:32px;color:var(--palette8);font-weight:700}.comparison-meta{display:flex;align-items:center;gap:20px}.comparison-count{margin:0;font-size:16px;color:var(--palette6)}#units-count{font-weight:700;font-size:24px;color:var(--palette1)}.clear-all-btn{padding:10px 20px;font-size:14px;font-weight:600;color:var(--palette3);background:var(--palette13);border:none;border-radius:6px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 4px rgb(184 33 5 / .2)}.clear-all-btn:hover{background:#8b1804;transform:translateY(-1px);box-shadow:0 4px 8px rgb(184 33 5 / .3)}.empty-comparison{text-align:center;padding:80px 20px;background:linear-gradient(135deg,var(--palette3) 0%,var(--palette4) 100%);border-radius:12px;border:2px solid var(--palette2)}.empty-icon{font-size:72px;margin-bottom:20px;filter:grayscale(.3)}.empty-comparison h3{margin:0 0 12px 0;font-size:26px;color:var(--palette7)}.empty-comparison p{margin:0;font-size:16px;color:var(--palette6)}.comparison-controls{margin-bottom:20px;padding:16px 20px;background:linear-gradient(135deg,var(--palette3) 0%,var(--palette4) 100%);border-radius:8px;border-left:4px solid var(--palette1)}.toggle-label{display:inline-flex;align-items:center;gap:12px;font-size:15px;color:var(--palette7);cursor:pointer;user-select:none;font-weight:500}.toggle-label input[type="checkbox"]{width:20px;height:20px;cursor:pointer;accent-color:var(--palette1)}#loading-indicator{text-align:center;padding:50px}.spinner{width:50px;height:50px;margin:0 auto 20px;border:5px solid var(--palette4);border-top-color:var(--palette1);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.comparison-table-wrapper{overflow-x:auto;border:2px solid var(--palette4);border-radius:12px;background:var(--palette3);box-shadow:0 4px 12px rgb(0 0 0 / .08)}.comparison-table{width:100%;border-collapse:collapse;min-width:800px}.comparison-table thead{background:linear-gradient(135deg,var(--palette1) 0%,var(--palette2) 100%);position:sticky;top:0;z-index:10}.comparison-table th{padding:18px;text-align:left;font-weight:700;color:var(--palette3);border-bottom:3px solid var(--palette7);text-shadow:1px 1px 2px rgb(0 0 0 / .1)}.comparison-table th.field-label{width:25%;min-width:200px;background:var(--palette1);position:sticky;left:0;z-index:11;box-shadow:3px 0 6px rgb(0 0 0 / .1)}.comparison-table th.unit-column{text-align:center;color:var(--palette3);font-size:17px;position:relative;min-width:220px}.unit-header-content{display:flex;align-items:center;justify-content:center;gap:12px}.unit-title{flex:1;font-size:16px}.remove-unit-btn{background:var(--palette13);color:var(--palette3);border:none;border-radius:50%;width:30px;height:30px;font-size:22px;line-height:1;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;box-shadow:0 2px 4px rgb(184 33 5 / .3)}.remove-unit-btn:hover{background:#8b1804;transform:scale(1.15);box-shadow:0 3px 8px rgb(184 33 5 / .5)}.comparison-table td{padding:16px 18px;border-bottom:1px solid var(--palette4);vertical-align:top}.comparison-table tbody tr{transition:background-color 0.2s ease}.comparison-table tbody tr:hover{background-color:rgb(228 182 95 / .1)}.comparison-table tbody tr.field-different{background-color:#fff8e1}.comparison-table tbody tr.field-different:hover{background-color:#fff3cd}.comparison-table tbody tr.field-same{opacity:.7}.comparison-table td.field-label{background:var(--palette3);position:sticky;left:0;font-weight:600;border-right:2px solid var(--palette4);z-index:1;box-shadow:3px 0 6px rgb(0 0 0 / .05);color:var(--palette7)}.comparison-table td.unit-value{text-align:center;font-size:15px;color:var(--palette8)}.no-units-message,.loading-cell{text-align:center;padding:50px 20px!important;color:var(--palette6);font-style:italic;font-size:16px}.comparison-table img{max-width:180px;height:auto;display:block;margin:0 auto;border-radius:6px;box-shadow:0 3px 8px rgb(0 0 0 / .12);border:2px solid var(--palette4)}@media (max-width:1024px){.search-boxes-grid{grid-template-columns:1fr}.comparison-table th.field-label,.comparison-table td.field-label{min-width:150px;width:20%}.comparison-table th.unit-column{min-width:180px}}@media (max-width:768px){.units-comparison-page{padding:10px}.unit-search-section{padding:15px}.search-boxes-grid{gap:15px}.comparison-header{flex-direction:column;align-items:flex-start}.comparison-header h2{font-size:26px}.comparison-meta{width:100%;justify-content:space-between}.comparison-table{min-width:600px}.comparison-table th,.comparison-table td{padding:12px;font-size:14px}.add-to-comparison-btn{width:100%;justify-content:center;padding:16px 24px}.comparison-feedback{width:100%;text-align:center}.unit-header-content{flex-direction:column;gap:6px}.unit-title{font-size:14px}.comparison-table img{max-width:120px}.empty-comparison{padding:60px 20px}.empty-icon{font-size:56px}}@media print{.comparison-header,.comparison-controls,.remove-unit-btn,.clear-all-btn{display:none}.comparison-table{box-shadow:none;border:1px solid #000}.comparison-table th,.comparison-table td{border:1px solid #000}.comparison-table thead{background:#e0e0e0!important;color:#000!important}}