/* Product detail page — comparison strip, dealer cards, related news.
   Loaded by frontend/tractors/show.blade.php (tractors, harvesters, implements). */

/* ---- Overview (top content) ---- */
.tk-overview{background:#f8faf9;border-left:4px solid var(--tk-green,#0a7d3f)}
.tk-overview h2{font-size:1rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--tk-dark,#1e3a5f);margin:0 0 .5rem}
.tk-overview p{margin:0;color:var(--tk-ink,#334155);font-size:.95rem;line-height:1.7}

/* ---- Section heads shared by the blocks below ---- */
.tk-vs__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:2rem 0 1rem}
.tk-vs__head h2{font-size:1.2rem;font-weight:800;margin:0;color:var(--tk-dark,#1e3a5f);
  border-bottom:3px solid var(--tk-green,#0a7d3f);padding-bottom:.3rem}
.tk-vs__all{font-weight:700;font-size:.88rem;color:var(--tk-green,#0a7d3f);text-decoration:none}
.tk-vs__all:hover{text-decoration:underline}
.tk-vs__nav{display:flex;gap:.4rem}
.tk-vs__arrow{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--tk-line,#dbe2ea);background:#fff;
  color:var(--tk-dark,#1e3a5f);font-size:1.2rem;line-height:1;cursor:pointer;transition:.15s}
.tk-vs__arrow:hover{background:var(--tk-green,#0a7d3f);border-color:var(--tk-green,#0a7d3f);color:#fff}

/* ---- "X vs Top Competitors" carousel ---- */
.tk-vs__track{display:grid;grid-auto-flow:column;grid-auto-columns:min(430px,88%);gap:1rem;
  overflow-x:auto;scroll-snap-type:x mandatory;padding:.2rem .15rem 1rem;scroll-behavior:smooth}
.tk-vs__track::-webkit-scrollbar{height:6px}
.tk-vs__track::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}
.tk-vs__card{scroll-snap-align:start;border:1px solid var(--tk-line,#e5e9f0);border-radius:12px;background:#fff;
  padding:1rem;display:flex;flex-direction:column}
.tk-vs__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;flex:1}
.tk-vs__side{text-align:center;min-width:0}
.tk-vs__img{display:block;height:96px;margin-bottom:.5rem}
.tk-vs__img img{width:100%;height:100%;object-fit:contain}
.tk-vs__name{display:block;font-weight:700;font-size:.88rem;color:var(--tk-dark,#1e3a5f);text-decoration:none;
  margin-bottom:.5rem;min-height:2.4em;line-height:1.2}
.tk-vs__name:hover{color:var(--tk-green,#0a7d3f)}
.tk-vs__specs{list-style:none;display:flex;justify-content:center;gap:.5rem;margin:0 0 .6rem;padding:0}
.tk-vs__specs li{flex:1;background:#f6f8f7;border-radius:7px;padding:.35rem .2rem;min-width:0}
.tk-vs__specs span{display:block;font-size:.66rem;color:var(--tk-muted,#94a3b8);text-transform:uppercase;letter-spacing:.02em}
.tk-vs__specs b{display:block;font-size:.78rem;color:var(--tk-dark,#1e3a5f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-vs__price{display:inline-block;border:1.5px solid var(--tk-green,#0a7d3f);color:var(--tk-green,#0a7d3f);
  font-weight:700;font-size:.8rem;border-radius:8px;padding:.35rem .8rem;text-decoration:none;transition:.15s}
.tk-vs__price:hover{background:var(--tk-green,#0a7d3f);color:#fff}
.tk-vs__badge{width:34px;height:34px;border-radius:50%;background:var(--tk-green,#0a7d3f);color:#fff;font-weight:800;
  font-size:.78rem;display:flex;align-items:center;justify-content:center;align-self:center}
.tk-vs__cta{display:block;text-align:center;margin-top:.9rem;background:#f6f8f7;border:1px solid var(--tk-line,#e5e9f0);
  border-radius:8px;padding:.5rem;font-weight:700;font-size:.85rem;color:var(--tk-dark,#1e3a5f);text-decoration:none;transition:.15s}
.tk-vs__cta:hover{background:var(--tk-green,#0a7d3f);border-color:var(--tk-green,#0a7d3f);color:#fff}

/* Picker: compare against any model */
.tk-vs__pick{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:#f6f8f7;
  border:1px dashed var(--tk-line,#dbe2ea);border-radius:12px;padding:.9rem 1rem}
.tk-vs__pick-label{font-weight:700;font-size:.9rem;color:var(--tk-dark,#1e3a5f);flex:1 1 100%}
.tk-vs__pick .form-select{flex:1 1 190px;max-width:260px}
@media(max-width:520px){.tk-vs__pick .form-select{max-width:none;flex:1 1 100%}.tk-vs__pick .tk-btn{width:100%}}

/* ---- Dealers ---- */
.tk-dl__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}
.tk-dl__card{border:1px solid var(--tk-line,#e5e9f0);border-radius:12px;background:#fff;padding:1rem;display:flex;flex-direction:column}
.tk-dl__name{font-size:.95rem;font-weight:700;color:var(--tk-green-d,#076231);margin:0 0 .6rem;text-decoration:underline}
.tk-dl__badge{color:#0a7d3f;margin-left:.25rem}
.tk-dl__rows{margin:0 0 .9rem;flex:1;font-size:.8rem}
.tk-dl__rows div{display:flex;gap:.35rem;margin-bottom:.28rem}
.tk-dl__rows dt{color:var(--tk-muted,#64748b);font-weight:600;flex:none}
.tk-dl__rows dd{margin:0;color:var(--tk-dark,#1e3a5f);word-break:break-word}
.tk-dl__rows a{color:var(--tk-green,#0a7d3f);text-decoration:none}

/* ---- Related news ---- */
.tk-news__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.tk-news__card{display:flex;flex-direction:column;border:1px solid var(--tk-line,#e5e9f0);border-radius:12px;
  background:#fff;overflow:hidden;text-decoration:none;transition:.15s}
.tk-news__card:hover{box-shadow:var(--tk-shadow,0 6px 20px rgba(16,40,25,.09));transform:translateY(-3px)}
.tk-news__img{display:flex;align-items:center;justify-content:center;height:130px;background:#f1f5f4;color:#cbd5e1;font-size:2rem}
.tk-news__img img{width:100%;height:100%;object-fit:cover}
.tk-news__body{padding:.75rem .85rem 1rem;display:flex;flex-direction:column;gap:.3rem}
.tk-news__type{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--tk-green,#0a7d3f)}
.tk-news__title{font-size:.88rem;font-weight:700;color:var(--tk-dark,#1e3a5f);line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tk-news__date{font-size:.74rem;color:var(--tk-muted,#94a3b8)}