.bsuc{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:1.5rem 0;
  font-size:16px;
  color:var(--ehn-cars-color-text, #151515);
  --bsuc-bg:var(--ehn-cars-color-background, #ffffff);
  --bsuc-surface:var(--ehn-cars-color-surface, #f5f5f5);
  --bsuc-surface-2:var(--ehn-cars-color-surface-alt, #eeeeee);
  --bsuc-border:var(--ehn-cars-color-border, #e5e5e5);
  --bsuc-border-strong:var(--ehn-cars-color-border-strong, #d7d7d7);
  --bsuc-text-muted:var(--ehn-cars-color-muted, #666666);
  --bsuc-accent:var(--ehn-cars-color-primary, #3452ff);
}
.bsuc *{box-sizing:border-box}
.bsuc [hidden]{display:none !important}

.bsuc-layout{
  display:grid;
  grid-template-columns:296px minmax(0,1fr);
  gap:28px;
  align-items:start;
}

/* tabs */
.bsuc-tabs-shell{margin:1.5rem 0}
.bsuc-tabs{display:block}
.bsuc.bsuc-tabs-shell .bsuc-tabs__nav,
.bsuc-front-search .bsuc-tabs__nav,
.bsuc-main > .bsuc-tabs__nav{
  display:inline-grid;
  grid-auto-flow:column;
  gap:4px;
  margin:0 0 24px;
  padding:4px;
  border:0;
  border-radius:18px;
  background:var(--bsuc-surface);
}
.bsuc.bsuc-tabs-shell .bsuc-tabs__btn,
.bsuc-front-search .bsuc-tabs__btn,
.bsuc-main > .bsuc-tabs__nav .bsuc-tabs__btn{
  appearance:none !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  padding:0 22px !important;
  border:0 !important;
  background:transparent;
  color:#151515;
  border-radius:var(--ehn-cars-radius-field, 10px) !important;
  font:inherit;
  font-weight:800;
  line-height:1.1;
  cursor:pointer;
  box-shadow:none;
  transition:background .15s ease,color .15s ease;
}
.bsuc.bsuc-tabs-shell .bsuc-tabs__btn.is-active,
.bsuc-front-search .bsuc-tabs__btn.is-active,
.bsuc-main > .bsuc-tabs__nav .bsuc-tabs__btn.is-active{
  background:var(--ehn-cars-color-ink, #050607) !important;
  color:#fff !important;
  box-shadow:0 0 0 2px #ffffff inset;
}
.bsuc.bsuc-tabs-shell .bsuc-tabs__label,
.bsuc-front-search .bsuc-tabs__label,
.bsuc-main > .bsuc-tabs__nav .bsuc-tabs__label{display:inline-flex;align-items:center}
.bsuc.bsuc-tabs-shell .bsuc-tabs__count,
.bsuc-front-search .bsuc-tabs__count,
.bsuc-main > .bsuc-tabs__nav .bsuc-tabs__count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  height:30px;
  padding:0 10px;
  border-radius:var(--ehn-cars-radius-pill, 999px);
  background:rgba(17,17,17,.08);
  color:inherit;
  font-size:13px;
  line-height:1;
  font-weight:700;
}
.bsuc.bsuc-tabs-shell .bsuc-tabs__btn.is-active .bsuc-tabs__count,
.bsuc-front-search .bsuc-tabs__btn.is-active .bsuc-tabs__count,
.bsuc-main > .bsuc-tabs__nav .bsuc-tabs__btn.is-active .bsuc-tabs__count{background:rgba(255,255,255,.16);color:#fff}
.bsuc.bsuc-tabs-shell .bsuc-tabs__panel,
.bsuc-front-search .bsuc-tabs__panel{margin:0}
.bsuc-main > .bsuc-tabs__nav{display:flex;justify-content:center;width:100%;margin:0}
.bsuc-tabs-shell > .bsuc-tabs > .bsuc-tabs__nav{display:none}

.bsuc.bsuc-tabs-shell .bsuc-tabs[data-bsuc-tabs]{display:block}
.bsuc.bsuc-tabs-shell .bsuc-tabs[data-bsuc-tabs] > .bsuc-tabs__panel{margin:0}

/* sidebar */
.bsuc-sidebar__inner{
  background:#fcfcfc;
  border:1px solid var(--bsuc-border);
  border-radius:16px;
  padding:18px 20px 20px;
}
.bsuc-search--sticky-filter .bsuc-sidebar{
  position:sticky;
  top:var(--bsuc-sticky-offset, 24px);
  align-self:start;
}
.bsuc-search--sticky-filter .bsuc-sidebar__inner{
  max-height:calc(100vh - var(--bsuc-sticky-offset, 24px) - 24px);
  overflow:auto;
  scrollbar-gutter:stable;
}
.bsuc-sidebar__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:22px;
}

.bsuc-sidebar__title{
  margin:0;
  font-size:18px;
  line-height:1.1;
  font-weight:800;
}

.bsuc-btn{
  appearance:none;
  border:0;
  background:none;
  cursor:pointer;
  font:inherit;
}
.bsuc-btn-link{
  padding:0;
  color:#0ea5ff;
  font-weight:700;
  text-decoration:underline;
}

.bsuc-toggle{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  padding:4px;
  background:var(--bsuc-surface);
  border-radius:18px;
  margin-bottom:20px;
}

.bsuc-toggle__btn{
  appearance:none;
  border:0;
  border-radius:14px;
  min-height:54px;
  padding:10px 14px;
  background:transparent;
  color:#151515;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.bsuc-toggle__btn.is-active{
  background:var(--ehn-cars-color-ink, #050607);
  color:#fff;
  box-shadow:0 0 0 2px #ffffff inset;
}

.bsuc-form{display:flex;flex-direction:column;gap:0}
/* Luft mellem fritekst-søgning og første accordion/separator.
   Brug en bred sibling-selector, fordi brugte biler også har afdeling-filter før fritekstfeltet. */
.bsuc-form > .bsuc-section + .bsuc-acc,
.bsuc-form > .bsuc-department-filter + .bsuc-section + .bsuc-acc{
  margin-top:20px;
}
.bsuc-section{display:flex;flex-direction:column;gap:20px}
.bsuc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}

.bsuc-payment-only{
  margin-top:30px;
  padding-top:4px;
}
.bsuc-payment-only[hidden]{
  display:none !important;
}

.bsuc-control{display:flex;flex-direction:column;gap:12px}
.bsuc-control span{
  display:block;
  font-size:11px;
  line-height:1.35;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:300;
}
.bsuc-control--inline{
  display:flex;
  align-items:center;
  gap:12px;
}
.bsuc-control--inline span{
  margin:0;
  color:#2a4dff;
}

.bsuc .bsuc-control input,
.bsuc .bsuc-control select{
  width:100%;
  min-height:54px;
  padding:12px 14px;
  border:1px solid var(--bsuc-border-strong);
  border-radius:var(--ehn-cars-radius-field, 10px) !important;
  background:#fff;
  color:#151515;
  font:inherit;
  font-weight:600;
  outline:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.bsuc .bsuc-control input:focus,
.bsuc .bsuc-control select:focus{
  border-color:#9aa3b2;
  box-shadow:0 0 0 3px rgba(33,49,77,.08);
}
.bsuc .bsuc-control select:disabled{opacity:.55;cursor:not-allowed}
.bsuc-status{
  display:block;
  min-height:18px;
  color:var(--bsuc-text-muted);
  font-size:13px;
}

.bsuc-acc{
  border-top:1px solid var(--bsuc-border);
  padding:28px 0;
}

.bsuc-acc:first-of-type{padding-top:0;border-top:0}
.bsuc-acc__head{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  text-align:left;
}
 .bsuc-acc__title{
  font-size:16px;
  line-height:1.25;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
  color:#151515;
}
.bsuc-acc__icon{
  width:14px;
  height:14px;
  position:relative;
  flex:0 0 14px;
}
.bsuc-acc__icon::before,
.bsuc-acc__icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:10px;
  height:2px;
  background:#151515;
  border-radius:2px;
  transform:translate(-50%,-50%);
}
.bsuc-acc__icon::after{transform:translate(-50%,-50%) rotate(90deg)}
.bsuc-acc.is-open .bsuc-acc__icon::after{display:none}
.bsuc-acc__body{display:none;padding-top:20px}
.bsuc-acc.is-open .bsuc-acc__body{display:block}

/* main */
.bsuc-results-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.bsuc-results-header--with-tabs{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr) minmax(220px,max-content);
  align-items:center;
  gap:20px;
}
.bsuc-results-tabs{display:flex;justify-content:center;justify-self:center;min-width:0;width:100%}
.bsuc-results-tabs .bsuc-tabs__nav{margin:0}
.bsuc-results-meta{
  font-size:18px;
  line-height:1.2;
  font-weight:800;
  text-align:left;
  justify-self:start;
}
.bsuc-sort{justify-self:end}
.bsuc-sort::before,
.bsuc-sort label::before,
.bsuc-sort label::after{display:none !important;content:none !important;}
.bsuc-sort select{min-width:220px}
.bsuc-sort .bsuc-control--inline{gap:0}
.bsuc-sort .bsuc-control--inline > span{display:none}

.bsuc-results-grid{
  --cols-desktop:3;
  --cols-tablet:2;
  display:grid;
  grid-template-columns:repeat(var(--cols-desktop), minmax(0, 1fr));
  gap:22px;
}

/* card */
.bsuc-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  background:#f7f7f7;
  border:1px solid #ececec;
  border-radius:0;
  box-shadow:none;
  color:inherit;
  overflow:hidden;
  text-decoration:none;
  --bsuc-card-hover-scale:1.045;
}

.bsuc-card__header{
  padding:22px 22px 0;
}
.bsuc-card__badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:18px;
  min-height:40px;
}
.bsuc-card__tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  max-width:min(100%, 220px);
  padding:0 16px;
  border-radius:var(--ehn-cars-radius-field, 10px);
  background:#111;
  color:#fff;
  font-size:14px;
  line-height:1;
  font-weight:800;
  letter-spacing:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.bsuc-card__title{
  margin:0;
  font-size:21px;
  line-height:1.14;
  font-weight:900;
  word-break:break-word;
}
.bsuc-card__subtitle{
  margin:10px 0 0;
  font-size:15px;
  line-height:1.35;
  color:#2b2b2b;
  font-weight:500;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.bsuc-card__media{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:4 / 3;
  margin:18px 22px 0;
  width:calc(100% - 44px);
  background:#efefef;
  overflow:hidden;
  line-height:0;
  isolation:isolate;
  -webkit-mask-image:-webkit-radial-gradient(white,white);
  mask-image:linear-gradient(#fff,#fff);
}
.bsuc-card__media > .bsuc-card__img,
.bsuc-card__media > img.bsuc-card__img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  min-width:100% !important;
  min-height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:#efefef;
  -webkit-transform:scale(1) !important;
  transform:scale(1) !important;
  -webkit-transform-origin:center center;
  transform-origin:center center;
  transition:-webkit-transform 850ms cubic-bezier(.2,.65,.3,1),transform 850ms cubic-bezier(.2,.65,.3,1) !important;
}
.bsuc-card:hover .bsuc-card__media > img.bsuc-card__img,
.bsuc-card.ehn-is-hovered .bsuc-card__media > img.bsuc-card__img,
.bsuc-card:focus-visible .bsuc-card__media > img.bsuc-card__img{
  -webkit-transform:scale(var(--bsuc-card-hover-scale,1.045)) !important;
  transform:scale(var(--bsuc-card-hover-scale,1.045)) !important;
}
.bsuc-card--new .bsuc-card__media,
.bsuc-card--van .bsuc-card__media{
  aspect-ratio:16 / 10;
}

/* EHN Master v1.3.12: mixed listings must use the same 4:3 media ratio for
   both new and used vehicles, so brand pages with source=all line up visually.
   Keep the existing 16:10 rule for pure new-car/van listings. */
.bsuc-search-static--mixed .bsuc-card--new .bsuc-card__media,
.bsuc-search-static--mixed .bsuc-card--van .bsuc-card__media,
.bsuc-search[data-bsuc-source="all"] .bsuc-card--new .bsuc-card__media,
.bsuc-search[data-bsuc-source="mixed"] .bsuc-card--new .bsuc-card__media,
.bsuc-search[data-bsuc-source="new,used"] .bsuc-card--new .bsuc-card__media,
.bsuc-search[data-bsuc-source="used,new"] .bsuc-card--new .bsuc-card__media{
  aspect-ratio:4 / 3 !important;
}
.bsuc-card--used .bsuc-card__media > .bsuc-card__img,
.bsuc-card--new .bsuc-card__media > .bsuc-card__img,
.bsuc-card--van .bsuc-card__media > .bsuc-card__img{
  object-fit:cover !important;
  object-position:center center !important;
}
.bsuc-card__img--placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#efefef;
  color:#8a8a8a;
  font-size:13px;
  font-weight:800;
}
.bsuc-card__dealer{
  position:absolute;
  left:14px;
  bottom:14px;
  max-width:calc(100% - 28px);
  padding:8px 12px;
  border-radius:9px;
  background:rgba(255,255,255,.94);
  color:#151515;
  font-size:12px;
  line-height:1.2;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.bsuc-card__body{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  gap:16px;
  padding:20px 22px 24px;
}
.bsuc-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-content:flex-start;
  min-height:100px;
}
.bsuc-chips.is-empty{min-height:100px}
.bsuc-chip{
  cursor:help;
  display:inline-flex;
  align-items:center;
  gap:8px;
  max-width:100%;
  min-height:42px;
  padding:9px 14px;
  border-radius:var(--ehn-cars-radius-field, 10px);
  background:#ebebeb;
  color:#111;
  font-size:13px;
  line-height:1.2;
  font-weight:600;
}
.bsuc-chip__ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  flex:0 0 18px;
}
.bsuc-chip__ico svg{width:18px;height:18px;display:block}
.bsuc-chip__text{
  display:inline-block;
  min-width:0;
  white-space:normal;
}
.bsuc-chip__k{
  display:inline;
  font-weight:700;
  text-transform:none;
}
.bsuc-chip__v{
  display:inline;
  font-weight:500;
}
.bsuc-chip__k:empty{display:none}
.bsuc-chip--promo{
  min-height:40px;
  max-width:100%;
  padding:0 16px;
  border-radius:16px;
  font-weight:800;
  border:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.bsuc-chip--promo.bsuc-chip--promo{
  background:linear-gradient(135deg,#8b5cf6,#a855f7);
  color:#fff;
}
.bsuc-chip--offer{
  background:#111111;
  color:#fff;
}
.bsuc-chip--accent{
  background:#7c3aed;
  color:#fff;
}

.bsuc-card__priceWrap{
  border-top:1px solid var(--bsuc-border);
  padding-top:18px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.bsuc-card__priceWrap--single{
  gap:0;
}
.bsuc-card__priceWrap--multi{
  gap:10px;
}
.bsuc-card__priceSection{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:14px;
  border:1px solid rgba(17,24,39,.08);
  border-radius:var(--ehn-cars-radius-field, 10px);
  background:transparent;
  box-shadow:none;
}
.bsuc-card__priceSection::before{display:none}
.bsuc-card__priceSection--simple{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.bsuc-card__priceSection--cash{
  background:transparent;
}
.bsuc-card__priceSection--leasing{
  background:transparent;
}
.bsuc-card__priceSection--financing{
  background:transparent;
  border-color:rgba(124,58,237,.14);
}
.bsuc-card__priceRow{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
}
.bsuc-card__priceLabel{
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#6b7280;
}
.bsuc-card__priceSection--financing .bsuc-card__priceLabel{
  color:#6d28d9;
}
.bsuc-card__priceSection--simple .bsuc-card__priceRow{
  flex-direction:row;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}
.bsuc-card__priceSection--simple .bsuc-card__priceLabel{
  font-size:15px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:0;
  text-transform:none;
  color:#111827;
}
.bsuc-card__priceSection--simple .bsuc-card__price{
  font-size:28px;
  line-height:1;
  text-align:right;
}
.bsuc-card__priceSection--simple .bsuc-card__priceExtra{
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid rgba(17,24,39,.08);
}
.bsuc-card__priceSection--simple .bsuc-card__priceExtraLine{
  padding-top:6px;
  border-top:0;
  padding-left:0;
}
.bsuc-card__priceSection--simple .bsuc-card__priceExtraLine::before{display:none}
.bsuc-card__price{
  font-size:28px;
  line-height:1;
  font-weight:900;
  text-align:left;
  white-space:nowrap;
  color:#111827;
}
.bsuc-card__priceExtra{
  display:flex;
  flex-direction:column;
  gap:0;
  width:100%;
  margin-top:2px;
  align-items:flex-start;
}
.bsuc-card__priceExtraLine{
  position:relative;
  width:100%;
  padding-top:8px;
  padding-left:12px;
  font-size:13px;
  line-height:1.35;
  color:#4b5563;
  border-top:1px dashed rgba(17,24,39,.08);
}
.bsuc-card__priceExtraLine::before{
  content:'';
  position:absolute;
  left:0;
  top:14px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:currentColor;
  opacity:.45;
}

/* footer */
.bsuc-sentinel{height:1px;width:100%}
.bsuc-results-footer{display:flex;justify-content:center;margin:18px 0}
.bsuc-loading{font-weight:700}

/* badge colors fallbacks */
.bsuc .bsuc-card__tag--source-used{background:#21314d;color:#fff}
.bsuc .bsuc-card__tag--source-new{background:#21314d;color:#fff}
.bsuc .bsuc-card__tag--electric{background:#22c55e;color:#fff}
.bsuc .bsuc-card__tag--phev{background:#0ea5e9;color:#fff}
.bsuc .bsuc-card__tag--fuel{background:#111;color:#fff}
.bsuc .bsuc-card__tag--offer{background:#111;color:#fff}


.bsuc-front-search{margin:1.5rem 0;width:100%}
.bsuc-front-search .bsuc-tabs,
.bsuc-front-search .bsuc-tabs__panel{width:100%}
.bsuc-front-form{
  display:flex;
  flex-direction:column;
  gap:18px;
  padding:24px;
  border:1px solid var(--bsuc-border);
  border-radius:18px;
  background:#fff;
  width:100%;
  box-sizing:border-box;
}
.bsuc-front-form__group--mode{
  display:inline-grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  padding:4px;
  border-radius:18px;
  background:var(--bsuc-surface);
  max-width:260px;
}
.bsuc-front-form__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
}
.bsuc-front-form--compact{
  width:100%;
  max-width:none;
}
.bsuc-front-form__grid--compact{
  grid-template-columns:1fr;
}
.bsuc-front-form__rangeGroup{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.bsuc-front-form__rangeLabel{
  display:block;
  font-size:13px;
  font-weight:700;
  color:#1f2937;
}
.bsuc-front-form__pair{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}
.bsuc-front-form__actions{
  display:flex;
  justify-content:flex-start;
}
.bsuc-front-form__submit{
  appearance:none;
  border:0;
  border-radius:14px;
  min-height:52px;
  padding:0 22px;
  background:var(--bsuc-accent);
  color:#fff;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}

/* responsive */
@media (max-width:1280px){
  .bsuc-results-grid{grid-template-columns:repeat(var(--cols-tablet), minmax(0, 1fr))}
}
@media (max-width:980px){
  .bsuc-layout{grid-template-columns:1fr}
  .bsuc-search--sticky-filter .bsuc-sidebar{position:static;top:auto}
  .bsuc-search--sticky-filter .bsuc-sidebar__inner{max-height:none;overflow:visible}
}
@media (max-width:720px){
  .bsuc-results-header{flex-direction:column;align-items:flex-start}
  .bsuc-results-header--with-tabs{grid-template-columns:1fr;align-items:stretch}
  .bsuc-results-tabs{justify-content:flex-start;justify-self:stretch;width:100%}
  .bsuc-sort{width:100%}
  .bsuc-sort select{min-width:0;width:100%}
  .bsuc-results-grid{grid-template-columns:1fr}
  .bsuc-grid-2{grid-template-columns:1fr}
  .bsuc-front-form__grid{grid-template-columns:1fr}
  .bsuc-front-form__pair{grid-template-columns:1fr}
}
@media (max-width:520px){
  .bsuc.bsuc-tabs-shell .bsuc-tabs__nav,
  .bsuc-front-search .bsuc-tabs__nav,
  .bsuc-main > .bsuc-tabs__nav{display:flex;width:100%}
  .bsuc.bsuc-tabs-shell .bsuc-tabs__btn,
  .bsuc-front-search .bsuc-tabs__btn,
  .bsuc-main > .bsuc-tabs__nav .bsuc-tabs__btn{width:100%;justify-content:center;padding:0 16px !important}
  .bsuc-sidebar__inner{padding:18px}
  .bsuc-card__header{padding:18px 18px 0}
  .bsuc-card__media{margin:16px 18px 0;width:calc(100% - 36px)}
  .bsuc-card__body{padding:16px 18px 20px}
  .bsuc-card__title{font-size:19px}
  .bsuc-card__subtitle{font-size:14px}
}

/* unified radius */
.bsuc :is(
  .bsuc-tabs__nav,
  .bsuc-tabs__btn,
  .bsuc-tabs__count,
  .bsuc-sidebar__inner,
  .bsuc-toggle,
  .bsuc-toggle__btn,
  .bsuc-control input,
  .bsuc-control select,
  .bsuc-card,
  .bsuc-card__tag,
  .bsuc-card__media,
  .bsuc-card__dealer,
  .bsuc-chip,
  .bsuc-chip--promo,
  .bsuc-front-form,
  .bsuc-front-form__group--mode,
  .bsuc-front-form__submit
){border-radius:var(--ehn-cars-radius-field, 10px) !important;}

/* v5.5.1: Lucide chips */
.bsuc-chip__ico i[data-lucide] {
  width: 18px;
  height: 18px;
  display: inline-flex;
}
.bsuc-chip__ico svg {
  stroke-width: 2;
}

/* v5.5.2 – Lucide Static icons for all chip icons */
.bsuc-chip__ico .bsuc-lucide-static,
.bsuc-lucide-static {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: currentColor;
  -webkit-mask: var(--bsuc-lucide-url) center / contain no-repeat;
  mask: var(--bsuc-lucide-url) center / contain no-repeat;
}
.bsuc-chip__ico .bsuc-lucide-static {
  width: 1.1em;
  height: 1.1em;
}

/* v5.6.1: used car department checkboxes under price mode toggle - plain checkbox UI */
.bsuc-department-filter{
  margin:4px 0 22px;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
}
.bsuc-department-filter__label{
  margin:0 0 12px;
  font-size:11px;
  line-height:1.35;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--bsuc-text);
}
.bsuc-department-filter__checks{
  display:flex;
  flex-wrap:wrap;
  gap:12px 20px;
  align-items:center;
}
.bsuc-department-filter__check{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  min-height:0;
  padding:3px 0;
  border:0;
  background:transparent;
  color:var(--bsuc-text);
  border-radius:0;
  font-weight:750;
  line-height:1.2;
  cursor:pointer;
  user-select:none;
  box-shadow:none;
  transition:color .16s ease;
}
.bsuc-department-filter__check input{
  position:relative;
  opacity:1;
  pointer-events:auto;
  appearance:none;
  -webkit-appearance:none;
  width:22px;
  height:22px;
  margin:0;
  flex:0 0 22px;
  border:2px solid var(--bsuc-border);
  background:var(--bsuc-surface);
  border-radius:6px;
  cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.30);
  transition:background .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.bsuc-department-filter__check input::after{
  content:"";
  position:absolute;
  left:6px;
  top:2px;
  width:6px;
  height:12px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg) scale(.8);
  opacity:0;
  transition:opacity .12s ease, transform .12s ease;
}
.bsuc-department-filter__check input:checked{
  border-color:var(--ehn-cars-color-ink, #050607);
  background:var(--ehn-cars-color-ink, #050607);
  box-shadow:0 0 0 3px rgba(5,6,7,.08);
}
.bsuc-department-filter__check input:checked::after{
  opacity:1;
  transform:rotate(45deg) scale(1);
}
.bsuc-department-filter__check span{
  color:inherit;
  font-size:15px;
  font-weight:750;
}
.bsuc-department-filter__check:has(input:checked),
.bsuc-department-filter__check.is-checked{
  border:0;
  background:transparent;
  color:var(--bsuc-text);
  box-shadow:none;
}
@media (max-width:520px){
  .bsuc-department-filter__checks{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }
}

/* Frontpage compact search form - v5.37 cleaned
   Keep this section as the single source of truth for the compact/frontpage search.
   Older v38/v39/v40 override layers were removed because they restyled selects/inputs
   multiple times and made the search fields drift from the rest of the plugin UI. */
.bsuc-front-search--inline{
  max-width:1240px;
  margin-inline:auto;
}
.bsuc-front-search--inline .bsuc-tabs__nav{
  margin:0 auto 12px;
  gap:8px;
}
.bsuc-front-search--inline .bsuc-tabs__btn{
  min-height:44px;
  padding:0 22px;
  border-radius:14px;
  font-size:15px;
  box-shadow:none;
}
.bsuc-front-search--inline .bsuc-tabs__btn.is-active{
  box-shadow:0 8px 20px rgba(15,23,42,.10);
}
.bsuc-front-search--inline .bsuc-tabs__panel{
  margin-top:0;
}
.bsuc-front-search--inline .bsuc-front-form--compact{
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  background:rgba(255,255,255,.94);
  box-shadow:0 14px 34px rgba(15,23,42,.07);
}
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__group--mode{
  margin:0;
  border-radius:16px;
  background:#f3f4f6;
  padding:4px;
  gap:4px;
}
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-toggle__btn{
  min-height:46px;
  padding:0 17px;
  border-radius:12px;
  font-size:15px;
  font-weight:900;
  white-space:nowrap;
}
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-control span,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__rangeLabel{
  display:none;
}
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-control input,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-control select{
  min-height:48px;
}
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-control input:focus,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-control select:focus{
  border-color:var(--ehn-cars-color-primary, #3452ff);
  box-shadow:0 0 0 3px rgba(52,82,255,.10);
}
.bsuc.bsuc-front-search--inline form.bsuc-front-form.bsuc-front-form--compact .bsuc-front-form__actions .bsuc-front-form__submit,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__submit{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  min-width:152px;
  padding:0 28px;
  border:0;
  border-radius:var(--ehn-cars-radius-field, 10px);
  background:var(--ehn-cars-color-primary, #3452ff);
  background-image:none;
  color:#fff;
  font-size:17px;
  font-weight:950;
  line-height:1;
  letter-spacing:-.02em;
  text-align:center;
  text-indent:0;
  text-transform:none;
  box-shadow:0 14px 26px rgba(52,82,255,.23);
  opacity:1;
  white-space:nowrap;
}
.bsuc.bsuc-front-search--inline form.bsuc-front-form.bsuc-front-form--compact .bsuc-front-form__actions .bsuc-front-form__submit:hover,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__submit:hover{
  background:#203fff;
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 16px 30px rgba(52,82,255,.28);
}
.bsuc-front-search--inline .bsuc-front-random{
  margin-top:22px;
}
.bsuc-front-search--inline .bsuc-front-random__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0 0 12px;
}
.bsuc-front-search--inline .bsuc-front-random__head h3{
  margin:0;
  font-size:clamp(20px,1.7vw,26px);
  line-height:1.1;
  letter-spacing:-.04em;
  color:#0f172a;
}
.bsuc-front-search--inline .bsuc-front-random__grid.bsuc-results-grid{
  display:grid;
  gap:16px;
}
@media (min-width:920px){
  .bsuc-front-search--inline .bsuc-front-form--compact{
    display:grid;
    grid-template-columns:minmax(180px,.76fr) repeat(3,minmax(150px,1fr));
    gap:12px 14px;
    align-items:center;
    padding:14px;
  }
  .bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__grid--compact{
    display:contents;
  }
  .bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__rangeGroup{
    grid-column:span 2;
    gap:0;
  }
  .bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__actions{
    align-self:center;
    justify-content:flex-start;
    margin:0;
  }
}
@media (min-width:920px) and (max-width:1160px){
  .bsuc-front-search--inline .bsuc-front-form--compact{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__rangeGroup{
    grid-column:span 2;
  }
}
@media (max-width:919px){
  .bsuc-front-search--inline{
    max-width:none;
  }
  .bsuc-front-search--inline .bsuc-front-form--compact{
    padding:16px;
  }
  .bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__grid--compact{
    grid-template-columns:1fr;
  }
  .bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__submit{
    width:100%;
  }
}

/* Promo car shortcode */
.bsuc-promo-single,
.bsuc-promo-carousel{
  width:100%;
}
/* v5.26: Promo shortcodes are also given the global .bsuc class.
   .bsuc has a default margin of 1.5rem 0 for search/list layouts,
   but promo cards must not inherit that outer spacing. */
.bsuc.bsuc-promo-single,
.bsuc.bsuc-promo-carousel,
.bsuc-promo-single.bsuc,
.bsuc-promo-carousel.bsuc,
.bsuc-promo-single--fluid,
.bsuc-promo-carousel--fluid,
.bsuc-promo-single--manual-height,
.bsuc-promo-carousel--manual-height{
  margin-top:0!important;
  margin-bottom:0!important;
}
.bsuc-promo-card{
  --promo-text:#fff;
  --promo-muted:rgba(255,255,255,.78);
  --promo-overlay-from:rgba(5,6,7,.76);
  --promo-overlay-to:rgba(52,82,255,.18);
  position:relative;
  display:flex;
  min-height:280px;
  width:100%;
  overflow:hidden;
  border:0!important;
  border-radius:var(--ehn-cars-radius-shell, 28px);
  text-decoration:none!important;
  color:var(--promo-text)!important;
  background:linear-gradient(135deg,#111827,#3452ff);
  box-shadow:0 18px 45px rgba(15,23,42,.12);
  background-clip:border-box;
  isolation:isolate;
  transform:none;
  --promo-hover-scale:1.045;
}
.bsuc-promo-card:hover,
.bsuc-promo-card:focus{
  color:var(--promo-text)!important;
  text-decoration:none!important;
}
.bsuc-promo-card:focus-visible{
  outline:3px solid rgba(52,82,255,.38);
  outline-offset:4px;
}
.bsuc-promo-card:not(.bsuc-promo-card--no-hover):hover .bsuc-promo-card__image,
.bsuc-promo-card:not(.bsuc-promo-card--no-hover).ehn-is-hovered .bsuc-promo-card__image,
.bsuc-promo-card:not(.bsuc-promo-card--no-hover):focus-visible .bsuc-promo-card__image,
.bsuc-promo-card--no-image:not(.bsuc-promo-card--no-hover):hover .bsuc-promo-card__backdrop,
.bsuc-promo-card--no-image:not(.bsuc-promo-card--no-hover).ehn-is-hovered .bsuc-promo-card__backdrop,
.bsuc-promo-card--no-image:not(.bsuc-promo-card--no-hover):focus-visible .bsuc-promo-card__backdrop{
  -webkit-transform:scale(var(--promo-hover-scale,1.045));
  transform:scale(var(--promo-hover-scale,1.045));
}
.bsuc-promo-card__media{
  position:absolute;
  inset:-1px;
  z-index:0;
  overflow:hidden;
  border-radius:inherit;
  background:inherit;
  pointer-events:none;
  -webkit-mask-image:-webkit-radial-gradient(white,white);
  mask-image:linear-gradient(#fff,#fff);
}
.bsuc-promo-card__backdrop,
.bsuc-promo-card__image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transform-origin:center center;
  transform-origin:center center;
  transition:-webkit-transform 950ms cubic-bezier(.2,.65,.3,1),transform 950ms cubic-bezier(.2,.65,.3,1);
  pointer-events:none;
}
.bsuc-promo-card__backdrop{
  display:none;
  background:inherit;
}
.bsuc-promo-card--no-image .bsuc-promo-card__backdrop{display:block}
.bsuc-promo-card__image{object-fit:cover}
.bsuc-promo-card__shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(115deg,var(--promo-overlay-from) 0%,rgba(5,6,7,.54) 42%,var(--promo-overlay-to) 100%);
}
.bsuc-promo-card__glow{
  position:absolute;
  right:-18%;
  bottom:-28%;
  width:64%;
  height:70%;
  z-index:1;
  border-radius:var(--ehn-cars-radius-pill, 999px);
  background:radial-gradient(circle,rgba(255,255,255,.18),rgba(52,82,255,.16) 44%,rgba(52,82,255,0) 72%);
  filter:blur(8px);
}
.bsuc-promo-card__inner{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  width:100%;
  min-height:inherit;
  padding:clamp(22px,3vw,38px);
}
.bsuc-promo-card__label{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:9px 14px;
  border-radius:var(--ehn-cars-radius-pill, 999px);
  background:rgba(255,255,255,.18);
  color:var(--promo-text);
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  backdrop-filter:blur(14px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
}
.bsuc-promo-card__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  max-width:720px;
}
.bsuc-promo-card__brand{
  margin-bottom:8px;
  color:var(--promo-muted);
  font-size:13px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.bsuc-promo-card__title{
  display:block;
  color:var(--promo-text);
  font-size:clamp(29px,4.2vw,58px);
  font-weight:950;
  letter-spacing:-.055em;
  line-height:.96;
  text-wrap:balance;
}
.bsuc-promo-card__subtitle{
  display:block;
  margin-top:12px;
  color:var(--promo-muted);
  font-size:clamp(15px,1.45vw,20px);
  font-weight:800;
  line-height:1.35;
  max-width:46em;
}
.bsuc-promo-card__price{
  display:inline-flex;
  align-items:center;
  margin-top:18px;
  min-height:44px;
  padding:11px 16px;
  border-radius:14px;
  background:#fff;
  color:var(--ehn-cars-color-ink, #050607);
  font-size:clamp(16px,1.5vw,22px);
  font-weight:950;
  letter-spacing:-.03em;
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}
.bsuc-promo-card--quarter{min-height:240px;border-radius:22px}
.bsuc-promo-card--quarter .bsuc-promo-card__inner{padding:20px}
.bsuc-promo-card--quarter .bsuc-promo-card__label{min-height:32px;padding:7px 11px;font-size:11px}
.bsuc-promo-card--quarter .bsuc-promo-card__title{font-size:clamp(24px,2.6vw,34px)}
.bsuc-promo-card--quarter .bsuc-promo-card__subtitle{font-size:14px;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bsuc-promo-card--quarter .bsuc-promo-card__price{min-height:38px;padding:9px 12px;border-radius:11px;font-size:16px}
.bsuc-promo-card--third{min-height:280px}
.bsuc-promo-card--half{min-height:360px}
.bsuc-promo-card--full{min-height:430px}
.bsuc-promo-card--full .bsuc-promo-card__shade{background:linear-gradient(90deg,var(--promo-overlay-from) 0%,rgba(5,6,7,.55) 40%,var(--promo-overlay-to) 100%)}
.bsuc-promo-card--full .bsuc-promo-card__content{max-width:860px}
.bsuc-promo-carousel{
  position:relative;
}
.bsuc-promo-carousel__stage{
  position:relative;
  min-height:inherit;
}
.bsuc-promo-carousel__item{
  display:none;
}
.bsuc-promo-carousel__item.is-active{
  display:block;
}
.bsuc-promo-carousel__bullets{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:14px;
}
.bsuc-promo-carousel__bullet{
  width:9px;
  height:9px;
  border:0;
  border-radius:var(--ehn-cars-radius-pill, 999px);
  padding:0;
  background:rgba(15,23,42,.22);
  cursor:pointer;
  transition:width .2s ease,background .2s ease;
}
.bsuc-promo-carousel__bullet.is-active{
  width:28px;
  background:var(--ehn-cars-color-primary, #3452ff);
}
@media (max-width:760px){
  .bsuc-promo-card,
  .bsuc-promo-card--quarter,
  .bsuc-promo-card--third,
  .bsuc-promo-card--half,
  .bsuc-promo-card--full{min-height:280px;border-radius:22px}
  .bsuc-promo-card__inner{padding:22px}
  .bsuc-promo-card__title{font-size:34px}
}


/* v43: Promo card settings + calmer frontpage design */
.bsuc-promo-single,
.bsuc-promo-carousel{
  width:100%;
  height:100%;
  min-height:var(--promo-min-height,300px);
}
.bsuc-promo-carousel__stage,
.bsuc-promo-carousel__item{
  height:100%;
  min-height:inherit;
}
.bsuc-promo-card,
.bsuc-promo-card--quarter,
.bsuc-promo-card--third,
.bsuc-promo-card--half,
.bsuc-promo-card--full{
  height:100%;
  min-height:var(--promo-min-height,300px);
  border-radius:var(--promo-radius,24px);
  box-shadow:0 14px 32px rgba(15,23,42,.10);
}
.bsuc-promo-card__shade{
  background:linear-gradient(180deg,var(--promo-overlay-to) 0%,rgba(5,6,7,.26) 45%,var(--promo-overlay-from) 100%);
}
.bsuc-promo-card__glow{
  opacity:.55;
}
.bsuc-promo-card__inner{
  position:relative;
  justify-content:center;
  align-items:center;
  text-align:center;
  min-height:var(--promo-min-height,300px);
  padding:clamp(18px,2.4vw,30px);
}
.bsuc-promo-card__label{
  position:absolute;
  top:clamp(16px,2vw,26px);
  left:clamp(16px,2vw,26px);
  min-height:32px;
  padding:7px 12px;
  font-size:12px;
  letter-spacing:.07em;
}
.bsuc-promo-card__content{
  align-items:center;
  max-width:min(86%,620px);
}
.bsuc-promo-card__brand{
  margin-bottom:6px;
  font-size:12px;
  letter-spacing:.14em;
}
.bsuc-promo-card__title,
.bsuc-promo-card--quarter .bsuc-promo-card__title,
.bsuc-promo-card--third .bsuc-promo-card__title,
.bsuc-promo-card--half .bsuc-promo-card__title{
  font-size:clamp(26px,3vw,42px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.bsuc-promo-card--full .bsuc-promo-card__title{
  font-size:clamp(34px,4vw,58px);
}
.bsuc-promo-card__subtitle,
.bsuc-promo-card--quarter .bsuc-promo-card__subtitle{
  margin-top:8px;
  font-size:clamp(14px,1.1vw,17px);
  line-height:1.32;
  max-width:32em;
}
.bsuc-promo-card__price,
.bsuc-promo-card--quarter .bsuc-promo-card__price{
  margin-top:12px;
  min-height:36px;
  padding:8px 13px;
  border-radius:var(--ehn-cars-radius-field, 10px);
  font-size:clamp(14px,1.15vw,17px);
  box-shadow:0 10px 24px rgba(0,0,0,.13);
}
@media (max-width:760px){
  .bsuc-promo-card,
  .bsuc-promo-card--quarter,
  .bsuc-promo-card--third,
  .bsuc-promo-card--half,
  .bsuc-promo-card--full{min-height:var(--promo-min-height,280px);border-radius:var(--promo-radius,22px)}
  .bsuc-promo-card__inner{min-height:var(--promo-min-height,280px)}
  .bsuc-promo-card__title{font-size:32px}
}



/* v44: Promo cards - column-fill mode + responsive behavior
   Add class "ehn-promo-col" to the WPBakery column, or use an auto class like
   "promo-peugeot-e-3008-1-3" on the column. */
.bsuc-promo-single,
.bsuc-promo-carousel{
  height:auto;
  min-height:0;
}
.bsuc-promo-card,
.bsuc-promo-card--quarter,
.bsuc-promo-card--third,
.bsuc-promo-card--half,
.bsuc-promo-card--full{
  height:auto;
  min-height:var(--promo-min-height,300px);
}
.bsuc-promo-card__inner{
  min-height:var(--promo-min-height,300px);
}
.ehn-promo-col,
.ehn-promo-fill-col,
.promo-card-fill,
.wpb_column[class^="promo-"],
.wpb_column[class*=" promo-"],
.vc_column_container[class^="promo-"],
.vc_column_container[class*=" promo-"]{
  min-height:inherit;
}
.ehn-promo-col > .vc_column-inner,
.ehn-promo-fill-col > .vc_column-inner,
.promo-card-fill > .vc_column-inner,
.wpb_column[class^="promo-"] > .vc_column-inner,
.wpb_column[class*=" promo-"] > .vc_column-inner,
.vc_column_container[class^="promo-"] > .vc_column-inner,
.vc_column_container[class*=" promo-"] > .vc_column-inner{
  height:100%;
}
.ehn-promo-col > .vc_column-inner > .wpb_wrapper,
.ehn-promo-fill-col > .vc_column-inner > .wpb_wrapper,
.promo-card-fill > .vc_column-inner > .wpb_wrapper,
.wpb_column[class^="promo-"] > .vc_column-inner > .wpb_wrapper,
.wpb_column[class*=" promo-"] > .vc_column-inner > .wpb_wrapper,
.vc_column_container[class^="promo-"] > .vc_column-inner > .wpb_wrapper,
.vc_column_container[class*=" promo-"] > .vc_column-inner > .wpb_wrapper{
  height:100%;
  display:flex;
  flex-direction:column;
}
.ehn-promo-col .wpb_wrapper > .bsuc-promo-single,
.ehn-promo-col .wpb_wrapper > .bsuc-promo-carousel,
.ehn-promo-fill-col .wpb_wrapper > .bsuc-promo-single,
.ehn-promo-fill-col .wpb_wrapper > .bsuc-promo-carousel,
.promo-card-fill .wpb_wrapper > .bsuc-promo-single,
.promo-card-fill .wpb_wrapper > .bsuc-promo-carousel,
.wpb_column[class^="promo-"] .wpb_wrapper > .bsuc-promo-single,
.wpb_column[class^="promo-"] .wpb_wrapper > .bsuc-promo-carousel,
.wpb_column[class*=" promo-"] .wpb_wrapper > .bsuc-promo-single,
.wpb_column[class*=" promo-"] .wpb_wrapper > .bsuc-promo-carousel,
.vc_column_container[class^="promo-"] .wpb_wrapper > .bsuc-promo-single,
.vc_column_container[class^="promo-"] .wpb_wrapper > .bsuc-promo-carousel,
.vc_column_container[class*=" promo-"] .wpb_wrapper > .bsuc-promo-single,
.vc_column_container[class*=" promo-"] .wpb_wrapper > .bsuc-promo-carousel{
  flex:1 1 auto;
  height:100%;
  min-height:0;
}
.ehn-promo-col .bsuc-promo-carousel__stage,
.ehn-promo-col .bsuc-promo-carousel__item,
.ehn-promo-fill-col .bsuc-promo-carousel__stage,
.ehn-promo-fill-col .bsuc-promo-carousel__item,
.promo-card-fill .bsuc-promo-carousel__stage,
.promo-card-fill .bsuc-promo-carousel__item,
.wpb_column[class^="promo-"] .bsuc-promo-carousel__stage,
.wpb_column[class^="promo-"] .bsuc-promo-carousel__item,
.wpb_column[class*=" promo-"] .bsuc-promo-carousel__stage,
.wpb_column[class*=" promo-"] .bsuc-promo-carousel__item,
.vc_column_container[class^="promo-"] .bsuc-promo-carousel__stage,
.vc_column_container[class^="promo-"] .bsuc-promo-carousel__item,
.vc_column_container[class*=" promo-"] .bsuc-promo-carousel__stage,
.vc_column_container[class*=" promo-"] .bsuc-promo-carousel__item{
  height:100%;
  min-height:0;
}
.ehn-promo-col .bsuc-promo-card,
.ehn-promo-fill-col .bsuc-promo-card,
.promo-card-fill .bsuc-promo-card,
.wpb_column[class^="promo-"] .bsuc-promo-card,
.wpb_column[class*=" promo-"] .bsuc-promo-card,
.vc_column_container[class^="promo-"] .bsuc-promo-card,
.vc_column_container[class*=" promo-"] .bsuc-promo-card,
.bsuc-promo-card--fill-column{
  flex:1 1 auto;
  height:100%;
  min-height:0;
}
.ehn-promo-col .bsuc-promo-card__inner,
.ehn-promo-fill-col .bsuc-promo-card__inner,
.promo-card-fill .bsuc-promo-card__inner,
.wpb_column[class^="promo-"] .bsuc-promo-card__inner,
.wpb_column[class*=" promo-"] .bsuc-promo-card__inner,
.vc_column_container[class^="promo-"] .bsuc-promo-card__inner,
.vc_column_container[class*=" promo-"] .bsuc-promo-card__inner,
.bsuc-promo-card--fill-column .bsuc-promo-card__inner{
  height:100%;
  min-height:0;
}
@media (max-width:1024px){
  .bsuc-promo-card,
  .bsuc-promo-card--quarter,
  .bsuc-promo-card--third,
  .bsuc-promo-card--half,
  .bsuc-promo-card--full{
    min-height:min(var(--promo-min-height,300px),340px);
  }
  .bsuc-promo-card__inner{min-height:min(var(--promo-min-height,300px),340px);padding:clamp(18px,3vw,26px)}
  .bsuc-promo-card__title{font-size:clamp(27px,5.2vw,38px)}
}
@media (max-width:760px){
  .ehn-promo-col > .vc_column-inner,
  .ehn-promo-fill-col > .vc_column-inner,
  .promo-card-fill > .vc_column-inner,
  .wpb_column[class^="promo-"] > .vc_column-inner,
  .wpb_column[class*=" promo-"] > .vc_column-inner,
  .vc_column_container[class^="promo-"] > .vc_column-inner,
  .vc_column_container[class*=" promo-"] > .vc_column-inner,
  .ehn-promo-col > .vc_column-inner > .wpb_wrapper,
  .ehn-promo-fill-col > .vc_column-inner > .wpb_wrapper,
  .promo-card-fill > .vc_column-inner > .wpb_wrapper,
  .wpb_column[class^="promo-"] > .vc_column-inner > .wpb_wrapper,
  .wpb_column[class*=" promo-"] > .vc_column-inner > .wpb_wrapper,
  .vc_column_container[class^="promo-"] > .vc_column-inner > .wpb_wrapper,
  .vc_column_container[class*=" promo-"] > .vc_column-inner > .wpb_wrapper,
  .ehn-promo-col .bsuc-promo-single,
  .ehn-promo-col .bsuc-promo-carousel,
  .ehn-promo-fill-col .bsuc-promo-single,
  .ehn-promo-fill-col .bsuc-promo-carousel,
  .promo-card-fill .bsuc-promo-single,
  .promo-card-fill .bsuc-promo-carousel,
  .wpb_column[class^="promo-"] .bsuc-promo-single,
  .wpb_column[class^="promo-"] .bsuc-promo-carousel,
  .wpb_column[class*=" promo-"] .bsuc-promo-single,
  .wpb_column[class*=" promo-"] .bsuc-promo-carousel,
  .vc_column_container[class^="promo-"] .bsuc-promo-single,
  .vc_column_container[class^="promo-"] .bsuc-promo-carousel,
  .vc_column_container[class*=" promo-"] .bsuc-promo-single,
  .vc_column_container[class*=" promo-"] .bsuc-promo-carousel,
  .ehn-promo-col .bsuc-promo-card,
  .ehn-promo-fill-col .bsuc-promo-card,
  .promo-card-fill .bsuc-promo-card,
  .wpb_column[class^="promo-"] .bsuc-promo-card,
  .wpb_column[class*=" promo-"] .bsuc-promo-card,
  .vc_column_container[class^="promo-"] .bsuc-promo-card,
  .vc_column_container[class*=" promo-"] .bsuc-promo-card,
  .bsuc-promo-card--fill-column{
    height:auto;
    min-height:0;
  }
  .bsuc-promo-card,
  .bsuc-promo-card--quarter,
  .bsuc-promo-card--third,
  .bsuc-promo-card--half,
  .bsuc-promo-card--full{
    min-height:260px;
  }
  .bsuc-promo-card__inner{height:auto;min-height:260px;padding:20px}
  .bsuc-promo-card__label{top:16px;left:16px;font-size:11px;min-height:30px;padding:7px 10px}
  .bsuc-promo-card__title{font-size:clamp(25px,9vw,32px);line-height:1.03}
  .bsuc-promo-card__subtitle{font-size:14px;line-height:1.3}
  .bsuc-promo-card__price{font-size:14px;min-height:34px;padding:8px 12px}
}


/* v45: Promo cards - robust WPBakery/Salient column fill fix
   This handles when the class is placed on the column, vc_column-inner,
   wrapper, or when the shortcode is inside a WPBakery text element. */
.ehn-promo-col,
.ehn-promo-fill-col,
.promo-card-fill,
.vc_column-inner.ehn-promo-col,
.vc_column-inner.ehn-promo-fill-col,
.vc_column-inner.promo-card-fill,
.wpb_wrapper.ehn-promo-col,
.wpb_wrapper.ehn-promo-fill-col,
.wpb_wrapper.promo-card-fill,
.wpb_column[class^="promo-"],
.wpb_column[class*=" promo-"],
.vc_column_container[class^="promo-"],
.vc_column_container[class*=" promo-"],
.vc_column-inner[class^="promo-"],
.vc_column-inner[class*=" promo-"],
.wpb_wrapper[class^="promo-"],
.wpb_wrapper[class*=" promo-"]{
  height:100%;
}
.ehn-promo-col > .vc_column-inner,
.ehn-promo-fill-col > .vc_column-inner,
.promo-card-fill > .vc_column-inner,
.ehn-promo-col > .vc_column-inner > .wpb_wrapper,
.ehn-promo-fill-col > .vc_column-inner > .wpb_wrapper,
.promo-card-fill > .vc_column-inner > .wpb_wrapper,
.vc_column-inner.ehn-promo-col,
.vc_column-inner.ehn-promo-fill-col,
.vc_column-inner.promo-card-fill,
.vc_column-inner.ehn-promo-col > .wpb_wrapper,
.vc_column-inner.ehn-promo-fill-col > .wpb_wrapper,
.vc_column-inner.promo-card-fill > .wpb_wrapper,
.wpb_wrapper.ehn-promo-col,
.wpb_wrapper.ehn-promo-fill-col,
.wpb_wrapper.promo-card-fill,
.wpb_column[class^="promo-"] > .vc_column-inner,
.wpb_column[class*=" promo-"] > .vc_column-inner,
.vc_column_container[class^="promo-"] > .vc_column-inner,
.vc_column_container[class*=" promo-"] > .vc_column-inner,
.wpb_column[class^="promo-"] > .vc_column-inner > .wpb_wrapper,
.wpb_column[class*=" promo-"] > .vc_column-inner > .wpb_wrapper,
.vc_column_container[class^="promo-"] > .vc_column-inner > .wpb_wrapper,
.vc_column_container[class*=" promo-"] > .vc_column-inner > .wpb_wrapper{
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
.ehn-promo-col .wpb_content_element,
.ehn-promo-fill-col .wpb_content_element,
.promo-card-fill .wpb_content_element,
.ehn-promo-col .wpb_text_column,
.ehn-promo-fill-col .wpb_text_column,
.promo-card-fill .wpb_text_column,
.ehn-promo-col .wpb_text_column > .wpb_wrapper,
.ehn-promo-fill-col .wpb_text_column > .wpb_wrapper,
.promo-card-fill .wpb_text_column > .wpb_wrapper,
.ehn-promo-col .wpb_raw_code,
.ehn-promo-fill-col .wpb_raw_code,
.promo-card-fill .wpb_raw_code,
.ehn-promo-col .wpb_raw_code > .wpb_wrapper,
.ehn-promo-fill-col .wpb_raw_code > .wpb_wrapper,
.promo-card-fill .wpb_raw_code > .wpb_wrapper{
  width:100%;
  height:100%;
  margin:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
.ehn-promo-col .wpb_wrapper > p:has(.bsuc-promo-single),
.ehn-promo-col .wpb_wrapper > p:has(.bsuc-promo-carousel),
.ehn-promo-fill-col .wpb_wrapper > p:has(.bsuc-promo-single),
.ehn-promo-fill-col .wpb_wrapper > p:has(.bsuc-promo-carousel),
.promo-card-fill .wpb_wrapper > p:has(.bsuc-promo-single),
.promo-card-fill .wpb_wrapper > p:has(.bsuc-promo-carousel){
  width:100%;
  height:100%;
  margin:0;
  display:flex;
  flex-direction:column;
}
.ehn-promo-col .bsuc-promo-single,
.ehn-promo-col .bsuc-promo-carousel,
.ehn-promo-fill-col .bsuc-promo-single,
.ehn-promo-fill-col .bsuc-promo-carousel,
.promo-card-fill .bsuc-promo-single,
.promo-card-fill .bsuc-promo-carousel,
.wpb_column[class^="promo-"] .bsuc-promo-single,
.wpb_column[class^="promo-"] .bsuc-promo-carousel,
.wpb_column[class*=" promo-"] .bsuc-promo-single,
.wpb_column[class*=" promo-"] .bsuc-promo-carousel,
.vc_column_container[class^="promo-"] .bsuc-promo-single,
.vc_column_container[class^="promo-"] .bsuc-promo-carousel,
.vc_column_container[class*=" promo-"] .bsuc-promo-single,
.vc_column_container[class*=" promo-"] .bsuc-promo-carousel,
.vc_column-inner[class^="promo-"] .bsuc-promo-single,
.vc_column-inner[class^="promo-"] .bsuc-promo-carousel,
.vc_column-inner[class*=" promo-"] .bsuc-promo-single,
.vc_column-inner[class*=" promo-"] .bsuc-promo-carousel,
.wpb_wrapper[class^="promo-"] .bsuc-promo-single,
.wpb_wrapper[class^="promo-"] .bsuc-promo-carousel,
.wpb_wrapper[class*=" promo-"] .bsuc-promo-single,
.wpb_wrapper[class*=" promo-"] .bsuc-promo-carousel{
  width:100%;
  max-width:none;
  flex:1 1 auto;
  height:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
}
.ehn-promo-col .bsuc-promo-card,
.ehn-promo-fill-col .bsuc-promo-card,
.promo-card-fill .bsuc-promo-card,
.wpb_column[class^="promo-"] .bsuc-promo-card,
.wpb_column[class*=" promo-"] .bsuc-promo-card,
.vc_column_container[class^="promo-"] .bsuc-promo-card,
.vc_column_container[class*=" promo-"] .bsuc-promo-card,
.vc_column-inner[class^="promo-"] .bsuc-promo-card,
.vc_column-inner[class*=" promo-"] .bsuc-promo-card,
.wpb_wrapper[class^="promo-"] .bsuc-promo-card,
.wpb_wrapper[class*=" promo-"] .bsuc-promo-card,
.bsuc-promo-card--fill-column{
  width:100%;
  max-width:none;
  flex:1 1 auto;
  height:100%;
  min-height:0;
}
.ehn-promo-col .bsuc-promo-card__inner,
.ehn-promo-fill-col .bsuc-promo-card__inner,
.promo-card-fill .bsuc-promo-card__inner,
.bsuc-promo-card--fill-column .bsuc-promo-card__inner{
  height:100%;
  min-height:0;
}
@media (max-width:760px){
  .ehn-promo-col,
  .ehn-promo-fill-col,
  .promo-card-fill,
  .vc_column-inner.ehn-promo-col,
  .vc_column-inner.ehn-promo-fill-col,
  .vc_column-inner.promo-card-fill,
  .wpb_wrapper.ehn-promo-col,
  .wpb_wrapper.ehn-promo-fill-col,
  .wpb_wrapper.promo-card-fill{
    height:auto;
  }
  .ehn-promo-col .wpb_content_element,
  .ehn-promo-col .wpb_text_column,
  .ehn-promo-col .wpb_text_column > .wpb_wrapper,
  .ehn-promo-fill-col .wpb_content_element,
  .ehn-promo-fill-col .wpb_text_column,
  .ehn-promo-fill-col .wpb_text_column > .wpb_wrapper,
  .promo-card-fill .wpb_content_element,
  .promo-card-fill .wpb_text_column,
  .promo-card-fill .wpb_text_column > .wpb_wrapper,
  .ehn-promo-col .bsuc-promo-single,
  .ehn-promo-col .bsuc-promo-carousel,
  .ehn-promo-fill-col .bsuc-promo-single,
  .ehn-promo-fill-col .bsuc-promo-carousel,
  .promo-card-fill .bsuc-promo-single,
  .promo-card-fill .bsuc-promo-carousel,
  .ehn-promo-col .bsuc-promo-card,
  .ehn-promo-fill-col .bsuc-promo-card,
  .promo-card-fill .bsuc-promo-card{
    height:auto;
    min-height:0;
  }
}


/* v46: measured promo column fill
   The JS measures the other columns in the same row and writes exact pixel
   height to the promo wrappers. This is required for Salient/WPBakery rows
   where the column itself does not expose a real equal-height value. */
.bsuc-promo-measured-fill .bsuc-promo-single,
.bsuc-promo-measured-fill .bsuc-promo-carousel,
.bsuc-promo-measured-fill .bsuc-promo-carousel__stage,
.bsuc-promo-measured-fill .bsuc-promo-carousel__item.is-active,
.bsuc-promo-measured-fill .bsuc-promo-card,
.bsuc-promo-measured-fill .bsuc-promo-card__inner{
  height:var(--promo-fill-height)!important;
  min-height:var(--promo-fill-height)!important;
}
@media (max-width:1024px){
  .bsuc-promo-measured-fill .bsuc-promo-single,
  .bsuc-promo-measured-fill .bsuc-promo-carousel,
  .bsuc-promo-measured-fill .bsuc-promo-carousel__stage,
  .bsuc-promo-measured-fill .bsuc-promo-carousel__item.is-active,
  .bsuc-promo-measured-fill .bsuc-promo-card,
  .bsuc-promo-measured-fill .bsuc-promo-card__inner{
    height:auto!important;
    min-height:260px!important;
  }
}

/* v47: Class-based promo columns - no shortcode needed.
   Put class directly on the WPBakery/Salient column, e.g. promo-new-peugeot-e-3008-1-3. */
.bsuc-promo-class-column,
.wpb_column.bsuc-promo-class-column,
.vc_column_container.bsuc-promo-class-column{
  position:relative;
  display:flex !important;
  align-items:stretch !important;
  min-height:260px;
}
.bsuc-promo-class-column > .vc_column-inner,
.bsuc-promo-class-column__inner{
  width:100%;
  min-height:inherit;
  display:flex !important;
  flex:1 1 auto;
  padding:0 !important;
}
.bsuc-promo-class-column > .vc_column-inner > .wpb_wrapper,
.bsuc-promo-class-column__inner > .wpb_wrapper,
.bsuc-promo-class-column .wpb_wrapper{
  width:100%;
  min-height:inherit;
  display:flex !important;
  flex:1 1 auto;
}
.bsuc-promo-class-column .wpb_content_element,
.bsuc-promo-class-column .wpb_text_column,
.bsuc-promo-class-column .wpb_raw_code,
.bsuc-promo-class-column .wpb_content_element > .wpb_wrapper,
.bsuc-promo-class-column .wpb_text_column > .wpb_wrapper,
.bsuc-promo-class-column .wpb_raw_code > .wpb_wrapper{
  width:100%;
  margin:0 !important;
  min-height:inherit;
  display:flex !important;
  flex:1 1 auto;
}
.bsuc-promo-class-card{
  position:relative;
  display:flex;
  flex:1 1 auto;
  width:100%;
  height:var(--promo-height,auto);
  min-height:inherit;
  overflow:hidden;
  isolation:isolate;
  border:0!important;
  border-radius:var(--promo-radius,24px);
  color:var(--promo-text,#fff) !important;
  text-decoration:none !important;
  box-shadow:0 14px 34px rgba(15,23,42,.10);
  background-clip:border-box;
  transform:none;
  --promo-hover-scale:1.045;
}
.bsuc-promo-class-card__media{
  position:absolute;
  inset:-1px;
  z-index:0;
  overflow:hidden;
  border-radius:inherit;
  pointer-events:none;
  -webkit-mask-image:-webkit-radial-gradient(white,white);
  mask-image:linear-gradient(#fff,#fff);
}
.bsuc-promo-class-card__image{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  background-image:var(--promo-class-image);
  background-size:cover;
  background-position:center;
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transform-origin:center center;
  transform-origin:center center;
  transition:-webkit-transform 950ms cubic-bezier(.2,.65,.3,1),transform 950ms cubic-bezier(.2,.65,.3,1);
  pointer-events:none;
}
.bsuc-promo-class-card:hover .bsuc-promo-class-card__image,
.bsuc-promo-class-card.ehn-is-hovered .bsuc-promo-class-card__image,
.bsuc-promo-class-card:focus-visible .bsuc-promo-class-card__image{
  -webkit-transform:scale(var(--promo-hover-scale,1.045));
  transform:scale(var(--promo-hover-scale,1.045));
}
.bsuc-promo-class-card__shade{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  background:linear-gradient(180deg,rgba(5,6,7,.16) 0%,rgba(5,6,7,.28) 48%,rgba(5,6,7,.50) 100%);
}
.bsuc-promo-class-card__content{
  position:relative;
  z-index:2;
  width:100%;
  min-height:inherit;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:clamp(18px,2.4vw,32px);
  text-shadow:0 2px 18px rgba(0,0,0,.24);
}
.bsuc-promo-class-card__label{
  position:absolute;
  top:clamp(16px,2vw,24px);
  left:clamp(16px,2vw,24px);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:7px 13px;
  border-radius:var(--ehn-cars-radius-pill, 999px);
  background:rgba(255,255,255,.28);
  color:inherit;
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.bsuc-promo-class-card__title{
  display:block;
  max-width:90%;
  font-size:clamp(26px,3vw,42px);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:950;
}
.bsuc-promo-class-card__subtitle{
  display:block;
  margin-top:8px;
  max-width:32em;
  font-size:clamp(14px,1.05vw,17px);
  font-weight:850;
  line-height:1.25;
  opacity:.96;
}
.bsuc-promo-class-card__price{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:15px;
  min-height:38px;
  padding:8px 15px;
  border-radius:var(--ehn-cars-radius-field, 10px);
  background:rgba(255,255,255,.94);
  color:var(--ehn-cars-color-ink, #050607);
  font-size:clamp(14px,1.05vw,17px);
  font-weight:950;
  text-shadow:none;
  box-shadow:0 10px 22px rgba(0,0,0,.12);
}
.bsuc-promo-class-column--quarter,
.bsuc-promo-class-column--third,
.bsuc-promo-class-column--half,
.bsuc-promo-class-column--full{height:var(--promo-height,auto);min-height:var(--promo-min-height,300px)}
.vc_row:has(.bsuc-promo-class-column),
.wpb_row:has(.bsuc-promo-class-column),
.row_col_wrap_12:has(.bsuc-promo-class-column),
.row_col_wrap_12_inner:has(.bsuc-promo-class-column){
  align-items:stretch;
}
.vc_row:has(.bsuc-promo-class-column) > .wpb_column,
.wpb_row:has(.bsuc-promo-class-column) > .wpb_column,
.row_col_wrap_12:has(.bsuc-promo-class-column) > .wpb_column,
.row_col_wrap_12_inner:has(.bsuc-promo-class-column) > .wpb_column{
  display:flex;
}
@media (max-width:1024px){
  .bsuc-promo-class-column{min-height:260px}
  .bsuc-promo-class-card{border-radius:var(--promo-radius,22px)}
  .bsuc-promo-class-card__title{font-size:clamp(26px,5vw,36px)}
}
@media (max-width:760px){
  .bsuc-promo-class-column,
  .bsuc-promo-class-column--quarter,
  .bsuc-promo-class-column--third,
  .bsuc-promo-class-column--half,
  .bsuc-promo-class-column--full{min-height:240px}
  .bsuc-promo-class-card__content{padding:20px}
  .bsuc-promo-class-card__label{top:14px;left:14px;font-size:11px;min-height:30px;padding:7px 10px}
  .bsuc-promo-class-card__title{font-size:clamp(25px,9vw,32px)}
  .bsuc-promo-class-card__subtitle{font-size:14px}
  .bsuc-promo-class-card__price{min-height:34px;font-size:14px;padding:8px 12px}
}


/* v48: Fluid promo card model
   The card no longer tries to infer 1/3, 1/2 etc. from the shortcode.
   WPBakery/Salient controls the column width; the promo card scales inside it. */
.bsuc-promo-single--fluid,
.bsuc-promo-single{
  width:100%;
  max-width:100%;
  height:auto!important;
  min-height:0!important;
  display:block;
}
.bsuc-promo-single--fluid .bsuc-promo-card,
.bsuc-promo-card--fluid{
  width:100%;
  max-width:100%;
  height:var(--promo-height,auto)!important;
  min-height:var(--promo-min-height,0)!important;
  aspect-ratio:var(--promo-aspect-ratio,10 / 7);
  border-radius:var(--promo-radius,24px);
  display:flex;
  align-items:stretch;
  justify-content:center;
  container-type:inline-size;
  box-shadow:0 12px 30px rgba(15,23,42,.10);
}
.bsuc-promo-card--fluid .bsuc-promo-card__image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.bsuc-promo-card--fluid .bsuc-promo-card__shade{
  background:linear-gradient(180deg,rgba(5,6,7,.08) 0%,rgba(5,6,7,.24) 48%,rgba(5,6,7,.52) 100%);
}
.bsuc-promo-card--fluid .bsuc-promo-card__glow{display:none}
.bsuc-promo-card--fluid .bsuc-promo-card__inner{
  width:100%;
  height:100%;
  min-height:0!important;
  padding:clamp(16px,7cqw,34px);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.bsuc-promo-card--fluid .bsuc-promo-card__content{
  align-items:center;
  max-width:min(88%,620px);
}
.bsuc-promo-card--fluid .bsuc-promo-card__label{
  position:absolute;
  top:clamp(12px,4cqw,24px);
  left:clamp(12px,4cqw,24px);
  min-height:clamp(28px,8cqw,36px);
  padding:clamp(6px,2cqw,9px) clamp(10px,3cqw,15px);
  font-size:clamp(10px,3.1cqw,13px);
  line-height:1;
}
.bsuc-promo-card--fluid .bsuc-promo-card__brand{
  display:none;
}
.bsuc-promo-card--fluid .bsuc-promo-card__title,
.bsuc-promo-card--fluid.bsuc-promo-card--quarter .bsuc-promo-card__title,
.bsuc-promo-card--fluid.bsuc-promo-card--third .bsuc-promo-card__title,
.bsuc-promo-card--fluid.bsuc-promo-card--half .bsuc-promo-card__title,
.bsuc-promo-card--fluid.bsuc-promo-card--full .bsuc-promo-card__title{
  font-size:clamp(22px,10cqw,52px);
  line-height:1.02;
  letter-spacing:-.05em;
  text-wrap:balance;
}
.bsuc-promo-card--fluid .bsuc-promo-card__subtitle,
.bsuc-promo-card--fluid.bsuc-promo-card--quarter .bsuc-promo-card__subtitle{
  margin-top:clamp(5px,2cqw,10px);
  font-size:clamp(13px,4cqw,19px);
  line-height:1.24;
  max-width:34em;
  text-wrap:balance;
}
.bsuc-promo-card--fluid .bsuc-promo-card__price,
.bsuc-promo-card--fluid.bsuc-promo-card--quarter .bsuc-promo-card__price{
  margin-top:clamp(8px,3cqw,14px);
  min-height:clamp(32px,9cqw,42px);
  padding:clamp(7px,2cqw,10px) clamp(12px,3cqw,16px);
  border-radius:var(--ehn-cars-radius-field, 10px);
  font-size:clamp(13px,4cqw,17px);
}
.bsuc-promo-card--fluid .bsuc-promo-card__price:empty{display:none!important}
/* Optional fill mode if the parent column already has a real height. */
.ehn-promo-fill-col .bsuc-promo-single--fluid,
.promo-card-fill .bsuc-promo-single--fluid,
.ehn-promo-fill-col .bsuc-promo-card--fluid,
.promo-card-fill .bsuc-promo-card--fluid{
  height:100%!important;
  aspect-ratio:auto;
}
@media (max-width:760px){
  .bsuc-promo-card--fluid{
    aspect-ratio:16 / 10;
    height:var(--promo-mobile-height,auto)!important;
    min-height:var(--promo-mobile-min-height,0)!important;
    border-radius:var(--promo-radius,22px);
  }
  .bsuc-promo-card--fluid .bsuc-promo-card__inner{padding:20px}
  .bsuc-promo-card--fluid .bsuc-promo-card__title{font-size:clamp(25px,9vw,34px)}
  .bsuc-promo-card--fluid .bsuc-promo-card__subtitle{font-size:14px}
}


/* v50: Simple responsive promo fill
   Use column class ehn-promo-col (or promo-card-fill) when the promo card should fill the WPBakery/Salient column.
   The image is always a cover image; text stays centered. No measuring JS, no ratio forcing in fill mode. */
.ehn-promo-col,
.ehn-promo-fill-col,
.promo-card-fill{
  display:flex!important;
  align-items:stretch!important;
}
.ehn-promo-col > .vc_column-inner,
.ehn-promo-fill-col > .vc_column-inner,
.promo-card-fill > .vc_column-inner,
.vc_column-inner.ehn-promo-col,
.vc_column-inner.ehn-promo-fill-col,
.vc_column-inner.promo-card-fill{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}
.ehn-promo-col > .vc_column-inner > .wpb_wrapper,
.ehn-promo-fill-col > .vc_column-inner > .wpb_wrapper,
.promo-card-fill > .vc_column-inner > .wpb_wrapper,
.vc_column-inner.ehn-promo-col > .wpb_wrapper,
.vc_column-inner.ehn-promo-fill-col > .wpb_wrapper,
.vc_column-inner.promo-card-fill > .wpb_wrapper,
.wpb_wrapper.ehn-promo-col,
.wpb_wrapper.ehn-promo-fill-col,
.wpb_wrapper.promo-card-fill{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}
.ehn-promo-col .wpb_content_element,
.ehn-promo-fill-col .wpb_content_element,
.promo-card-fill .wpb_content_element,
.ehn-promo-col .wpb_text_column,
.ehn-promo-fill-col .wpb_text_column,
.promo-card-fill .wpb_text_column,
.ehn-promo-col .wpb_raw_code,
.ehn-promo-fill-col .wpb_raw_code,
.promo-card-fill .wpb_raw_code,
.ehn-promo-col .wpb_content_element > .wpb_wrapper,
.ehn-promo-fill-col .wpb_content_element > .wpb_wrapper,
.promo-card-fill .wpb_content_element > .wpb_wrapper,
.ehn-promo-col .wpb_text_column > .wpb_wrapper,
.ehn-promo-fill-col .wpb_text_column > .wpb_wrapper,
.promo-card-fill .wpb_text_column > .wpb_wrapper,
.ehn-promo-col .wpb_raw_code > .wpb_wrapper,
.ehn-promo-fill-col .wpb_raw_code > .wpb_wrapper,
.promo-card-fill .wpb_raw_code > .wpb_wrapper{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}
.ehn-promo-col .bsuc-promo-single,
.ehn-promo-col .bsuc-promo-single--fluid,
.ehn-promo-col .bsuc-promo-carousel,
.ehn-promo-fill-col .bsuc-promo-single,
.ehn-promo-fill-col .bsuc-promo-single--fluid,
.ehn-promo-fill-col .bsuc-promo-carousel,
.promo-card-fill .bsuc-promo-single,
.promo-card-fill .bsuc-promo-single--fluid,
.promo-card-fill .bsuc-promo-carousel{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
}
.ehn-promo-col .bsuc-promo-card,
.ehn-promo-col .bsuc-promo-card--fluid,
.ehn-promo-fill-col .bsuc-promo-card,
.ehn-promo-fill-col .bsuc-promo-card--fluid,
.promo-card-fill .bsuc-promo-card,
.promo-card-fill .bsuc-promo-card--fluid,
.bsuc-promo-card--fill-column{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  flex:1 1 auto!important;
  aspect-ratio:auto!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
}
.ehn-promo-col .bsuc-promo-card__image,
.ehn-promo-fill-col .bsuc-promo-card__image,
.promo-card-fill .bsuc-promo-card__image,
.bsuc-promo-card--fill-column .bsuc-promo-card__image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.ehn-promo-col .bsuc-promo-card__inner,
.ehn-promo-fill-col .bsuc-promo-card__inner,
.promo-card-fill .bsuc-promo-card__inner,
.bsuc-promo-card--fill-column .bsuc-promo-card__inner{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.ehn-promo-col .bsuc-promo-card__content,
.ehn-promo-fill-col .bsuc-promo-card__content,
.promo-card-fill .bsuc-promo-card__content,
.bsuc-promo-card--fill-column .bsuc-promo-card__content{
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
@media (max-width:760px){
  .ehn-promo-col,
  .ehn-promo-fill-col,
  .promo-card-fill,
  .ehn-promo-col > .vc_column-inner,
  .ehn-promo-fill-col > .vc_column-inner,
  .promo-card-fill > .vc_column-inner,
  .ehn-promo-col > .vc_column-inner > .wpb_wrapper,
  .ehn-promo-fill-col > .vc_column-inner > .wpb_wrapper,
  .promo-card-fill > .vc_column-inner > .wpb_wrapper,
  .ehn-promo-col .wpb_content_element,
  .ehn-promo-fill-col .wpb_content_element,
  .promo-card-fill .wpb_content_element,
  .ehn-promo-col .wpb_text_column,
  .ehn-promo-fill-col .wpb_text_column,
  .promo-card-fill .wpb_text_column,
  .ehn-promo-col .wpb_raw_code,
  .ehn-promo-fill-col .wpb_raw_code,
  .promo-card-fill .wpb_raw_code,
  .ehn-promo-col .bsuc-promo-single,
  .ehn-promo-fill-col .bsuc-promo-single,
  .promo-card-fill .bsuc-promo-single,
  .ehn-promo-col .bsuc-promo-card,
  .ehn-promo-fill-col .bsuc-promo-card,
  .promo-card-fill .bsuc-promo-card{
    height:auto!important;
  }
  .ehn-promo-col .bsuc-promo-card--fluid,
  .ehn-promo-fill-col .bsuc-promo-card--fluid,
  .promo-card-fill .bsuc-promo-card--fluid,
  .bsuc-promo-card--fill-column{
    min-height:240px!important;
    height:auto!important;
  }
  .ehn-promo-col .bsuc-promo-card__inner,
  .ehn-promo-fill-col .bsuc-promo-card__inner,
  .promo-card-fill .bsuc-promo-card__inner,
  .bsuc-promo-card--fill-column .bsuc-promo-card__inner{
    height:auto!important;
    min-height:240px!important;
  }
}


/* v5.10.1: remove Salient/WPBakery vertical margins inside measured promo columns.
   A 24px top/bottom margin on a text/raw-code wrapper or the card itself prevents
   the promo thumbnail from truly touching the full column height. */
.bsuc-promo-auto-fill .wpb_content_element,
.bsuc-promo-measured-fill .wpb_content_element,
.bsuc-promo-auto-fill .wpb_text_column,
.bsuc-promo-measured-fill .wpb_text_column,
.bsuc-promo-auto-fill .wpb_raw_code,
.bsuc-promo-measured-fill .wpb_raw_code,
.bsuc-promo-auto-fill .wpb_wrapper,
.bsuc-promo-measured-fill .wpb_wrapper,
.bsuc-promo-auto-fill .bsuc-promo-single,
.bsuc-promo-measured-fill .bsuc-promo-single,
.bsuc-promo-auto-fill .bsuc-promo-carousel,
.bsuc-promo-measured-fill .bsuc-promo-carousel,
.bsuc-promo-auto-fill .bsuc-promo-card,
.bsuc-promo-measured-fill .bsuc-promo-card{
  margin-top:0!important;
  margin-bottom:0!important;
}

/* v5.10: Automatic promo card column cover/fill for WPBakery + Salient.
   This is applied by search.js to the real column containing .bsuc-promo-card,
   so the promo image fills the same dynamic column height as neighbouring cards. */
.bsuc-promo-auto-fill,
.bsuc-promo-measured-fill{
  display:flex!important;
  align-self:stretch!important;
  align-items:stretch!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
.bsuc-promo-auto-fill > .vc_column-inner,
.bsuc-promo-measured-fill > .vc_column-inner,
.vc_column-inner.bsuc-promo-auto-fill,
.vc_column-inner.bsuc-promo-measured-fill{
  width:100%!important;
  height:100%!important;
  min-height:inherit!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.bsuc-promo-auto-fill > .vc_column-inner > .wpb_wrapper,
.bsuc-promo-measured-fill > .vc_column-inner > .wpb_wrapper,
.bsuc-promo-auto-fill .wpb_wrapper,
.bsuc-promo-measured-fill .wpb_wrapper{
  width:100%!important;
  height:100%!important;
  min-height:inherit!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
.bsuc-promo-auto-fill .wpb_content_element,
.bsuc-promo-measured-fill .wpb_content_element,
.bsuc-promo-auto-fill .wpb_text_column,
.bsuc-promo-measured-fill .wpb_text_column,
.bsuc-promo-auto-fill .wpb_raw_code,
.bsuc-promo-measured-fill .wpb_raw_code,
.bsuc-promo-auto-fill .wpb_content_element > .wpb_wrapper,
.bsuc-promo-measured-fill .wpb_content_element > .wpb_wrapper,
.bsuc-promo-auto-fill .wpb_text_column > .wpb_wrapper,
.bsuc-promo-measured-fill .wpb_text_column > .wpb_wrapper,
.bsuc-promo-auto-fill .wpb_raw_code > .wpb_wrapper,
.bsuc-promo-measured-fill .wpb_raw_code > .wpb_wrapper{
  width:100%!important;
  height:100%!important;
  min-height:inherit!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  margin:0!important;
}
.bsuc-promo-auto-fill .bsuc-promo-single,
.bsuc-promo-measured-fill .bsuc-promo-single,
.bsuc-promo-auto-fill .bsuc-promo-single--fluid,
.bsuc-promo-measured-fill .bsuc-promo-single--fluid,
.bsuc-promo-auto-fill .bsuc-promo-carousel,
.bsuc-promo-measured-fill .bsuc-promo-carousel,
.bsuc-promo-auto-fill .bsuc-promo-carousel__stage,
.bsuc-promo-measured-fill .bsuc-promo-carousel__stage,
.bsuc-promo-auto-fill .bsuc-promo-carousel__item.is-active,
.bsuc-promo-measured-fill .bsuc-promo-carousel__item.is-active{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}
.bsuc-promo-auto-fill .bsuc-promo-card,
.bsuc-promo-measured-fill .bsuc-promo-card,
.bsuc-promo-auto-fill .bsuc-promo-card--fluid,
.bsuc-promo-measured-fill .bsuc-promo-card--fluid{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  flex:1 1 auto!important;
  aspect-ratio:auto!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
}
.bsuc-promo-auto-fill .bsuc-promo-card__image,
.bsuc-promo-measured-fill .bsuc-promo-card__image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.bsuc-promo-auto-fill .bsuc-promo-card__inner,
.bsuc-promo-measured-fill .bsuc-promo-card__inner{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.bsuc-promo-auto-fill .bsuc-promo-card__content,
.bsuc-promo-measured-fill .bsuc-promo-card__content{
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
@media (max-width:1024px){
  .bsuc-promo-auto-fill,
  .bsuc-promo-measured-fill,
  .bsuc-promo-auto-fill > .vc_column-inner,
  .bsuc-promo-measured-fill > .vc_column-inner,
  .bsuc-promo-auto-fill > .vc_column-inner > .wpb_wrapper,
  .bsuc-promo-measured-fill > .vc_column-inner > .wpb_wrapper,
  .bsuc-promo-auto-fill .wpb_wrapper,
  .bsuc-promo-measured-fill .wpb_wrapper,
  .bsuc-promo-auto-fill .wpb_content_element,
  .bsuc-promo-measured-fill .wpb_content_element,
  .bsuc-promo-auto-fill .wpb_text_column,
  .bsuc-promo-measured-fill .wpb_text_column,
  .bsuc-promo-auto-fill .wpb_raw_code,
  .bsuc-promo-measured-fill .wpb_raw_code,
  .bsuc-promo-auto-fill .bsuc-promo-single,
  .bsuc-promo-measured-fill .bsuc-promo-single,
  .bsuc-promo-auto-fill .bsuc-promo-card,
  .bsuc-promo-measured-fill .bsuc-promo-card{
    height:auto!important;
  }
  .bsuc-promo-auto-fill .bsuc-promo-card--fluid,
  .bsuc-promo-measured-fill .bsuc-promo-card--fluid{
    min-height:240px!important;
    height:auto!important;
  }
  .bsuc-promo-auto-fill .bsuc-promo-card__inner,
  .bsuc-promo-measured-fill .bsuc-promo-card__inner{
    height:auto!important;
    min-height:240px!important;
  }
}

/* v5.12: Promo card corner badges + configurable subtitle text */
.bsuc-promo-card__corner{
  position:absolute;
  z-index:4;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:calc(50% - (var(--promo-corner-offset,26px) * 2));
  min-height:calc((var(--promo-corner-padding-y,7px) * 2) + var(--promo-corner-font-size,12px));
  padding:var(--promo-corner-padding-y,7px) var(--promo-corner-padding-x,14px);
  border-radius:var(--promo-corner-radius,999px);
  border:1px solid var(--promo-corner-border,rgba(255,255,255,.18));
  background:var(--promo-corner-bg,rgba(75,85,99,.82));
  color:var(--promo-corner-text,var(--promo-text,#fff));
  font-size:var(--promo-corner-font-size,12px);
  line-height:1;
  font-weight:var(--promo-corner-font-weight,900);
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.14);
  pointer-events:none;
}
.bsuc-promo-card__corner--tl{top:var(--promo-corner-offset,26px);left:var(--promo-corner-offset,26px)}
.bsuc-promo-card__corner--tr{top:var(--promo-corner-offset,26px);right:var(--promo-corner-offset,26px)}
.bsuc-promo-card__corner--bl{bottom:var(--promo-corner-offset,26px);left:var(--promo-corner-offset,26px)}
.bsuc-promo-card__corner--br{bottom:var(--promo-corner-offset,26px);right:var(--promo-corner-offset,26px)}
.bsuc-promo-card__corner.bsuc-promo-card__label{
  top:auto;
  left:auto;
  min-height:calc((var(--promo-corner-padding-y,7px) * 2) + var(--promo-corner-font-size,12px));
  padding:var(--promo-corner-padding-y,7px) var(--promo-corner-padding-x,14px);
  font-size:var(--promo-corner-font-size,12px);
}
.bsuc-promo-card__corner--tl.bsuc-promo-card__label{top:var(--promo-corner-offset,26px);left:var(--promo-corner-offset,26px)}
.bsuc-promo-card__corner--tr.bsuc-promo-card__label{top:var(--promo-corner-offset,26px);right:var(--promo-corner-offset,26px)}
.bsuc-promo-card__corner--bl.bsuc-promo-card__label{bottom:var(--promo-corner-offset,26px);left:var(--promo-corner-offset,26px)}
.bsuc-promo-card__corner--br.bsuc-promo-card__label{bottom:var(--promo-corner-offset,26px);right:var(--promo-corner-offset,26px)}
@media (max-width:760px){
  .bsuc-promo-card__corner{
    max-width:calc(50% - 26px);
    font-size:min(var(--promo-corner-font-size,12px),11px);
  }
  .bsuc-promo-card__corner--tl{top:14px;left:14px}
  .bsuc-promo-card__corner--tr{top:14px;right:14px}
  .bsuc-promo-card__corner--bl{bottom:14px;left:14px}
  .bsuc-promo-card__corner--br{bottom:14px;right:14px}
  .bsuc-promo-card__corner--tl.bsuc-promo-card__label{top:14px;left:14px}
  .bsuc-promo-card__corner--tr.bsuc-promo-card__label{top:14px;right:14px}
  .bsuc-promo-card__corner--bl.bsuc-promo-card__label{bottom:14px;left:14px}
  .bsuc-promo-card__corner--br.bsuc-promo-card__label{bottom:14px;right:14px}
}


/* v53: Promo carousel bullets are rendered as an overlay on the image/card.
   This removes the separate bullet section below the promo card. */
.bsuc-promo-carousel{
  position:relative;
  isolation:isolate;
}
.bsuc-promo-carousel__stage{
  position:relative;
}
.bsuc-promo-carousel__bullets{
  position:absolute;
  left:50%;
  bottom:clamp(12px,2vw,22px);
  z-index:30;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0 !important;
  padding:7px 9px;
  border-radius:var(--ehn-cars-radius-pill, 999px);
  background:var(--promo-bullets-bg,rgba(5,6,7,.28));
  box-shadow:0 10px 28px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transform:translateX(-50%);
  pointer-events:auto;
}
.bsuc-promo-carousel__bullet{
  display:block;
  width:9px;
  height:9px;
  min-width:0;
  min-height:0;
  border:0;
  border-radius:var(--ehn-cars-radius-pill, 999px);
  padding:0;
  background:var(--promo-bullet-bg,rgba(255,255,255,.55));
  box-shadow:none;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  transition:width .2s ease,background .2s ease,opacity .2s ease,transform .2s ease;
}
.bsuc-promo-carousel__bullet:hover,
.bsuc-promo-carousel__bullet:focus-visible{
  background:var(--promo-bullet-hover-bg,rgba(255,255,255,.82));
  transform:scale(1.08);
}
.bsuc-promo-carousel__bullet.is-active{
  width:28px;
  background:var(--promo-bullet-active-bg,#ffffff);
}
@media (max-width:760px){
  .bsuc-promo-carousel__bullets{
    bottom:12px;
    gap:7px;
    padding:6px 8px;
  }
  .bsuc-promo-carousel__bullet{
    width:8px;
    height:8px;
  }
  .bsuc-promo-carousel__bullet.is-active{
    width:24px;
  }
}

/* v5.15: Promo model/subtitle typography + removable corner borders */
.bsuc-promo-card__title,
.bsuc-promo-class-card__title{
  color:var(--promo-title-color,var(--promo-text,#fff));
  font-size:var(--promo-title-font-size,clamp(26px,3vw,42px));
  font-weight:var(--promo-title-font-weight,950);
}
.bsuc-promo-card__subtitle,
.bsuc-promo-class-card__subtitle{
  color:var(--promo-subtitle-color,var(--promo-muted,rgba(255,255,255,.78)));
  font-size:var(--promo-subtitle-font-size,clamp(14px,1.1vw,17px));
  font-weight:var(--promo-subtitle-font-weight,800);
}
.bsuc-promo-card__corner{
  border:var(--promo-corner-border-width,1px) solid var(--promo-corner-border,rgba(255,255,255,.18));
}

/* v5.16: shortcode-level promo overrides must win over older fluid/card-specific rules */
.bsuc-promo-card.bsuc-promo-card--fluid .bsuc-promo-card__title,
.bsuc-promo-card .bsuc-promo-card__title,
.bsuc-promo-class-card .bsuc-promo-class-card__title{
  color:var(--promo-title-color,var(--promo-text,#fff));
  font-size:var(--promo-title-font-size,clamp(26px,3vw,42px));
  font-weight:var(--promo-title-font-weight,950);
}
.bsuc-promo-card.bsuc-promo-card--fluid .bsuc-promo-card__subtitle,
.bsuc-promo-card .bsuc-promo-card__subtitle,
.bsuc-promo-class-card .bsuc-promo-class-card__subtitle{
  color:var(--promo-subtitle-color,var(--promo-muted,rgba(255,255,255,.78)));
  font-size:var(--promo-subtitle-font-size,clamp(14px,1.1vw,17px));
  font-weight:var(--promo-subtitle-font-weight,800);
}
.bsuc-promo-card .bsuc-promo-card__corner{
  border-width:var(--promo-corner-border-width,1px);
}


/* v5.19: Mobile promo height without breaking WPBakery/Salient mobile heights.
   The previous mobile fix was too aggressive and reset height/min-height on rows
   and sibling columns. This version only disables our desktop fill measurement and
   lets user-defined mobile height/min-height on WPBakery columns remain intact. */
@media (max-width:1024px){
  .bsuc-promo-mobile-flow-row{
    clear:both!important;
    overflow:visible!important;
  }

  .bsuc-promo-mobile-flow-row.row_col_wrap_12,
  .bsuc-promo-mobile-flow-row.row_col_wrap_12_inner{
    display:block!important;
  }

  .bsuc-promo-mobile-flow-row > .wpb_column,
  .bsuc-promo-mobile-flow-row > .vc_column_container,
  .bsuc-promo-mobile-flow-row > [class*="vc_col-"],
  .bsuc-promo-mobile-flow-row > [class*="span_"]{
    float:none!important;
    clear:both!important;
    display:block!important;
    max-height:none!important;
    align-self:auto!important;
  }

  .bsuc-promo-single,
  .bsuc-promo-single--fluid,
  .bsuc-promo-carousel,
  .bsuc-promo-carousel__stage,
  .bsuc-promo-carousel__item.is-active{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:var(--promo-mobile-height,auto)!important;
    min-height:var(--promo-mobile-min-height,min(var(--promo-min-height,300px),340px))!important;
    max-height:none!important;
    flex:none!important;
    overflow:visible!important;
  }

  .bsuc-promo-carousel__item:not(.is-active){
    display:none!important;
  }

  .bsuc-promo-card,
  .bsuc-promo-card--fluid,
  .bsuc-promo-card--quarter,
  .bsuc-promo-card--third,
  .bsuc-promo-card--half,
  .bsuc-promo-card--full,
  .bsuc-promo-card--fill-column{
    position:relative!important;
    display:flex!important;
    width:100%!important;
    height:var(--promo-mobile-height,auto)!important;
    min-height:var(--promo-mobile-min-height,min(var(--promo-min-height,300px),340px))!important;
    max-height:none!important;
    aspect-ratio:var(--promo-mobile-aspect-ratio,16 / 10)!important;
    flex:none!important;
    overflow:hidden!important;
  }

  .bsuc-promo-card__inner,
  .bsuc-promo-card--fill-column .bsuc-promo-card__inner,
  .ehn-promo-col .bsuc-promo-card__inner,
  .ehn-promo-fill-col .bsuc-promo-card__inner,
  .promo-card-fill .bsuc-promo-card__inner{
    height:100%!important;
    min-height:inherit!important;
    max-height:none!important;
  }
}

/* v5.20: Mobile promo row reserve fix.
   When sibling WPBakery/Salient columns have their own mobile height/min-height,
   Salient can under-report the row height. The promo row now keeps all columns in
   normal mobile flow and reserves enough space for the visual column stack without
   removing user-defined heights from sibling columns. */
@media (max-width:1024px){
  .bsuc-promo-mobile-flow-row{
    position:relative!important;
    display:block!important;
    min-height:var(--bsuc-promo-mobile-row-height,auto)!important;
    clear:both!important;
    overflow:visible!important;
  }

  .bsuc-promo-mobile-flow-row::after{
    content:""!important;
    display:block!important;
    clear:both!important;
    width:100%!important;
    height:0!important;
  }

  .bsuc-promo-mobile-flow-row > .wpb_column,
  .bsuc-promo-mobile-flow-row > .vc_column_container,
  .bsuc-promo-mobile-flow-row > .column_container,
  .bsuc-promo-mobile-flow-row > [class*="vc_col-"],
  .bsuc-promo-mobile-flow-row > [class*="span_"]{
    position:relative!important;
    float:none!important;
    clear:both!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    flex:none!important;
    align-self:auto!important;
    transform:none!important;
    max-height:none!important;
  }
}


/* v5.21: Salient/WPBakery mobile grid-flow fix.
   Desktop works because columns share one horizontal flex row. On mobile Salient stacks columns,
   and sibling columns with custom height/min-height can keep a flex/equal-height context alive.
   For promo rows we switch the mobile row wrapper to a one-column CSS grid, so all sibling
   columns stay in normal document flow and their own mobile height/min-height is preserved. */
@media (max-width:1024px){
  .bsuc-promo-mobile-flow-row,
  .bsuc-promo-mobile-flow-row.row_col_wrap_12,
  .bsuc-promo-mobile-flow-row.row_col_wrap_12_inner,
  .vc_row.bsuc-promo-mobile-flow-row,
  .wpb_row.bsuc-promo-mobile-flow-row{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
    align-items:stretch!important;
    height:auto!important;
    min-height:auto!important;
    max-height:none!important;
    clear:both!important;
    overflow:visible!important;
    contain:none!important;
    transform:none!important;
  }

  .bsuc-promo-mobile-flow-row::before,
  .bsuc-promo-mobile-flow-row::after{
    content:none!important;
    display:none!important;
  }

  .bsuc-promo-mobile-flow-row > .wpb_column,
  .bsuc-promo-mobile-flow-row > .vc_column_container,
  .bsuc-promo-mobile-flow-row > .column_container,
  .bsuc-promo-mobile-flow-row > [class*="vc_col-"],
  .bsuc-promo-mobile-flow-row > [class*="span_"]{
    position:relative!important;
    float:none!important;
    clear:none!important;
    grid-column:1 / -1!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    flex:none!important;
    align-self:stretch!important;
    transform:none!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .bsuc-promo-mobile-flow-row > .wpb_column > .vc_column-inner,
  .bsuc-promo-mobile-flow-row > .vc_column_container > .vc_column-inner,
  .bsuc-promo-mobile-flow-row > .column_container > .vc_column-inner{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    max-height:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  .bsuc-promo-mobile-flow-row .bsuc-promo-single,
  .bsuc-promo-mobile-flow-row .bsuc-promo-single--fluid,
  .bsuc-promo-mobile-flow-row .bsuc-promo-carousel,
  .bsuc-promo-mobile-flow-row .bsuc-promo-carousel__stage,
  .bsuc-promo-mobile-flow-row .bsuc-promo-carousel__item.is-active{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:var(--promo-mobile-height,auto)!important;
    min-height:var(--promo-mobile-min-height,min(var(--promo-min-height,300px),340px))!important;
    max-height:none!important;
    overflow:visible!important;
    flex:none!important;
  }

  .bsuc-promo-mobile-flow-row .bsuc-promo-card,
  .bsuc-promo-mobile-flow-row .bsuc-promo-card--fluid,
  .bsuc-promo-mobile-flow-row .bsuc-promo-card--quarter,
  .bsuc-promo-mobile-flow-row .bsuc-promo-card--third,
  .bsuc-promo-mobile-flow-row .bsuc-promo-card--half,
  .bsuc-promo-mobile-flow-row .bsuc-promo-card--full,
  .bsuc-promo-mobile-flow-row .bsuc-promo-card--fill-column{
    position:relative!important;
    display:flex!important;
    width:100%!important;
    height:var(--promo-mobile-height,auto)!important;
    min-height:var(--promo-mobile-min-height,min(var(--promo-min-height,300px),340px))!important;
    max-height:none!important;
    aspect-ratio:var(--promo-mobile-aspect-ratio,16 / 10)!important;
    flex:none!important;
    overflow:hidden!important;
  }

  .bsuc-promo-mobile-flow-row .bsuc-promo-card__inner{
    height:100%!important;
    min-height:inherit!important;
    max-height:none!important;
  }
}

/* v5.22: Mobile native stack fallback for Salient/WPBakery promo rows.
   Desktop needs measured fill. Mobile does not: Salient stacks columns vertically,
   so forcing a CSS grid/flex equal-height context can make the row reserve the wrong
   height and hide/pull the promo card. This keeps sibling column height/min-height
   values intact, but makes the promo row itself a normal block-flow container. */
@media (max-width:1024px){
  .bsuc-promo-mobile-flow-row,
  .bsuc-promo-mobile-flow-row.row_col_wrap_12,
  .bsuc-promo-mobile-flow-row.row_col_wrap_12_inner,
  .vc_row.bsuc-promo-mobile-flow-row,
  .wpb_row.bsuc-promo-mobile-flow-row{
    position:relative!important;
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    clear:both!important;
    overflow:visible!important;
    contain:none!important;
    transform:none!important;
  }

  .bsuc-promo-mobile-flow-row::before,
  .bsuc-promo-mobile-flow-row::after{
    content:""!important;
    display:block!important;
    clear:both!important;
    width:100%!important;
    height:0!important;
  }

  .bsuc-promo-mobile-flow-row > .wpb_column,
  .bsuc-promo-mobile-flow-row > .vc_column_container,
  .bsuc-promo-mobile-flow-row > .column_container,
  .bsuc-promo-mobile-flow-row > [class*="vc_col-"],
  .bsuc-promo-mobile-flow-row > [class*="span_"]{
    position:relative!important;
    float:none!important;
    clear:both!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    flex:none!important;
    transform:none!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .bsuc-promo-mobile-flow-row > .wpb_column > .vc_column-inner,
  .bsuc-promo-mobile-flow-row > .vc_column_container > .vc_column-inner,
  .bsuc-promo-mobile-flow-row > .column_container > .vc_column-inner{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    max-height:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  .bsuc-promo-mobile-flow-row .bsuc-promo-single,
  .bsuc-promo-mobile-flow-row .bsuc-promo-carousel,
  .bsuc-promo-mobile-flow-row .bsuc-promo-carousel__stage,
  .bsuc-promo-mobile-flow-row .bsuc-promo-carousel__item.is-active{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    flex:none!important;
  }

  .bsuc-promo-mobile-flow-row .bsuc-promo-card,
  .bsuc-promo-mobile-flow-row .bsuc-promo-card--fluid,
  .bsuc-promo-mobile-flow-row .bsuc-promo-card--quarter,
  .bsuc-promo-mobile-flow-row .bsuc-promo-card--third,
  .bsuc-promo-mobile-flow-row .bsuc-promo-card--half,
  .bsuc-promo-mobile-flow-row .bsuc-promo-card--full,
  .bsuc-promo-mobile-flow-row .bsuc-promo-card--fill-column{
    position:relative!important;
    display:flex!important;
    width:100%!important;
    height:var(--promo-mobile-height,auto)!important;
    min-height:var(--promo-mobile-min-height,min(var(--promo-min-height,300px),340px))!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    flex:none!important;
    overflow:hidden!important;
  }

  .bsuc-promo-mobile-flow-row .bsuc-promo-card__inner{
    height:auto!important;
    min-height:inherit!important;
    max-height:none!important;
  }
}

/* v5.24: Manual height mode for model promo cards.
   When height/min-height/mobile_height/mobile_min_height is set in the shortcode,
   the promo card behaves like a normal self-sizing block and is ignored by the
   Salient/WPBakery column-fill measuring logic. */
.bsuc-promo-single--manual-height,
.bsuc-promo-carousel--manual-height{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  flex:none!important;
}
.bsuc-promo-carousel--manual-height .bsuc-promo-carousel__stage{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  position:relative!important;
}
.bsuc-promo-carousel--manual-height .bsuc-promo-carousel__item.is-active{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
}
.bsuc-promo-single--manual-height .bsuc-promo-card--manual-height,
.bsuc-promo-carousel--manual-height .bsuc-promo-card--manual-height,
.ehn-promo-col .bsuc-promo-card--manual-height,
.ehn-promo-fill-col .bsuc-promo-card--manual-height,
.promo-card-fill .bsuc-promo-card--manual-height,
.bsuc-promo-card--manual-height{
  width:100%!important;
  max-width:100%!important;
  height:var(--promo-height,auto)!important;
  min-height:var(--promo-min-height,0)!important;
  aspect-ratio:var(--promo-aspect-ratio,10 / 7)!important;
  flex:none!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  position:relative!important;
  overflow:hidden!important;
}
.bsuc-promo-card--manual-height .bsuc-promo-card__inner,
.ehn-promo-col .bsuc-promo-card--manual-height .bsuc-promo-card__inner,
.ehn-promo-fill-col .bsuc-promo-card--manual-height .bsuc-promo-card__inner,
.promo-card-fill .bsuc-promo-card--manual-height .bsuc-promo-card__inner{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.bsuc-promo-card--manual-height .bsuc-promo-card__image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
@media (max-width:760px){
  .bsuc-promo-single--manual-height,
  .bsuc-promo-carousel--manual-height,
  .bsuc-promo-carousel--manual-height .bsuc-promo-carousel__stage,
  .bsuc-promo-carousel--manual-height .bsuc-promo-carousel__item.is-active{
    height:auto!important;
    min-height:0!important;
  }
  .bsuc-promo-single--manual-height .bsuc-promo-card--manual-height,
  .bsuc-promo-carousel--manual-height .bsuc-promo-card--manual-height,
  .ehn-promo-col .bsuc-promo-card--manual-height,
  .ehn-promo-fill-col .bsuc-promo-card--manual-height,
  .promo-card-fill .bsuc-promo-card--manual-height,
  .bsuc-promo-card--manual-height{
    height:var(--promo-mobile-height,var(--promo-height,auto))!important;
    min-height:var(--promo-mobile-min-height,var(--promo-min-height,0))!important;
    aspect-ratio:var(--promo-aspect-ratio,16 / 10)!important;
  }
}

/* v5.36: image badges for promo card corners - no default badge chrome */
.bsuc-promo-card__corner--image{
  padding:var(--promo-corner-image-padding,0)!important;
  min-height:0!important;
  width:auto;
  max-width:none;
  background:var(--promo-corner-image-bg,transparent)!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible;
  text-transform:none;
  letter-spacing:normal;
}
.bsuc-promo-card__corner-image{
  display:block;
  width:var(--promo-corner-image-width,72px);
  height:var(--promo-corner-image-height,auto);
  max-width:min(34vw,180px);
  max-height:min(22vw,120px);
  object-fit:contain;
  border-radius:var(--promo-corner-image-radius,0px);
}
@media (max-width:760px){
  .bsuc-promo-card__corner-image{
    width:var(--promo-corner-image-width,58px);
    max-width:min(38vw,150px);
    max-height:min(24vw,100px);
  }
}

/* v5.38: Search field and button polish
   Keep selects and free-text search inputs visually aligned, and keep buttons consistently blue. */
.bsuc{
  --bsuc-field-height:58px;
  --bsuc-button-blue:#3452ff;
  --bsuc-button-blue-hover:#203fff;
}

.bsuc .bsuc-control input,
.bsuc .bsuc-control select{
  box-sizing:border-box;
  min-height:var(--bsuc-field-height) !important;
  height:var(--bsuc-field-height) !important;
  padding:0 18px !important;
  border-radius:var(--ehn-cars-radius-field, 10px) !important;
  background:#fff !important;
  font-size:16px !important;
  font-weight:750 !important;
  line-height:1.2 !important;
}

.bsuc .bsuc-control select{
  display:block;
  appearance:auto;
  -webkit-appearance:menulist;
}

.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-control input,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-control select{
  min-height:var(--bsuc-field-height) !important;
  height:var(--bsuc-field-height) !important;
  border-radius:var(--ehn-cars-radius-field, 10px) !important;
  font-size:16px !important;
  font-weight:800 !important;
}

.bsuc .bsuc-front-form__submit,
.bsuc.bsuc-front-search--inline form.bsuc-front-form.bsuc-front-form--compact .bsuc-front-form__actions .bsuc-front-form__submit,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__submit,
.bsuc .bsuc-toggle__btn.is-active{
  background:#3452ff !important;
  background-image:none !important;
  color:#fff !important;
  border-color:#3452ff !important;
}

.bsuc .bsuc-front-form__submit{
  min-height:var(--bsuc-field-height) !important;
  height:var(--bsuc-field-height) !important;
  border-radius:var(--ehn-cars-radius-field, 10px) !important;
  font-size:17px !important;
  font-weight:950 !important;
  line-height:1 !important;
}

.bsuc .bsuc-front-form__submit:hover,
.bsuc.bsuc-front-search--inline form.bsuc-front-form.bsuc-front-form--compact .bsuc-front-form__actions .bsuc-front-form__submit:hover,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__submit:hover,
.bsuc .bsuc-toggle__btn.is-active:hover{
  background:#3452ff !important;
  background-image:none !important;
  color:#fff !important;
  border-color:#3452ff !important;
}

@media (max-width:760px){
  .bsuc{
    --bsuc-field-height:56px;
  }
}


/* v5.39: Unified field radius
   All frontend text inputs, selects and checkboxes use 10px radius.
   Search buttons stay consistently EHN blue with white text. */
.bsuc{
  --bsuc-field-radius:10px;
}

.bsuc .bsuc-control input,
.bsuc .bsuc-control select,
.bsuc input[type="text"],
.bsuc input[type="search"],
.bsuc input[type="email"],
.bsuc input[type="tel"],
.bsuc input[type="url"],
.bsuc input[type="number"],
.bsuc select,
.bsuc textarea{
  border-radius:var(--bsuc-field-radius) !important;
}

.bsuc input[type="checkbox"],
.bsuc .bsuc-department-filter__check input,
.bsuc input[data-bsuc-company-checkbox]{
  border-radius:var(--bsuc-field-radius) !important;
}

.bsuc .bsuc-front-form__submit,
.bsuc .bsuc-toggle__btn.is-active,
.bsuc button[type="submit"],
.bsuc input[type="submit"]{
  background:#3452ff !important;
  background-image:none !important;
  color:#fff !important;
  border-color:#3452ff !important;
}

.bsuc .bsuc-front-form__submit:hover,
.bsuc .bsuc-front-form__submit:focus,
.bsuc .bsuc-toggle__btn.is-active:hover,
.bsuc .bsuc-toggle__btn.is-active:focus,
.bsuc button[type="submit"]:hover,
.bsuc button[type="submit"]:focus,
.bsuc input[type="submit"]:hover,
.bsuc input[type="submit"]:focus{
  background:#3452ff !important;
  background-image:none !important;
  color:#fff !important;
  border-color:#3452ff !important;
}

/* v5.40: Compact search payment buttons inline above the form */
.bsuc-front-search--inline .bsuc-front-modebar{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  margin:0 0 16px;
}
.bsuc-front-search--inline .bsuc-front-modebar .bsuc-front-form__group--mode{
  display:inline-flex;
  grid-template-columns:none;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:none;
  margin:0;
  padding:0;
  gap:14px;
  border-radius:0;
  background:transparent;
}
.bsuc-front-search--inline .bsuc-front-modebar .bsuc-toggle__btn{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:180px;
  min-height:56px;
  padding:0 28px;
  border:0;
  border-radius:var(--ehn-cars-radius-field, 10px);
  background:#f3f4f6;
  background-image:none;
  color:#111;
  font-size:17px;
  font-weight:950;
  line-height:1;
  letter-spacing:-.02em;
  box-shadow:none;
  cursor:pointer;
}
.bsuc-front-search--inline .bsuc-front-modebar .bsuc-toggle__btn.is-active,
.bsuc-front-search--inline .bsuc-front-modebar .bsuc-toggle__btn.is-active:hover,
.bsuc-front-search--inline .bsuc-front-modebar .bsuc-toggle__btn.is-active:focus{
  background:#3452ff !important;
  background-image:none !important;
  color:#fff !important;
  border-color:#3452ff !important;
  box-shadow:0 14px 26px rgba(52,82,255,.23);
}
.bsuc-front-search--inline .bsuc-front-modebar .bsuc-toggle__btn:hover{
  background:#e9edf5;
  color:#111;
}
.bsuc-front-search--inline .bsuc-front-form--compact{
  margin-top:0;
}
@media (max-width:720px){
  .bsuc-front-search--inline .bsuc-front-modebar{
    justify-content:stretch;
    margin-bottom:12px;
  }
  .bsuc-front-search--inline .bsuc-front-modebar .bsuc-front-form__group--mode{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    width:100%;
    gap:8px;
  }
  .bsuc-front-search--inline .bsuc-front-modebar .bsuc-toggle__btn{
    min-width:0;
    width:100%;
    min-height:52px;
    padding:0 10px;
    font-size:14px;
  }
}

/* v5.41: Compact source/payment bars as a single top row.
   Source tabs stay left; payment mode tabs stay right and use the same dimensions. */
.bsuc-front-search--inline{
  --bsuc-field-radius:10px;
}
.bsuc-front-search--inline .bsuc-tabs{
  position:relative;
}
.bsuc-front-search--inline .bsuc-tabs__nav{
  margin:0 0 20px !important;
  padding:4px !important;
  border-radius:18px !important;
  background:#f3f4f6 !important;
  gap:4px !important;
}
.bsuc-front-search--inline .bsuc-tabs__btn{
  min-height:52px !important;
  min-width:160px !important;
  padding:0 22px !important;
  border-radius:var(--ehn-cars-radius-field, 10px) !important;
  font-size:16px !important;
  font-weight:900 !important;
}
.bsuc-front-search--inline .bsuc-tabs__panel{
  position:static;
}
.bsuc-front-search--inline .bsuc-tabs__panel.is-active .bsuc-front-modebar{
  position:absolute;
  top:0;
  right:0;
  z-index:2;
}
.bsuc-front-search--inline > .bsuc-front-modebar{
  display:flex;
  justify-content:flex-end;
  margin:0 0 20px !important;
}
.bsuc-front-search--inline .bsuc-front-modebar{
  width:auto !important;
  margin:0 !important;
  align-items:center;
  justify-content:flex-end !important;
}
.bsuc-front-search--inline .bsuc-front-modebar .bsuc-front-form__group--mode{
  display:inline-grid !important;
  grid-auto-flow:column !important;
  grid-auto-columns:minmax(160px,auto) !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:4px !important;
  gap:4px !important;
  border-radius:18px !important;
  background:#f3f4f6 !important;
}
.bsuc-front-search--inline .bsuc-front-modebar .bsuc-toggle__btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:52px !important;
  min-width:160px !important;
  padding:0 22px !important;
  border:0 !important;
  border-radius:var(--ehn-cars-radius-field, 10px) !important;
  background:transparent !important;
  color:#151515 !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  box-shadow:none !important;
}
.bsuc-front-search--inline .bsuc-front-modebar .bsuc-toggle__btn.is-active,
.bsuc-front-search--inline .bsuc-front-modebar .bsuc-toggle__btn.is-active:hover,
.bsuc-front-search--inline .bsuc-front-modebar .bsuc-toggle__btn.is-active:focus{
  background:#3452ff !important;
  background-image:none !important;
  color:#fff !important;
  box-shadow:0 0 0 2px #fff inset !important;
}
.bsuc-front-search--inline .bsuc-front-modebar .bsuc-toggle__btn:hover{
  background:rgba(15,23,42,.06) !important;
  color:#151515 !important;
}
.bsuc-front-search--inline .bsuc-front-form--compact{
  margin-top:0 !important;
}

/* v5.41: The compact/frontpage search no longer shows the free-text field. */
.bsuc-front-search--inline .bsuc-front-form--compact input[name="q"],
.bsuc-front-search--inline .bsuc-front-form--compact label.bsuc-control:has(input[name="q"]){
  display:none !important;
}

/* v5.41: keep field radius consistent everywhere in the search UI. */
.bsuc input[type="text"],
.bsuc input[type="search"],
.bsuc input[type="email"],
.bsuc input[type="tel"],
.bsuc input[type="url"],
.bsuc input[type="number"],
.bsuc input[type="date"],
.bsuc select,
.bsuc textarea,
.bsuc .bsuc-control input,
.bsuc .bsuc-control select,
.bsuc .bsuc-front-form__pair select,
.bsuc input[type="checkbox"]{
  border-radius:var(--ehn-cars-radius-field, 10px) !important;
}
.bsuc .bsuc-front-form__submit,
.bsuc .bsuc-front-form__submit:hover,
.bsuc .bsuc-front-form__submit:focus{
  background:#3452ff !important;
  background-image:none !important;
  color:#fff !important;
  border-color:#3452ff !important;
}

@media (max-width:919px){
  .bsuc-front-search--inline .bsuc-tabs{
    position:static;
  }
  .bsuc-front-search--inline .bsuc-tabs__nav{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    margin-bottom:10px !important;
  }
  .bsuc-front-search--inline .bsuc-tabs__btn{
    min-width:0 !important;
    width:100% !important;
  }
  .bsuc-front-search--inline .bsuc-tabs__panel.is-active .bsuc-front-modebar{
    position:static;
    margin:0 0 12px !important;
  }
  .bsuc-front-search--inline > .bsuc-front-modebar{
    margin:0 0 12px !important;
  }
  .bsuc-front-search--inline .bsuc-front-modebar,
  .bsuc-front-search--inline .bsuc-front-modebar .bsuc-front-form__group--mode{
    width:100% !important;
  }
  .bsuc-front-search--inline .bsuc-front-modebar .bsuc-front-form__group--mode{
    grid-auto-flow:column !important;
    grid-auto-columns:1fr !important;
  }
  .bsuc-front-search--inline .bsuc-front-modebar .bsuc-toggle__btn{
    min-width:0 !important;
    width:100% !important;
    padding:0 12px !important;
    font-size:14px !important;
  }
}

/* v5.42: Compact frontpage search as one full-width row.
   Fields, selects, range selects and submit button share the available container width equally. */
.bsuc-front-search--inline .bsuc-front-form--compact{
  display:grid !important;
  grid-auto-flow:column !important;
  grid-auto-columns:minmax(0,1fr) !important;
  grid-template-columns:none !important;
  align-items:stretch !important;
  width:100% !important;
  gap:14px !important;
}
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__grid--compact,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__rangeGroup,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__pair{
  display:contents !important;
}
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-control,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__actions{
  min-width:0 !important;
  width:100% !important;
  margin:0 !important;
}
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__actions{
  display:flex !important;
  align-items:stretch !important;
}
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-control input,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-control select,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__pair select,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__submit{
  width:100% !important;
  min-width:0 !important;
  height:58px !important;
  min-height:58px !important;
  box-sizing:border-box !important;
  border-radius:var(--ehn-cars-radius-field, 10px) !important;
}
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-control select,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__pair select{
  -webkit-border-radius:var(--ehn-cars-radius-field, 10px) !important;
  appearance:auto !important;
  -webkit-appearance:auto !important;
  background-clip:padding-box !important;
}
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__submit{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 18px !important;
  background:#3452ff !important;
  background-image:none !important;
  color:#fff !important;
  border-color:#3452ff !important;
  font-weight:900 !important;
}
.bsuc-front-search--inline .bsuc-front-form--compact input[type="checkbox"]{
  border-radius:var(--ehn-cars-radius-field, 10px) !important;
}

@media (max-width:919px){
  .bsuc-front-search--inline .bsuc-front-form--compact{
    grid-auto-flow:row !important;
    grid-auto-columns:auto !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
}


/* v5.43: force visible 10px radius on native select controls.
   Some browsers ignore/flatten border-radius on native selects when appearance:auto is used.
   Use appearance:none and draw our own arrow so the actual select box respects 10px. */
.bsuc select,
.bsuc .bsuc-control select,
.bsuc .bsuc-front-form__pair select,
.bsuc-front-search--inline .bsuc-front-form--compact select,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-control select,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__pair select{
  border-radius:var(--ehn-cars-radius-field, 10px) !important;
  -webkit-border-radius:var(--ehn-cars-radius-field, 10px) !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  background-color:#fff !important;
  background-image:
    linear-gradient(45deg, transparent 50%, #334155 50%),
    linear-gradient(135deg, #334155 50%, transparent 50%) !important;
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50% !important;
  background-size:6px 6px, 6px 6px !important;
  background-repeat:no-repeat !important;
  background-clip:padding-box !important;
  padding-right:42px !important;
  overflow:hidden !important;
}
.bsuc select::-ms-expand{display:none !important;}
.bsuc .bsuc-control,
.bsuc .bsuc-front-form__pair{
  border-radius:var(--ehn-cars-radius-field, 10px) !important;
}


/* v5.44: Safari select radius + matching tab container radius.
   Safari can still paint native select corners square even when appearance:none is set.
   The clip-path + mask forces the rendered control to respect the same 10px radius. */
.bsuc-front-search--inline .bsuc-tabs__nav,
.bsuc-front-search--inline .bsuc-front-modebar .bsuc-front-form__group--mode{
  border-radius:var(--ehn-cars-radius-field, 10px) !important;
  overflow:hidden !important;
}
.bsuc-front-search--inline .bsuc-tabs__btn,
.bsuc-front-search--inline .bsuc-front-modebar .bsuc-toggle__btn{
  border-radius:var(--ehn-cars-radius-field, 10px) !important;
}
.bsuc select,
.bsuc .bsuc-control select,
.bsuc .bsuc-front-form__pair select,
.bsuc-front-search--inline .bsuc-front-form--compact select,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-control select,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__pair select{
  border-radius:var(--ehn-cars-radius-field, 10px) !important;
  -webkit-border-radius:var(--ehn-cars-radius-field, 10px) !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  background-color:#fff !important;
  background-clip:padding-box !important;
  overflow:hidden !important;
  clip-path:inset(0 round 10px) !important;
  -webkit-clip-path:inset(0 round 10px) !important;
  -webkit-mask-image:-webkit-radial-gradient(white, black) !important;
  transform:translateZ(0);
}
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-control select,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__pair select{
  height:58px !important;
  min-height:58px !important;
  border-radius:var(--ehn-cars-radius-field, 10px) !important;
  -webkit-border-radius:var(--ehn-cars-radius-field, 10px) !important;
}

/* v5.45: Compact field widths + optional desktop vertical layout.
   Default desktop compact row uses: first 4 fields 16%, last 2 fields 10%, submit 16%.
   Implemented as proportional grid fractions so gutters do not cause overflow. */
@media (min-width:920px){
  .bsuc-front-search--inline .bsuc-front-form--compact{
    display:grid !important;
    grid-auto-flow:row !important;
    grid-auto-columns:initial !important;
    grid-template-columns:16fr 16fr 16fr 16fr 10fr 10fr 16fr !important;
    align-items:stretch !important;
    width:100% !important;
    gap:12px !important;
  }
  .bsuc-front-search--inline .bsuc-front-form--compact .bsuc-control,
  .bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__actions{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }
  .bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__actions{
    grid-column:auto !important;
  }

  /* Optional vertical desktop version:
     [bsuc_search_form layout="compact" compact_orientation="vertical"]
     or [bsuc_search_form layout="compact" compact_vertical="1"] */
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical .bsuc-tabs{
    position:static !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical .bsuc-tabs__panel.is-active .bsuc-front-modebar{
    position:static !important;
    display:flex !important;
    justify-content:flex-start !important;
    margin:0 0 14px !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical > .bsuc-front-modebar{
    justify-content:flex-start !important;
    margin:0 0 14px !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical .bsuc-front-form--compact{
    grid-template-columns:1fr !important;
    grid-auto-flow:row !important;
    gap:10px !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical .bsuc-front-form--compact .bsuc-control,
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical .bsuc-front-form--compact .bsuc-front-form__actions,
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical .bsuc-front-form--compact .bsuc-front-form__submit{
    width:100% !important;
  }
}

/* v5.46: compact/search fields - reduce right padding to 20px.
   Applies after Safari/select fixes so the final computed padding wins. */
.bsuc input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.bsuc select,
.bsuc textarea,
.bsuc .bsuc-control input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.bsuc .bsuc-control select,
.bsuc .bsuc-front-form__pair select,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-control input,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-control select,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__pair select{
  padding-right:20px !important;
}
.bsuc select,
.bsuc .bsuc-control select,
.bsuc .bsuc-front-form__pair select,
.bsuc-front-search--inline .bsuc-front-form--compact select,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-control select,
.bsuc-front-search--inline .bsuc-front-form--compact .bsuc-front-form__pair select{
  background-position:
    calc(100% - 14px) 50%,
    calc(100% - 9px) 50% !important;
}

/* v5.47: compact vertical desktop layout can place selected/random models left or right of the search form.
   Usage:
   [bsuc_search_form layout="compact" compact_orientation="vertical" compact_featured_position="left"]
   [bsuc_search_form layout="compact" compact_orientation="vertical" compact_featured_position="right"]
*/
@media (min-width:920px){
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-left .bsuc-tabs__panel.is-active,
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-right .bsuc-tabs__panel.is-active{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(320px,420px) !important;
    gap:24px !important;
    align-items:start !important;
  }

  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-left > .bsuc-front-modebar,
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-left > .bsuc-front-form--compact,
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-right > .bsuc-front-modebar,
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-right > .bsuc-front-form--compact{
    width:100% !important;
  }

  /* source="both": panel contains modebar, form and random preview */
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-left .bsuc-tabs__panel.is-active > .bsuc-front-modebar,
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-left .bsuc-tabs__panel.is-active > .bsuc-front-form--compact{
    grid-column:2 !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-left .bsuc-tabs__panel.is-active > .bsuc-front-random{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    margin-top:0 !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-right .bsuc-tabs__panel.is-active > .bsuc-front-modebar,
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-right .bsuc-tabs__panel.is-active > .bsuc-front-form--compact{
    grid-column:1 !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-right .bsuc-tabs__panel.is-active > .bsuc-front-random{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    margin-top:0 !important;
  }

  /* single-source shortcodes: root contains modebar, form and random preview */
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-left:not(:has(.bsuc-tabs)),
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-right:not(:has(.bsuc-tabs)){
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(320px,420px) !important;
    gap:24px !important;
    align-items:start !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-left:not(:has(.bsuc-tabs)) > .bsuc-front-modebar,
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-left:not(:has(.bsuc-tabs)) > .bsuc-front-form--compact{
    grid-column:2 !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-left:not(:has(.bsuc-tabs)) > .bsuc-front-random{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    margin-top:0 !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-right:not(:has(.bsuc-tabs)) > .bsuc-front-modebar,
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-right:not(:has(.bsuc-tabs)) > .bsuc-front-form--compact{
    grid-column:1 !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-right:not(:has(.bsuc-tabs)) > .bsuc-front-random{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    margin-top:0 !important;
  }

  .bsuc-front-search--inline.bsuc-front-search--compact-vertical .bsuc-front-random__grid{
    --cols-desktop:1 !important;
  }
}

@media (max-width:919px){
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical .bsuc-tabs__panel.is-active,
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical{
    display:block !important;
  }
}

/* v5.48: Rebuild compact vertical featured layout.
   Desktop vertical layout is a full-width 2-column grid:
   search form column = 33%, selected models column = 66%.
   compact_featured_position controls whether selected models sit left or right. */
@media (min-width:920px){
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical{
    max-width:none !important;
    width:100% !important;
    margin-inline:0 !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical .bsuc-tabs,
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical .bsuc-tabs__panel{
    width:100% !important;
  }

  /* source="both" panels */
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-right .bsuc-tabs__panel.is-active{
    display:grid !important;
    grid-template-columns:minmax(280px,33fr) minmax(0,67fr) !important;
    gap:24px !important;
    align-items:start !important;
    width:100% !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-left .bsuc-tabs__panel.is-active{
    display:grid !important;
    grid-template-columns:minmax(0,67fr) minmax(280px,33fr) !important;
    gap:24px !important;
    align-items:start !important;
    width:100% !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-right .bsuc-tabs__panel.is-active > .bsuc-front-modebar,
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-right .bsuc-tabs__panel.is-active > .bsuc-front-form--compact{
    grid-column:1 !important;
    width:100% !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-right .bsuc-tabs__panel.is-active > .bsuc-front-random{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    width:100% !important;
    margin-top:0 !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-left .bsuc-tabs__panel.is-active > .bsuc-front-modebar,
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-left .bsuc-tabs__panel.is-active > .bsuc-front-form--compact{
    grid-column:2 !important;
    width:100% !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-left .bsuc-tabs__panel.is-active > .bsuc-front-random{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    width:100% !important;
    margin-top:0 !important;
  }

  /* single-source shortcodes */
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-right:not(:has(.bsuc-tabs)){
    display:grid !important;
    grid-template-columns:minmax(280px,33fr) minmax(0,67fr) !important;
    gap:24px !important;
    align-items:start !important;
    width:100% !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-left:not(:has(.bsuc-tabs)){
    display:grid !important;
    grid-template-columns:minmax(0,67fr) minmax(280px,33fr) !important;
    gap:24px !important;
    align-items:start !important;
    width:100% !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-right:not(:has(.bsuc-tabs)) > .bsuc-front-modebar,
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-right:not(:has(.bsuc-tabs)) > .bsuc-front-form--compact{
    grid-column:1 !important;
    width:100% !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-right:not(:has(.bsuc-tabs)) > .bsuc-front-random{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    width:100% !important;
    margin-top:0 !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-left:not(:has(.bsuc-tabs)) > .bsuc-front-modebar,
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-left:not(:has(.bsuc-tabs)) > .bsuc-front-form--compact{
    grid-column:2 !important;
    width:100% !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--featured-left:not(:has(.bsuc-tabs)) > .bsuc-front-random{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    width:100% !important;
    margin-top:0 !important;
  }

  .bsuc-front-search--inline.bsuc-front-search--compact-vertical .bsuc-front-random__grid.bsuc-results-grid{
    --cols-desktop:2 !important;
    gap:16px !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical .bsuc-front-form--compact{
    grid-template-columns:1fr !important;
    width:100% !important;
  }
}

/* v5.49: Vertical compact layout polish.
   Align selected models to the top of the module and keep selected cards on one horizontal line. */
@media (min-width:920px){
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random .bsuc-tabs{
    display:grid !important;
    gap:24px !important;
    align-items:start !important;
    width:100% !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-right .bsuc-tabs{
    grid-template-columns:minmax(280px,33fr) minmax(0,67fr) !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-left .bsuc-tabs{
    grid-template-columns:minmax(0,67fr) minmax(280px,33fr) !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random .bsuc-tabs__panel[hidden]{
    display:none !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random .bsuc-tabs__panel.is-active{
    display:contents !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-right .bsuc-tabs__nav,
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-right .bsuc-tabs__panel.is-active > .bsuc-front-modebar,
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-right .bsuc-tabs__panel.is-active > .bsuc-front-form--compact{
    grid-column:1 !important;
    width:100% !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-right .bsuc-tabs__nav{
    grid-row:1 !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-right .bsuc-tabs__panel.is-active > .bsuc-front-modebar{
    grid-row:2 !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-right .bsuc-tabs__panel.is-active > .bsuc-front-form--compact{
    grid-row:3 !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-right .bsuc-tabs__panel.is-active > .bsuc-front-random{
    grid-column:2 !important;
    grid-row:1 / span 3 !important;
    align-self:start !important;
    margin-top:0 !important;
    width:100% !important;
  }

  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-left .bsuc-tabs__nav,
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-left .bsuc-tabs__panel.is-active > .bsuc-front-modebar,
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-left .bsuc-tabs__panel.is-active > .bsuc-front-form--compact{
    grid-column:2 !important;
    width:100% !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-left .bsuc-tabs__nav{
    grid-row:1 !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-left .bsuc-tabs__panel.is-active > .bsuc-front-modebar{
    grid-row:2 !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-left .bsuc-tabs__panel.is-active > .bsuc-front-form--compact{
    grid-row:3 !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical.bsuc-front-search--with-random.bsuc-front-search--featured-left .bsuc-tabs__panel.is-active > .bsuc-front-random{
    grid-column:1 !important;
    grid-row:1 / span 3 !important;
    align-self:start !important;
    margin-top:0 !important;
    width:100% !important;
  }

  .bsuc-front-search--inline.bsuc-front-search--compact-vertical .bsuc-front-random{
    margin-top:0 !important;
    align-self:start !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical .bsuc-front-random__head{
    margin-top:0 !important;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical .bsuc-front-random__grid.bsuc-results-grid{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:16px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    align-items:stretch !important;
    padding-bottom:4px !important;
    scroll-snap-type:x proximity;
  }
  .bsuc-front-search--inline.bsuc-front-search--compact-vertical .bsuc-front-random__grid.bsuc-results-grid > *{
    flex:1 0 0 !important;
    min-width:240px !important;
    scroll-snap-align:start;
  }
}

/* v5.50: Responsive featured count + remove drop-shadows from vehicle/model and promo cards. */
.bsuc .bsuc-card,
.bsuc .bsuc-card:hover,
.bsuc .bsuc-promo-card,
.bsuc .bsuc-promo-card:hover,
.bsuc .bsuc-promo-card:focus,
.bsuc .bsuc-promo-single,
.bsuc .bsuc-promo-carousel,
.bsuc .bsuc-front-random,
.bsuc .bsuc-front-search,
.bsuc .bsuc-front-search--inline,
.bsuc .bsuc-front-form,
.bsuc .bsuc-front-form--compact,
.bsuc .bsuc-front-modebar,
.bsuc .bsuc-tabs__nav,
.bsuc .bsuc-card__tag,
.bsuc .bsuc-card__dealer,
.bsuc .bsuc-control input,
.bsuc .bsuc-control select,
.bsuc .bsuc-search-submit,
.bsuc .bsuc-front-submit,
.bsuc .bsuc-mode-btn,
.bsuc .bsuc-tabs__btn{
  box-shadow:none !important;
  filter:none !important;
}

@media (min-width:1025px){
  .bsuc .bsuc-featured-card--hide-desktop{display:none !important;}
}
@media (min-width:681px) and (max-width:1024px){
  .bsuc .bsuc-featured-card--hide-tablet{display:none !important;}
  .bsuc .bsuc-results-grid{grid-template-columns:repeat(var(--cols-tablet,2), minmax(0,1fr));}
}
@media (max-width:680px){
  .bsuc .bsuc-featured-card--hide-mobile{display:none !important;}
  .bsuc .bsuc-results-grid{grid-template-columns:repeat(var(--cols-mobile,1), minmax(0,1fr));}
}


/* v5.52: compact row order polish.
   For new/van compact filters the DOM order is now range before price, so these fractions map to:
   first 4 controls 16%, two price controls 10%, submit 16%. Range selects keep visible placeholders. */
@media (min-width:920px){
  .bsuc-front-search--inline .bsuc-front-form--compact{
    grid-template-columns:16fr 16fr 16fr 16fr 10fr 10fr 16fr !important;
  }
}

/* Stable card rendering: prevent theme opacity/filter rules from altering card layers. */
.bsuc .bsuc-card,
.bsuc .bsuc-card img,
.bsuc-promo-card,
.bsuc-promo-card__backdrop,
.bsuc-promo-card__image,
.bsuc-promo-class-card,
.bsuc-promo-class-card__image{
  opacity:1 !important;
  filter:none !important;
}

@media (prefers-reduced-motion:reduce){
  .bsuc-card__media > img.bsuc-card__img,
  .bsuc-promo-card__backdrop,
  .bsuc-promo-card__image,
  .bsuc-promo-class-card__image{
    transition:none !important;
  }
}

/* EHN Master 1.3.8: shortcode-level no-filter mode. Server-side markup normally removes the sidebar;
   this is a defensive fallback for cached/legacy markup and builder previews. */
.bsuc-search.bsuc-search--no-filter .bsuc-layout{grid-template-columns:1fr !important;}
.bsuc-search.bsuc-search--no-filter .bsuc-sidebar{display:none !important;}

/* EHN Master 1.3.9: static mixed new+used listing. */
.bsuc-search-static--mixed .bsuc-layout{display:block !important;grid-template-columns:1fr !important;}
.bsuc-search-static--mixed .bsuc-main{width:100%;min-width:0;}
.bsuc-search-static--mixed .bsuc-results-grid{width:100%;}

/* v5.52.31: Optional promo grayscale effect and clean rounded-edge clipping.
   The media layer extends beneath the card shell so antialiased corner pixels
   never reveal the card's fallback gradient/background. */
.bsuc-promo-card,
.bsuc-promo-class-card{
  border:0!important;
  background-clip:border-box!important;
}
.bsuc-promo-card__media,
.bsuc-promo-class-card__media{
  inset:-1px!important;
  -webkit-mask-image:-webkit-radial-gradient(white,white)!important;
  mask-image:linear-gradient(#fff,#fff)!important;
}
.bsuc-promo-card--grayscale .bsuc-promo-card__media{
  -webkit-filter:grayscale(1)!important;
  filter:grayscale(1)!important;
  transition:-webkit-filter 650ms cubic-bezier(.2,.65,.3,1),filter 650ms cubic-bezier(.2,.65,.3,1);
  will-change:filter;
}
.bsuc-promo-card--grayscale.bsuc-promo-card--color-on-hover:hover .bsuc-promo-card__media,
.bsuc-promo-card--grayscale.bsuc-promo-card--color-on-hover.ehn-is-hovered .bsuc-promo-card__media,
.bsuc-promo-card--grayscale.bsuc-promo-card--color-on-hover:focus-visible .bsuc-promo-card__media{
  -webkit-filter:grayscale(0)!important;
  filter:grayscale(0)!important;
}
@media (prefers-reduced-motion:reduce){
  .bsuc-promo-card--grayscale .bsuc-promo-card__media{
    transition:none!important;
  }
}

/* v5.55.9: Mobile width containment + native swipe carousel.
   The complete wrapper chain must be allowed to shrink inside Salient/WPBakery.
   Without min-width:0, the carousel's intrinsic width can enlarge the grid track,
   which also makes the filter controls and result area wider than the viewport. */
.bsuc-layout,
.bsuc-sidebar,
.bsuc-sidebar__inner,
.bsuc-main,
.bsuc-results-header,
.bsuc-results-grid{
  min-width:0;
  max-width:100%;
}
.bsuc-main,
.bsuc-sidebar,
.bsuc-results-header,
.bsuc-results-grid{
  width:100%;
}

@media (max-width:680px){
  .bsuc{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:clip;
  }
  .bsuc .bsuc-layout,
  .bsuc .bsuc-sidebar,
  .bsuc .bsuc-sidebar__inner,
  .bsuc .bsuc-main,
  .bsuc .bsuc-results-header{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .bsuc .bsuc-sidebar__inner,
  .bsuc .bsuc-control,
  .bsuc .bsuc-control input,
  .bsuc .bsuc-control select,
  .bsuc .bsuc-sort,
  .bsuc .bsuc-sort select{
    max-width:100%!important;
    min-width:0!important;
  }

  .bsuc .bsuc-mobile-carousel-grid.is-bsuc-mobile-carousel{
    --bsuc-mobile-card-gap:22px;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    grid-template-columns:none!important;
    grid-auto-flow:initial!important;
    column-count:initial!important;
    gap:var(--bsuc-mobile-card-gap)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:4px 0 18px!important;
    margin:0!important;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:0;
    scroll-behavior:auto;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    touch-action:pan-x pan-y;
    box-sizing:border-box!important;
  }
  .bsuc .bsuc-mobile-carousel-grid.is-bsuc-mobile-carousel::-webkit-scrollbar{
    display:none;
    width:0;
    height:0;
  }
  .bsuc .bsuc-mobile-carousel-grid.is-bsuc-mobile-carousel > .bsuc-card{
    box-sizing:border-box!important;
    flex:0 0 max(240px, calc(100% - var(--bsuc-mobile-peek,56px) - var(--bsuc-mobile-card-gap)))!important;
    width:max(240px, calc(100% - var(--bsuc-mobile-peek,56px) - var(--bsuc-mobile-card-gap)))!important;
    min-width:0!important;
    max-width:max(240px, calc(100% - var(--bsuc-mobile-peek,56px) - var(--bsuc-mobile-card-gap)))!important;
    height:auto!important;
    min-height:0!important;
    align-self:flex-start!important;
    margin:0!important;
    grid-column:auto!important;
    grid-row:auto!important;
    scroll-snap-align:start;
    scroll-snap-stop:normal;
  }
  .bsuc .bsuc-mobile-carousel-grid.is-bsuc-mobile-carousel > .bsuc-card > .bsuc-card__header,
  .bsuc .bsuc-mobile-carousel-grid.is-bsuc-mobile-carousel > .bsuc-card > .bsuc-card__body{
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .bsuc .bsuc-mobile-carousel-grid.is-bsuc-mobile-carousel > .bsuc-card > .bsuc-card__media{
    flex:0 0 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    box-sizing:border-box!important;
  }
  .bsuc .bsuc-mobile-carousel-grid.is-bsuc-mobile-carousel::after{
    content:"";
    display:block;
    flex:0 0 1px;
    width:1px;
    min-width:1px;
    height:1px;
    pointer-events:none;
  }
  .bsuc .bsuc-mobile-carousel-grid.is-bsuc-mobile-carousel > .bsuc-card .bsuc-card__media > img.bsuc-card__img,
  .bsuc .bsuc-mobile-carousel-grid.is-bsuc-mobile-carousel > .bsuc-card:hover .bsuc-card__media > img.bsuc-card__img,
  .bsuc .bsuc-mobile-carousel-grid.is-bsuc-mobile-carousel > .bsuc-card.ehn-is-hovered .bsuc-card__media > img.bsuc-card__img,
  .bsuc .bsuc-mobile-carousel-grid.is-bsuc-mobile-carousel > .bsuc-card:focus-visible .bsuc-card__media > img.bsuc-card__img{
    -webkit-transform:none!important;
    transform:none!important;
    transition:none!important;
  }
}

@supports not (overflow:clip){
  @media (max-width:680px){
    .bsuc{overflow-x:hidden;}
  }
}

@media (prefers-reduced-motion:reduce){
  .bsuc .bsuc-mobile-carousel-grid.is-bsuc-mobile-carousel{scroll-behavior:auto!important;}
}



/* v5.56.0: Mobile swipe indicator. */
.bsuc-mobile-carousel-shell{position:relative;min-width:0;max-width:100%}
.bsuc-mobile-swipe-hint,.bsuc-mobile-carousel-count{display:none}
@media (max-width:680px){
  .bsuc-mobile-carousel-shell.is-bsuc-mobile-carousel-active.is-bsuc-swipe-hint-visible .bsuc-mobile-swipe-hint,
  .bsuc-mobile-carousel-shell.is-bsuc-mobile-carousel-active .bsuc-mobile-carousel-count{
    position:absolute;bottom:25px;z-index:8;display:inline-flex;align-items:center;gap:7px;
    padding:8px 12px;border:1px solid rgba(5,6,7,.12);border-radius:999px;background:rgba(255,255,255,.92);
    color:#050607;font-size:12px;font-weight:800;line-height:1;letter-spacing:.01em;
    box-shadow:0 3px 14px rgba(5,6,7,.10);pointer-events:none;
    opacity:1;transition:opacity .28s ease,transform .28s ease;
    -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  }
  .bsuc-mobile-carousel-shell.is-bsuc-mobile-carousel-active.is-bsuc-swipe-hint-visible .bsuc-mobile-swipe-hint{
    right:12px;transform:translateX(0);animation:bsuc-swipe-hint-nudge 1.15s ease-in-out 2;
  }
  .bsuc-mobile-carousel-shell.is-bsuc-mobile-carousel-active .bsuc-mobile-carousel-count{
    left:12px;transform:none;
  }
  .bsuc-mobile-swipe-hint__icon{display:inline-block;font-size:16px;line-height:.8}
  .bsuc-mobile-carousel-count__sep{opacity:.45}
  .bsuc-mobile-carousel-shell.is-bsuc-swipe-hint-dismissed .bsuc-mobile-swipe-hint{opacity:0;transform:translateX(8px)}
}
@keyframes bsuc-swipe-hint-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-6px)}}
@media (prefers-reduced-motion:reduce){.bsuc-mobile-carousel-shell .bsuc-mobile-swipe-hint,.bsuc-mobile-carousel-shell .bsuc-mobile-carousel-count{animation:none!important;transition:none!important}}

/* v5.56.4: Keep used-car swipe on the same lightweight native path as new cars. */
@media (max-width:680px){
  .bsuc .bsuc-mobile-carousel-grid.is-bsuc-mobile-carousel > .bsuc-card--used .bsuc-card__dealer{
    background:#fff;
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}