/* Trus — fleet page, machine pages and the new fleet links on the homepage.
   Loaded after site.css on every page. */

/* Cards are links now: keep them looking exactly like before. */
a.machine-visual{display:block}
.machine-titlebar h2 a{color:inherit}
.machine-titlebar h2 a:hover{color:var(--orange)}
.card-actions a.btn{display:flex;align-items:center;justify-content:center;text-align:center}
a.pstep{color:inherit}

/* Homepage: "Explore the full fleet" button beside the swipe arrows */
.controls{align-items:center;flex-wrap:wrap}
.fleet-all-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:999px;font-size:12px}
.fleet-all-btn:hover{transform:translateY(-2px)}

/* Homepage: "See all machines" card at the end of the carousel */
.fleet-end-card{justify-content:center;gap:16px;padding:34px;color:#0b0b0b;background:linear-gradient(155deg,var(--orange) 0%,#ff8f38 100%);border-color:var(--orange)}
.fleet-end-card:before{display:none}
.fleet-end-card:hover{border-color:#ffb27a}
.fleet-end-kicker{font-size:10px;font-weight:950;letter-spacing:.18em;text-transform:uppercase;color:rgba(11,11,11,.66)}
.fleet-end-card strong{font-size:clamp(42px,4.4vw,64px);line-height:.9;letter-spacing:-.06em}
.fleet-end-copy{max-width:300px;font-size:14px;line-height:1.55;color:rgba(11,11,11,.78)}
.fleet-end-arrow{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#111214;color:#fff;font-size:24px;margin-top:6px;transition:transform .25s ease}
.fleet-end-card:hover .fleet-end-arrow{transform:translateX(6px)}

/* Header link to the page you are on */
.nav a[aria-current="page"]{color:var(--orange)}

/* ---------- /fleet ---------- */
.fleet-page{padding-bottom:96px}
.fleet-page:after{top:30px}
.fleet-count{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:#fff;font-size:12px;font-weight:900;letter-spacing:.04em}
.fleet-count:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(255,106,0,.18)}
.fleet-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fleet-grid .machine-card{min-width:0}
.fleet-grid .machine-titlebar{min-height:124px}
.fleet-help{background:var(--orange);color:#0d0d0e;padding:72px 0}
.fleet-help .cta-grid{align-items:center}
.fleet-help h2{font-size:clamp(44px,5.6vw,84px);letter-spacing:-.065em;line-height:.86;margin:0}
.fleet-help p{font-size:15px;line-height:1.6;max-width:420px;margin:0 0 18px}
.fleet-help .btn{display:inline-flex;align-items:center;gap:6px;background:#111214;color:#fff;border-color:#111214}
@media(max-width:1100px){.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.fleet-grid{grid-template-columns:1fr}.fleet-page{padding-bottom:64px}.fleet-help{padding:56px 0}}

/* ---------- /fleet/<machine> ---------- */
.machine-page{background:linear-gradient(180deg,#191b1e 0,#121315 640px,#121315 100%)}
.mp-crumbs{display:flex;align-items:center;gap:10px;padding:22px 0 0;font-size:12px;font-weight:800;color:#8f939a}
.mp-crumbs a{color:#d8d9db}
.mp-crumbs a:hover{color:var(--orange)}
.mp-crumbs span:last-child{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mp-hero{padding:22px 0 36px}
.mp-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}
.mp-art{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;padding:44px;overflow:hidden;border:1px solid #34373c;background:radial-gradient(circle at 72% 28%,rgba(255,154,102,.13),transparent 38%),linear-gradient(145deg,#f8f5ef 0%,#e4ded5 74%)}
.mp-art img{width:100%;max-height:440px;object-fit:contain;filter:drop-shadow(0 30px 26px rgba(0,0,0,.28))}
.mp-info{position:relative;padding:38px 36px;background:#1b1d20;border:1px solid #34373c;display:flex;flex-direction:column;gap:14px}
.mp-info:before{content:"";height:3px;position:absolute;left:0;right:0;top:0;background:linear-gradient(90deg,var(--orange),transparent 68%)}
.mp-info h1{font-size:clamp(46px,5.4vw,84px);letter-spacing:-.065em;line-height:.86;margin:4px 0 0}
.mp-info .seo-title{margin:0;color:#9ca0a8;font-size:13px}
.mp-info .detail-price{margin:6px 0 0}
.mp-info .delivery{margin-top:0;padding:11px 12px;border:1px solid #33363b}
.mp-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.mp-actions .btn{min-height:50px;display:flex;align-items:center;justify-content:center;gap:5px;text-align:center}
.mp-note{margin:0;color:#8f939a;font-size:12px;line-height:1.6}
.mp-details{padding:0 0 70px}
.mp-details-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:start}
.mp-details .detail-section:first-child{border-top:0;margin-top:0}
.mp-details .detail-copy{max-width:none}
.mp-details .detail-section .mp-note{margin-top:14px}
.mp-video video{max-height:620px;width:100%;object-fit:contain;background:#000}
.mp-book-card{padding:26px;border:1px solid #34373c;background:#1b1d20}
.mp-book-card h3{margin-bottom:10px}
.mp-book-card .detail-copy{margin:0 0 18px}
.mp-more{padding:58px 0 80px;background:#0f1012;border-top:1px solid #24262a}
.mp-more-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.mp-more-head h2{margin:0;font-size:clamp(32px,3.6vw,52px);letter-spacing:-.05em;line-height:.95}
.mp-more-head a{color:var(--orange);font-weight:900;font-size:13px;white-space:nowrap}
.mp-more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mp-mini{display:flex;flex-direction:column;border:1px solid #34373c;background:#1b1d20;transition:.25s}
.mp-mini:hover{border-color:#555961;transform:translateY(-3px)}
.mp-mini-art{display:block;height:150px;padding:16px;background:linear-gradient(145deg,#f8f5ef 0%,#e4ded5 74%)}
.mp-mini-art img{width:100%;height:100%;object-fit:contain}
.mp-mini-text{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px}
.mp-mini-text small{font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:950;color:#aeb2b9}
.mp-mini-text strong{font-size:18px;letter-spacing:-.03em;line-height:1.05}
.mp-mini-text em{font-style:normal;color:var(--orange);font-size:12px;font-weight:900}
.mp-state{padding:90px 0 70px}
.mp-state h1{font-size:clamp(40px,5vw,72px);letter-spacing:-.06em;line-height:.9;margin:12px 0 16px;max-width:900px}
.mp-state p{color:#aeb2b9;max-width:620px;line-height:1.65;margin:0 0 22px}
.mp-state .mp-actions{max-width:460px}
@media(max-width:1050px){
  .mp-hero-grid,.mp-details-grid{grid-template-columns:1fr}
  .mp-art{min-height:380px}
  .mp-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .mp-crumbs{padding-top:16px}
  .mp-hero{padding:14px 0 26px}
  .mp-art{min-height:270px;padding:22px}
  .mp-art img{max-height:260px}
  .mp-info{padding:26px 20px}
  .mp-info h1{font-size:48px}
  .mp-actions{grid-template-columns:1fr}
  .mp-details{padding-bottom:50px}
  .mp-book-card{padding:20px}
  .mp-more{padding:44px 0 60px}
  .mp-more-head{display:block}
  .mp-more-head a{display:inline-block;margin-top:10px}
  .mp-more-grid{grid-template-columns:1fr 1fr;gap:10px}
  .mp-mini-art{height:110px;padding:10px}
  .mp-mini-text strong{font-size:15px}
  .fleet-all-btn{width:100%;justify-content:center}
}

.fleet-help-actions{display:flex;flex-wrap:wrap;gap:10px}
.fleet-help .btn.outline{background:transparent;color:#111214;border-color:#111214}
.fleet-help .btn.outline:hover{background:#111214;color:#fff}