/* V22 Material Comparison */
.compare-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 24px;padding:14px 16px;background:#f4fafb;border:1px solid #d9e9ec;border-radius:14px}.compare-actions p{margin:0;font-size:12px;color:#5a6f79}.compare-actions .btn{white-space:nowrap}.material-result{position:relative}.compare-toggle{position:absolute;right:14px;top:14px;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #d8e4e8;border-radius:9px;background:rgba(255,255,255,.96);font-size:10px;font-weight:800;color:#405762;cursor:pointer}.compare-toggle input{margin:0}.material-result.is-selected{border-color:#0e9da5;box-shadow:0 0 0 2px rgba(14,157,165,.12)}.compare-tray{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(130%);z-index:120;width:min(980px,calc(100% - 28px));background:#071923;color:#fff;border:1px solid #1c3b48;border-radius:18px;box-shadow:0 24px 70px rgba(3,14,21,.35);padding:14px 16px;display:flex;align-items:center;gap:14px;transition:.24s}.compare-tray.open{transform:translateX(-50%) translateY(0)}.compare-tray strong{font-size:12px;white-space:nowrap}.compare-chips{display:flex;gap:7px;flex:1;overflow:auto}.compare-chip{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#12313e;border:1px solid #244b59;font-size:10px;white-space:nowrap}.compare-chip button{border:0;background:transparent;color:#98cbd0;font-size:14px;cursor:pointer;line-height:1}.compare-tray-actions{display:flex;gap:8px}.compare-tray .btn{padding:9px 12px;font-size:11px}.comparison-hero-note{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;background:#f3fafb;border:1px solid #d9e9ec;border-radius:13px;margin:18px 0}.comparison-hero-note svg{width:18px;color:#0e9da5;flex:0 0 auto}.comparison-hero-note p{font-size:12px;color:#536873;margin:0}.compare-selector{background:#fff;border:1px solid #dce6ea;border-radius:18px;padding:20px;margin-bottom:24px}.compare-selector-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:16px}.compare-selector-head h2{font-size:21px;margin:0 0 5px}.compare-selector-head p{font-size:12px;color:#60747e;margin:0}.compare-pick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.compare-pick{position:relative}.compare-pick select{width:100%;height:44px;border:1px solid #cfdde2;border-radius:10px;background:#fff;padding:0 10px;font-size:12px}.comparison-wrap{overflow:auto;border:1px solid #dce6ea;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(8,29,43,.06)}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;min-width:880px}.comparison-table th,.comparison-table td{padding:14px 16px;border-right:1px solid #e7edef;border-bottom:1px solid #e7edef;text-align:left;vertical-align:top}.comparison-table th:last-child,.comparison-table td:last-child{border-right:0}.comparison-table tr:last-child td,.comparison-table tr:last-child th{border-bottom:0}.comparison-table thead th{background:#0b202b;color:#fff;min-width:190px}.comparison-table thead th:first-child{min-width:185px;background:#061720}.comparison-table tbody th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#61737d;background:#f7fafb;position:sticky;left:0;z-index:2}.comparison-table td{font-size:12px;color:#3e525c}.comparison-table .material-name{font-size:15px;font-weight:800;color:#fff}.comparison-table .material-group{display:block;font-size:10px;color:#9ab3be;margin-top:3px}.rating{display:flex;gap:3px;margin-top:4px}.rating i{width:18px;height:5px;border-radius:99px;background:#dfe8eb}.rating i.on{background:#16b8c0}.comparison-links{display:flex;gap:8px;flex-wrap:wrap}.comparison-links a{font-size:11px;font-weight:800;color:#087f89}.comparison-empty{padding:50px 24px;text-align:center;color:#60747e}.comparison-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.comparison-summary-card{background:#fff;border:1px solid #dce6ea;border-radius:15px;padding:18px}.comparison-summary-card h3{font-size:15px;margin-bottom:8px}.comparison-summary-card p{font-size:12px;color:#60747e;margin:0}.disclaimer-box{margin-top:24px;padding:16px 18px;border-radius:13px;background:#fff8e8;border:1px solid #ead7a6;color:#604b1a;font-size:12px;line-height:1.7}
@media(max-width:900px){.compare-pick-grid{grid-template-columns:1fr 1fr}.comparison-summary-grid{grid-template-columns:1fr}.compare-tray{align-items:flex-start;flex-wrap:wrap}.compare-chips{order:3;width:100%;flex-basis:100%}}
@media(max-width:600px){.compare-actions{align-items:flex-start;flex-direction:column}.compare-pick-grid{grid-template-columns:1fr}.compare-selector-head{align-items:flex-start;flex-direction:column}.compare-tray-actions{width:100%}.compare-tray-actions .btn{flex:1}}