:root {
  --erbb-red: #b5121b;
  --erbb-black: #111111;
  --erbb-ink: #272727;
  --erbb-muted: #6b6b6b;
  --erbb-cream: #f4f1eb;
  --erbb-border: #d9d5cd;
  --erbb-green: #16833f;
}

/* Inventory styles are scoped to this module and never alter ordinary WooCommerce or Divi Shop loops. */
.erbb-inventory-wrapper { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; container: erbb-inventory / inline-size; }
.erbb-product-module-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; min-width: 0; margin-bottom: 22px; padding-bottom: 13px; border-bottom: 1px solid var(--erbb-border, #d9d5cd); }
.erbb-product-module-heading-copy { min-width: 0; }
.erbb-product-module-eyebrow { display: block; margin-bottom: 7px; color: var(--erbb-red, #b5121b); font-size: 11px; font-weight: 850; letter-spacing: 0.055em; line-height: 1.2; text-transform: uppercase; }
.erbb-product-module-title { margin: 0 !important; padding: 0 !important; color: var(--erbb-black, #111111); font-size: clamp(22px, 4.2cqi, 36px); font-weight: 850; line-height: 1.12; overflow-wrap: anywhere; }
.erbb-product-module-description { max-width: 70ch; margin: 9px 0 0 !important; color: var(--erbb-muted, #6b6b6b); font-size: 14px; line-height: 1.55; }
.erbb-inventory-wrapper ul.products.erbb-custom-dealer-grid { display: grid !important; grid-template-columns: repeat(var(--erbb-active-cols, 4), minmax(0, 1fr)) !important; gap: var(--erbb-card-gap, 20px) !important; align-items: stretch !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; box-sizing: border-box !important; }
.erbb-inventory-wrapper.erbb-grid-adaptive:not(.erbb-layout-compact):not(.erbb-layout-carousel) ul.products.erbb-custom-dealer-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, max(var(--erbb-card-min-width, 280px), calc((100% - (var(--erbb-card-gap, 20px) * (var(--erbb-active-cols, 4) - 1))) / var(--erbb-active-cols, 4)))), 1fr)) !important; }
.erbb-inventory-wrapper ul.products.erbb-custom-dealer-grid::before,
.erbb-inventory-wrapper ul.products.erbb-custom-dealer-grid::after { content: none !important; display: none !important; }
.erbb-inventory-wrapper ul.products.erbb-custom-dealer-grid > li.erbb-product-card { position: relative !important; display: flex !important; flex-direction: column !important; float: none !important; clear: none !important; grid-column: auto !important; grid-row: auto !important; order: 0 !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 1px solid var(--erbb-border, #d9d5cd) !important; border-radius: var(--erbb-card-radius, 10px) !important; background: var(--erbb-card-bg, #ffffff) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important; box-sizing: border-box !important; text-align: left !important; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease !important; container: erbb-card / inline-size; }
.erbb-inventory-wrapper ul.products li.erbb-product-card:hover { border-color: var(--erbb-red, #b5121b) !important; box-shadow: 0 12px 30px rgba(17, 17, 17, 0.13) !important; transform: translateY(-3px) !important; }
.erbb-inventory-wrapper.erbb-no-hover ul.products li.erbb-product-card:hover { border-color: var(--erbb-border, #d9d5cd) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important; transform: none !important; }
.erbb-inventory-wrapper .et_overlay { display: none !important; opacity: 0 !important; pointer-events: none !important; }

.erbb-related-products { overflow: hidden; }
.erbb-related-header { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-width: 0; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid var(--erbb-border, #d9d5cd); }
.erbb-related-title { min-width: 0; margin: 0 !important; padding: 0 !important; color: var(--erbb-black, #111111); font-size: clamp(22px, 3cqi, 34px); font-weight: 800; line-height: 1.15; overflow-wrap: anywhere; }
.erbb-related-view-all { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: 4px; color: #ffffff !important; background: var(--erbb-black, #111111); font-size: 11px; font-weight: 800; line-height: 1.2; text-decoration: none !important; text-transform: uppercase; }
.erbb-related-view-all:hover,
.erbb-related-view-all:focus-visible { color: #ffffff !important; background: var(--erbb-red, #b5121b); outline: none; }
.erbb-related-products > .erbb-carousel-controls { margin-top: -5px; }

.erbb-card-media { position: relative; flex: 0 0 auto; width: 100%; height: auto; min-height: 0; overflow: hidden; aspect-ratio: var(--erbb-image-ratio, 16 / 9); background: #e9e7e2; }
.erbb-image-fixed .erbb-card-media { height: var(--erbb-image-height, 230px); aspect-ratio: auto; }
.erbb-card-image-link { display: block; width: 100%; height: 100%; color: inherit; text-decoration: none; }
.erbb-card-image-link img.erbb-card-image { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; object-fit: var(--erbb-image-fit, cover) !important; object-position: var(--erbb-image-position, center center) !important; transition: transform 300ms ease; }
.erbb-product-card:hover .erbb-card-image { transform: scale(1.025); }
.erbb-badges-top-left { position: absolute; z-index: 2; top: 10px; left: 10px; display: flex; flex-direction: column; gap: 4px; align-items: flex-start; max-width: calc(100% - 108px); pointer-events: none; }
.erbb-cat-badge,
.erbb-preowned-badge { max-width: 100%; overflow: hidden; padding: 5px 8px; border-radius: 4px; color: #ffffff; font-size: 9px; font-weight: 800; letter-spacing: 0.05em; line-height: 1.2; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.erbb-cat-badge { background: var(--erbb-black); }
.erbb-preowned-badge { background: var(--erbb-red); }
.erbb-actions-top-right { position: absolute; z-index: 3; top: 9px; right: 9px; display: flex; gap: 6px; }
.erbb-icon-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; min-width: 40px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(17, 17, 17, 0.12) !important; border-radius: 50% !important; color: var(--erbb-black) !important; background: rgba(255, 255, 255, 0.96) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16) !important; cursor: pointer !important; }
.erbb-icon-btn:hover,
.erbb-icon-btn:focus-visible { border-color: var(--erbb-red) !important; color: var(--erbb-red) !important; outline: none !important; }
.erbb-wishlist-btn.active { border-color: var(--erbb-red) !important; color: #ffffff !important; background: var(--erbb-red) !important; }
.erbb-wishlist-btn.active svg { fill: currentColor; }
.erbb-compare-btn .erbb-compare-icon-shell { display: inline-grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border: 2px solid var(--erbb-red, #b5121b); border-radius: 50%; background: #111; color: #fff; }
.erbb-compare-btn .erbb-compare-icon-shell svg { display: block; width: 19px; height: 19px; }
.erbb-compare-btn.erbb-action-button-icon,
.erbb-compare-btn.erbb-icon-btn { display: inline-grid !important; place-items: center !important; width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; border: 2px solid var(--erbb-red, #b5121b) !important; border-radius: 50% !important; padding: 0 !important; background: #111 !important; color: #fff !important; }
.erbb-compare-btn.erbb-action-button-icon .erbb-compare-icon-shell,
.erbb-compare-btn.erbb-icon-btn .erbb-compare-icon-shell { width: 100%; height: 100%; border: 0; background: transparent; }
.erbb-compare-btn:hover,
.erbb-compare-btn:focus-visible,
.erbb-compare-btn.active { border-color: var(--erbb-red, #b5121b) !important; color: #fff !important; background: #111 !important; }
.erbb-ref-bottom-left { position: absolute; z-index: 2; bottom: 10px; left: 10px; max-width: calc(100% - 20px); overflow: hidden; padding: 4px 8px; border-radius: 4px; color: #ffffff; background: rgba(0, 0, 0, 0.78); font-size: 9px; font-weight: 700; letter-spacing: 0.04em; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }

.erbb-card-content { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; padding: 14px; background: var(--erbb-card-bg, #ffffff); box-sizing: border-box; }
.erbb-card-title-link { color: inherit !important; text-decoration: none !important; }
.erbb-inventory-wrapper .woocommerce-loop-product__title { display: -webkit-box !important; min-height: 2.55em !important; margin: 0 0 8px !important; padding: 0 !important; overflow: hidden !important; color: var(--erbb-black) !important; font-size: clamp(14px, 1.15vw, 17px) !important; font-weight: 800 !important; line-height: 1.27 !important; text-align: left !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
@supports (font-size: 1cqi) {
  .erbb-inventory-wrapper .woocommerce-loop-product__title { font-size: clamp(14px, 5.4cqi, 17px) !important; }
}
.erbb-card-title-link:hover .woocommerce-loop-product__title { color: var(--erbb-red) !important; }
.erbb-meta-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; margin-bottom: 9px; font-size: 10px; line-height: 1.3; }
.erbb-brand-tag,
.erbb-mileage-tag { min-width: 0; overflow: hidden; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.erbb-brand-tag { max-width: 62%; color: var(--erbb-red); text-transform: uppercase; }
.erbb-mileage-tag { color: var(--erbb-muted); }
.erbb-price-box { margin-bottom: 10px; padding: 10px 11px; border: 1px solid #e5e0d8; border-radius: 7px; background: var(--erbb-cream); }
.erbb-price-row,
.erbb-repayment-row { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; min-width: 0; }
.erbb-price-row { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #e2ddd5; }
.erbb-price-label,
.erbb-features-title { color: var(--erbb-muted); font-size: 9px; font-weight: 800; letter-spacing: 0.025em; text-transform: uppercase; }
.erbb-price-amount { min-width: 0; color: var(--erbb-black); font-size: clamp(15px, 1.3vw, 18px); font-weight: 900; line-height: 1.15; text-align: right; }
@supports (font-size: 1cqi) {
  .erbb-price-amount { font-size: clamp(15px, 5.7cqi, 18px); }
}
.erbb-price-amount .amount { color: inherit; font-size: inherit; font-weight: inherit; }
.erbb-price-amount del { color: var(--erbb-muted); font-size: 0.72em; }
.erbb-price-amount ins { text-decoration: none; }
.erbb-repay-label { color: var(--erbb-muted); font-size: 10px; }
.erbb-repay-amount { color: var(--erbb-red); font-size: 11px; font-weight: 800; text-align: right; }
.erbb-features-section { margin-bottom: 10px; }
.erbb-features-title { display: block; margin-bottom: 6px; }
.erbb-chips-container { display: flex; flex-wrap: wrap; gap: 5px; }
.erbb-chip { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; padding: 4px 7px; border: 1px solid var(--erbb-border); border-radius: 5px; color: #333333; background: #ffffff; font-size: 10px; font-weight: 650; line-height: 1.2; }
.erbb-chip svg { flex: 0 0 auto; color: var(--erbb-red); }
.erbb-availability-banner { display: flex; align-items: flex-start; gap: 6px; margin-bottom: 11px; padding: 8px; border: 1px solid #f5d875; border-radius: 5px; color: #7a3e0b; background: #fffbeb; font-size: 9.5px; font-weight: 700; line-height: 1.35; }
.erbb-availability-banner svg { flex: 0 0 auto; margin-top: 1px; }
.erbb-actions-row { display: flex; gap: 8px; width: 100%; margin-top: auto; }
.erbb-btn { display: inline-flex !important; flex: 1 1 50% !important; align-items: center !important; justify-content: center !important; gap: 5px !important; min-width: 0 !important; min-height: 44px !important; padding: 9px 8px !important; border: 0 !important; border-radius: 5px !important; color: #ffffff !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: 0.025em !important; line-height: 1.15 !important; text-align: center !important; text-decoration: none !important; text-transform: uppercase !important; }
.erbb-btn-view { background: var(--erbb-black) !important; }
.erbb-btn-view:hover { background: var(--erbb-red) !important; }
.erbb-btn-whatsapp { background: var(--erbb-green) !important; }
.erbb-btn-whatsapp:hover { filter: brightness(0.9); }
.erbb-card-footer-note { margin-top: 9px; padding-top: 8px; border-top: 1px solid #ece8e1; color: #777777; font-size: 8.5px; line-height: 1.35; }

.erbb-hide-badges .erbb-badges-top-left,
.erbb-hide-specs .erbb-features-section,
.erbb-hide-price .erbb-price-row,
.erbb-hide-repayment .erbb-repayment-row,
.erbb-hide-mileage .erbb-mileage-tag,
.erbb-hide-reference .erbb-ref-bottom-left,
.erbb-hide-wishlist .erbb-wishlist-btn,
.erbb-hide-wishlist .erbb-yith-wishlist-action,
.erbb-hide-compare .erbb-compare-btn,
.erbb-hide-view .erbb-btn-view,
.erbb-hide-whatsapp .erbb-btn-whatsapp,
.erbb-hide-availability .erbb-availability-banner,
.erbb-hide-disclaimer .erbb-card-footer-note { display: none !important; }
.erbb-hide-price.erbb-hide-repayment .erbb-price-box,
.erbb-hide-view.erbb-hide-whatsapp .erbb-actions-row { display: none !important; }

.erbb-carousel-controls { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 10px; }
.erbb-carousel-controls button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--erbb-border); border-radius: 50%; color: var(--erbb-black); background: #ffffff; font-size: 18px; cursor: pointer; }
.erbb-carousel-controls button:hover,
.erbb-carousel-controls button:focus-visible { border-color: var(--erbb-red); color: var(--erbb-red); outline: none; box-shadow: 0 0 0 3px rgba(181, 18, 27, 0.16); }
.erbb-carousel-controls button:disabled { color: #9e9a94; background: #f5f3ef; cursor: not-allowed; opacity: 0.75; }
.erbb-layout-carousel ul.products.erbb-custom-dealer-grid { display: flex !important; flex-wrap: nowrap !important; gap: var(--erbb-card-gap, 20px) !important; overflow-x: auto !important; overscroll-behavior-inline: contain; scroll-behavior: smooth; scroll-padding-inline: 1px; scroll-snap-type: inline mandatory; scrollbar-color: var(--erbb-red) #ece8e1; scrollbar-width: thin; }
.erbb-layout-carousel ul.products li.erbb-product-card { flex: 0 0 calc((100% - (var(--erbb-card-gap, 20px) * (var(--erbb-active-cols, 4) - 1))) / var(--erbb-active-cols, 4)) !important; height: auto !important; scroll-snap-align: start; }
.erbb-layout-carousel.erbb-grid-adaptive ul.products li.erbb-product-card { flex-basis: min(100%, max(var(--erbb-card-min-width, 280px), calc((100% - (var(--erbb-card-gap, 20px) * (var(--erbb-active-cols, 4) - 1))) / var(--erbb-active-cols, 4)))) !important; }
.erbb-layout-compact ul.products.erbb-custom-dealer-grid { grid-template-columns: 1fr !important; }
.erbb-layout-compact ul.products li.erbb-product-card { display: grid !important; grid-template-columns: minmax(220px, 31%) minmax(0, 1fr) !important; height: auto !important; }
.erbb-layout-compact .erbb-card-media { width: 100%; height: 100%; min-height: 220px; aspect-ratio: auto; }
.erbb-layout-compact .erbb-card-content { padding: 18px; }
.erbb-no-results { grid-column: 1 / -1 !important; width: 100% !important; margin: 0 !important; padding: 30px !important; border: 1px dashed var(--erbb-border) !important; border-radius: var(--erbb-card-radius, 10px) !important; color: var(--erbb-muted) !important; background: #ffffff !important; text-align: center !important; list-style: none !important; box-sizing: border-box !important; }

.erbb-catalog-mode .woocommerce .add_to_cart_button,
.erbb-catalog-mode .woocommerce .single_add_to_cart_button,
.erbb-catalog-mode .et_pb_shop .add_to_cart_button { display: none !important; }

.erbb-compare-dock[hidden],
.erbb-compare-modal[hidden] { display: none !important; }
.erbb-compare-dock { position: fixed !important; z-index: 9990 !important; right: auto !important; bottom: max(20px, env(safe-area-inset-bottom)) !important; left: 50% !important; display: flex !important; align-items: center !important; max-width: calc(100% - 24px) !important; padding: 10px 18px !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; border-radius: 50px !important; color: #ffffff !important; background: var(--erbb-black) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important; transform: translateX(-50%) !important; box-sizing: border-box !important; }
.erbb-dock-inner,
.erbb-dock-actions { display: flex; align-items: center; gap: 10px; }
.erbb-dock-text { color: #ffffff; font-size: 12px; font-weight: 650; white-space: nowrap; }
.erbb-dock-btn,
.erbb-dock-clear-btn { min-height: 44px; border: 0; cursor: pointer; font-size: 11px; font-weight: 800; }
.erbb-dock-btn { padding: 7px 14px; border-radius: 20px; color: #ffffff; background: var(--erbb-red); text-transform: uppercase; }
.erbb-dock-clear-btn { padding: 6px; color: #dddddd; background: transparent; }
body.erbb-modal-open { overflow: hidden !important; overscroll-behavior: none; }
.erbb-compare-modal { position: fixed; z-index: 99990; inset: 0; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(0, 0, 0, 0.68); box-sizing: border-box; }
.erbb-compare-modal-panel { container: erbb-compare / inline-size; display: grid; grid-template-rows: auto minmax(0, 1fr); width: min(1100px, 100%); max-height: 90vh; max-height: 90dvh; overflow: hidden; border-radius: 12px; background: #ffffff; box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35); outline: none; }
.erbb-compare-modal-header { position: relative; z-index: 6; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 16px 20px; border-bottom: 1px solid var(--erbb-border); background: #ffffff; }
.erbb-compare-modal-header h2 { margin: 0; color: var(--erbb-black); font-size: 20px; line-height: 1.2; }
.erbb-compare-modal-close { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; color: #333333; background: var(--erbb-cream); font-size: 27px; line-height: 1; cursor: pointer; }
.erbb-compare-modal-close:hover,
.erbb-compare-modal-close:focus-visible { color: #ffffff; background: var(--erbb-red); outline: none; }
.erbb-compare-modal-content { min-width: 0; min-height: 130px; overflow: auto; overscroll-behavior: contain; padding: 20px; color: var(--erbb-muted); box-sizing: border-box; scrollbar-gutter: stable; }
.erbb-compare-table-wrap { min-width: 680px; }
.erbb-compare-table { width: 100%; border-collapse: collapse; table-layout: fixed; color: var(--erbb-ink); }
.erbb-compare-table th,
.erbb-compare-table td { padding: 12px; border: 1px solid #e7e3dd; font-size: 12px; line-height: 1.35; text-align: center; vertical-align: middle; }
.erbb-compare-table th:first-child { position: sticky; z-index: 2; left: 0; width: 120px; color: var(--erbb-muted); background: var(--erbb-cream); text-align: left; }
.erbb-compare-table thead th:first-child { z-index: 4; }
.erbb-compare-table thead th { vertical-align: top; }
.erbb-compare-table thead th:not(:first-child) { position: relative; color: var(--erbb-black); font-size: 13px; font-weight: 800; }
.erbb-compare-table thead a { display: flex; flex-direction: column; gap: 8px; align-items: center; color: inherit; text-decoration: none; }
.erbb-compare-table thead img { width: 150px; height: 100px; margin: 0; border-radius: 5px; object-fit: cover; }
.erbb-compare-table .amount { color: var(--erbb-black); font-weight: 800; }
.erbb-compare-remove { position: absolute; z-index: 2; top: 6px; right: 6px; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 1px solid #dedbd5; border-radius: 50%; color: var(--erbb-black); background: rgba(255, 255, 255, 0.96); font-size: 20px; cursor: pointer; }
.erbb-compare-remove:hover,
.erbb-compare-remove:focus-visible { border-color: var(--erbb-red); color: var(--erbb-red); outline: none; }
.erbb-compare-action-links { display: grid; gap: 7px; }
.erbb-compare-actions-row a,
.erbb-compare-mobile-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 12px; border-radius: 5px; color: #ffffff !important; background: var(--erbb-green); font-weight: 800; line-height: 1.25; text-align: center; text-decoration: none !important; }
.erbb-compare-actions-row .erbb-compare-view-link { background: var(--erbb-black); }
.erbb-compare-mobile { display: none; }
.erbb-compare-mobile-card { min-width: 0; overflow: hidden; border: 1px solid #ded9d1; border-radius: 12px; color: var(--erbb-ink); background: #ffffff; box-shadow: 0 5px 18px rgba(17, 17, 17, 0.08); }
.erbb-compare-mobile-count { padding: 8px 14px; color: var(--erbb-muted); background: var(--erbb-cream); font-size: 10px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; }
.erbb-compare-mobile-header { position: relative; padding: 14px; border-bottom: 1px solid #e7e3dd; }
.erbb-compare-mobile-product { display: grid; grid-template-columns: minmax(96px, 34%) minmax(0, 1fr); gap: 14px; align-items: center; padding-right: 54px; color: var(--erbb-black) !important; text-decoration: none !important; }
.erbb-compare-mobile-product img { display: block; width: 100%; height: auto; margin: 0; border-radius: 7px; background: var(--erbb-cream); aspect-ratio: 4 / 3; object-fit: cover; }
.erbb-compare-mobile-product h3 { min-width: 0; margin: 0 !important; padding: 0 !important; color: inherit; font-size: clamp(16px, 5cqi, 21px); font-weight: 850; line-height: 1.2; overflow-wrap: anywhere; }
.erbb-compare-mobile-remove { position: absolute; top: 10px; right: 10px; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid #dedbd5; border-radius: 50%; color: var(--erbb-black); background: rgba(255, 255, 255, 0.96); font-size: 23px; line-height: 1; cursor: pointer; }
.erbb-compare-mobile-remove:hover,
.erbb-compare-mobile-remove:focus-visible { border-color: var(--erbb-red); color: #ffffff; background: var(--erbb-red); outline: none; }
.erbb-compare-mobile-values { margin: 0; }
.erbb-compare-mobile-values > div { display: grid; grid-template-columns: minmax(104px, 40%) minmax(0, 1fr); gap: 13px; align-items: start; padding: 11px 14px; border-bottom: 1px solid #eeeae4; }
.erbb-compare-mobile-values > div:nth-child(even) { background: #fbfaf8; }
.erbb-compare-mobile-values dt { color: var(--erbb-muted); font-size: 11px; font-weight: 800; line-height: 1.4; }
.erbb-compare-mobile-values dd { min-width: 0; margin: 0; color: var(--erbb-black); font-size: 12px; font-weight: 700; line-height: 1.4; text-align: right; overflow-wrap: anywhere; }
.erbb-compare-mobile-values .amount { color: inherit; font-weight: 850; }
.erbb-compare-mobile-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 14px; }
.erbb-compare-mobile-actions-single { grid-template-columns: minmax(0, 1fr); }
.erbb-compare-mobile-actions .erbb-compare-view-link { background: var(--erbb-black); }

@container erbb-compare (max-width: 700px) {
  .erbb-compare-table-wrap { display: none; }
  .erbb-compare-mobile { display: grid; gap: 14px; }
}
li.erbb-menu-wishlist a,
li.erbb-menu-compare a { display: inline-flex !important; align-items: center !important; gap: 5px !important; }
li.erbb-menu-wishlist[hidden],
li.erbb-menu-compare[hidden] { display: none !important; }
.erbb-menu-icon { display: inline-flex !important; align-items: center !important; }
.erbb-menu-badge { display: inline-block; min-width: 18px; padding: 2px 6px; border-radius: 12px; color: #ffffff; background: var(--erbb-red); font-size: 10px; font-weight: 800; line-height: 1.2; text-align: center; }

@media only screen and (max-width: 1023px) {
  .erbb-inventory-wrapper:not(.erbb-grid-adaptive) { --erbb-active-cols: var(--erbb-cols-tablet, 3); }
}
@media only screen and (max-width: 767px) {
  .erbb-inventory-wrapper:not(.erbb-grid-adaptive) { --erbb-active-cols: var(--erbb-cols-mobile, 1); }
  .erbb-layout-compact ul.products li.erbb-product-card { display: flex !important; }
  .erbb-layout-compact .erbb-card-media { min-height: 0; }
  .erbb-layout-compact.erbb-image-ratio .erbb-card-media { height: auto; aspect-ratio: var(--erbb-image-ratio, 16 / 9); }
  .erbb-layout-compact.erbb-image-fixed .erbb-card-media { height: var(--erbb-image-height, 230px); aspect-ratio: auto; }
  .erbb-layout-compact .erbb-card-content { padding: 14px; }
  .erbb-compare-dock { bottom: max(10px, env(safe-area-inset-bottom)) !important; width: calc(100% - 20px) !important; padding: 10px 12px !important; border-radius: 10px !important; }
  .erbb-dock-inner { width: 100%; justify-content: space-between; }
  .erbb-dock-text { white-space: normal; }
  .erbb-compare-modal { align-items: stretch; padding: 0; }
  .erbb-compare-modal-panel { width: 100%; height: 100vh; height: 100dvh; max-height: none; border-radius: 0; }
  .erbb-compare-modal-header { padding: max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left)); }
  .erbb-compare-modal-header h2 { font-size: 18px; }
  .erbb-compare-modal-content { padding: 12px max(12px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); scrollbar-gutter: auto; }
  .erbb-compare-table-wrap { display: none; }
  .erbb-compare-mobile { display: grid; gap: 14px; }
}

@container erbb-inventory (max-width: 560px) {
  .erbb-product-module-header { align-items: flex-start; flex-direction: column; gap: 14px; }
  .erbb-product-module-header .erbb-related-view-all { width: 100%; }
}
@container erbb-inventory (max-width: 1080px) {
  .erbb-inventory-wrapper:not(.erbb-grid-adaptive) ul.products.erbb-custom-dealer-grid { --erbb-active-cols: var(--erbb-cols-tablet, 3); }
}
@container erbb-inventory (max-width: 720px) {
  .erbb-inventory-wrapper:not(.erbb-grid-adaptive) ul.products.erbb-custom-dealer-grid { --erbb-active-cols: var(--erbb-cols-mobile, 1); }
  .erbb-layout-compact ul.products li.erbb-product-card { display: flex !important; }
  .erbb-layout-compact .erbb-card-media { min-height: 0; }
  .erbb-layout-compact.erbb-image-ratio .erbb-card-media { height: auto; aspect-ratio: var(--erbb-image-ratio, 16 / 9); }
  .erbb-layout-compact.erbb-image-fixed .erbb-card-media { height: var(--erbb-image-height, 230px); aspect-ratio: auto; }
}
@container erbb-inventory (max-width: 560px) {
	.erbb-related-header { align-items: stretch; flex-direction: column; }
	.erbb-related-view-all { align-self: flex-start; }
  .erbb-inventory-wrapper ul.products.erbb-custom-dealer-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .erbb-layout-carousel ul.products li.erbb-product-card,
  .erbb-layout-carousel.erbb-grid-adaptive ul.products li.erbb-product-card { flex-basis: 100% !important; }
}
@container erbb-card (max-width: 300px) {
  .erbb-card-content { padding: 12px; }
  .erbb-meta-top,
  .erbb-price-row,
  .erbb-repayment-row,
  .erbb-actions-row { align-items: stretch; flex-direction: column; }
  .erbb-brand-tag { max-width: 100%; }
  .erbb-brand-tag,
  .erbb-mileage-tag { overflow: visible; text-overflow: clip; white-space: normal; }
  .erbb-price-amount,
  .erbb-repay-amount { text-align: left; overflow-wrap: anywhere; }
  .erbb-btn { flex-basis: auto !important; width: 100% !important; }
  .erbb-actions-top-right { top: 7px; right: 7px; gap: 4px; }
  .erbb-icon-btn { width: 36px !important; height: 36px !important; min-width: 36px !important; }
  .erbb-badges-top-left { top: 8px; left: 8px; max-width: calc(100% - 92px); }
}
@container erbb-inventory (max-width: 350px) {
  .erbb-actions-row,
  .erbb-price-row,
  .erbb-repayment-row { align-items: stretch; flex-direction: column; }
  .erbb-btn { flex-basis: auto !important; width: 100% !important; }
  .erbb-price-amount,
  .erbb-repay-amount { text-align: left; }
}
@media only screen and (max-width: 420px) {
  .erbb-dock-inner { align-items: flex-start; flex-direction: column; }
  .erbb-dock-actions { width: 100%; }
  .erbb-dock-btn { flex: 1 1 auto; }
  .erbb-compare-mobile-product { grid-template-columns: 86px minmax(0, 1fr); gap: 10px; padding-right: 52px; }
  .erbb-compare-mobile-values > div { grid-template-columns: minmax(92px, 42%) minmax(0, 1fr); gap: 9px; padding-inline: 12px; }
  .erbb-compare-mobile-actions { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .erbb-inventory-wrapper ul.products li.erbb-product-card,
  .erbb-card-image-link img.erbb-card-image,
  .erbb-layout-carousel ul.products.erbb-custom-dealer-grid { transition: none !important; scroll-behavior: auto !important; }
}
