/* SCCS eBay listing template v2. Pairs with template-v2.html in SureDone.
   Lives at assets.suredone.com/683984/ebay_listing_template/sccs-template-v2.css
   SureDone serves this file with a 10-year browser cache. After editing it, raise the ?v= number
   on the stylesheet link in template-v2.html and re-push the listings, or returning buyers keep the old copy. */

.s2, .s2 * { box-sizing: border-box; }
.s2 {
  max-width: 1040px; margin: 0 auto; padding: 0 16px 8px;
  font-family: Arimo, Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.55;
  color: #323232; background: #fff; text-align: left;
  -webkit-text-size-adjust: 100%;
}
.s2 a { color: #323232; }
.s2 img { max-width: 100%; height: auto; border: 0; }
.s2 p { margin: 0 0 10px; }
.s2 h2, .s2 h3 { margin: 0; font-family: inherit; }

/* ---------- top bar ---------- */
.s2-top { display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 10px 0; border-bottom: 1px solid #e5e5e5; }
.s2-brand { display: block; flex: none; width: 104px; }
.s2-top-note { font-size: 12px; color: #6b6b6b; text-align: right; line-height: 1.4; }
.s2-top-note b { display: block; color: #323232; font-size: 13px; }

/* ---------- hero ---------- */
.s2-hero { padding: 18px 0 4px; }
.s2-badge { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 10px; padding: 5px 12px;
  border-radius: 999px; background: #FEF3F0; color: #b8300f; font-size: 12.5px; font-weight: 700; line-height: 1.35; }
.s2-title { font-size: 24px; line-height: 1.15; font-weight: 700; letter-spacing: -.02em; color: #323232; }
.s2-promise { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 18px;
  font-size: 13.5px; color: #323232; }
.s2-promise li { margin: 0; padding-left: 22px; background: no-repeat left center / 16px 16px
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }

/* ---------- two-column body (stacks on phones) ---------- */
.s2-grid { display: flex; flex-direction: column; margin-top: 18px; }
/* phones: description, then part details, then video, then fitment help */
.s2-main, .s2-side { display: contents; }
.s2-h, .s2-desc { order: 1; }
.s2-card { order: 2; margin-top: 20px; }
.s2-long { order: 3; }
.s2-fit { order: 4; }
.s2-trust { order: 5; }
.s2-side a.s2-btn { order: 6; }
.s2-h { font-size: 18px; font-weight: 700; padding-bottom: 8px; margin-bottom: 12px; border-bottom: 1px solid #e5e5e5; position: relative; }
.s2-h::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 56px; height: 2px; background: #F04723; }

.s2-desc { font-size: 15px; line-height: 1.6; }
.s2-long { margin-top: 12px; font-size: 15px; font-weight: 700; }
.s2-long > * { font-weight: 400; }
.s2-long hr { display: none; }
.s2-long img { border-radius: 8px; }

/* fitment box — same gray callout as the website */
.s2-fit { margin-top: 18px; padding: 14px 16px; border-radius: 8px; background: #f7f7f7; font-size: 14px; line-height: 1.5; }
.s2-fit b.s2-fit-t { display: block; font-size: 15px; margin-bottom: 2px; }

/* ---------- buttons ---------- */
.s2 a.s2-btn { display: block; width: 100%; margin-top: 12px; padding: 15px 14px; border-radius: 8px;
  border: 2px solid #F04723; background: #F04723; color: #fff;
  font-size: 15px; font-weight: 700; line-height: 1.1; text-align: center; text-decoration: none; text-transform: uppercase; }
.s2 a.s2-btn:hover { background: #d93a18; border-color: #d93a18; }
.s2 a.s2-btn-ghost { background: #fff; color: #323232; border-color: #737373; text-transform: none; }
.s2 a.s2-btn-ghost:hover { background: #f7f7f7; border-color: #323232; }

/* ---------- part details card ---------- */
.s2-card { border: 1px solid #e5e5e5; border-radius: 8px; padding: 14px 16px 6px; }
.s2-card-t { font-size: 15px; font-weight: 700; margin-bottom: 4px; }
.s2-fact { display: flex; gap: 12px; padding: 8px 0; border-top: 1px solid #eee; font-size: 14px; }
.s2-k { flex: 0 0 104px; color: #6b6b6b; }
.s2-v { flex: 1 1 auto; font-weight: 700; color: #323232; overflow-wrap: anywhere; }

/* ---------- trust grid (2 x 2, like the website) ---------- */
.s2-trust { display: flex; flex-wrap: wrap; margin: 18px -6px 4px; }
.s2-trust-i { flex: 0 0 50%; display: flex; align-items: center; gap: 10px; padding: 8px 6px; min-width: 0; }
.s2-ic { flex: none; width: 40px; height: 40px; border-radius: 50%; background: #FEF3F0 no-repeat center / 20px 20px; }
.s2-ic-ship { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F04723' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1.5' y='6' width='12.5' height='10'/%3E%3Cpath d='M14 9.5h4l3.5 3.5V16H14z'/%3E%3Ccircle cx='6' cy='18' r='2'/%3E%3Ccircle cx='17.5' cy='18' r='2'/%3E%3C/svg%3E"); }
.s2-ic-guard { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F04723' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.2 8-8 9-4.8-1-8-4.5-8-9V6z'/%3E%3C/svg%3E"); }
.s2-ic-tech { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F04723' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E"); }
.s2-ic-star { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F04723'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z'/%3E%3C/svg%3E"); }
.s2-trust-t { display: block; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; line-height: 1.25; color: #323232; }
.s2-trust-s { display: block; font-size: 11.5px; color: #6b6b6b; line-height: 1.3; margin-top: 2px; }

/* ---------- numbers strip ---------- */
.s2-stats { display: flex; flex-wrap: wrap; margin: 28px 0 0; border: 1px solid #e5e5e5; border-radius: 8px; overflow: hidden; }
.s2-stat { flex: 1 1 50%; padding: 14px 8px; text-align: center; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; margin: -1px 0 0 -1px; }
.s2-stat b { display: block; font-size: 21px; line-height: 1.1; color: #F04723; }
.s2-stat span { display: block; margin-top: 4px; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; color: #6b6b6b; }

/* ---------- accordions (no JavaScript: checkbox + label) ---------- */
.s2-sec { margin-top: 30px; }
.s2-acc { position: relative; border-bottom: 1px solid #e5e5e5; }
.s2-acc:first-of-type, .s2-faq-t + .s2-acc { border-top: 1px solid #e5e5e5; }
.s2-acc-t { position: absolute; top: 0; left: 0; width: 1px; height: 1px; opacity: 0; margin: 0; pointer-events: none; }
.s2-acc-h { display: block; position: relative; padding: 15px 34px 15px 0; font-size: 15px; font-weight: 700; color: #323232; cursor: pointer; }
.s2-acc-h::after { content: "+"; position: absolute; right: 4px; top: 50%; margin-top: -13px; width: 24px; height: 26px;
  font-size: 22px; font-weight: 400; line-height: 26px; text-align: center; color: #737373; }
.s2-acc-t:checked + .s2-acc-h::after { content: "\2212"; }
.s2-acc-t:focus-visible + .s2-acc-h { outline: 2px solid #F04723; outline-offset: 2px; }
.s2-acc-b { display: none; padding: 0 0 16px; font-size: 14.5px; line-height: 1.6; color: #323232; }
.s2-acc-t:checked ~ .s2-acc-b { display: block; }
.s2-acc-b ul { margin: 0; padding: 0 0 0 18px; }
.s2-acc-b li { margin: 0 0 6px; }
.s2-faq-t { font-size: 22px; font-weight: 700; margin-bottom: 12px; }
.s2-faq .s2-acc-h { font-weight: 400; font-size: 15.5px; }

/* ---------- shop by make ---------- */
.s2-shop-t { font-size: 18px; font-weight: 700; margin-bottom: 12px; }
.s2-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.s2 a.s2-chip { display: inline-block; padding: 9px 14px; border: 1px solid #d9d9d9; border-radius: 999px;
  font-size: 13.5px; line-height: 1.2; color: #323232; text-decoration: none; background: #fff; }
.s2 a.s2-chip:hover { border-color: #F04723; color: #F04723; }

/* ---------- footer ---------- */
.s2-foot { margin: 32px -16px 0; padding: 18px 16px; background: #1f1f1f; text-align: center; }
.s2-foot b { display: block; font-size: 15px; color: #fff; letter-spacing: .02em; }
.s2 .s2-foot p { margin: 4px 0 0; font-size: 12.5px; color: #c9c9c9; }

/* ---------- wider screens ---------- */
@media screen and (min-width: 600px) {
  .s2-stat { flex-basis: 25%; }
  .s2-trust-i { flex-basis: 25%; }
  .s2 a.s2-btn { display: inline-block; width: auto; min-width: 260px; margin-right: 8px; }
  .s2-fit a.s2-btn { display: block; max-width: 300px; margin-right: 0; }
}
@media screen and (min-width: 860px) {
  .s2-title { font-size: 28px; }
  .s2-grid { flex-direction: row; align-items: flex-start; gap: 36px; }
  .s2-main { display: block; flex: 1 1 auto; min-width: 0; }
  .s2-side { display: block; flex: 0 0 340px; }
  .s2-card { margin-top: 0; }
  .s2-trust-i { flex-basis: 50%; }
  .s2-side a.s2-btn { display: block; width: 100%; min-width: 0; margin-right: 0; }
  .s2-foot { margin-left: 0; margin-right: 0; border-radius: 8px; }
}