/* ---- The suggestions panel ------------------------------------------------
                   Same treatment as the bar: dark glass, yellow ring, rounded. Every rule
                   here is an override - style.min.css paints this white with a hard
                   height:300px, and like .carsearch those rules exist ONLY in the minified
                   file and not in style.css, so editing the source would change nothing.

                   Scoped under .carsearch so the mobile drawer's results list
                   (#mobnavResults, which shares the renderer) is left alone. */
                .carsearch .srdropdon{
                    width:100% !important;left:0 !important;right:auto !important;
                    top:calc(100% + 12px) !important;
                    padding:6px;border-radius:22px;
                    background:rgba(18,18,18,.93) !important;
                    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
                    /* The renderer sets height:auto inline; this cap stops a long list
                       running off the bottom of a short screen. */
                    max-height:min(58vh,430px) !important;
                    overflow-y:auto;overscroll-behavior:contain;
                    box-shadow:
                        0 0 0 1.5px rgba(255,239,77,.55),
                        0 0 22px rgba(255,239,77,.2),
                        0 18px 40px rgba(0,0,0,.55);
                    scrollbar-width:thin;scrollbar-color:rgba(255,239,77,.45) transparent;
                }
                .carsearch .srdropdon::-webkit-scrollbar{width:8px}
                .carsearch .srdropdon::-webkit-scrollbar-thumb{
                    background:rgba(255,239,77,.4);border-radius:8px;
                }
                .carsearch .srdropdon div a{
                    display:flex;align-items:center;column-gap:14px;
                    padding:7px 12px 7px 7px;border-radius:14px;
                    color:#fff !important;font-size:15px;font-weight:500;
                    border-bottom:1px solid rgba(255,255,255,.07) !important;
                }
                .carsearch .srdropdon div:last-child a{border-bottom:0 !important}
                .carsearch .srdropdon div a:hover{
                    background-color:rgba(255,239,77,.08) !important;color:#fff !important;
                    box-shadow:inset 0 0 0 1px rgba(255,239,77,.45),0 0 16px rgba(255,239,77,.15);
                }
                /* The thumbnail sits on its own rounded tile, so photos with different
                   aspect ratios still line up down the column. */
                .carsearch .srdropdon .sg-thumb{
                    flex:0 0 78px;height:46px;border-radius:12px;
                    background:rgba(255,255,255,.06);
                    display:flex;align-items:center;justify-content:center;overflow:hidden;
                }
                /* Category rows have no photo, so their tile is a quiet placeholder rather
                   than a gap - the titles stay in one column either way. */
                .carsearch .srdropdon .sg-thumb.is-empty{
                    background:rgba(255,255,255,.035);
                    box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
                }
                .carsearch .srdropdon .sg-thumb img{
                    width:72px !important;height:auto !important;max-height:42px;
                    object-fit:contain;
                }
                .carsearch .srdropdon .sg-title{
                    flex:1 1 auto;min-width:0;
                    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
                }
                .carsearch .srdropdon .sg-hit{color:#ffef4d;font-weight:700}
                .carsearch .srdropdon .sg-chev{
                    display:block;flex:0 0 16px;width:16px;height:16px;opacity:.55;
                }
                .carsearch .srdropdon .no-results{color:#c9c9c9 !important;padding:16px 14px}
                /* Opt-in: the same renderer feeds the mobile drawer, which is not styled
                   here, and an unstyled chevron there would just be a stray icon. */
                .sg-chev{display:none}