/* equipment-declutter.css, 2026-10-03. Layout only: nothing here hides content from the DOM. */
:root{--dc-gold:#d4a853;--dc-gold-l:#e5c77b;--dc-card:#151a22;--dc-line:rgba(255,255,255,.10)}

/* ---------- Hero: shorter, decision first ---------- */
html body .hero{min-height:0}
html body .hero-inner{padding:40px 24px 36px}
html body .hero p.lede{margin-bottom:14px}
html body .hero p.lede + p.lede{font-size:13.5px!important;color:var(--text3,#9aa3b2);margin-bottom:22px}
html body .hero-stats{margin-top:24px;gap:22px}
html body .hs-val{font-size:24px}

/* ---------- Task chooser ---------- */
html body .dc-chooser{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:760px}
html body .dc-tile{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:72px;padding:14px 16px;border-radius:12px;background:rgba(14,17,22,.78);border:1px solid rgba(212,168,83,.35);color:#fff;text-decoration:none;transition:border-color .15s,background .15s;backdrop-filter:blur(6px)}
html body .dc-tile b{font:700 16px/1.15 'Inter',system-ui,sans-serif;color:#fff}
html body .dc-tile span{font:500 12.5px/1.35 'Inter',system-ui,sans-serif;color:#c9ced8}
html body .dc-tile:hover,html body .dc-tile:focus-visible{border-color:var(--dc-gold);background:rgba(212,168,83,.10)}
html body .dc-tile-pri{background:var(--dc-gold);border-color:var(--dc-gold)}
html body .dc-tile-pri b{color:#0a0d12}
html body .dc-tile-pri span{color:#1d1a12}
html body .dc-tile-pri:hover,html body .dc-tile-pri:focus-visible{background:var(--dc-gold-l);border-color:var(--dc-gold-l)}
@media(max-width:640px){
  html body .dc-chooser{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  html body .dc-tile{min-height:64px;padding:12px 14px}
  html body .dc-tile b{font-size:15px}
  html body .dc-tile span{font-size:12px}
}

/* ---------- Accordions ---------- */
html body .dc-acc{margin:16px 0;border:1px solid var(--dc-line);border-radius:12px;background:rgba(255,255,255,.025)}
html body .dc-acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 16px;border-radius:12px}
html body .dc-acc>summary::-webkit-details-marker{display:none}
html body .dc-acc>summary::marker{content:''}
html body .dc-acc>summary::after{content:'';flex:0 0 auto;width:9px;height:9px;border-right:2px solid var(--dc-gold);border-bottom:2px solid var(--dc-gold);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
html body .dc-acc[open]>summary::after{transform:rotate(225deg) translateY(-2px)}
html body .dc-acc>summary:hover{background:rgba(212,168,83,.06)}
html body .dc-acc-t,html body .dc-acc-h{font:600 15px/1.3 'Inter',system-ui,sans-serif!important;color:#fff!important;margin:0!important;letter-spacing:0!important}
html body .dc-acc-body{padding:4px 16px 16px}
html body .dc-acc-body > :first-child{margin-top:0!important}
html body .dc-acc-media .jr-hero-media{margin-bottom:0!important}
html body #equipment-guide .dc-acc-body p{margin-top:0;margin-bottom:12px}
html body #equipment-guide .dc-acc{margin:10px 0}
html body .featured-att-section .dc-acc,html body .subsurf-section .dc-acc{margin:20px 0}

/* ---------- Show more ---------- */
html body .dc-more-hide{display:none!important}
html body .dc-more-btn{display:flex;align-items:center;justify-content:center;margin:12px auto 0;min-height:44px;padding:10px 22px;border-radius:999px;border:1px solid rgba(212,168,83,.5);background:transparent;color:var(--dc-gold-l);font:600 14px/1 'Inter',system-ui,sans-serif;cursor:pointer;grid-column:1/-1}
html body .dc-more-btn:hover{background:rgba(212,168,83,.10)}

/* ---------- Rent (fleet) ---------- */
html body .dc-how{margin-top:24px;padding:16px;border:1px solid var(--dc-line);border-radius:20px;background:var(--dc-card);font-size:14.5px;line-height:1.6;color:var(--text2,#c9ced8)}
html body .dc-how-h{font:700 18px/1.25 'Inter',system-ui,sans-serif!important;color:#fff;margin:0 0 8px!important;letter-spacing:0!important}
html body .dc-how ol{margin:10px 0 0 20px!important}
html body .dc-how p{margin-top:10px}
html body #fleet .alt-views{margin-top:24px!important}
html body #fleet + .section{padding-top:0}

@media(max-width:640px){
  html body .section{padding-top:30px;padding-bottom:30px}
  html body .sec-sub{margin-bottom:16px}
  /* fleet cards: shorter photo, tighter body */
  html body .m-img{aspect-ratio:16/8}
  html body .m-body{padding:14px 16px 16px;gap:8px}
  html body .m-card h3{font-size:21px}
  html body .m-card p{font-size:13.5px}
  html body .m-stats{padding-top:10px;gap:12px}
  html body .alt-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html body .alt-cap{font-size:10.5px!important;padding:10px 8px 8px!important;letter-spacing:.02em!important}
  html body .cta-block{padding:18px 16px}

  /* J-Rod */
  html body .jr-inner{padding:32px 16px}
  html body .jr-hero-banner{min-height:0!important;margin-bottom:20px!important}
  html body .jr-hero-banner > div:last-child{padding:28px 16px!important}
  html body .jr-hero-banner img{height:36px!important;margin-bottom:12px!important}
  html body .jr-badge{margin-bottom:12px!important}
  html body .jr-cards{gap:12px;margin-bottom:24px}
  html body .jr-card-img{aspect-ratio:4/3}
  html body .jr-card-model{font-size:18px;bottom:8px;left:10px}
  html body .jr-card-body{padding:12px 14px;gap:6px}
  html body .jr-card h3{font-size:17px}
  html body .jr-card p{font-size:13px;line-height:1.45}
  html body .jr-card-price{font-size:19px}
  html body .jr-card-specs{padding-top:8px}
  html body .jr-card-ext-link{min-height:44px}
  html body .jr-brochure-details summary{min-height:44px}
  html body .jr-pricing-note{margin-top:16px!important}
  html body .jr-contact-bar{margin-top:20px!important;padding:18px 16px;gap:12px}

  /* attachments: 2 up */
  html body .atts-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  html body .a-card-img .a-card-body{padding:12px;gap:6px}
  html body .a-card h4{font-size:15px}
  html body .a-card-img p{font-size:12.5px;line-height:1.45}
  html body .a-card-img .a-tag{font-size:9.5px;letter-spacing:.06em;padding:4px 8px;white-space:normal}
  html body .placeholder-note{padding:14px 16px;font-size:13.5px}
  html body .featured-att-cta-row{margin-top:12px}

  /* GPR */
  html body .subsurf-section > div:first-child,html body .subsurf-section > div:first-child img{max-height:170px!important}
  html body .subsurf-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html body .subsurf-scan-card-wide{grid-column:1/-1!important}
  html body .subsurf-scan-card figcaption{padding:8px 10px!important;font-size:12px!important;line-height:1.4!important}
  html body .subsurf-threat-grid{gap:10px!important}
  html body .subsurf-threat-card{padding:14px 16px!important;gap:6px!important;display:grid!important;grid-template-columns:40px minmax(0,1fr);column-gap:12px!important}
  html body .subsurf-threat-card > *{grid-column:2}
  html body .subsurf-threat-card > .subsurf-threat-icon{grid-column:1;grid-row:1 / span 3;align-self:start}
  html body .subsurf-threat-icon svg{width:22px;height:22px}

  /* Buy */
  html body .live-search-card{padding:16px}
  html body .live-search-grid{gap:10px;margin-bottom:18px}
  html body .mt-browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html body .ue-dealer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html body .used-eq-dealers{margin-top:28px!important}
}

/* ---------- J-Rod price list (visible) ---------- */
html body .dc-jr-prices{list-style:none;margin:8px 0 6px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html body .dc-jr-prices a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;min-height:64px;padding:12px 16px;border-radius:12px;border:1px solid rgba(212,168,83,.30);background:rgba(14,17,22,.6);text-decoration:none}
html body .dc-jr-prices a:hover,html body .dc-jr-prices a:focus-visible{border-color:#d4a853}
html body .dc-jr-m{font:700 16px/1.2 'Inter',system-ui,sans-serif;color:#fff}
html body .dc-jr-p{grid-row:1 / span 2;grid-column:2;font:700 17px/1.1 'Inter',system-ui,sans-serif;color:#e5c77b;white-space:nowrap}
html body .dc-jr-f{grid-column:1;font:500 12.5px/1.35 'Inter',system-ui,sans-serif;color:#c9ced8}
html body .dc-jr-note{font:500 12.5px/1.5 'Inter',system-ui,sans-serif;color:#aab1bd;margin:0 0 4px}
html body #JROD .dc-acc .jr-cards{margin-bottom:0}
@media(max-width:640px){
  html body .dc-jr-prices{grid-template-columns:1fr;gap:8px}
  html body .dc-jr-prices a{min-height:56px;padding:10px 14px}
  html body .jr-products-sub{font-size:14px!important;margin-bottom:14px!important}
  html body .hero-inner{padding:28px 16px 26px}
  html body .hero h1{margin-bottom:12px}
  html body .hero-tag{margin-bottom:14px}
  html body .hero-stats{margin-top:18px;gap:16px}
  html body .hs-val{font-size:20px}
  html body .dc-how{font-size:14px;line-height:1.55}
  html body .dc-how ol li{margin-bottom:6px!important}
  html body #equipment-faq details{padding:12px 14px!important}
  html body .subsurf-safety-art img{max-height:150px;object-fit:cover;width:100%}
  html body .subsurf-photo img{max-height:200px;object-fit:contain;width:100%}
  html body .atts-4{grid-template-columns:1fr!important}
  html body .a-card-img .a-img{aspect-ratio:16/8}
}

/* ---------- pass 3: tighter phone stacking ---------- */
@media(max-width:640px){
  html body .hero-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
  html body .hs-item{padding-left:10px}
  html body .hs-val{font-size:18px}
  html body .hs-lbl{font-size:11.5px!important;letter-spacing:.02em!important;text-transform:none!important;line-height:1.25!important}
  html body .m-card{display:grid!important;grid-template-columns:116px minmax(0,1fr)}
  html body .m-img{aspect-ratio:auto;min-height:100%;border-bottom:0;border-right:1px solid var(--line)}
  html body .m-body{padding:12px 14px}
  html body .m-card h3{font-size:19px}
  html body .m-card p{font-size:13px;line-height:1.45}
  html body .m-stats{gap:10px}
  html body .m-stat b{font-size:15px}
  html body .machines{gap:10px}
  html body .featured-att-cta-row{gap:8px}
  html body .featured-att-cta-row .btn{padding:10px 16px;font-size:12px}
  html body .live-search-card{padding:14px 16px;gap:8px}
  html body .live-search-card h4{font-size:18px}
  html body .live-search-card p{font-size:13px}
  html body .live-search-card .lsc-cta{padding:10px 16px;min-height:44px}
  html body .used-eq-header .sec-sub{font-size:14px}
  html body .subsurf-section > div:first-child,html body .subsurf-section > div:first-child img{max-height:130px!important}
  html body .subsurf-safety{gap:12px!important;padding:16px!important}
  html body .subsurf-safety-art img{max-height:120px}
  html body .subsurf-811-callout{padding:16px!important;gap:12px!important}
  html body #equipment-faq > div{gap:8px!important}
  html body .cta-block h3{font-size:21px}
  html body .cta-block p{font-size:13.5px}
}

/* ---------- pass 4 ---------- */
html body .dc-chooser .dc-tile,html body .dc-chooser .dc-tile b,html body .dc-chooser .dc-tile span{text-transform:none!important;letter-spacing:0!important}
html body .dc-guide-refs{font-size:14px;line-height:1.6;color:var(--text2,#c9ced8);margin:0 0 12px}
html body .dc-guide-refs a{color:#e5c77b}
@media(max-width:640px){
  html body .jr-hero-banner > div:last-child > div:last-child{flex-wrap:nowrap!important;gap:8px!important}
  html body .jr-hero-banner > div:last-child > div:last-child .btn{flex:1 1 0;width:auto!important;justify-content:center;padding:12px 10px;font-size:12px;letter-spacing:.04em}
  html body .jr-hero-banner h2{font-size:32px!important}
  html body .featured-att-cta-row{display:flex!important;flex-wrap:wrap}
  html body .featured-att-cta-row .btn{flex:1 1 auto;width:auto!important;justify-content:center}
  html body #equipment-faq details{padding:10px 14px!important}
  html body #equipment-faq summary{min-height:44px;display:flex;align-items:center;font-size:15px}
  html body .live-search-card .lsc-cta{margin-top:4px!important}
  html body #marketplace .sec-sub{font-size:14px}
}
/* JROD-IMG 2026-10-03: catalog cutouts on model cards, feature strip */
html body .dc-jr-prices a{grid-template-columns:minmax(0,1fr) auto;overflow:hidden}
html body .dc-jr-img{grid-column:1 / -1;width:100%;height:auto;aspect-ratio:1000/560;object-fit:contain;object-position:center bottom;margin:0 0 8px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45))}
html body .dc-jr-prices a .dc-jr-p{grid-row:auto}
html body .dc-jr-feat{margin:18px 0 8px}
html body .dc-jr-feat-h{font:700 20px/1.25 'Inter',system-ui,sans-serif;color:#fff;margin:0 0 10px}
html body .dc-jr-feat-g{list-style:none;margin:0;padding:0 0 6px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
html body .dc-jr-feat-g li{scroll-snap-align:start}
html body .dc-jr-feat-g a{display:block;height:100%;border-radius:12px;overflow:hidden;border:1px solid rgba(212,168,83,.25);background:rgba(14,17,22,.6);text-decoration:none}
html body .dc-jr-feat-g a:hover,html body .dc-jr-feat-g a:focus-visible{border-color:#d4a853}
html body .dc-jr-feat-g img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
html body .dc-jr-feat-g b{display:block;padding:10px 12px 2px;font:700 14.5px/1.3 'Inter',system-ui,sans-serif;color:#fff}
html body .dc-jr-feat-g span{display:block;padding:0 12px 12px;font:500 12.5px/1.45 'Inter',system-ui,sans-serif;color:#c9ced8}
html body .dc-jr-credit{font:500 12px/1.5 'Inter',system-ui,sans-serif;color:#97a0ad;margin:8px 0 0}
html body .dc-jr-credit a{color:#e5c77b}
@media (max-width:700px){html body .dc-jr-feat-g{grid-auto-columns:72%}html body .dc-jr-prices{grid-template-columns:repeat(2,minmax(0,1fr))}html body .dc-jr-prices a{display:flex;flex-direction:column;align-items:flex-start;gap:3px}html body .dc-jr-img{aspect-ratio:1000/620}}
@media (min-width:701px){html body .dc-jr-feat-g{grid-auto-flow:row;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible}html body .dc-jr-img{aspect-ratio:1000/430}}