/* A vertical two-column product collection with extra-large catalogue visuals. */
html{scroll-behavior:smooth}
.fleet{margin-top:40px;padding-bottom:40px;scroll-margin-top:24px}
.fleet:focus{outline:none}.fleet:focus-visible{outline:1px solid #9ec63e;outline-offset:8px}
.fleet-top{height:auto;min-height:145px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;padding:28px 0}
.fleet-heading{min-width:0}.fleet-heading>.eyebrow{font-size:9px;letter-spacing:1.8px}.fleet-heading>.eyebrow b{font-size:9px;color:#bfdc7b;border:1px solid #9ec63e44;padding:2px 5px;font-weight:400}
.fleet-heading h2{font:500 clamp(26px,3vw,38px)/1.15 var(--display);letter-spacing:-1.2px;margin:13px 0 9px}
.fleet-heading p{font-size:11px;color:#9bb3ae;line-height:1.8;margin:0}
.fleet .categories{margin:0;padding:0;max-width:100%;gap:3px;scrollbar-width:none}.fleet .categories::-webkit-scrollbar{display:none}.fleet .categories button{min-height:42px;flex-shrink:0}
.fleet-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;overflow:visible;scroll-snap-type:none;padding:0;align-items:stretch}
.fleet-card{width:100%;min-width:0;min-height:0;height:auto;flex:none;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;text-align:left;border:1px solid #9fb6a338;background:#172e40;scroll-snap-align:none;overflow:hidden;transition:border-color .18s,background .18s}
.fleet-card:hover,.fleet-card.selected{border-color:#a7cb62;background:#1f3b43}
.fleet-visual{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:clamp(220px,25vw,355px);overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#f3f5ec,#d0d9ca)}
.fleet-card .fleet-visual>img{display:block;width:100%;height:100%;max-width:100%;padding:28px 24px 12px;object-fit:contain;flex:none;filter:drop-shadow(0 10px 9px #2234252a)}
.fleet-card .card-index{position:absolute;z-index:1;top:14px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;color:#355443;font:500 8px var(--display);letter-spacing:1.4px}
.fleet-card .card-index i{font:400 14px var(--display);font-style:normal;color:#6b7e65;letter-spacing:0}
.fleet-card .card-kit{display:flex;width:100%;height:100%;flex:auto;gap:16px;padding:36px 30px 18px;align-items:center;justify-content:center}
.fleet-card .card-kit img{width:calc((100% - 32px)/3);height:85%;max-height:260px;object-fit:contain;flex:none;filter:drop-shadow(0 8px 6px #21352625)}
.fleet-copy{display:flex;flex-direction:column;flex:1;padding:24px 26px 0;min-width:0}
.fleet-card .fleet-copy>b{display:block;font:500 clamp(21px,2.5vw,33px)/1.15 var(--display);letter-spacing:-.8px;color:#f5f6e9;overflow-wrap:anywhere}
.fleet-card .fleet-copy>small{display:block;font-size:12px;line-height:1.75;color:#b0c4b9;margin-top:7px;min-height:22px}
.fleet-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:21px 0 19px;min-width:0}
.fleet-facts>span{min-width:0}.fleet-facts>span>span{display:block;font-size:9px;color:#829f9d;line-height:1.7}
.fleet-facts strong{display:block;font-size:12px;font-weight:500;color:#dde7d1;line-height:1.6;margin-top:4px;overflow-wrap:anywhere}
.fleet-action{display:flex;justify-content:space-between;align-items:center;min-height:57px;margin-top:auto;border-top:1px solid #abc19830;font-size:11px;color:#c2dd8a;font-weight:600}
.fleet-action>span{font:400 24px var(--display)}
.fleet-card .fleet-action{margin-top:auto}
@media(max-width:900px){.fleet-cards{gap:18px}.fleet-copy{padding:20px 20px 0}.fleet-card .fleet-copy>small{font-size:11px}.fleet-facts{gap:12px}.fleet-facts strong{font-size:11px}.fleet-facts>span>span{font-size:8px}}
@media(max-width:760px){
 .fleet{margin-top:30px;padding-bottom:28px;scroll-margin-top:16px}
 .fleet-top{display:block;position:static;min-height:0;padding:24px 2px 18px;height:auto}
 .fleet-heading>.eyebrow{font-size:8px;letter-spacing:1.3px}.fleet-heading h2{font-size:28px;margin-top:12px;letter-spacing:-.9px}.fleet-heading p{font-size:10px}
 .fleet .categories{margin-top:15px;padding-bottom:5px}.fleet .categories button{min-height:40px;font-size:10px;padding:8px 10px}
 .fleet-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .fleet-visual{height:clamp(165px,32vw,235px)}
 .fleet-card .fleet-visual>img{padding:25px 8px 10px}.fleet-card .card-index{top:10px;left:10px;right:10px;font-size:6px;letter-spacing:.5px}.fleet-card .card-index i{font-size:11px}
 .fleet-card .card-kit{padding:28px 8px 12px;gap:4px}.fleet-card .card-kit img{width:calc((100% - 8px)/3);height:80%}
 .fleet-copy{padding:14px 12px 0}.fleet-card .fleet-copy>b{font-size:18px;letter-spacing:-.4px}.fleet-card .fleet-copy>small{font-size:9px;line-height:1.6;min-height:30px;margin-top:7px}
 .fleet-facts{display:none}.fleet-action{min-height:46px;font-size:9px;margin-top:13px}.fleet-action>span{font-size:19px}
}
@media(max-width:370px){.fleet-cards{gap:10px}.fleet-copy{padding:12px 10px 0}.fleet-card .fleet-copy>b{font-size:16px}.fleet-card .fleet-copy>small{font-size:8px}.fleet-heading h2{font-size:26px}.fleet-visual{height:155px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fleet-card{transition:none}}
