/**
 * Brand and model pages (taxonomy-equipment-brand.php). Scoped to .jma-bp.
 * Follows the Mini Excavator Attachments pattern: two-tone H1, red CTA,
 * tile grid, product grid, dark green help band.
 */
.jma-bp{--bp-green:#20842D;--bp-green-dk:#186A23;--bp-red:#c8102e;--bp-ink:#14181c;
  --bp-muted:#5b6670;--bp-line:#e3e7ea;--bp-bg:#f6f8f9}
.jma-bp *,.jma-bp *::before,.jma-bp *::after{box-sizing:border-box}

.jma-bp__hero{background:var(--bp-bg);padding:26px 0 30px}
.jma-bp__h1{margin:10px 0 8px;font-size:clamp(26px,3.6vw,42px);line-height:1.1;font-weight:800}
.jma-bp__h1-dark{color:var(--bp-ink)}
.jma-bp__h1-accent{color:var(--bp-red)}
.jma-bp__sub{max-width:64ch;color:var(--bp-muted);margin:0 0 16px;line-height:1.55}
.jma-bp__cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:0}
.jma-bp__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:6px;
  font-weight:700;text-decoration:none;min-height:44px;border:2px solid transparent}
.jma-bp__btn--red{background:var(--bp-red);color:#fff}
.jma-bp__btn--red:hover{background:#a50d26;color:#fff}
/* out-of-stock "Request a Quote / More Info" (inc/jma/oos-quote.php), 2026-09-26 */
.jma-bp__btn--green{background:#20842D;color:#fff;border:0;cursor:pointer;font:inherit;font-weight:700}
.jma-bp__btn--green:hover{background:#186b23;color:#fff}
.jma-bp__btn--white{background:#fff;color:var(--bp-ink)}
.jma-bp__link{color:var(--bp-green);font-weight:700;text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}

.jma-bp__h2{font-size:clamp(19px,2.2vw,26px);font-weight:800;margin:0 0 16px;color:var(--bp-ink)}
/* Heading accent: same 48x4 green line as the machine-type pages' "Featured Attachments" (read from staging 2026-09-25: 48x4px, #20842D, radius 2px, 16px below). Left-aligned to follow these headings. */
.jma-bp__h2::after{content:"";display:block;width:48px;height:4px;border-radius:2px;background:#20842D;margin:16px 0 0}
.jma-bp__specs,.jma-bp__types,.jma-bp__promo,.jma-bp__models,.jma-bp__products{padding:26px 0}
.jma-bp__spec-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:0}
.jma-bp__spec-grid>div{border:1px solid var(--bp-line);border-radius:8px;padding:12px 14px;background:#fff}
.jma-bp__spec-grid dt{font-size:12px;color:var(--bp-muted);margin:0 0 3px}
.jma-bp__spec-grid dd{margin:0;font-weight:700}

.jma-bp__tiles{list-style:none;margin:0;padding:0;display:grid;gap:14px;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.jma-bp__tile a{display:flex;flex-direction:column;gap:8px;border:1px solid var(--bp-line);border-radius:10px;
  padding:14px;background:#fff;text-decoration:none;color:var(--bp-ink);height:100%}
.jma-bp__tile a:hover{border-color:var(--bp-green)}
.jma-bp__tile-media{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden}
.jma-bp__tile-media img{max-width:100%;max-height:100%;object-fit:contain}
.jma-bp__tile-name{font-weight:700;font-size:15px}
.jma-bp__tile-link{color:var(--bp-green);font-weight:700;font-size:13px;margin-top:auto}

.jma-bp__grid{display:grid;gap:16px;grid-template-columns:repeat(5,1fr)}
.jma-bp__card{display:flex;flex-direction:column;border:1px solid var(--bp-line);border-radius:10px;
  overflow:hidden;background:#fff}
.jma-bp__card-media{display:block;aspect-ratio:4/3;overflow:hidden;background:#fff}
.jma-bp__card-media img{width:100%;height:100%;object-fit:contain;display:block}
.jma-bp__card-body{display:flex;flex-direction:column;gap:8px;padding:12px;flex:1}
.jma-bp__card-title{margin:0;font-size:14px;line-height:1.35;font-weight:700}
.jma-bp__card-title a{color:var(--bp-ink);text-decoration:none}
.jma-bp__card-title a:hover{text-decoration:underline}
.jma-bp__fit{margin:0;font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px;align-self:flex-start}
.jma-bp__fit--direct{background:#e6f4e9;color:#186A23}
.jma-bp__fit--made{background:#fdf3e0;color:#8a6100}
.jma-bp__stock{margin:0;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px}
.jma-bp__stock::before{content:"";width:8px;height:8px;border-radius:50%;flex:0 0 8px}
.jma-bp__stock.is-in{color:var(--bp-green)}
.jma-bp__stock.is-in::before{background:var(--bp-green)}
.jma-bp__stock.is-out{color:#8a6100}
.jma-bp__stock.is-out::before{background:#e0a800}
.jma-bp__card-cta{margin:auto 0 0}
.jma-bp__card-cta .jma-bp__btn{width:100%;padding:10px 14px;font-size:14px}

/* the 15th cell is always the CTA tile, never a product */
.jma-bp__cta-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;
  background:var(--bp-green);color:#fff;border-radius:10px;text-decoration:none;padding:18px;text-align:center;
  min-height:180px}
.jma-bp__cta-tile:hover{background:var(--bp-green-dk);color:#fff}
.jma-bp__cta-tile-label{font-weight:800;font-size:17px}
.jma-bp__cta-tile-sub{font-size:14px;opacity:.92}
.jma-bp__cta-tile-arrow{font-size:20px}

.jma-bp__model-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;
  grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.jma-bp__model-list a{display:block;border:1px solid var(--bp-line);border-radius:8px;padding:10px 12px;
  background:#fff;text-decoration:none;color:var(--bp-ink);font-weight:600;font-size:14px;min-height:44px}
.jma-bp__model-list a:hover{border-color:var(--bp-green);color:var(--bp-green)}
.jma-bp__empty{color:var(--bp-muted)}

.jma-bp__help{background:var(--bp-green-dk);color:#fff;padding:28px 0}
.jma-bp__help-inner{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}
.jma-bp__help-h2{margin:0 0 6px;font-size:clamp(19px,2.2vw,26px);font-weight:800}
.jma-bp__help-text{margin:0;max-width:60ch;opacity:.94}
.jma-bp__help-cta{margin:0}

@media (max-width:1100px){ .jma-bp__grid{grid-template-columns:repeat(3,1fr)} }
@media (max-width:700px){
  .jma-bp__grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .jma-bp__tiles{grid-template-columns:repeat(2,1fr)}
  .jma-bp__cta-tile{min-height:140px}
}

/* model list: filter box, 15 rows by default, expand button */
.jma-bp__model-search{margin:0 0 14px;max-width:460px}
.jma-bp__model-search input{width:100%;min-height:46px;border:1px solid var(--bp-line);border-radius:8px;
  padding:11px 14px;font-size:15px;background:#fff}
.jma-bp__model-search input:focus{outline:2px solid var(--bp-green);outline-offset:1px;border-color:var(--bp-green)}
.jma-bp__model-count{margin:8px 0 0;font-size:13px;color:var(--bp-muted)}
.jma-bp__model-list li.is-extra{display:none}
.jma-bp__models.is-open .jma-bp__model-list li.is-extra{display:block}
.jma-bp__model-list li.is-filtered{display:none !important}
.jma-bp__models.is-searching .jma-bp__model-list li.is-extra:not(.is-filtered){display:block}
.jma-bp__model-empty{margin:12px 0 0;color:var(--bp-muted)}
.jma-bp__model-toggle{margin:14px 0 0;appearance:none;background:#fff;border:2px solid var(--bp-green);
  color:var(--bp-green);font-weight:700;border-radius:8px;padding:11px 20px;min-height:44px;cursor:pointer}
.jma-bp__model-toggle:hover{background:var(--bp-green);color:#fff}
.jma-bp__fit--info{background:#eef2f5;color:#3d4a55}
/* 2026-09-28: Shop all view + counts */
.jma-bp__cta-tile-count{display:block;font-size:13px;font-weight:600;opacity:.9;margin-top:2px}
.jma-bp__all-meta{margin:-4px 0 16px;color:#5b6670;font-size:15px}
.jma-bp__all-meta a{margin-left:8px;font-weight:700;color:#20842D}
.jma-bp__pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:24px}
.jma-bp__pager-n{min-width:40px;height:40px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e3e7ea;border-radius:8px;font-weight:700;color:#14181c;text-decoration:none;background:#fff}
.jma-bp__pager-n:hover{border-color:#20842D}
.jma-bp__pager-n.is-current{background:#20842D;border-color:#20842D;color:#fff}
/* 2026-09-28: Get Fitment Help popup (homepage Compatibility Check card) */
.jma-fm{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;background:rgba(10,14,18,.62);overflow-y:auto;-webkit-overflow-scrolling:touch}
.jma-fm[hidden]{display:none}
.jma-fm__box{position:relative;width:100%;max-width:560px;margin:auto 0}
.jma-fm .home-bc__card{display:block;margin:0;max-width:none;width:100%;background:#1b1f23;-webkit-backdrop-filter:none;backdrop-filter:none} /* main.css hides the card below 1024px and makes it see-through for the homepage photo */
.jma-fm .home-bc__card-header{padding-right:44px}
@media (max-width:480px){.jma-fm{padding:16px 12px}.jma-fm .home-bc__card{padding:1.25rem 1rem}.jma-fm .home-bc__form{grid-template-columns:1fr}}
.jma-fm__x{position:absolute;top:8px;right:8px;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#14181c;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.jma-fm__x:focus-visible{outline:2px solid #20842D;outline-offset:2px}
.jma-fm__help{margin:14px 0 0;text-align:center;color:#fff;font-size:15px;line-height:1.5}
.jma-fm__help a{color:#fff;font-weight:700;text-decoration:underline}
html.jma-fm-open{overflow:hidden}