/* "Build your hammer kit" (inc/jma/hammer-kit.php), 2026-10-01. Sits in the product summary column. */
.jma-kit{--k-green:#20842D;--k-green-dk:#186A23;--k-ink:#14181c;--k-muted:#5b6670;--k-line:#e3e7ea;--k-bg:#f6f8f9}
.jma-kit *,.jma-kit *::before,.jma-kit *::after{box-sizing:border-box}
.jma-kit__title{margin:0;font-size:1.375rem;font-weight:800;color:var(--k-ink);line-height:1.25}
.jma-kit__lead{margin:.375rem 0 0;font-size:.9375rem;color:var(--k-muted);line-height:1.5}
.jma-kit__step{margin-top:1.25rem}
.jma-kit__h{display:flex;align-items:center;gap:.5rem;margin:0 0 .625rem;font-size:1rem;font-weight:800;color:var(--k-ink)}
.jma-kit__n{display:inline-grid;place-items:center;flex:0 0 1.625rem;width:1.625rem;height:1.625rem;border-radius:50%;background:var(--k-green);color:#fff;font-size:.8125rem;font-weight:800}
/* finder inside the kit: compact; the kit prints its own result and fit check */
.jma-kit .jma-fdr{box-shadow:none;border-top-width:1px;padding:14px}
.jma-kit .jma-fdr__h{font-size:15px}
.jma-kit .jma-fdr__sub{margin-bottom:10px;font-size:13px}
.jma-kit .jma-fdr__res,.jma-kit .jma-fdr__fit{display:none!important}
.jma-kit__status{margin:.75rem 0 0;padding:.625rem .75rem;border-radius:8px;font-size:.875rem;font-weight:600;line-height:1.45;background:var(--k-bg);color:var(--k-ink)}
.jma-kit__status.is-ok{background:#e3f3e5;color:#174d1f}
.jma-kit__status.is-built{background:#fff3d1;color:#5c4100}
.jma-kit__status.is-no{background:#fdecea;color:#7a1f16}
.jma-kit__status[hidden],.jma-kit__fitcheck[hidden],.jma-kit__list[hidden],.jma-kit__msg[hidden]{display:none}
.jma-kit__alt{font-weight:800;color:inherit}
.jma-kit__fitcheck{margin-top:.625rem}
.jma-kit__fitbtn{appearance:none;display:inline-flex;align-items:center;min-height:44px;padding:.625rem 1.125rem;border:0;border-radius:6px;background:var(--k-green);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.jma-kit__fitbtn:hover{background:var(--k-green-dk)}

/* card lists: flex rows that stretch, so a row is never left with an empty slot */
.jma-kit__list{display:flex;flex-wrap:wrap;gap:10px;margin-top:.75rem}
.jma-kit__card{flex:1 1 170px;max-width:100%;display:flex;flex-direction:column;border:1px solid var(--k-line);border-radius:10px;background:#fff;overflow:hidden;position:relative}
.jma-kit__card[hidden]{display:none}
.jma-kit__card.is-picked{border-color:var(--k-green);box-shadow:0 0 0 2px var(--k-green) inset}
.jma-kit__media{display:block;aspect-ratio:4/3;background:#fff;overflow:hidden}
.jma-kit__img{width:100%;height:100%;object-fit:contain;display:block;transform:scale(1.18);transform-origin:center}
.jma-kit__info{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px;flex:1}
.jma-kit__badge{margin:0 0 2px;align-self:flex-start;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800}
.jma-kit__badge[hidden]{display:none}
.jma-kit__badge.is-ready{background:#e3f3e5;color:var(--k-green-dk)}
.jma-kit__name{margin:0;font-size:.9375rem;font-weight:800;line-height:1.3}
.jma-kit__name a{color:var(--k-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jma-kit__name a:hover{text-decoration:underline}
.jma-kit__fact{margin:0;font-size:.8125rem;color:var(--k-muted);line-height:1.35}
.jma-kit__price{margin:2px 0 0;font-size:1.0625rem;font-weight:800;color:var(--k-ink)}
.jma-kit__price del{font-size:.8125rem;font-weight:400;color:var(--k-muted);margin-right:4px}
.jma-kit__price ins{text-decoration:none}
.jma-kit__btn{appearance:none;margin-top:auto;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:.5rem;border:1px solid var(--k-green);border-radius:6px;background:#fff;color:var(--k-green);font:inherit;font-size:.875rem;font-weight:800;cursor:pointer;text-align:center;line-height:1.2}
.jma-kit__btn:hover,.jma-kit__btn[aria-pressed="true"]{background:var(--k-green);color:#fff}
.jma-kit__btn--cart{background:var(--k-green);color:#fff}
.jma-kit__btn--cart:hover{background:var(--k-green-dk)}
.jma-kit__btn.is-busy{opacity:.7;cursor:progress}
.jma-kit__oos{margin:2px 0 0;font-size:.8125rem;font-weight:700;color:#b3261e}
.jma-kit__info .jma-kit__oos{margin-top:auto}
.jma-kit__more{appearance:none;margin-top:.625rem;padding:.25rem 0;border:0;background:none;color:var(--k-green);font:inherit;font-size:.9375rem;font-weight:800;cursor:pointer;text-decoration:underline;min-height:36px}

/* tabs */
.jma-kit__tabs{display:flex;gap:6px;border-bottom:1px solid var(--k-line)}
.jma-kit__tab{appearance:none;display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;min-height:44px;border:0;border-bottom:3px solid transparent;background:none;font:inherit;font-size:.9375rem;font-weight:800;color:var(--k-muted);cursor:pointer;margin-bottom:-1px}
.jma-kit__tab[aria-selected="true"]{color:var(--k-ink);border-bottom-color:var(--k-green)}
.jma-kit__tab[aria-selected="false"] .jma-kit__n{background:#5f6b73} /* white 5.5:1 (AA); #9aa5ad was 2.51:1 */
.jma-kit__all{display:inline-block;margin-top:.75rem}

/* summary */
.jma-kit__sum{margin-top:1.25rem;padding:14px 16px;border:2px solid var(--k-ink);border-radius:12px;background:#fff}
.jma-kit__sum-h{margin:0 0 6px;font-size:1rem;font-weight:800;color:var(--k-ink)}
.jma-kit__lines{list-style:none;margin:0;padding:0}
.jma-kit__lines li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed var(--k-line);font-size:.875rem;color:var(--k-ink)}
.jma-kit__lines em{font-style:normal;color:var(--k-muted)}
.jma-kit__lines li.is-set em{color:var(--k-ink);font-weight:700}
.jma-kit__lines b{white-space:nowrap}
.jma-kit__total{display:flex;justify-content:space-between;align-items:baseline;margin:10px 0 0;font-size:1rem;font-weight:800}
.jma-kit__total b{font-size:1.375rem}
.jma-kit__fine{margin:2px 0 10px;font-size:.75rem;color:var(--k-muted)}
/* UI/UX review Oct 14 2026: was red #c8102e, radius 6. DESIGN.md primary button: --jma-green, radius 8, >= 44px. */
.jma-kit__addkit{appearance:none;display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;border:0;border-radius:8px;background:#0d5a28;color:#fff;font:inherit;font-size:1rem;font-weight:800;cursor:pointer}
.jma-kit__addkit:hover{background:#08401c}
.jma-kit__addkit:focus-visible{outline:3px solid #0d5a28;outline-offset:2px}
.jma-kit__addkit:disabled{opacity:.75}
.jma-kit__msg{margin:10px 0 0;font-size:.875rem;font-weight:600}
.jma-kit__msg.is-ok{color:#174d1f}
.jma-kit__msg.is-err{color:#b3261e}
.jma-kit__msg a{font-weight:800;color:var(--k-green)}

/* mobile: one swipeable row per list (horizontal scroll on mobile only) */
@media (max-width:767px){
  .jma-kit__list{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px;margin-right:-16px;padding-right:16px}
  .jma-kit__card{flex:0 0 68%;scroll-snap-align:start}
  .jma-kit__tabs{overflow-x:auto}
  .jma-kit__tab{white-space:nowrap}
}

/* included mount (Johan 2026-10-02): first head $0, extra heads paid */
.jma-kit__incl{display:inline-block;padding:1px 8px;border-radius:999px;background:#e3f3e5;color:var(--k-green-dk);font-size:.8125rem;font-weight:800}
.jma-kit__extra-price{display:block;margin-top:2px;font-size:.8125rem;font-weight:600;color:var(--k-muted)}
.jma-kit__extra-price .amount{font-weight:700}
.jma-kit__extra{appearance:none;margin-top:6px;padding:4px 0;border:0;background:none;color:var(--k-green);font:inherit;font-size:.8125rem;font-weight:800;text-decoration:underline;cursor:pointer;min-height:32px}

/* note under the page's own Add to cart on SB hammers (machine + included mount required) */
.jma-kit__mainnote{margin:.5rem 0 0;font-size:.875rem;font-weight:600;color:#174d1f}