predictive-search[open] .overlay{z-index:30}predictive-search[open] .search__form{z-index:32}predictive-search[open] .search__input{background-color:rgba(var(--bg-color));box-shadow:inset 0 0 0 1px rgb(var(--text-color))}.header predictive-search[open] .search__input{background-color:rgba(var(--bg-color));box-shadow:inset 0 0 0 1px rgb(var(--text-color))}.search__reset{right:12px;padding:10px}[dir=rtl] .search__reset{right:auto;left:63px}[dir=rtl] .search__reset::after{right:auto;left:-8px}.predictive-search{--heading-color:var(--text-color);display:none;top:-12px;left:calc(var(--gutter) * -1);width:100vw;padding-top:60px;border-radius:8px}.header .predictive-search{top:0}predictive-search[open] .predictive-search{display:block;z-index:4}.predictive-search .tablist{position:-webkit-sticky;position:sticky;z-index:1;top:0}.predictive-search .tablist__scroller{margin-inline-start:var(--gutter);padding:8px 0}.predictive-search__tabpanel{margin-top:8px}.predictive-search__item:not(.js-submit):hover,.predictive-search__item[aria-selected=true]{background-color:rgba(var(--text-color)/0.04)}.predictive-search__view-all{padding:24px var(--gutter) 40px;color:currentColor;line-height:1.75}.predictive-search__view-all>.icon{width:16px;margin-inline-start:8px;vertical-align:middle}.predictive-search__no-results{padding:16px var(--gutter) 24px}.predictive-result{padding:16px var(--gutter);color:var(--text-color)}.predictive-result__media{flex:0 0 56px;width:56px;margin-inline-end:calc(4 * var(--space-unit))}.predictive-result__media img{max-height:100px;object-fit:contain}.predictive-result__title:last-child{margin-bottom:0}.predictive-result__sub-title{margin-top:0.4rem;color:rgba(var(--text-color)/0.8)}.cc-main-search .predictive-result__title{font-size:1em}.search--speech .search__reset,.search--product-types .search__reset{right:56px}.search--speech .search__reset::after,.search--product-types .search__reset::after{content:"";position:absolute;top:10px;right:-1px;width:1px;height:24px;background-color:rgba(var(--text-color)/0.3)}[dir=rtl] .search--speech .search__reset,[dir=rtl] .search--product-types .search__reset{right:auto}[dir=rtl] .search--speech .search__reset::after,[dir=rtl] .search--product-types .search__reset::after{right:auto;left:-8px}predictive-search .search__input{padding-inline-end:95px}.header__grid--centered-logo .search__input:not(.search__input--dirty){padding-inline-end:54px}.predictive-search__scroller{max-height:66vh}@media (max-width:768.98px){.header__search .overlay{z-index:900;background-color:rgb(0 0 0 / 0.4)}.header .predictive-search{top:-20px}predictive-search .search__input:not(.search__input--dirty){padding-inline-end:54px}predictive-search .tablist{top:-1px}.predictive-search .predictive-result__title{padding-top:0}}@media (min-width:769px){.predictive-search{left:-12px;width:calc(100% + 24px);padding-top:63px}.predictive-search .tablist__scroller{margin-inline-start:var(--gutter-md)}.header .predictive-search{top:-12px}.predictive-result,.predictive-search__view-all,.predictive-search__no-results{padding-right:36px;padding-left:36px}.predictive-search__view-all{padding-bottom:calc(8 * var(--space-unit))}}@media (min-width:1024px){.predictive-search{padding-top:68px}}

/* Custom CSS */
.header_quote_button {
    position: relative;
    z-index: 4;
}
form.search.relative {
    position: static;
}

/* v2 search-UX overrides 2026-05-12 */
/* The Rep.AI chat widget iframe uses z-index 2147483647 (max int) and was
   covering the right side of the predictive-search dropdown. Bump our
   dropdown z-index to just below the max so it renders above the chat. */
predictive-search[open] .overlay{z-index:2147483640}
predictive-search[open] .search__form{z-index:2147483642}
predictive-search[open] .predictive-search{z-index:2147483641;border:1px solid rgba(0,0,0,0.08);box-shadow:0 10px 30px rgba(18,38,58,0.18);background-color:#fff}

/* Prominent orange "View all results" CTA (Arklavo brand) at the bottom of
   the dropdown - currently rendered as plain link text, missed by users. */
.predictive-search__view-all{background-color:rgba(249,112,21,0.06);color:#f97015!important;font-weight:700;border-top:1px solid rgba(0,0,0,0.06)}
.predictive-search__view-all:hover,.predictive-search__view-all:focus{background-color:rgba(249,112,21,0.12)}

/* Hide the residual "Loading..." status text after results have rendered.
   Aria-busy="true" while loading; once removed by JS the visual text was
   still bleeding into the page. Now hidden unless actively loading. */
.js-search-status:not([aria-busy="true"]){display:none}

/* Tighten the price display under product titles in the dropdown */
.predictive-result__info .price{margin-top:4px;font-size:14px;font-weight:600;color:#12263a}
.predictive-result__info .price *{color:#12263a}