#mtb-kit-finder{--ink:#172033;--muted:#667085;--line:#d9dde5;--soft:#f7f8fa;--red:#ce2029;--red2:#a71921;--ok:#167546;--warn:#9a6500;--bad:#a71921;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
#mtb-kit-finder *{box-sizing:border-box}
.mtb-kf__shell{max-width:1120px;margin:28px auto;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 7px 24px rgba(0,0,0,.06);overflow:hidden}
.mtb-kf__head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding:27px 30px 19px;border-bottom:1px solid var(--line)}
.mtb-kf__eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:800;color:var(--red);margin-bottom:8px}
.mtb-kf h2{font-size:31px;line-height:1.15;margin:0 0 8px;font-weight:800}
.mtb-kf p{margin:0;color:var(--muted);line-height:1.55}
.mtb-kf__reset{border:1px solid #bcc2cb;background:#fff;padding:10px 14px;border-radius:7px;font-weight:700;cursor:pointer}
.mtb-kf__progress{display:flex;align-items:center;justify-content:center;padding:20px 24px 2px}
.mtb-kf__progress span{width:31px;height:31px;border-radius:50%;border:2px solid #c4c7cc;display:flex;align-items:center;justify-content:center;font-weight:800;color:#72777f}
.mtb-kf__progress span.is-active,.mtb-kf__progress span.is-done{border-color:var(--red);background:var(--red);color:#fff}
.mtb-kf__progress i{height:2px;background:#d2d5da;width:45px}
.mtb-kf__body{padding:26px 30px 34px;min-height:390px}
.mtb-kf__title{text-align:center;font-size:23px;font-weight:800;margin:0 0 7px}
.mtb-kf__sub{text-align:center;color:var(--muted);max-width:820px;margin:0 auto 23px;line-height:1.5}
.mtb-kf__crumb{text-align:center;color:#7a7f87;font-size:13px;margin:-8px 0 19px}
.mtb-kf__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mtb-kf__grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.mtb-kf__choice{width:100%;appearance:none;text-align:left;border:2px solid #e0e3e8;background:#fff;border-radius:9px;padding:18px;cursor:pointer;transition:.15s ease;min-height:92px}
.mtb-kf__choice:hover{border-color:var(--red);transform:translateY(-1px);box-shadow:0 5px 14px rgba(0,0,0,.06)}
.mtb-kf__choice strong{display:block;font-size:16px;margin-bottom:5px}
.mtb-kf__choice small{display:block;color:var(--muted);line-height:1.42;font-size:13px}
.mtb-kf__sizes{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:920px;margin:auto}
.mtb-kf__size{border:2px solid #ddd;background:#fff;border-radius:7px;padding:11px 15px;font-weight:800;cursor:pointer}
.mtb-kf__size:hover{border-color:var(--red);color:var(--red)}
.mtb-kf__back{display:inline-block;margin-top:24px;border:0;background:transparent;color:#555;text-decoration:underline;cursor:pointer;font-weight:700}
.mtb-kf__center{text-align:center}
.mtb-kf__form{max-width:690px;margin:0 auto}
.mtb-kf__field{margin:0 0 17px}
.mtb-kf__field label{font-weight:800;display:block;margin-bottom:7px}
.mtb-kf__field input,.mtb-kf__field select{width:100%;border:1px solid #bfc4cc;border-radius:7px;padding:12px 13px;font-size:16px;background:#fff}
.mtb-kf__inline{display:grid;grid-template-columns:1fr 160px;gap:10px}
.mtb-kf__btn{border:0;background:var(--red);color:#fff!important;border-radius:7px;padding:13px 18px;font-weight:800;cursor:pointer;text-decoration:none!important;display:inline-block}
.mtb-kf__btn:hover{background:var(--red2)}
.mtb-kf__btn.secondary{background:#293243}
.mtb-kf__notice{max-width:790px;margin:12px auto;border-left:5px solid var(--warn);background:#fff7e6;padding:18px 20px;line-height:1.55;border-radius:5px}
.mtb-kf__notice.bad{border-color:var(--bad);background:#fff0f1}
.mtb-kf__notice.good{border-color:var(--ok);background:#eff9f3}
.mtb-kf__result{max-width:820px;margin:0 auto;border:2px solid #d7eadf;border-radius:9px;overflow:hidden}
.mtb-kf__result-h{background:#eff8f2;padding:18px 21px;border-bottom:1px solid #d7eadf}
.mtb-kf__result-h strong{color:var(--ok);font-size:12px;letter-spacing:.8px}
.mtb-kf__result-b{padding:23px 21px}
.mtb-kf__result-b h3{font-size:25px;margin:0 0 5px}
.mtb-kf__sku{color:var(--red);font-weight:800;margin-bottom:14px}
.mtb-kf__facts{list-style:none;padding:0;margin:15px 0 20px}
.mtb-kf__facts li{padding:6px 0 6px 25px;position:relative}
.mtb-kf__facts li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:900}
.mtb-kf__measure-card{max-width:820px;margin:0 auto;border:1px solid var(--line);border-radius:9px;padding:20px;background:var(--soft)}
.mtb-kf__measure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0}
.mtb-kf__metric{background:#fff;border:1px solid var(--line);border-radius:7px;padding:12px;text-align:center}
.mtb-kf__metric small{display:block;color:var(--muted);margin-bottom:4px}
.mtb-kf__metric strong{font-size:18px}
.mtb-kf__footer{background:#f6f6f6;border-top:1px solid var(--line);padding:15px 30px;text-align:center;color:#555;font-size:13px;line-height:1.5}
.mtb-kf__spark-found{border:1px solid #cdd7e5;background:#f4f7fb;border-radius:8px;padding:15px;margin:15px 0}
@media(max-width:800px){
 .mtb-kf__head{display:block;padding:22px 19px 17px}.mtb-kf__reset{margin-top:14px}
 .mtb-kf h2{font-size:25px}.mtb-kf__body{padding:22px 17px 29px}
 .mtb-kf__grid,.mtb-kf__grid.two{grid-template-columns:1fr}.mtb-kf__progress i{width:22px}
 .mtb-kf__inline,.mtb-kf__measure-grid{grid-template-columns:1fr}.mtb-kf__footer{padding:14px 18px}
}

.mtb-kf__btn.is-loading{opacity:.72;cursor:wait;pointer-events:none}
.mtb-kf__btn.is-missing{background:#777!important;cursor:not-allowed;pointer-events:none}

.mtb-kf__version{margin-top:8px;font-size:11px;color:#8a8f98;font-weight:700;letter-spacing:.25px}




.mtb-kf__beta{
  display:inline-block;
  margin-left:10px;
  padding:4px 8px;
  border-radius:4px;
  background:#ffeb3b;
  color:#171717;
  font-weight:900;
  letter-spacing:0;
  text-transform:none;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);
}
@media(max-width:800px){
  .mtb-kf__beta{display:block;width:max-content;max-width:100%;margin:6px 0 0}
}

.mtb-kf__insert-chart{max-width:900px;margin:22px auto 0}
.mtb-kf__insert-chart h3{margin:0 0 12px;font-size:21px}
.mtb-kf__install-note{background:#fff7cc;border-left:5px solid #e0b400;padding:14px 16px;margin-bottom:14px;line-height:1.5}
.mtb-kf__table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}
.mtb-kf__table{width:100%;border-collapse:collapse;background:#fff}
.mtb-kf__table th,.mtb-kf__table td{padding:11px 12px;border-bottom:1px solid #e4e6ea;text-align:left;white-space:nowrap}
.mtb-kf__table th{background:#f3f4f6;font-size:12px;text-transform:uppercase;letter-spacing:.35px}
.mtb-kf__table tbody tr:last-child td{border-bottom:0}
.mtb-kf__part-link{font-weight:800;color:var(--red)!important;text-decoration:none!important}
.mtb-kf__part-link:hover{text-decoration:underline!important}
.mtb-kf__choice:disabled{opacity:.48;cursor:not-allowed;transform:none!important;box-shadow:none!important}

/* v3.6 collapsible Finder shell */
.mtb-kf__collapse-bar{
 width:100%;
 display:grid;
 grid-template-columns:76px minmax(0,1fr) auto 34px;
 align-items:center;
 gap:14px;
 padding:12px 18px;
 border:0;
 background:linear-gradient(180deg,#fff 0%,#f5f7fa 100%);
 color:var(--ink);
 text-align:left;
 cursor:pointer;
}
.mtb-kf__collapse-bar:hover{background:#f1f4f8}
.mtb-kf__mascot-wrap{
 width:66px;height:66px;border-radius:50%;
 display:flex;align-items:center;justify-content:center;
 background:#fff;border:3px solid #173f65;
 overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.10);
}
.mtb-kf__mascot{width:100%;height:100%;object-fit:cover;display:block}
.mtb-kf__collapse-copy{display:flex;flex-direction:column;gap:3px}
.mtb-kf__collapse-title{font-size:21px;font-weight:900;color:#173f65;line-height:1.15}
.mtb-kf__collapse-message{font-size:14px;font-weight:700;color:#4f5968}
.mtb-kf__collapse-beta{
 background:#ffeb3b;color:#171717;border-radius:4px;
 padding:5px 8px;font-size:12px;font-weight:900;white-space:nowrap;
 box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)
}
.mtb-kf__chevron{
 width:30px;height:30px;border-radius:50%;
 display:flex;align-items:center;justify-content:center;
 background:#173f65;color:#fff;font-size:24px;line-height:1;
 transition:transform .2s ease;
}
.mtb-kf.is-open .mtb-kf__chevron{transform:rotate(180deg)}
.mtb-kf__collapsible{display:block;border-top:1px solid var(--line)}
.mtb-kf.is-collapsed .mtb-kf__collapsible{display:none}
.mtb-kf.is-collapsed .mtb-kf__shell{box-shadow:0 4px 15px rgba(0,0,0,.08)}
.mtb-kf.is-collapsed .mtb-kf__collapse-bar{border-radius:9px}
@media(max-width:800px){
 .mtb-kf__collapse-bar{grid-template-columns:56px 1fr 28px;gap:10px;padding:10px 12px}
 .mtb-kf__mascot-wrap{width:50px;height:50px}
 .mtb-kf__collapse-title{font-size:17px}
 .mtb-kf__collapse-message{font-size:12px}
 .mtb-kf__collapse-beta{grid-column:2/4;justify-self:start;white-space:normal}
 .mtb-kf__chevron{grid-column:3;grid-row:1}
}

/* v3.6.1 approved collapsed promotional banner */
.mtb-kf__collapse-banner-button{
 display:block;
 padding:0;
 margin:0;
 background:#fff;
 border:0;
 border-radius:9px;
 overflow:hidden;
 line-height:0;
 width:100%;
}
.mtb-kf__collapse-banner-button:hover{
 background:#fff;
 filter:brightness(.985);
}
.mtb-kf__collapse-banner-img{
 display:block;
 width:100%;
 height:auto;
 max-height:none;
 object-fit:contain;
}
.mtb-kf.is-collapsed .mtb-kf__collapse-banner-button{
 border-radius:9px;
}
@media(max-width:800px){
 .mtb-kf__collapse-banner-button{
   display:block;
   padding:0;
 }
 .mtb-kf__collapse-banner-img{
   width:100%;
   height:auto;
 }
}

/* v3.6.2 banner containment fix */
.mtb-kf,
.mtb-kf__shell,
.mtb-kf__collapse-banner-button{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
.mtb-kf__collapse-banner-button{
  overflow:hidden;
}
.mtb-kf__collapse-banner-img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:contain;
  object-position:center center;
  box-sizing:border-box;
}
@media(max-width:800px){
  .mtb-kf__collapse-banner-img{
    width:100%;
    max-width:100%;
    height:auto;
    object-fit:contain;
  }
}

/* v3.6.3 — desktop/laptop collapsed banner sizing */
@media (min-width: 1200px){
  .mtb-kf.is-collapsed{
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }

  .mtb-kf.is-collapsed .mtb-kf__shell,
  .mtb-kf.is-collapsed .mtb-kf__collapse-banner-button,
  .mtb-kf.is-collapsed .mtb-kf__collapse-banner-img{
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Keep tablet/mobile behavior unchanged and full-width within the page column. */
@media (max-width: 1199px){
  .mtb-kf.is-collapsed{
    max-width: 100%;
  }

  .mtb-kf.is-collapsed .mtb-kf__shell,
  .mtb-kf.is-collapsed .mtb-kf__collapse-banner-button,
  .mtb-kf.is-collapsed .mtb-kf__collapse-banner-img{
    max-width: 100%;
  }
}

/* v3.6.4 — keep expanded Finder same desktop width as collapsed banner */
@media (min-width: 1200px){
  .mtb-kf{
    width:100%;
    max-width:900px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .mtb-kf__shell,
  .mtb-kf__collapse-banner-button,
  .mtb-kf__collapse-banner-img,
  .mtb-kf__collapsible{
    width:100%;
    max-width:900px !important;
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
  }

  /* Prevent any inner expanded section from forcing the wrapper wider. */
  .mtb-kf__head,
  .mtb-kf__progress,
  .mtb-kf__body,
  .mtb-kf__footer{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
  }
}

/* Tablet/mobile remain fluid and full-width within the page column. */
@media (max-width:1199px){
  .mtb-kf,
  .mtb-kf__shell,
  .mtb-kf__collapse-banner-button,
  .mtb-kf__collapse-banner-img,
  .mtb-kf__collapsible{
    width:100%;
    max-width:100% !important;
  }
}


/* v3.7.1 — mobile/tablet top-clipping fix.
   Keep the Finder below sticky/mobile site headers and prevent decorative
   elements from being clipped at the top edge. Desktop layout is unchanged. */
@media (max-width: 1024px){
  #mtb-kit-finder{
    position: relative;
    z-index: 1;
    overflow: visible !important;
    padding-top: 14px;
  }

  #mtb-kit-finder .mtb-kf__shell{
    margin-top: 0 !important;
    overflow: visible;
  }

  #mtb-kit-finder .mtb-kf__hero,
  #mtb-kit-finder .mtb-kf__banner,
  #mtb-kit-finder .mtb-kf__collapsed,
  #mtb-kit-finder .mtb-kf__collapsed-banner,
  #mtb-kit-finder .mtb-kf__mobile-banner{
    position: relative;
    top: auto !important;
    transform: none !important;
    margin-top: 0 !important;
    overflow: visible !important;
  }

  #mtb-kit-finder img{
    max-width: 100%;
    height: auto;
  }
}

/* Extra clearance for narrow mobile headers such as Porto's mobile header. */
@media (max-width: 600px){
  #mtb-kit-finder{
    padding-top: 20px;
  }
}


/* v3.7.2 — narrow-phone / sticky-header correction.
   v3.7.1 used inner padding; that does not help when the Porto mobile header
   physically overlays the page. Move the entire Finder below the overlay. */
@media (max-width: 600px){
  #mtb-kit-finder.mtb-kf{
    margin-top: 82px !important;
    padding-top: 0 !important;
    clear: both;
  }

  #mtb-kit-finder .mtb-kf__shell{
    margin-top: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #mtb-kit-finder .mtb-kf__collapse-bar.mtb-kf__collapse-banner-button{
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    appearance: none;
    -webkit-appearance: none;
  }

  #mtb-kit-finder .mtb-kf__collapse-banner-img{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center top !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }
}

/* Very narrow phones get a little more clearance for taller browser/header UI. */
@media (max-width: 420px){
  #mtb-kit-finder.mtb-kf{
    margin-top: 92px !important;
  }
}


/* v3.7.3 — increased smartphone white-space buffer below mobile navigation.
   This overrides the v3.7.2 narrow-phone margin without changing banner sizing. */
@media (max-width: 600px){
  #mtb-kit-finder.mtb-kf{
    margin-top: 118px !important;
  }
}

@media (max-width: 420px){
  #mtb-kit-finder.mtb-kf{
    margin-top: 128px !important;
  }
}


/* v3.8.0 specialty product cards */
.mtb-kf__product-choice{cursor:default!important;text-align:left}
.mtb-kf__product-choice .mtb-kf__btn{display:inline-block;margin-top:12px;text-align:center}
.mtb-kf__product-choice:hover{transform:none}

/* v3.8.1 — Master Set contents shown before product click */
#mtb-kit-finder .mtb-kf__master-card{align-items:stretch;text-align:left}
#mtb-kit-finder .mtb-kf__master-card>strong,
#mtb-kit-finder .mtb-kf__master-card>small{text-align:center}
#mtb-kit-finder .mtb-kf__master-detail{margin:12px 0 14px;border:1px solid #d8dde5;border-radius:8px;overflow:hidden;background:#fff}
#mtb-kit-finder .mtb-kf__master-summary{padding:9px 10px;background:#f5f7fa;font-size:12px;font-weight:700;line-height:1.35;color:#263547}
#mtb-kit-finder .mtb-kf__master-head,
#mtb-kit-finder .mtb-kf__master-row{display:grid;grid-template-columns:minmax(95px,.8fr) minmax(145px,1.2fr);gap:10px;padding:7px 10px;border-top:1px solid #e5e8ed;font-size:12px;line-height:1.3}
#mtb-kit-finder .mtb-kf__master-head{font-weight:800;background:#101b2d;color:#fff}
#mtb-kit-finder .mtb-kf__master-row span:last-child{text-align:right;font-weight:700}
@media(max-width:600px){
 #mtb-kit-finder .mtb-kf__master-head,
 #mtb-kit-finder .mtb-kf__master-row{grid-template-columns:1fr 1.35fr;font-size:11px;padding:7px 8px}
}


/* v3.8.2 — Master Set table readability / no clipped insert lengths */
#mtb-kit-finder .mtb-kf__master-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
#mtb-kit-finder .mtb-kf__master-card{
  min-width:0;
}
#mtb-kit-finder .mtb-kf__master-detail{
  width:100%;
  min-width:0;
}
#mtb-kit-finder .mtb-kf__master-head,
#mtb-kit-finder .mtb-kf__master-row{
  grid-template-columns:minmax(92px,42%) minmax(0,58%);
  width:100%;
  box-sizing:border-box;
}
#mtb-kit-finder .mtb-kf__master-head span,
#mtb-kit-finder .mtb-kf__master-row span{
  min-width:0;
  white-space:normal !important;
  overflow:visible !important;
  overflow-wrap:anywhere;
  word-break:normal;
}
#mtb-kit-finder .mtb-kf__master-row span:last-child{
  text-align:left;
}
@media(max-width:760px){
  #mtb-kit-finder .mtb-kf__master-grid{
    grid-template-columns:1fr;
  }
}

/* v3.9.0 — refill charts, starter cards, disabled choices */
#mtb-kit-finder .mtb-kf__master-card .mtb-kf__btn.secondary{margin-top:10px}
#mtb-kit-finder .mtb-kf__master-refill{margin-top:18px}
#mtb-kit-finder .mtb-kf__starter-card{align-items:stretch;text-align:left}
#mtb-kit-finder .mtb-kf__starter-card>strong{text-align:center}
#mtb-kit-finder .mtb-kf__starter-card>small{display:block;margin-top:8px;line-height:1.45}
#mtb-kit-finder .mtb-kf__choice:disabled{
  opacity:.42 !important;
  filter:grayscale(1);
  cursor:not-allowed !important;
  pointer-events:none;
}

/* v3.10.0 — application-specific and pipe-thread sections */
#mtb-kit-finder .mtb-kf__pipe-list{margin-top:18px}
#mtb-kit-finder .mtb-kf__pipe-group{margin:0 0 22px}
#mtb-kit-finder .mtb-kf__pipe-group>h3{margin:0 0 10px;font-size:18px;text-align:left}
#mtb-kit-finder .mtb-kf__pipe-card{align-items:stretch;text-align:left}
#mtb-kit-finder .mtb-kf__pipe-card>strong,
#mtb-kit-finder .mtb-kf__pipe-card>small{text-align:center}
#mtb-kit-finder .mtb-kf__pipe-insert{
 margin:12px 0;padding:10px;border:1px solid #d8dde5;border-radius:8px;background:#f7f9fb;
 display:grid;gap:3px;font-size:12px;line-height:1.35
}
#mtb-kit-finder .mtb-kf__pipe-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
#mtb-kit-finder .mtb-kf__pipe-actions .mtb-kf__btn{margin:0}
@media(max-width:600px){
 #mtb-kit-finder .mtb-kf__pipe-actions{grid-template-columns:1fr}
}

/* v3.10.4 — BIG-SERT / second-time Loctite 266 advisory */
#mtb-kit-finder .mtb-kf__loctite266{
 margin:16px 0;padding:14px 16px;border:1px solid #d7b45b;border-left:4px solid #c58b00;
 border-radius:8px;background:#fff9e8;text-align:left;line-height:1.45
}
#mtb-kit-finder .mtb-kf__loctite266>strong{display:block;margin-bottom:5px;font-size:14px}
#mtb-kit-finder .mtb-kf__loctite266 p{margin:0 0 11px}
#mtb-kit-finder .mtb-kf__loctite266 .mtb-kf__btn{display:inline-block;margin:0}