/* OtoPazar ekspertiz - gerçekçi kaporta şeması */
:root{--otp-original:#a4acb8;--otp-local:#e5dc10;--otp-painted:#2f6fca;--otp-changed:#ff5142;--otp-expertise-bg:#fffdfa;--otp-expertise-border:#eadfc9}
.otp-expertise-box{margin-top:34px}.otp-expertise-box>h2{font-size:27px;margin:0 0 20px;letter-spacing:-.5px}
.otp-expertise-card,.otp-expertise-editor{border:1px solid var(--otp-expertise-border);background:linear-gradient(180deg,#fffefb 0%,#fffaf2 100%);border-radius:22px;padding:24px;box-shadow:0 16px 42px rgba(18,24,38,.06)}
.otp-expertise-legend{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}.otp-expertise-legend__item{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;padding:4px 0;color:#626a7b;font-weight:800;font-size:14px}.otp-expertise-legend button.otp-expertise-legend__item{cursor:pointer;padding:8px 11px;border:1px solid transparent;border-radius:12px;transition:.18s}.otp-expertise-legend button.otp-expertise-legend__item:hover{background:#fff}.otp-expertise-legend button.otp-expertise-legend__item.is-active{background:#fff;border-color:#d9dde6;box-shadow:0 8px 16px rgba(20,28,45,.08)}
.otp-expertise-swatch{display:inline-block;width:19px;height:19px;border-radius:5px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.otp-expertise-swatch.otp-status-original{background:var(--otp-original)}.otp-expertise-swatch.otp-status-local_paint{background:var(--otp-local)}.otp-expertise-swatch.otp-status-painted{background:var(--otp-painted)}.otp-expertise-swatch.otp-status-changed{background:var(--otp-changed)}
.otp-expertise-layout{display:grid;grid-template-columns:minmax(390px,560px) minmax(300px,1fr);gap:40px;align-items:start}.otp-expertise-diagram-wrap{display:flex;justify-content:center;align-items:center;min-width:0;min-height:680px;padding:16px;border:1px solid #eee4d3;background:linear-gradient(180deg,#fff 0%,#fffdf7 100%);border-radius:20px;overflow:hidden}.otp-expertise-car{width:min(100%,440px);height:auto;display:block;overflow:visible}
.otp-car-ground-shadow{fill:rgba(15,23,42,.09)}.otp-body-shell{fill:url(#otpMetal);stroke:#9aa7b4;stroke-width:2.2}.otp-hood-detail,.otp-trunk-detail{fill:rgba(255,255,255,.16);stroke:#b5c0cc;stroke-width:1.6}.otp-front-windshield,.otp-rear-windshield{fill:url(#otpGlassDark);stroke:#0a1119;stroke-width:1.8}.otp-roof-panel{fill:url(#otpMetal);stroke:#acb7c3;stroke-width:1.5}.otp-sunroof{fill:#17222d;stroke:#526171;stroke-width:1.4}.otp-side-glass{fill:url(#otpGlassSide);stroke:#14202a;stroke-width:1.3}.otp-mirror{fill:url(#otpMetal);stroke:#8f9baa;stroke-width:1.4}.otp-tire{fill:#1b222a;stroke:#05080b;stroke-width:1.5}.otp-headlight{fill:url(#otpHeadlight);stroke:#83929f;stroke-width:1.2}.otp-taillight{fill:url(#otpTail);stroke:#6d0910;stroke-width:1.2}.otp-chrome-line,.otp-door-seam,.otp-door-handle{fill:none;stroke:#8e99a6;stroke-linecap:round}.otp-chrome-line{stroke-width:1.5;opacity:.72}.otp-door-seam{stroke-width:1.1;opacity:.55}.otp-door-handle{stroke-width:2.3;opacity:.72}
.otp-expertise-part>*{transition:fill .16s,stroke .16s,opacity .16s,filter .16s;stroke:transparent;stroke-width:2;filter:none}.otp-expertise-part.otp-status-original>*{fill:rgba(255,255,255,.001);opacity:1}.otp-expertise-part.otp-status-local_paint>*{fill:var(--otp-local);opacity:.78;stroke:rgba(126,118,0,.42);filter:url(#otpPanelGlow)}.otp-expertise-part.otp-status-painted>*{fill:var(--otp-painted);opacity:.76;stroke:rgba(20,62,135,.45);filter:url(#otpPanelGlow)}.otp-expertise-part.otp-status-changed>*{fill:var(--otp-changed);opacity:.79;stroke:rgba(147,36,26,.42);filter:url(#otpPanelGlow)}
.otp-expertise-part.is-interactive{cursor:pointer;outline:none}.otp-expertise-part.is-interactive.otp-status-original:hover>*{fill:rgba(255,217,26,.18);stroke:#d7b300;stroke-width:2.2}.otp-expertise-part.is-interactive:not(.otp-status-original):hover>*{opacity:.9;stroke:#fff;stroke-width:2.4}.otp-expertise-part.is-interactive:focus>*{stroke:#111827!important;stroke-width:2.5!important}
.otp-expertise-code{font-size:13px;font-weight:900;fill:#fff!important;pointer-events:none;opacity:0;paint-order:stroke;stroke:rgba(17,24,39,.40);stroke-width:3px;letter-spacing:-.02em}.otp-expertise-code.is-visible{opacity:1}
.otp-expertise-summary{padding:2px 0}.otp-expertise-summary-group{margin:0 0 18px;background:#fff;border:1px solid #eee4d3;border-radius:18px;padding:20px 22px;box-shadow:0 10px 24px rgba(20,28,45,.04)}.otp-expertise-summary-group:last-child{margin-bottom:0}.otp-expertise-summary-group h3{display:flex;align-items:center;gap:11px;margin:0 0 14px;font-size:20px;line-height:1.3}.otp-expertise-summary-group ul{list-style:none;margin:0;padding:0 0 0 30px}.otp-expertise-summary-group li{position:relative;margin:9px 0;color:#394356;font-size:15px}.otp-expertise-summary-group li:before{content:"";position:absolute;left:-20px;top:.63em;width:7px;height:7px;border-radius:50%}.otp-summary-local_paint li:before{background:var(--otp-local)}.otp-summary-painted li:before{background:var(--otp-painted)}.otp-summary-changed li:before{background:var(--otp-changed)}
.otp-expertise-all-original{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;background:#fff;border:1px solid #eee4d3;border-radius:18px;box-shadow:0 10px 24px rgba(20,28,45,.04)}.otp-expertise-all-original strong{display:block;font-size:17px}.otp-expertise-all-original p{margin:3px 0 0;color:#70798a;font-size:13px}.otp-expertise-tramer{margin-top:22px;padding-top:18px;border-top:1px solid #eee5d3}.otp-expertise-tramer strong{font-size:15px}.otp-expertise-tramer p{margin:5px 0 0;color:#555e70}
.otp-expertise-editor{background:#fff}.otp-expertise-editor__help{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:13px}.otp-expertise-editor__help strong{font-size:15px}.otp-expertise-editor__help span{font-size:12px;color:#6b7280}.otp-expertise-editor .otp-expertise-layout{grid-template-columns:minmax(360px,500px) minmax(280px,1fr)}.otp-expertise-editor .otp-expertise-diagram-wrap{min-height:620px}.otp-expertise-hidden-fields{display:none}
@media(max-width:980px){.otp-expertise-layout,.otp-expertise-editor .otp-expertise-layout{grid-template-columns:1fr}.otp-expertise-diagram-wrap,.otp-expertise-editor .otp-expertise-diagram-wrap{min-height:auto}.otp-expertise-summary{padding-top:8px}.otp-expertise-editor__help{display:block}.otp-expertise-editor__help span{display:block;margin-top:3px}}
@media(max-width:600px){.otp-expertise-card,.otp-expertise-editor{padding:15px}.otp-expertise-legend{gap:7px 12px}.otp-expertise-legend__item{font-size:12px}.otp-expertise-swatch{width:15px;height:15px}.otp-expertise-diagram-wrap{padding:8px}.otp-expertise-car{width:min(100%,350px)}.otp-expertise-summary-group,.otp-expertise-all-original{padding:15px 16px}.otp-expertise-summary-group h3{font-size:17px}}
