.rg-vehicle-panel { margin-top: 24px; margin-bottom: 28px; padding: 24px; border: 1px solid #d7d7d7; border-top: 3px solid #c90d24; background: #fff; color: #222; border-radius: 0; }
.rg-vehicle-heading h2 { margin: 0; font-size: 23px; line-height: 1.3; font-weight: 700; text-transform: none; }
.rg-vehicle-current { margin: 10px 0 0; line-height: 1.5; overflow-wrap: anywhere; color: #555; }
.rg-vehicle-form { margin-top: 20px; }
.rg-vehicle-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)); gap: 14px; }
.rg-vehicle-field { display: flex; flex-direction: column; min-width: 0; margin: 0; gap: 7px; font-size: 14px; font-weight: 600; }
.rg-vehicle-panel .rg-vehicle-field, .rg-vehicle-panel .rg-vehicle-field > span { color: #222; }
.rg-vehicle-field select { display: block; width: 100%; min-width: 0; max-width: 100%; height: 46px; padding: 8px 32px 8px 12px; background: #fff; border: 1px solid #999; border-radius: 0; color: #222; font-size: 15px; font-weight: 400; text-overflow: ellipsis; }
.rg-vehicle-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 16px; }
.rg-vehicle-submit { min-height: 46px; padding: 11px 24px; border: 1px solid #ba1023; border-radius: 0; background: #c90d24; color: #fff; font-size: 15px; font-weight: 600; line-height: 1.4; cursor: pointer; white-space: normal; }
.rg-vehicle-submit:hover { background: #a60c1e; }
.rg-vehicle-reset { text-decoration: underline; color: #444; padding: 8px 0; line-height: 1.4; }
.rg-vehicle-note { margin: 14px 0 0; font-size: 13px; line-height: 1.6; color: #555; }
.rg-vehicle-error { padding: 12px; margin: 16px 0; border-left: 3px solid #c90d24; background: #fff2f3; color: #8b1020; line-height: 1.5; }
.rg-part-categories { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd; }
.rg-part-categories a { display: inline-flex; align-items: center; min-height: 42px; padding: 9px 14px; border: 1px solid #ccc; border-radius: 0; color: #333; background: #fff; font-size: 14px; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; }
.rg-part-categories a:hover, .rg-part-categories a[aria-current] { border-color: #c90d24; background: #c90d24; color: #fff; }
.rg-vehicle-panel :focus-visible { outline: 3px solid #222; outline-offset: 3px; }
@media (max-width: 767px) { .rg-vehicle-panel { width: auto; margin: 16px 15px 22px; padding: 18px; } .rg-vehicle-heading h2 { font-size: 21px; } .rg-vehicle-fields { grid-template-columns: 1fr; } .rg-vehicle-submit { width: 100%; } .rg-part-categories { display: grid; grid-template-columns: 1fr 1fr; } }
@media (max-width: 380px) { .rg-part-categories { grid-template-columns: 1fr; } }