/* tractors/compare — extracted page styles */
.tk-cmp-hero{background:linear-gradient(135deg,#1f2a44,#0a7d3f);color:#fff;border-radius:18px;padding:1.6rem 1.8rem;margin-bottom:1.2rem}
.tk-cmp-hero h1{font-size:1.6rem;margin:0 0 .25rem;color:#fff}
.tk-cmp-hero p{margin:0;opacity:.9;font-size:.92rem}
.tk-cmp-pick{background:#fff;border:1px solid var(--tk-line);border-radius:14px;padding:1.1rem 1.1rem 1.2rem;margin-bottom:1.2rem}
.tk-cmp-pick__head{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}
.tk-cmp-pick__title{font-size:1.05rem;font-weight:700;color:var(--tk-dark);margin:0}
.tk-cmp-pick__hint{font-size:.82rem;color:var(--tk-muted,#6b7280)}
.tk-cmp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}
.tk-cmp-slot{position:relative;border:1px solid var(--tk-line);border-radius:12px;padding:1rem .8rem .8rem;background:#fafbfc;transition:border-color .15s,box-shadow .15s,background .15s}
.tk-cmp-slot.is-filled{border-color:var(--tk-green,#0a7d3f);background:#fff;box-shadow:0 1px 8px rgba(10,125,63,.08)}
.tk-cmp-slot__no{position:absolute;top:-11px;left:.75rem;width:23px;height:23px;display:flex;align-items:center;justify-content:center;background:var(--tk-green,#0a7d3f);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;box-shadow:0 0 0 3px #fff}
.tk-cmp-slot__fields{display:flex;flex-direction:column;gap:.5rem}
.tk-cmp-pick .form-select{font-size:.9rem;border-radius:10px;border-color:var(--tk-line)}
.tk-cmp-brand{font-weight:600}
.tk-cmp-actions{display:flex;gap:.6rem;margin-top:1.1rem}
@media (max-width:991px){.tk-cmp-grid{grid-template-columns:repeat(2,1fr);gap:1rem .85rem}}
@media (max-width:520px){.tk-cmp-grid{grid-template-columns:1fr}.tk-cmp-actions .tk-btn{flex:1;text-align:center}}
.tk-cmp-wrap{overflow-x:auto;border:1px solid var(--tk-line);border-radius:14px;background:#fff}
table.tk-cmp{width:100%;border-collapse:collapse;min-width:640px}
table.tk-cmp th,table.tk-cmp td{padding:.7rem .85rem;border-bottom:1px solid var(--tk-line);text-align:center;vertical-align:middle;font-size:.9rem}
table.tk-cmp tbody th{text-align:left;font-weight:600;color:var(--tk-dark);background:#fafbfc;position:sticky;left:0;z-index:1;min-width:150px}
table.tk-cmp thead th{position:sticky;top:0;background:#fff;z-index:3;border-bottom:2px solid var(--tk-line)}
table.tk-cmp thead th:first-child{left:0;z-index:4}
.tk-cmp-head{display:flex;flex-direction:column;align-items:center;gap:.45rem;min-width:150px}
.tk-cmp-head img{width:120px;height:84px;object-fit:cover;border-radius:10px;background:#f6f8f6}
.tk-cmp-head .noimg{width:120px;height:84px;border-radius:10px;background:#f1f4f1;display:flex;align-items:center;justify-content:center;color:var(--tk-line)}
.tk-cmp-head a.name{font-weight:700;color:var(--tk-dark);font-size:.9rem;line-height:1.25;text-decoration:none}
.tk-cmp-head a.name:hover{color:var(--tk-green)}
.tk-cmp-head .acts{display:flex;gap:.4rem}
.tk-cmp-rm{font-size:.72rem;color:#b42318;text-decoration:none;border:1px solid #f3c0ba;border-radius:20px;padding:.12rem .5rem}
.tk-cmp-rm:hover{background:#fee4e2}
.tk-cmp-view{font-size:.72rem;color:var(--tk-green);text-decoration:none;border:1px solid #bfe6c9;border-radius:20px;padding:.12rem .5rem}
.tk-cmp-group td{background:var(--tk-dark)!important;color:#fff;font-weight:700;text-align:left!important;position:sticky;left:0}
.tk-cmp-best{position:relative;color:var(--tk-green-d);font-weight:800}
.tk-cmp-best:after{content:"Best";display:inline-block;font-size:.6rem;font-weight:700;background:var(--tk-green-l);color:var(--tk-green-d);border-radius:10px;padding:.05rem .4rem;margin-left:.35rem;vertical-align:middle}
.tk-cmp-price{font-weight:800;color:var(--tk-green-d)}
.tk-cmp-empty-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem;margin-top:1rem}
.tk-cmp-sug{border:1px solid var(--tk-line);border-radius:12px;padding:.8rem;text-align:center;background:#fff;text-decoration:none;display:flex;flex-direction:column;gap:.4rem;transition:.15s}
.tk-cmp-sug:hover{box-shadow:0 8px 20px rgba(20,40,25,.08);transform:translateY(-3px);border-color:var(--tk-green)}
.tk-cmp-sug img{width:100%;height:90px;object-fit:contain}
.tk-cmp-sug .b{font-size:.68rem;font-weight:700;color:var(--tk-green);text-transform:uppercase}
.tk-cmp-sug .n{font-size:.82rem;font-weight:600;color:var(--tk-dark);line-height:1.25}
@media(max-width:640px){.tk-cmp-head img,.tk-cmp-head .noimg{width:96px;height:68px}}

/* Popular preset comparisons */
.tk-cmp-popular{margin-top:2.6rem}
.tk-cmp-popular h2{font-size:1.2rem;margin:0 0 .15rem}
.tk-cmp-pop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.1rem}
.tk-cmp-pop{position:relative;display:flex;align-items:stretch;gap:.4rem;border:1px solid var(--tk-line);border-radius:16px;padding:1rem .9rem;background:linear-gradient(180deg,#fff 0%,#f8faf8 100%);text-decoration:none;transition:.18s;overflow:hidden}
.tk-cmp-pop:hover{box-shadow:0 14px 30px rgba(20,40,25,.12);transform:translateY(-4px);border-color:var(--tk-green)}
.tk-cmp-pop__side{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;min-width:0}
.tk-cmp-pop__img{width:100%;height:108px;border-radius:12px;background:#fff;border:1px solid var(--tk-line);display:flex;align-items:center;justify-content:center;overflow:hidden}
.tk-cmp-pop__img img{width:100%;height:100%;object-fit:cover}
.tk-cmp-pop__b{font-size:.66rem;font-weight:700;color:var(--tk-green);text-transform:uppercase;letter-spacing:.02em;margin-top:.15rem}
.tk-cmp-pop__n{font-size:.82rem;font-weight:700;color:var(--tk-dark);line-height:1.25}
.tk-cmp-pop__vs{flex:0 0 auto;align-self:center;font-size:.72rem;font-weight:800;color:#fff;background:var(--tk-green);border-radius:50%;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(31,143,58,.35);z-index:1}
@media(max-width:420px){.tk-cmp-pop__img{height:88px}}