/* Additional homepage layout and navigation; loaded after the current refresh. */
html body #wrap.abs-home-exact-v1.abs-clarico-home :is(#absClaricoBenefits,#absClaricoFitment) > .container::before,
html body #wrap.abs-home-exact-v1.abs-clarico-home :is(#absClaricoBenefits,#absClaricoFitment) > .container::after { content: none !important; display: none !important; }
html body #wrap.abs-home-exact-v1.abs-clarico-home #absExactCategories .absx-category-row { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; gap: 16px !important; padding-bottom: 12px; scrollbar-width: thin; scrollbar-color: #b9d2ef transparent; scroll-snap-type: x proximity; }
html body #wrap.abs-home-exact-v1.abs-clarico-home #absExactCategories .absx-category-card { flex: 0 0 calc((100% - 80px) / 6) !important; min-width: 0; scroll-snap-align: start; }
html body #wrap.abs-home-exact-v1.abs-clarico-home :is(#absExactDiscounted,#absExactNewProducts) .absx-product-card { flex: 0 0 calc((100% - 54px) / 4) !important; }
html body #wrap.abs-home-exact-v1.abs-clarico-home .abs-cl-head-actions { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
html body #wrap.abs-home-exact-v1.abs-clarico-home .abs-cl-rail-controls { display: flex; align-items: center; gap: 6px; }
html body #wrap.abs-home-exact-v1.abs-clarico-home .abs-cl-rail-controls[hidden] { display: none !important; }
html body #wrap.abs-home-exact-v1.abs-clarico-home .abs-cl-rail-controls button { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid #d1e3fa; border-radius: 8px; background: #fff; color: var(--cl-blue); font-size: 12px; }
html body #wrap.abs-home-exact-v1.abs-clarico-home .abs-cl-rail-controls button:hover { background: #eaf3ff; }
html body #wrap.abs-home-exact-v1.abs-clarico-home .abs-cl-rail-controls button:disabled { opacity: .4; cursor: default; }
body.o_is_editing #wrap.abs-home-exact-v1.abs-clarico-home .abs-cl-rail-controls { display: none !important; }
@media (min-width:768px) and (max-width:1100px) {
  html body #wrap.abs-home-exact-v1.abs-clarico-home #absExactCategories .absx-category-card { flex-basis: calc((100% - 48px) / 4) !important; }
}
@media (max-width:767px) {
  html body #wrap.abs-home-exact-v1.abs-clarico-home #absExactCategories .absx-category-card { flex: 0 0 42vw !important; }
  html body #wrap.abs-home-exact-v1.abs-clarico-home :is(#absExactDiscounted,#absExactNewProducts) .absx-product-card { flex: 0 0 calc((100% - 13px) / 2) !important; }
  html body #wrap.abs-home-exact-v1.abs-clarico-home .abs-cl-head-actions { width: 100%; justify-content: space-between; }
}


/* Keep the visual vehicle chooser immediately after the finder. */
html body #wrap.abs-home-exact-v1.abs-clarico-home #absExactVehicleReference { padding: 26px 0 24px !important; scroll-margin-top: 110px; background: #fff !important; }
html body #wrap.abs-home-exact-v1.abs-clarico-home #absExactVehicleReference > .container { width: calc(100% - 64px) !important; max-width: 1376px !important; margin-inline: auto !important; padding: 24px !important; background: #f5f9ff !important; border: 1px solid var(--cl-line) !important; border-radius: 14px !important; }
html body #wrap.abs-home-exact-v1.abs-clarico-home #absExactVehicleReference .absx-heading-vehicle { align-items: center !important; gap: 18px !important; margin-bottom: 18px !important; }
html body #wrap.abs-home-exact-v1.abs-clarico-home #absExactVehicleReference .absx-brand-row { gap: 10px !important; margin-bottom: 16px !important; }
html body #wrap.abs-home-exact-v1.abs-clarico-home #absExactVehicleReference .absx-view-all-brands { background: #fff !important; border: 1px solid #d1e3fa !important; border-radius: 8px !important; }
@media (max-width:767px) {
  html body #wrap.abs-home-exact-v1.abs-clarico-home #absExactVehicleReference { padding: 18px 0 14px !important; scroll-margin-top: 80px; }
  html body #wrap.abs-home-exact-v1.abs-clarico-home #absExactVehicleReference > .container { width: calc(100% - 28px) !important; margin-inline: auto !important; padding: 17px 12px !important; }
  html body #wrap.abs-home-exact-v1.abs-clarico-home #absExactVehicleReference .absx-heading-vehicle { flex-wrap: wrap !important; align-items: flex-start !important; gap: 12px !important; }
  html body #wrap.abs-home-exact-v1.abs-clarico-home #absExactVehicleReference .absx-heading-vehicle h2 { font-size: 23px !important; }
}