.ergin-tesla { --tesla-blue: #00427c; --tesla-accent: #0075c9; color: #39434d; }
.ergin-tesla p { line-height: 1.85; }
.ergin-tesla h2 { color: var(--tesla-blue); font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.4; margin: 0 0 16px; }
.ergin-tesla h3 { color: var(--tesla-blue); font-size: 1.05rem; line-height: 1.5; margin: 0 0 12px; }
.ergin-tesla section { margin-top: 44px; }
.ergin-tesla .tesla-label { color: var(--tesla-blue); font-size: .78rem; font-weight: 700; letter-spacing: .1em; margin-bottom: 12px; }
.ergin-tesla .tesla-intro { padding: 30px; background: #f2f6fa; border-left: 4px solid var(--tesla-accent); border-radius: 0 8px 8px 0; }
.ergin-tesla .tesla-intro > :last-child { margin-bottom: 0; }
.ergin-tesla .tesla-image { margin: 28px 0 0; }
.ergin-tesla .tesla-image img { display: block; width: 100%; height: auto; border-radius: 8px; }
.ergin-tesla .tesla-listings { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 26px 28px; border: 1px solid #e1e7ed; border-radius: 8px; background: #f8f9fa; margin-top: 24px; }
.ergin-tesla .tesla-listings h2 { font-size: 1.35rem; margin-bottom: 8px; }
.ergin-tesla .tesla-listings p { margin: 0; }
.ergin-tesla .tesla-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 12px 18px; background: var(--tesla-blue); color: #fff; border: 1px solid var(--tesla-blue); border-radius: 4px; font-weight: 600; font-size: .92rem; text-decoration: none; flex-shrink: 0; }
.ergin-tesla .tesla-button.secondary { background: #fff; color: var(--tesla-blue); }
.ergin-tesla .tesla-button:hover { background: #00315c; color: #fff; }
.ergin-tesla .tesla-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.ergin-tesla .tesla-card { padding: 26px; border: 1px solid #e1e7ed; border-radius: 8px; background: #fff; }
.ergin-tesla .tesla-card p { margin-bottom: 0; }
.ergin-tesla .tesla-icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: #f0f5fa; color: var(--tesla-blue); border-radius: 50%; font-size: 21px; margin-bottom: 16px; }
.ergin-tesla .tesla-contact { padding: 30px; background: #f2f6fa; border: 1px solid #e1e7ed; border-radius: 8px; }
.ergin-tesla .tesla-contact h2 { font-size: 1.5rem; }
.ergin-tesla .tesla-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.ergin-tesla a:focus-visible, .ergin-tesla summary:focus-visible { outline: 3px solid var(--tesla-accent); outline-offset: 4px; }
.ergin-tesla .tesla-steps { list-style: none; padding: 0; counter-reset: tesla-step; }
.ergin-tesla .tesla-steps li { counter-increment: tesla-step; position: relative; padding: 0 0 24px 46px; line-height: 1.85; }
.ergin-tesla .tesla-steps li::before { content: counter(tesla-step, decimal-leading-zero); position: absolute; left: 0; top: 0; color: var(--tesla-accent); font-weight: 700; }
.ergin-tesla .tesla-steps strong { display: block; color: var(--tesla-blue); margin-bottom: 5px; }
.ergin-tesla details { padding: 18px 0; border-bottom: 1px solid #e1e7ed; }
.ergin-tesla summary { cursor: pointer; font-weight: 600; color: var(--tesla-blue); line-height: 1.65; }
.ergin-tesla details p { margin: 12px 0 0; }
.ergin-tesla .tesla-text-link { color: var(--tesla-blue); text-decoration: underline; }
@media (max-width: 767px) {
 .ergin-tesla .tesla-grid { grid-template-columns: 1fr; }
 .ergin-tesla .tesla-listings { flex-direction: column; align-items: stretch; gap: 18px; }
 .ergin-tesla .tesla-intro, .ergin-tesla .tesla-listings, .ergin-tesla .tesla-card, .ergin-tesla .tesla-contact { padding: 22px; }
 .ergin-tesla section { margin-top: 32px; }
 .ergin-tesla .tesla-actions { flex-direction: column; }
}
