/* Shared, readable messages and segmented vehicle navigation. */
#vehicle-search .types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;background:#dfe5e5;margin-bottom:24px}
#vehicle-search .types label{min-width:0}
#vehicle-search .types .vehicle-tab{display:flex;align-items:center;justify-content:center;gap:12px;min-height:76px;padding:14px 10px;border:0;border-radius:0;background:#f7f8f8;color:#626a72;font-size:14px;font-weight:600}
#vehicle-search .types .vehicle-tab span{display:inline;padding:0;background:none;border:0;border-radius:0;font:inherit;color:inherit}
#vehicle-search .types .vehicle-tab svg{width:28px;height:28px;flex-shrink:0}
#vehicle-search .types input:checked+.vehicle-tab{background:#0846ad;color:white}
#vehicle-search .types input:focus-visible+.vehicle-tab{outline:3px solid #0846ad;outline-offset:-3px}
#vehicle-search .types input{z-index:1;left:0;top:0}
[role=status]:not(:empty),.otp-message:not(:empty){line-height:1.7;overflow-wrap:anywhere}
#login-status:not(:empty),#registration-status:not(:empty),#profile-status:not(:empty),#reset-status:not(:empty),#listing-form-status:not(:empty){padding:14px 16px;border-left:4px solid #0846ad;border-radius:8px;background:#eef4ff;color:#243b59}
@media(max-width:700px){#vehicle-search .types{display:flex;flex-wrap:nowrap;overflow-x:auto}#vehicle-search .types label{flex:0 0 150px}#vehicle-search .types .vehicle-tab{min-height:68px}}
#vehicle-search .types{min-inline-size:0;max-width:100%;width:100%}

/* Option B: sweeping vehicle navigation with a reserved advertisement panel. */
#vehicle-search .vehicle-navigation-row{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(240px,1fr);gap:22px;align-items:stretch;margin-bottom:24px}
#vehicle-search .vehicle-navigation-row .types{margin:0;padding:0;gap:2px;border:1px solid #d7e0e8;border-radius:12px 76px 12px 12px;overflow:hidden;background:#fff;align-items:stretch}
#vehicle-search .vehicle-navigation-row .vehicle-tab{height:100%;min-height:92px;flex-direction:column;gap:8px;padding:16px 8px;background:#f3f5f6;font-size:13px;text-align:center}
#vehicle-search .vehicle-navigation-row .types input:checked+.vehicle-tab{background:#0846ad;color:#fff}
#vehicle-search .vehicle-navigation-row .types label:last-child .vehicle-tab{padding-right:22px}
#vehicle-search .vehicle-advertisement{display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0;padding:20px;border-radius:12px;background:#122d51;color:#fff}
#vehicle-search .advertisement-label{font-size:10px;font-weight:600;letter-spacing:1.8px;color:#cbd9eb}
#vehicle-search .vehicle-advertisement strong{font-size:18px;line-height:1.35;color:#fff}
#vehicle-search .vehicle-advertisement p{margin:0;font-size:12px;line-height:1.5;color:#cbd9eb}
@media(max-width:1000px){#vehicle-search .vehicle-navigation-row{grid-template-columns:minmax(0,1fr)}#vehicle-search .vehicle-advertisement{padding:18px 20px}}
@media(max-width:700px){#vehicle-search .vehicle-navigation-row .types{display:flex;overflow-x:auto}#vehicle-search .vehicle-navigation-row .types label{flex:1 0 108px}#vehicle-search .vehicle-navigation-row{gap:16px;margin-bottom:20px}}