/* SpeedSzop Katalog — front (kolory z tokenów motywu --ss-*) */
.ssc-shipping { margin: 8px 0 16px; color: var(--ss-text-muted, #4b5563); font-size: 14px; }
.ssc-specs__table { width: 100%; border-collapse: collapse; margin-bottom: 24px; }
.ssc-specs__table th, .ssc-specs__table td { padding: 10px 12px; border-bottom: 1px solid var(--ss-border, #e5e7eb); text-align: left; vertical-align: top; }
.ssc-specs__table th { width: 40%; color: var(--ss-text-muted, #4b5563); font-weight: 600; }
.ssc-in-box { padding-left: 0; list-style: none; }
.ssc-in-box li { position: relative; padding: 4px 0 4px 26px; }
.ssc-in-box li::before { content: "✓"; position: absolute; left: 0; color: var(--ss-green, #83bc08); font-weight: 700; }
.ssc-install__steps { counter-reset: ssc; list-style: none; padding: 0; }
.ssc-install__steps li { counter-increment: ssc; position: relative; padding: 6px 0 12px 44px; }
.ssc-install__steps li::before {
	content: counter(ssc); position: absolute; left: 0; top: 2px;
	width: 30px; height: 30px; border-radius: 50%;
	background: var(--ss-blue, #2141b7); color: #fff; font-weight: 700;
	display: flex; align-items: center; justify-content: center;
}
.ssc-install__video { margin-top: 16px; }
.ssc-install__video iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; border-radius: 12px; }
.ssc-fits__list { list-style: none; padding: 0; columns: 2 260px; }
.ssc-fits__brand { break-inside: avoid; margin-bottom: 16px; }
.ssc-fits__brand ul { list-style: none; padding: 4px 0 0 0; margin: 0; }
.ssc-fits__brand li { padding: 2px 0; }
.ssc-fits__gens, .ssc-fits__all { color: var(--ss-text-muted, #4b5563); font-size: 14px; }
.ssc-fits__universal { padding: 10px 14px; border-radius: 10px; background: var(--ss-bg-light, #f5f7fb); }
.ssc-fits__help { color: var(--ss-text-muted, #4b5563); font-size: 14px; }
.ssc-faq__item { border: 1px solid var(--ss-border, #e5e7eb); border-radius: 12px; margin-bottom: 8px; background: #fff; }
.ssc-faq__item summary { padding: 14px 16px; font-weight: 600; cursor: pointer; list-style: none; }
.ssc-faq__item summary::-webkit-details-marker { display: none; }
.ssc-faq__item summary::after { content: "+"; float: right; color: var(--ss-blue, #2141b7); }
.ssc-faq__item[open] summary::after { content: "−"; }
.ssc-faq__answer { padding: 0 16px 12px; color: var(--ss-text, #1f2937); }
.ssc-vehicle-notice, .ssc-vehicle-intro { padding: 10px 14px; border-radius: 10px; background: var(--ss-bg-light, #f5f7fb); margin-bottom: 16px; }
.ssc-vehicle-notice a { color: var(--ss-blue, #2141b7); font-weight: 600; }