@font-face { font-family: 'Vazir'; src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/Vazir.woff2'); }

:root {
    --jc-primary: #c0392b;
    --jc-dark: #0a0a0a;
    --jc-gray: #1a1a1a;
    --jc-border: #333;
    --jc-text: #fff;
    --jc-text-muted: #aaa;
    --jc-panel-default: rgba(255,255,255,0.06);
    --jc-panel-hover: rgba(255,255,255,0.15);
    --jc-panel-selected: rgba(192,57,43,0.25);
    --jc-modal-bg: #111;
    --jc-accent-glow: rgba(192,57,43,0.4);
}

#jc-app {
    color: var(--jc-text);
    font-family: 'Vazir', Tahoma, sans-serif;
    direction: rtl;
    max-width: 850px;
    margin: 30px auto;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    font-size: 16px;
}
.jc-header { padding: 30px 20px; text-align: center; position: relative; }
.jc-header h2 { color: #fff; margin: 0; font-size: 26px; text-shadow: 0 2px 4px rgba(0,0,0,0.5); }
.jc-date-display { color: var(--jc-text-muted); font-size: 15px; margin-top: 8px; }
.jc-body { padding: 20px; background: var(--jc-dark); }

.jc-section { display: none; animation: jcFadeIn 0.4s ease; }
.jc-section.active { display: block; }
@keyframes jcFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

.jc-group-title { color: var(--jc-primary); font-size: 18px; font-weight: bold; margin: 20px 0 15px; padding-right: 12px; border-right: 3px solid var(--jc-primary); display: block; }

.jc-row { display: flex; justify-content: space-between; align-items: center; padding: 14px 0; border-bottom: 1px solid #222; }
.jc-row:last-child { border-bottom: none; }
.jc-label { flex: 1; font-size: 16px; color: #ddd; }
.jc-row-group { display: flex; gap: 15px; margin-top: 15px; flex-wrap: wrap; }
.jc-row-inline { flex: 1; min-width: 180px; }
.jc-row-inline .jc-label { display: block; margin-bottom: 6px; }

.jc-select, .jc-input {
    background: var(--jc-gray); color: #fff; border: 1px solid var(--jc-border);
    border-radius: 8px; padding: 12px; font-size: 16px; width: 100%; max-width: 220px;
    font-family: 'Vazir', Tahoma, sans-serif; outline: none; transition: 0.3s;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.jc-input[type="number"] { -moz-appearance: textfield; }
.jc-input[type="number"]::-webkit-inner-spin-button,
.jc-input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.jc-row-inline .jc-select, .jc-row-inline .jc-input { max-width: 100%; }
.jc-select:focus, .jc-input:focus { border-color: var(--jc-primary); box-shadow: 0 0 0 2px var(--jc-accent-glow); }

.jc-btn-main {
    width: 100%; border: none; padding: 18px; border-radius: 12px; color: #fff;
    font-weight: bold; font-size: 18px; cursor: pointer; margin-top: 20px;
    font-family: 'Vazir', Tahoma, sans-serif; transition: 0.3s;
}
.jc-btn-main:hover { filter: brightness(1.1); transform: translateY(-2px); }
.jc-btn-secondary { background: #333 !important; box-shadow: none !important; border: 1px solid #444 !important; }
.jc-btn-back {
    display: block; width: 100%; background: transparent; border: 1px solid #444; color: #aaa;
    padding: 14px; border-radius: 10px; font-family: 'Vazir', Tahoma, sans-serif; font-size: 16px;
    cursor: pointer; margin-top: 10px; transition: 0.3s;
}
.jc-btn-back:hover { border-color: #888; color: #fff; }
.jc-btn-download {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    background: linear-gradient(135deg, #1a1a1a, #0f0f0f);
    border: 1.5px solid var(--jc-primary); color: var(--jc-primary); padding: 10px 22px;
    border-radius: 10px; font-family: 'Vazir', Tahoma, sans-serif; font-weight: bold;
    font-size: 14px; cursor: pointer; margin-top: 15px; transition: all 0.3s;
}
.jc-btn-download:hover { background: var(--jc-primary); color: #fff; box-shadow: 0 5px 20px var(--jc-accent-glow); }
.jc-btn-download svg { width: 16px; height: 16px; fill: currentColor; flex-shrink: 0; }

/* INSPECT TABS */
.jc-inspect-tabs {
    display: flex; gap: 0; border-radius: 12px; overflow: hidden;
    border: 1px solid var(--jc-border); margin-bottom: 15px;
}
.jc-inspect-tab {
    flex: 1; background: var(--jc-gray); color: #888; border: none; padding: 14px 8px;
    font-family: 'Vazir', Tahoma, sans-serif; font-size: 15px; cursor: pointer; transition: 0.3s;
    border-left: 1px solid var(--jc-border);
}
.jc-inspect-tab:last-child { border-left: none; }
.jc-inspect-tab.active { background: var(--jc-primary); color: #fff; }
.jc-inspect-tab:hover:not(.active) { background: #222; color: #ccc; }

.jc-inspect-content { display: none; animation: jcFadeIn 0.3s ease; }
.jc-inspect-content.active { display: block; }
.jc-fields-section { background: rgba(255,255,255,0.02); border: 1px solid #2a2a2a; border-radius: 12px; padding: 20px; }
.jc-fields-section .jc-select { max-width: 45%; flex-shrink: 0; }
.jc-fields-section .jc-row { gap: 12px; }

/* SVG */
.jc-svg-container {
    background: linear-gradient(180deg, #0d0d0d 0%, #151515 100%);
    border: 1px solid #2a2a2a; border-radius: 16px; padding: 12px;
    margin-bottom: 15px; position: relative; overflow: hidden;
}
.jc-car-svg { width: 100%; height: auto; max-height: 72vh; display: block; margin: 0 auto; filter: drop-shadow(0 8px 25px rgba(0,0,0,0.5)); }

.car-panel {
    fill: rgba(255,255,255,0.01); stroke: rgba(0,0,0,0.1); stroke-width: 1;
    cursor: pointer; transition: fill 0.25s, stroke 0.25s, filter 0.25s;
}
.car-panel:hover { fill: rgba(0,0,0,0.06); stroke: var(--jc-primary); stroke-width: 1.5; filter: drop-shadow(0 0 6px var(--jc-accent-glow)); }
.car-panel.has-value { fill: rgba(255,255,255,0.01); stroke: rgba(0,0,0,0.1); stroke-width: 1; }
.car-panel.paint-color { fill: rgba(220,38,38,0.55); stroke: #dc2626; stroke-width: 2; }
.car-panel.paint-half { fill: rgba(255,255,255,0.01); stroke: #dc2626; stroke-width: 1.5; }
.car-panel.replace-mark { fill: rgba(255,255,255,0.01); stroke: rgba(0,0,0,0.1); stroke-width: 1; }
.pillar-panel { stroke-width: 0.5; }
.panel-label { font-family: 'Vazir', Tahoma, sans-serif; font-size: 11px; fill: rgba(255,255,255,0.35); pointer-events: none; user-select: none; }
.panel-label-side { font-family: 'Vazir', Tahoma, sans-serif; font-size: 9px; fill: rgba(255,255,255,0.25); pointer-events: none; user-select: none; letter-spacing: 2px; }

/* THEME CIRCLES */
.jc-theme-circles {
    display: flex; justify-content: center; gap: 10px; margin: 18px 0 5px; flex-wrap: wrap;
}
.jc-theme-circle {
    width: 32px; height: 32px; border-radius: 50%; cursor: pointer;
    transition: transform 0.25s, box-shadow 0.25s; border: 2px solid transparent;
}
.jc-theme-circle:hover { transform: scale(1.2); }
.jc-theme-circle.active { border-color: #fff; box-shadow: 0 0 12px rgba(255,255,255,0.4); transform: scale(1.15); }

/* MODAL */
.jc-modal-overlay {
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.7); backdrop-filter: blur(4px);
    display: flex; align-items: center; justify-content: center; z-index: 99999; padding: 20px;
}
.jc-modal { background: var(--jc-modal-bg); border: 1px solid #333; border-radius: 16px; width: 100%; max-width: 420px; box-shadow: 0 20px 60px rgba(0,0,0,0.8); overflow: hidden; animation: jcModalIn 0.3s ease; }
@keyframes jcModalIn { from { opacity: 0; transform: scale(0.9) translateY(20px); } to { opacity: 1; transform: scale(1) translateY(0); } }
.jc-modal-header { display: flex; justify-content: space-between; align-items: center; padding: 18px 22px; border-bottom: 1px solid #2a2a2a; }
.jc-modal-header h3 { margin: 0; font-size: 18px; color: #fff; }
.jc-modal-close { background: none; border: none; color: #888; font-size: 28px; cursor: pointer; line-height: 1; padding: 0 5px; transition: 0.2s; }
.jc-modal-close:hover { color: #fff; }
.jc-modal-body { padding: 15px 22px 22px; }
.jc-modal-options { display: flex; flex-direction: column; gap: 8px; }
.jc-modal-option { display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; border: 1px solid #2a2a2a; border-radius: 10px; cursor: pointer; transition: 0.25s; background: rgba(255,255,255,0.03); }
.jc-modal-option:hover { border-color: #555; background: rgba(255,255,255,0.06); }
.jc-modal-option.selected { border-color: var(--jc-primary); background: rgba(192,57,43,0.12); }
.jc-modal-option input[type="radio"] { display: none; }
.jc-opt-label { font-size: 16px; color: #ddd; }

/* RESULTS */
.jc-result-box { background: rgba(255,255,255,0.05); padding: 25px; border-radius: 15px; border: 1px solid var(--jc-border); text-align: center; margin-top: 20px; }
.jc-price-display { font-size: 38px; color: var(--jc-primary); font-weight: bold; margin: 10px 0; text-shadow: 0 0 15px var(--jc-accent-glow); }
.jc-details { background: rgba(255,255,255,0.03); padding: 18px; border-radius: 12px; margin-top: 20px; border: 1px solid var(--jc-border); }
.detail-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; font-size: 16px; color: var(--jc-text); }
.detail-label { font-weight: 600; flex: 1; text-align: right; }
.detail-value { font-weight: 700; color: var(--jc-primary); margin: 0 10px; font-size: 17px; }
.detail-unit { color: var(--jc-text-muted); font-size: 14px; }
.detail-divider { height: 1px; background-color: var(--jc-border); margin: 5px 0; opacity: 0.5; }

.jc-price-buttons { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 25px; flex-wrap: nowrap; }
.jc-price-btn {
    padding: 16px 20px; border-radius: 12px; font-family: 'Vazir', Tahoma, sans-serif;
    font-weight: bold; cursor: default; transition: all 0.3s ease; text-align: center;
    min-width: 0; border: 2px solid transparent; display: flex; flex-direction: column;
    justify-content: center; align-items: center; flex: 1;
}
.jc-price-btn .label { font-size: 15px; color: #ccc; margin-bottom: 6px; }
.jc-price-btn .value { font-size: 20px; color: #fff; font-weight: bold; }
.jc-price-btn.fair {
    background: linear-gradient(135deg, #c0392b, #7b241c); color: #fff;
    box-shadow: 0 5px 25px rgba(192,57,43,0.5); border-color: #e74c3c; z-index: 2;
    flex: 1.25; padding: 20px 22px;
}
.jc-price-btn.fair .label { font-size: 16px; }
.jc-price-btn.fair .value { font-size: 24px; }
.jc-price-btn.min, .jc-price-btn.max {
    background: linear-gradient(145deg, #2a0a0a, #1a0505); color: #fff;
    border-color: #c0392b; box-shadow: 0 3px 15px rgba(192,57,43,0.25);
}

/* BODY SUMMARY */
.jc-body-summary { background: rgba(255,255,255,0.03); border: 1px solid #2a2a2a; border-radius: 12px; padding: 18px; margin-top: 15px; }
.jc-summary-text { font-size: 16px; color: #ccc; line-height: 1.8; text-align: right; }

/* SEO FOOTER */
.jc-seo-footer { text-align: center; padding: 20px; margin-top: 20px; border-top: 1px solid #222; }
.jc-seo-footer p { font-size: 13px; color: #555; line-height: 1.8; }
.jc-seo-footer a { color: #c0392b; text-decoration: none; }

/* SCROLLBAR */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--jc-dark); }
::-webkit-scrollbar-thumb { background: #444; border-radius: 3px; }

/* THEMES */

/* CRIMSON (default) - Black metallic with red accents */
#jc-app.theme-crimson { background: linear-gradient(145deg, #0a0a0a 0%, #1a0505 50%, #0a0a0a 100%); border: 2px solid #7b241c; box-shadow: 0 0 40px rgba(123,36,28,0.3), inset 0 0 30px rgba(192,57,43,0.05); }
#jc-app.theme-crimson .jc-header { background: linear-gradient(180deg, #1a0808 0%, #0a0a0a 100%); border-bottom: 3px solid #c0392b; box-shadow: 0 4px 20px rgba(192,57,43,0.3); }
#jc-app.theme-crimson .jc-btn-main { background: linear-gradient(135deg, #c0392b, #922b21); box-shadow: 0 4px 20px rgba(192,57,43,0.5); border: 1px solid #e74c3c; }
#jc-app.theme-crimson .jc-btn-main:hover { box-shadow: 0 6px 30px rgba(192,57,43,0.7); }
#jc-app.theme-crimson .jc-inspect-tab.active { background: #c0392b; }
#jc-app.theme-crimson .jc-price-btn.fair { background: linear-gradient(135deg, #c0392b, #7b241c); box-shadow: 0 5px 25px rgba(192,57,43,0.6); border-color: #e74c3c; }
#jc-app.theme-crimson .jc-price-btn.min, #jc-app.theme-crimson .jc-price-btn.max { background: linear-gradient(145deg, #2a0a0a, #1a0505); border-color: #c0392b; }

/* NEON */
#jc-app.theme-neon { background: #000; border: 2px solid #e60000; box-shadow: 0 0 30px rgba(230,0,0,0.4); }
#jc-app.theme-neon .jc-header { background: #000; border-bottom: 3px solid #e60000; box-shadow: 0 0 15px rgba(230,0,0,0.5); }
#jc-app.theme-neon .jc-btn-main { background: #e60000; box-shadow: 0 0 15px rgba(230,0,0,0.8); border: 1px solid #ff3333; text-shadow: 0 0 5px rgba(255,255,255,0.5); }
#jc-app.theme-neon .jc-inspect-tab.active { background: #e60000; }
#jc-app.theme-neon .jc-price-btn.fair { box-shadow: 0 0 20px rgba(230,0,0,0.8); }
#jc-app.theme-neon .jc-price-btn.min, #jc-app.theme-neon .jc-price-btn.max { border-color: #e60000; background: linear-gradient(145deg, #1a0000, #0a0000); }

/* METALLIC */
#jc-app.theme-metallic { background: linear-gradient(145deg, #0a0a0a, #111); border: 1px solid #444; box-shadow: 0 20px 50px rgba(0,0,0,0.8); }
#jc-app.theme-metallic .jc-header { background: linear-gradient(135deg, #222 0%, #000 50%, #222 100%); border-bottom: 3px solid #b30000; }
#jc-app.theme-metallic .jc-btn-main { background: linear-gradient(to bottom, #e60000, #900); box-shadow: 0 4px 15px rgba(230,0,0,0.3); border: 1px solid #500; }
#jc-app.theme-metallic .jc-inspect-tab.active { background: linear-gradient(to bottom, #e60000, #900); }
#jc-app.theme-metallic .jc-price-btn.min, #jc-app.theme-metallic .jc-price-btn.max { border-color: #b30000; background: linear-gradient(145deg, #1a0505, #0f0202); }

/* CLASSIC */
#jc-app.theme-classic { background: #111; border: 1px solid #555; }
#jc-app.theme-classic .jc-header { background: #222; border-bottom: 2px solid #e60000; }
#jc-app.theme-classic .jc-btn-main { background: #e60000; border: 1px solid #c00; }
#jc-app.theme-classic .jc-inspect-tab.active { background: #e60000; }
#jc-app.theme-classic .jc-price-btn.min, #jc-app.theme-classic .jc-price-btn.max { border-color: #e60000; background: linear-gradient(145deg, #1a0505, #0f0202); }

/* GOLD-RED */
#jc-app.theme-gold-red { background: linear-gradient(145deg, #050505, #1a1a1a); border: 2px solid #d4af37; }
#jc-app.theme-gold-red .jc-header { background: linear-gradient(135deg, #111, #000, #111); border-bottom: 4px solid #d4af37; }
#jc-app.theme-gold-red .jc-header h2 { color: #fff; text-shadow: 0 0 10px rgba(212,175,55,0.5); }
#jc-app.theme-gold-red .jc-btn-main { background: linear-gradient(to bottom, #d4af37, #b8860b); color: #000; border: 1px solid #ffd700; font-weight: 800; }
#jc-app.theme-gold-red .jc-inspect-tab.active { background: #d4af37; color: #000; }
#jc-app.theme-gold-red .jc-group-title { color: #d4af37; border-right-color: #d4af37; }
#jc-app.theme-gold-red .detail-value { color: #d4af37; }
#jc-app.theme-gold-red .jc-price-display { color: #d4af37; }
#jc-app.theme-gold-red .car-panel:hover { stroke: #d4af37; }
#jc-app.theme-gold-red .car-panel.has-value { fill: rgba(255,255,255,0.01); stroke: rgba(0,0,0,0.1); }
#jc-app.theme-gold-red .jc-modal-option.selected { border-color: #d4af37; background: rgba(212,175,55,0.12); }
#jc-app.theme-gold-red .jc-btn-download { border-color: #d4af37; color: #d4af37; }
#jc-app.theme-gold-red .jc-btn-download:hover { background: #d4af37; color: #000; }
#jc-app.theme-gold-red .jc-price-btn.fair { background: linear-gradient(135deg, #d4af37, #b8860b); border-color: #ffd700; color: #000; }
#jc-app.theme-gold-red .jc-price-btn.fair .value { color: #000; }
#jc-app.theme-gold-red .jc-price-btn.min, #jc-app.theme-gold-red .jc-price-btn.max { border-color: #d4af37; background: linear-gradient(145deg, #1a1505, #0f0a02); }

/* RUBY */
#jc-app.theme-ruby { background: linear-gradient(160deg, #0a0008, #1a0012, #0a0008); border: 2px solid #9b111e; }
#jc-app.theme-ruby .jc-header { background: linear-gradient(180deg, #150010, #0a0008); border-bottom: 3px solid #e11d48; }
#jc-app.theme-ruby .jc-header h2 { color: #fecdd3; text-shadow: 0 0 15px rgba(225,29,72,0.3); }
#jc-app.theme-ruby .jc-btn-main { background: linear-gradient(135deg, #e11d48, #9f1239, #881337); border: 1px solid #fb7185; }
#jc-app.theme-ruby .jc-inspect-tab.active { background: #e11d48; }
#jc-app.theme-ruby .jc-group-title { color: #f43f5e; border-right-color: #f43f5e; }
#jc-app.theme-ruby .detail-value { color: #fb7185; }
#jc-app.theme-ruby .jc-price-display { color: #fb7185; }
#jc-app.theme-ruby .car-panel:hover { stroke: #e11d48; }
#jc-app.theme-ruby .car-panel.has-value { fill: rgba(255,255,255,0.01); stroke: rgba(0,0,0,0.1); }
#jc-app.theme-ruby .jc-modal-option.selected { border-color: #e11d48; background: rgba(225,29,72,0.12); }
#jc-app.theme-ruby .jc-btn-download { border-color: #e11d48; color: #e11d48; }
#jc-app.theme-ruby .jc-btn-download:hover { background: #e11d48; color: #fff; }
#jc-app.theme-ruby .jc-price-btn.fair { background: linear-gradient(135deg, #e11d48, #881337); border-color: #fb7185; }
#jc-app.theme-ruby .jc-price-btn.min, #jc-app.theme-ruby .jc-price-btn.max { border-color: #e11d48; background: linear-gradient(145deg, #1a0008, #0f0005); }

/* EMBER */
#jc-app.theme-ember { background: linear-gradient(170deg, #0a0a0a, #1a0a00, #0a0500); border: 2px solid #c2410c; }
#jc-app.theme-ember .jc-header { background: linear-gradient(180deg, #150a00, #0a0a0a); border-bottom: 3px solid #ea580c; }
#jc-app.theme-ember .jc-header h2 { color: #fed7aa; }
#jc-app.theme-ember .jc-btn-main { background: linear-gradient(135deg, #ea580c, #c2410c, #9a3412); border: 1px solid #f97316; }
#jc-app.theme-ember .jc-inspect-tab.active { background: #ea580c; }
#jc-app.theme-ember .jc-group-title { color: #f97316; border-right-color: #f97316; }
#jc-app.theme-ember .detail-value { color: #fb923c; }
#jc-app.theme-ember .jc-price-display { color: #fb923c; }
#jc-app.theme-ember .car-panel:hover { stroke: #ea580c; }
#jc-app.theme-ember .car-panel.has-value { fill: rgba(255,255,255,0.01); stroke: rgba(0,0,0,0.1); }
#jc-app.theme-ember .jc-modal-option.selected { border-color: #ea580c; background: rgba(234,88,12,0.12); }
#jc-app.theme-ember .jc-btn-download { border-color: #ea580c; color: #ea580c; }
#jc-app.theme-ember .jc-btn-download:hover { background: #ea580c; color: #fff; }
#jc-app.theme-ember .jc-price-btn.fair { background: linear-gradient(135deg, #ea580c, #7c2d12); border-color: #f97316; }
#jc-app.theme-ember .jc-price-btn.min, #jc-app.theme-ember .jc-price-btn.max { border-color: #ea580c; background: linear-gradient(145deg, #1a0a00, #0f0500); }

/* NOIR */
#jc-app.theme-noir { background: #000; border: 1px solid #222; box-shadow: 0 25px 60px rgba(0,0,0,0.9); }
#jc-app.theme-noir .jc-header { background: linear-gradient(180deg, #080808, #000); border-bottom: 1px solid #dc2626; }
#jc-app.theme-noir .jc-header h2 { color: #e5e5e5; font-weight: 400; }
#jc-app.theme-noir .jc-btn-main { background: #111; color: #dc2626; border: 1px solid #dc2626; font-weight: 800; }
#jc-app.theme-noir .jc-btn-main:hover { background: #dc2626; color: #000; }
#jc-app.theme-noir .jc-inspect-tab.active { background: transparent; color: #dc2626; border-bottom: 2px solid #dc2626; }
#jc-app.theme-noir .jc-group-title { color: #dc2626; border-right-color: #dc2626; font-weight: 400; }
#jc-app.theme-noir .detail-value { color: #ef4444; }
#jc-app.theme-noir .jc-price-display { color: #ef4444; }
#jc-app.theme-noir .car-panel:hover { stroke: #dc2626; }
#jc-app.theme-noir .car-panel.has-value { fill: rgba(255,255,255,0.01); stroke: rgba(0,0,0,0.1); }
#jc-app.theme-noir .jc-modal-option.selected { border-color: #dc2626; background: rgba(220,38,38,0.08); }
#jc-app.theme-noir .jc-btn-download { border-color: #333; color: #888; }
#jc-app.theme-noir .jc-btn-download:hover { border-color: #dc2626; color: #dc2626; background: transparent; }
#jc-app.theme-noir .jc-price-btn.fair { background: #000; border: 2px solid #dc2626; color: #dc2626; }
#jc-app.theme-noir .jc-price-btn.fair .value { color: #dc2626; }
#jc-app.theme-noir .jc-price-btn.min, #jc-app.theme-noir .jc-price-btn.max { border-color: #dc2626; background: linear-gradient(145deg, #0a0000, #050000); }

/* RESPONSIVE */
@media (max-width: 600px) {
    #jc-app { margin: 10px; border-radius: 14px; font-size: 15px; }
    .jc-header h2 { font-size: 22px; }
    .jc-price-buttons { flex-wrap: wrap; gap: 8px; }
    .jc-price-btn { padding: 14px 12px; flex: 1 1 45%; }
    .jc-price-btn .value { font-size: 18px; }
    .jc-price-btn .label { font-size: 14px; }
    .jc-price-btn.fair { flex: 1 1 100%; padding: 18px 16px; }
    .jc-price-btn.fair .value { font-size: 22px; }
    .jc-price-btn.fair .label { font-size: 15px; }
    .jc-inspect-tabs { flex-direction: column; }
    .jc-inspect-tab { border-left: none; border-bottom: 1px solid var(--jc-border); padding: 12px; font-size: 14px; }
    .jc-modal { margin: 10px; }
    .jc-result-box { padding: 15px; }
    .jc-price-display { font-size: 30px; }
    .detail-row { font-size: 14px; }
    .panel-label { font-size: 8px !important; }
    .jc-svg-container { padding: 8px; }
    .jc-car-svg { max-height: 55vh; }
    .jc-body-summary { padding: 14px; }
    .jc-summary-text { font-size: 14px; }
    .jc-select, .jc-input { font-size: 15px; padding: 10px; }
    .jc-label { font-size: 15px; }
    .jc-modal-header h3 { font-size: 16px; }
    .jc-opt-label { font-size: 15px; }
}