.ui-autocomplete {
 margin-top: 5px;
 font-family: ProximaNova;
 font-size: 14px;
 max-height: 100px;
 overflow-y: auto;
 overflow-x: hidden;
 border-radius: 4px !important;
}
.ui-autocomplete .ui-menu-item {
 border-bottom: 1px solid #f5f5f5;
}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
 background-color: #e4e4e4;
 color: #000;
 border: none;
}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
 padding: 5px 0 5px 5px;
}
.title {
 width: 100%;
 height: 100%;
 background-color: #fff;
 font-weight: 700;
 border-bottom: 1px solid #e8e8e8;
 border-top: 1px solid #e8e8e8;
}
.title .wrapper {
 padding: 1% 0;
}
.title .wrapper h1 {
 padding-left: 5px;
}
.title .wrapper .subheading-wrapper {
 display: flex;
 flex-direction: column;
 gap: 8px;
}
.title .wrapper .subheading-wrapper a {
 font-size: 14px;
 font-weight: 400;
 padding-left: 5px;
}
.title .wrapper .desc h2 {
  font-size: 16px;
  font-weight: 400;
  margin-top: 1em;
  margin-bottom: .5em;
}
.title .wrapper .desc ul {
 list-style-position: inside;
 font-size: 13px !important;
 line-height: 1.35 !important;
}
.title .wrapper .other-links-subheading {
 padding-left: 5px;
 padding-top: 15px;
 font-size: 16px;
 font-weight: 400;
 line-height: 1.5;
 text-transform: uppercase;
}
.title .wrapper .other-links {
 padding-left: 5px;
 padding-top: 5px;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 column-gap: 10px;
 overflow: hidden;
}
.title .wrapper .other-links a {
 box-sizing: border-box;
 height: 100%;
 font-weight: 400;
 font-size: 14px;
 padding-bottom: 5px;
}
#popup-form .select-block label {
 float: left;
}
input.error {
 border: 1px solid red;
}
label.error {
 color: red;
 margin-left: 10px;
 font-size: 0.9em;
 text-transform: none;
}
.success {
 border: 1px solid Green;
 background-color: #dfd;
 border-radius: 5px;
 padding: 15px 15px 15px 15px;
 margin-bottom: 5px;
 margin-top: 10px;
 font-weight: 700;
}
.errors {
 border: 1px solid Red;
 background-color: #fdd;
 border-radius: 5px;
 padding: 15px 15px 15px 15px;
 margin-bottom: 5px;
 margin-top: 10px;
 font-weight: 700;
}
.sumo_subcategory > .optWrapper > .options {
 max-height: 385px;
}
.item_distance {
 box-sizing: border-box;
 font-size: 12px;
 font-weight: 400;
 background: #fff;
 border: 2px solid #e8e8e8;
 border-bottom: none;
 border-radius: 5px 5px 0 0;
 width: 95%;
 margin-left: auto;
 margin-right: auto;
}
.content_item_adv {
 cursor: pointer;
}
.content_item_adv_mob .item_distance {
 margin: 0;
 padding: 0;
 float: right;
 font-size: inherit;
 background: 0 0;
 border: none;
}
.similar-results {
 font-family: Roboto, sans-serif;
 font-weight: 400;
 font-size: 19px;
 margin-bottom: 10px;
 padding-left: 25px;
 padding-right: 25px;
 border-bottom: 4px solid #ffd71a;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.similar-results-mid {
 flex: 1 1 auto;
 max-width: 1110px;
 padding-left: 10px;
 padding-right: 10px;
}
.similar-results-left {
 text-align: right;
 flex: 0 0 auto;
 width: 19px;
 align-self: flex-end;
}
.similar-results-right {
 text-align: left;
 flex: 0 0 auto;
 width: 19px;
 align-self: flex-end;
}
@media only screen and (min-width: 1340px) {
 .similar-results-mid {
  flex: 0 0 auto;
 }
 .similar-results-left,
 .similar-results-right {
  flex: 1 1 auto;
 }
}
.sort_pagging .wrapper.el_cart_wrapper_absolute {
 padding: 0;
}
.el_cart_wrapper .el_cart_button_wrapper .el_cart_button.el_cart_button_highlight {
 background-color: #ff8c00;
 border-color: #ff8c00;
 color: #fff !important;
}
.el_cart_button_wrapper.el_cart_button_wrapper_adjusted.el_cart_button_wrapper_absolute {
 position: absolute;
 justify-content: center;
 width: 300px !important;
 left: 50%;
 margin-left: -215px;
 margin-top: -25px;
}
@media (max-width: 1380px) {
 .pagging {
  padding-bottom: 10px;
 }
}
@media (max-width: 580px) {
 .pagging {
  padding-bottom: 20px;
 }
}
.item_distance {
 display: none;
}
.item_text_adv .btn_row {
 display: flex;
 margin: 0 8px 4px 8px;
}
.item_text_adv .btn_row button {
 width: unset;
 margin: 0;
 font-size: 18px;
 padding: 8px 4px;
 height: unset;
 flex-grow: 1;
 color: #fff;
 background-color: #fe9700;
 border: none;
}
.item_text_adv .btn_row button.js_elt_show_micro_quote_modal {
 font-size: 16px;
}
.item_text_adv .btn_row button:hover {
 background: #e57e00;
}
.item_text_adv .btn_row_dbl {
 display: flex;
 margin: 0 8px 12px 8px;
 gap: 2px;
}
.item_text_adv .btn_row_dbl button {
 background-color: #9bbc44;
 color: #fff;
 border: none;
 margin: 0;
 font-size: 12px;
 padding: 8px 4px;
 height: unset;
 width: 50%;
}
.item_text_adv .btn_row_dbl button:first-child {
 border-radius: 3px 0 0 3px;
}
.item_text_adv .btn_row_dbl button:nth-child(2) {
 border-radius: 0 3px 3px 0;
}
.item_text_adv .btn_row_dbl button:hover {
 background: #719317;
}

/* --- ELT Related Navigation Chips/Pills --- */
.elt_nav_chips_bar {
 width: 100%;
 background: #fdfdfd;
 border-bottom: 1px solid #e8e8e8;
 box-sizing: border-box;
}

.elt_nav_chips_bar .wrapper {
 padding: 14px 0 16px 0;
}

.elt_nav_chips_heading {
 display: flex;
 align-items: center;
 margin-bottom: 10px;
}

.elt_nav_chips_icon {
 width: 15px;
 height: 15px;
 margin-right: 7px;
 display: inline-block;
 vertical-align: middle;
}

.elt_nav_chips_label {
 font-size: 13px;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0.5px;
 color: #2d3748;
}

.elt_nav_chips_group {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 align-items: center;
}

.elt_nav_chip_item {
 display: inline-flex;
 align-items: center;
 padding: 6px 14px;
 font-size: 13px;
 font-weight: 500;
 color: #1a202c;
 text-decoration: none;
 background-color: #f7fafc;
 border: 1px solid #cbd5e0;
 border-radius: 20px;
 transition: all 0.2s ease-in-out;
}

.elt_nav_chip_item:hover {
 border-color: #f5b300;
 background-color: #fff9e6;
 color: #b7791f;
 text-decoration: none;
}

.intro_subwrapper h1.subheading {
 font-size: 22px !important;
 font-weight: 700 !important; /* matches old regular weight */
 padding-left: 0px !important;
 margin-bottom: 5px !important;
 text-transform: uppercase !important;
 color: rgb(17, 17, 17) !important;
 line-height: 1.15 !important;
}

.title .wrapper .desc {
 font-size: 13.5px !important;
 line-height: 1.35 !important; /* or line-height: 1.35 !important; */
 color: #222222 !important;
 margin-top: 0px !important;
 padding-left: 0px !important;
 font-weight: 400 !important;
}

.elt_crumbs li,
.elt_crumbs li a {
 margin-right: 2px !important;
}

.elt_crumbs,
.elt_crumbs li,
.elt_crumbs li a {
 font-size: 13px !important;
}

/* Two-column responsive utility row */
.elt_breadcrumbs_header_bar {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 16px;
 margin-bottom: 6px;
 width: 100%;
 box-sizing: border-box;
}

/* Left column: Breadcrumbs (Never shrinks) */
.elt_crumbs_col {
 flex: 0 0 auto;
 white-space: nowrap;
}
.elt_crumbs_col ul.elt_crumbs {
 list-style: none;
 padding: 0;
 margin: 0;
 font-size: 13px;
 font-weight: 700;
 color: #555;
}
.elt_crumbs_col ul.elt_crumbs li {
 display: inline-block;
 margin-right: 4px;
 margin-top: 0;
 padding-left: 0;
}
.elt_crumbs_col ul.elt_crumbs a {
 color: #c0392b;
 text-decoration: none;
 font-weight: 700;
}
.elt_crumbs_col ul.elt_crumbs a:hover {
 text-decoration: underline;
}

/* Right column: Auto-drops & hides any pill that doesn't fit 100% */
.elt_nav_chips_inline {
 display: flex;
 align-items: center;
 justify-content: flex-end;
 gap: 6px;
 flex: 1 1 auto;
 min-width: 0;
 flex-wrap: wrap; /* Drops non-fitting pills to row 2 */
 height: 24px; /* Locks height strictly to row 1 */
 overflow: hidden; /* Completely conceals row 2 */
 padding: 0;
 margin-left: auto;
}

.elt_nav_chips_inline_label {
 font-size: 11px;
 font-weight: 700;
 letter-spacing: 0.5px;
 color: #555;
 text-transform: uppercase;
 margin-right: 2px;
 flex-shrink: 0;
 line-height: 24px;
}
.elt_nav_chip_inline_item {
 display: inline-block;
 padding: 2px 8px;
 font-size: 11.5px;
 font-weight: 600;
 line-height: 18px;
 color: #334155;
 background-color: #f1f5f9;
 border: 1px solid #cbd5e1;
 border-radius: 12px;
 text-decoration: none;
 white-space: nowrap;
 flex-shrink: 0;
 transition:
  background 0.15s,
  color 0.15s;
}
.elt_nav_chip_inline_item:hover {
 background-color: #e2e8f0;
 color: #000;
}

/* Mobile Breakpoint: Completely removes the similar chips block & label */
@media (max-width: 580px) {
 .elt_nav_chips_inline {
  display: none !important;
 }
 .elt_crumbs_col {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
 }
}

/* Tighten intro heading and body */
.title .wrapper .subheading {
 margin: 0 0 5px 0 !important;
 line-height: 1.15 !important;
}
.title .wrapper .desc {
 font-size: 13.5px !important;
 line-height: 1.35 !important;
 color: #222 !important;
 margin-top: 0px !important;
 padding-left: 0px !important;
}
