:root{--compare-deep:#063d18;--compare-green:#087128;--compare-lime:#68d238;--compare-ink:#142018;--compare-muted:#617066;--compare-line:#dce6d8;--compare-soft:#f1f6ee}
.compare-page{min-height:70vh;background:#f7f9f5;color:var(--compare-ink)}
.compare-hero{padding:58px 0 38px;background:linear-gradient(135deg,#073d18,#0d6927);color:#fff}
.compare-hero .wrap{display:flex;align-items:end;justify-content:space-between;gap:32px}.compare-hero h1{max-width:760px;margin:8px 0 12px;color:#fff;font-size:clamp(38px,6vw,72px);line-height:.96;letter-spacing:-.055em}.compare-hero p{max-width:710px;margin:0;color:#d5e8d7;font-size:17px;line-height:1.6}.compare-hero .eyebrow{color:#8ce95e}.compare-back{flex:0 0 auto;padding:13px 17px;border:1px solid #ffffff4d;border-radius:12px;color:#fff;font-weight:800;text-decoration:none}.compare-back:hover{background:#fff;color:var(--compare-deep)}
.compare-section{padding:32px 0 82px}.compare-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;color:var(--compare-muted)}.compare-toolbar b{color:var(--compare-ink)}.difference-switch{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid var(--compare-line);border-radius:12px;background:#fff;font-size:13px;font-weight:750;cursor:pointer}.difference-switch input{width:18px;height:18px;accent-color:var(--compare-green)}
.compare-scroll{overflow:auto;border:1px solid var(--compare-line);border-radius:20px;background:#fff;box-shadow:0 18px 45px #163a1d0b}.comparison-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;table-layout:fixed}.comparison-table th,.comparison-table td{padding:15px 16px;border-right:1px solid #e7eee4;border-bottom:1px solid #e7eee4;text-align:left;vertical-align:top}.comparison-table tr:last-child td{border-bottom:0}.comparison-table th:last-child,.comparison-table td:last-child{border-right:0}.comparison-table thead th{position:sticky;top:0;z-index:1;background:#fff}.comparison-table thead th:first-child{width:170px;background:var(--compare-soft);color:var(--compare-muted);font-size:12px}.comparison-table tbody td:first-child{background:var(--compare-soft);color:var(--compare-muted);font-size:12px;font-weight:800}.comparison-table tr[hidden]{display:none}.compare-product{display:grid;gap:10px}.compare-product img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:#edf1eb}.compare-product small{color:var(--compare-muted);font-size:11px}.compare-product h2{margin:0;font-size:18px;line-height:1.2}.compare-product__actions{display:flex;flex-wrap:wrap;gap:7px}.compare-product__actions a,.compare-product__actions button{padding:8px 10px;border:1px solid var(--compare-line);border-radius:9px;background:#fff;color:var(--compare-deep);font:800 11px/1.2 inherit;text-decoration:none;cursor:pointer}.compare-product__actions button:hover{border-color:#9fc79b}.compare-price{display:grid;gap:5px}.compare-price strong{color:var(--compare-deep);font-size:17px}.compare-price small{color:var(--compare-muted)}.compare-yes{color:var(--compare-green);font-weight:800}.compare-empty{padding:64px 24px;border:1px dashed #b8cbb9;border-radius:20px;background:#fff;text-align:center}.compare-empty h2{margin:0 0 8px;font-size:26px}.compare-empty p{margin:0 auto 20px;max-width:520px;color:var(--compare-muted)}.compare-empty a{display:inline-flex;padding:13px 17px;border-radius:11px;background:var(--compare-green);color:#fff;font-weight:800;text-decoration:none}
@media(max-width:760px){.compare-hero{padding:42px 0 30px}.compare-hero .wrap,.compare-toolbar{align-items:flex-start;flex-direction:column}.compare-back{width:100%;text-align:center}.compare-section{padding-top:20px}.difference-switch{width:100%}.comparison-table th,.comparison-table td{padding:12px}.comparison-table thead th:first-child{width:138px}}
.compare-product__actions a,.compare-product__actions button{font-family:inherit;font-size:11px;font-weight:800;line-height:1.2}
