/* ==========================================================================
   SportsKitFan · product description (theme-hosted)
   Brand: wine #671A16 · ink #2C2620 · mute #6B6157 · line #D8D3C4
          card #FAF9F4 · forest #1C3422
   Structure: .fpj-pd > __lede / __prose / __h+__specs / __h+__why / __h+__faq
   NOTE: theme renders body_html inside a rich-text block (.rte …), so every
         layout-bearing property carries !important, and resets use the doubled
         class .fpj-pd.fpj-pd to win specificity battles.
   ========================================================================== */

.fpj-pd.fpj-pd{
  max-width:860px!important;
  margin:0 auto!important;
  padding:2px 0 6px!important;
  color:#2C2620!important;
  font-size:15.5px!important;
  line-height:1.72!important;
  text-align:left!important;
  -webkit-font-smoothing:antialiased;
}
.fpj-pd.fpj-pd *{ box-sizing:border-box; }

/* ---- reset (doubled class to outrank .rte <tag> family) ---- */
.fpj-pd.fpj-pd p{
  margin:0!important; padding:0!important;
  font-size:15.5px!important; line-height:1.72!important; color:#2C2620!important;
}
.fpj-pd.fpj-pd ul,.fpj-pd.fpj-pd ol,.fpj-pd.fpj-pd li{
  margin:0!important; padding:0!important; list-style:none!important;
}
.fpj-pd.fpj-pd li:before,.fpj-pd.fpj-pd li:after{ content:none!important; }
.fpj-pd.fpj-pd b,.fpj-pd.fpj-pd strong{ font-weight:700!important; }
.fpj-pd.fpj-pd a{
  color:#671A16!important; text-decoration:none!important;
  border-bottom:1px solid rgba(103,26,22,.32);
}
.fpj-pd.fpj-pd a:hover{ border-bottom-color:#671A16; }

/* ---- lede : the one line that has to land ---- */
.fpj-pd.fpj-pd .fpj-pd__lede{
  margin:0 0 18px!important;
  padding:0 0 0 16px!important;
  font-size:20px!important;
  line-height:1.45!important;
  font-weight:700!important;
  letter-spacing:-.005em;
  color:#2C2620!important;
  border-left:3px solid #671A16;
}

/* ---- prose : justified body ---- */
.fpj-pd.fpj-pd .fpj-pd__prose p{
  margin:14px 0 0!important;
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
  color:#2C2620!important;
}
.fpj-pd.fpj-pd .fpj-pd__prose p:first-child{ margin-top:0!important; }

/* ---- section heading ---- */
.fpj-pd.fpj-pd .fpj-pd__h{
  margin:30px 0 12px!important;
  padding:0!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:700!important;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#671A16!important;
}
.fpj-pd.fpj-pd .fpj-pd__h:first-child{ margin-top:0!important; }

/* ---- specs : 2-col card grid ---- */
.fpj-pd.fpj-pd .fpj-pd__specs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.fpj-pd.fpj-pd .fpj-pd__specs li{
  display:block!important;
  margin:0!important;
  padding:14px 16px!important;
  background:#FAF9F4!important;
  border:1px solid #D8D3C4!important;
  border-radius:10px!important;
}
.fpj-pd.fpj-pd .fpj-pd__specs span{
  display:block!important;
  margin:0 0 5px!important;
  padding:0!important;
  font-size:10.5px!important;
  line-height:1.4!important;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:700!important;
  color:#6B6157!important;
}
.fpj-pd.fpj-pd .fpj-pd__specs b{
  display:block!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:600!important;
  color:#2C2620!important;
}

/* ---- why : flex cards ---- */
.fpj-pd.fpj-pd .fpj-pd__why{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.fpj-pd.fpj-pd .fpj-pd__why li{
  flex:1 1 200px!important;
  margin:0!important;
  padding:16px 18px!important;
  background:#FFFFFF!important;
  border:1px solid #E5E0D2!important;
  border-left:3px solid #1C3422!important;
  border-radius:0 10px 10px 0!important;
}
.fpj-pd.fpj-pd .fpj-pd__why b{
  display:block!important;
  margin:0 0 6px!important;
  font-size:14.5px!important;
  line-height:1.4!important;
  font-weight:700!important;
  color:#1C3422!important;
}
.fpj-pd.fpj-pd .fpj-pd__why span{
  display:block!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1.65!important;
  color:#6B6157!important;
}

/* ---- faq : native details ---- */
.fpj-pd.fpj-pd .fpj-pd__faq{
  margin:0!important;
  padding:0!important;
  border-top:1px solid #D8D3C4!important;
}
.fpj-pd.fpj-pd .fpj-pd__faq details{
  margin:0!important;
  padding:0!important;
  border-bottom:1px solid #D8D3C4!important;
  background:transparent!important;
}
.fpj-pd.fpj-pd .fpj-pd__faq summary{
  display:block!important;
  position:relative;
  margin:0!important;
  padding:15px 34px 15px 0!important;
  font-size:14.5px!important;
  line-height:1.5!important;
  font-weight:600!important;
  color:#2C2620!important;
  cursor:pointer;
  list-style:none!important;
}
.fpj-pd.fpj-pd .fpj-pd__faq summary::-webkit-details-marker{ display:none!important; }
.fpj-pd.fpj-pd .fpj-pd__faq summary::marker{ content:none!important; }
.fpj-pd.fpj-pd .fpj-pd__faq summary:before,
.fpj-pd.fpj-pd .fpj-pd__faq summary:after{
  content:""!important;
  position:absolute;
  right:2px;
  top:50%;
  background:#671A16;
}
.fpj-pd.fpj-pd .fpj-pd__faq summary:before{
  width:11px; height:1.5px; margin-top:-1px;
}
.fpj-pd.fpj-pd .fpj-pd__faq summary:after{
  width:1.5px; height:11px; margin-top:-5.5px;
}
.fpj-pd.fpj-pd .fpj-pd__faq details[open] summary:after{ display:none!important; }
.fpj-pd.fpj-pd .fpj-pd__faq p{
  margin:0!important;
  padding:0 34px 16px 0!important;
  font-size:14px!important;
  line-height:1.7!important;
  color:#6B6157!important;
}

@media (max-width:640px){
  .fpj-pd.fpj-pd .fpj-pd__specs{ grid-template-columns:1fr!important; }
  .fpj-pd.fpj-pd .fpj-pd__lede{ font-size:18px!important; line-height:1.42!important; }
  .fpj-pd.fpj-pd .fpj-pd__h{ margin-top:24px!important; }
}
