/* eFlyersXOX v5.4.10-r2.7.23-r1 PREVIEW — Smart Finder Mini Flow + Customer Hero Compact
 * Presentation-only progressive enhancement. Scoped to html.efx-smart-mini-preview.
 */
html.efx-smart-mini-preview #recommender.smart-mini-active{
  padding-top:clamp(24px,4vw,42px)!important;
  padding-bottom:clamp(24px,4vw,42px)!important;
  background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%)!important;
}
html.efx-smart-mini-preview #recommender.smart-mini-active>.smart-finder-heading{display:none!important}
html.efx-smart-mini-preview #recommender.smart-mini-active>#recommendForm.smart-mini-native{display:none!important}

html.efx-smart-mini-preview .smart-mini{
  width:min(880px,100%);
  margin:0 auto;
  color:#071f62;
}
html.efx-smart-mini-preview .smart-mini button{font:inherit}
html.efx-smart-mini-preview .smart-mini-shell{
  position:relative;
  overflow:hidden;
  border:1px solid #e1e6ee;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 34px rgba(7,31,98,.08);
}
html.efx-smart-mini-preview .smart-mini-shell:before{
  content:"";
  position:absolute;
  top:-72px;
  right:-68px;
  width:170px;
  height:170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,241,0,.26),rgba(255,241,0,0) 72%);
  pointer-events:none;
}
html.efx-smart-mini-preview .smart-mini-idle{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  min-height:82px;
  padding:14px 15px;
}
html.efx-smart-mini-preview .smart-mini-idle-copy{min-width:0}
html.efx-smart-mini-preview .smart-mini-kicker{
  display:flex;
  align-items:center;
  gap:7px;
  color:#071f62;
  font-size:10px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}
html.efx-smart-mini-preview .smart-mini-kicker>i{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:8px;
  background:#071f62;
  color:#fff100;
  font-style:normal;
  font-size:12px;
}
html.efx-smart-mini-preview .smart-mini-idle h3{
  margin:5px 0 0;
  color:#071f62;
  font-size:clamp(17px,3.8vw,23px);
  line-height:1.08;
  letter-spacing:-.03em;
}
html.efx-smart-mini-preview .smart-mini-start{
  min-width:78px;
  min-height:42px;
  padding:0 15px;
  border:0;
  border-radius:13px;
  background:#fff100;
  color:#071f62;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(255,241,0,.26);
}
html.efx-smart-mini-preview .smart-mini-start:active{transform:translateY(1px)}

html.efx-smart-mini-preview .smart-mini-flow{
  position:relative;
  z-index:1;
  padding:14px;
}
html.efx-smart-mini-preview .smart-mini-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
html.efx-smart-mini-preview .smart-mini-counter{
  flex:0 0 auto;
  min-width:43px;
  padding:6px 9px;
  border-radius:999px;
  background:#071f62;
  color:#fff;
  font-size:10px;
  font-weight:950;
  text-align:center;
}
html.efx-smart-mini-preview .smart-mini-progress{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:5px;
  margin:11px 0 14px;
}
html.efx-smart-mini-preview .smart-mini-progress>span{
  height:4px;
  border-radius:999px;
  background:#e3e8f0;
  transition:background .18s ease,transform .18s ease;
}
html.efx-smart-mini-preview .smart-mini-progress>span.done{background:#fff100}
html.efx-smart-mini-preview .smart-mini-progress>span.current{background:#071f62;transform:scaleY(1.3)}
html.efx-smart-mini-preview .smart-mini-stage{
  min-height:132px;
  touch-action:pan-y;
}
html.efx-smart-mini-preview .smart-mini-question{
  animation:efxSmartMiniIn .18s ease both;
}
@keyframes efxSmartMiniIn{from{opacity:.25;transform:translateX(8px)}to{opacity:1;transform:none}}
html.efx-smart-mini-preview .smart-mini-question-label{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:10px;
}
html.efx-smart-mini-preview .smart-mini-step-no{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:10px;
  background:#fff100;
  color:#071f62;
  font-size:11px;
  font-weight:950;
}
html.efx-smart-mini-preview .smart-mini-question-label strong{
  color:#071f62;
  font-size:15px;
  line-height:1.2;
}
html.efx-smart-mini-preview .smart-mini-options{
  display:grid;
  grid-auto-flow:column;
  grid-template-rows:repeat(2,minmax(42px,auto));
  grid-auto-columns:minmax(145px,46%);
  gap:7px;
  max-width:100%;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  padding:1px 1px 4px;
}
html.efx-smart-mini-preview .smart-mini-options::-webkit-scrollbar{display:none}
html.efx-smart-mini-preview .smart-mini-option{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  min-width:0;
  min-height:42px;
  padding:8px 10px;
  border:1px solid #dfe5ee;
  border-radius:13px;
  background:#f8fafc;
  color:#253650;
  font-size:11px;
  font-weight:850;
  line-height:1.2;
  text-align:left;
  scroll-snap-align:start;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease;
}
html.efx-smart-mini-preview .smart-mini-option:before{
  content:"";
  flex:0 0 auto;
  width:15px;
  height:15px;
  border:1.5px solid #bcc7d6;
  border-radius:50%;
  background:#fff;
}
html.efx-smart-mini-preview .smart-mini-option.active{
  border-color:#e7d800;
  background:#fffbe0;
  color:#071f62;
  box-shadow:inset 0 0 0 1px rgba(255,241,0,.35);
}
html.efx-smart-mini-preview .smart-mini-option.active:before{
  border-color:#071f62;
  background:#071f62;
  box-shadow:inset 0 0 0 4px #fff100;
}
html.efx-smart-mini-preview .smart-mini-option:active{transform:scale(.985)}
html.efx-smart-mini-preview .smart-mini-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid #edf0f4;
}
html.efx-smart-mini-preview .smart-mini-arrow{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid #dfe5ee;
  border-radius:12px;
  background:#fff;
  color:#071f62;
  font-size:22px;
  font-weight:900;
  cursor:pointer;
}
html.efx-smart-mini-preview .smart-mini-arrow:disabled{opacity:.28;cursor:default}
html.efx-smart-mini-preview .smart-mini-find{
  min-height:38px;
  padding:0 15px;
  border:0;
  border-radius:12px;
  background:#071f62;
  color:#fff100;
  font-size:11px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(7,31,98,.16);
}
html.efx-smart-mini-preview .smart-mini-find[hidden]{display:none!important}
html.efx-smart-mini-preview .smart-mini-nav-spacer{flex:1}

html.efx-smart-mini-preview .smart-mini-summary{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:12px 14px;
}
html.efx-smart-mini-preview .smart-mini-summary-head{
  display:flex;
  align-items:center;
  gap:7px;
  color:#071f62;
  font-size:11px;
  font-weight:950;
}
html.efx-smart-mini-preview .smart-mini-summary-head>i{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#fff100;
  color:#071f62;
  font-style:normal;
}
html.efx-smart-mini-preview .smart-mini-summary-values{
  display:flex;
  gap:5px;
  margin-top:6px;
  overflow-x:auto;
  scrollbar-width:none;
  white-space:nowrap;
}
html.efx-smart-mini-preview .smart-mini-summary-values::-webkit-scrollbar{display:none}
html.efx-smart-mini-preview .smart-mini-summary-values span{
  flex:0 0 auto;
  max-width:155px;
  overflow:hidden;
  text-overflow:ellipsis;
  padding:5px 8px;
  border-radius:999px;
  background:#f2f5f9;
  color:#5a687d;
  font-size:9.5px;
  font-weight:800;
}
html.efx-smart-mini-preview .smart-mini-edit{
  min-width:62px;
  min-height:36px;
  padding:0 11px;
  border:1px solid #dfe5ee;
  border-radius:11px;
  background:#fff;
  color:#071f62;
  font-size:10px;
  font-weight:950;
  cursor:pointer;
}

/* Keep the existing recommendation logic/content but present results as a compact rail. */
html.efx-smart-mini-preview #recommender.smart-mini-active .smart-finder-result{
  width:min(880px,100%);
  margin:12px auto 0!important;
  padding:15px!important;
  border-radius:18px!important;
  box-shadow:0 14px 34px rgba(7,31,98,.14)!important;
}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommendation-head{align-items:center!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommendation-head .eyebrow{font-size:8px!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommendation-head h3{font-size:20px!important;line-height:1.1!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .smart-finder-summary{font-size:10px!important;margin-top:4px!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .smart-match{display:none!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommendation-cards{
  display:flex!important;
  gap:10px!important;
  margin-top:12px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommendation-cards::-webkit-scrollbar{display:none}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommend-mini{
  flex:0 0 min(76vw,300px)!important;
  scroll-snap-align:start;
  min-height:0!important;
  padding:14px!important;
  border-radius:15px!important;
  gap:6px!important;
}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommend-mini strong{font-size:17px!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommend-mini .mini-data{font-size:12px!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommend-mini .mini-price{font-size:23px!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommend-mini .mini-price small{font-size:10px!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .smart-reasons{gap:3px!important;margin:1px 0 2px!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .smart-reasons li{font-size:9.5px!important;line-height:1.25!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .recommend-mini .btn{padding:9px 10px!important;font-size:10px!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .smart-finder-actions{
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  gap:7px!important;
  margin-top:11px!important;
  padding-top:10px!important;
  overflow-x:auto!important;
  scrollbar-width:none;
}
html.efx-smart-mini-preview #recommender.smart-mini-active .smart-finder-actions.hidden{display:none!important}
html.efx-smart-mini-preview #recommender.smart-mini-active .smart-finder-actions::-webkit-scrollbar{display:none}
html.efx-smart-mini-preview #recommender.smart-mini-active .smart-finder-actions .btn{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:132px!important;
  padding:10px 12px!important;
  font-size:10px!important;
}

@media(max-width:680px){
  html.efx-smart-mini-preview #recommender.smart-mini-active{padding:18px 12px!important}
  html.efx-smart-mini-preview .smart-mini-shell{border-radius:17px}
  html.efx-smart-mini-preview .smart-mini-idle{min-height:76px;padding:12px}
  html.efx-smart-mini-preview .smart-mini-flow{padding:12px}
  html.efx-smart-mini-preview .smart-mini-stage{min-height:128px}
  html.efx-smart-mini-preview .smart-mini-options{grid-auto-columns:minmax(142px,62%)}
  html.efx-smart-mini-preview #recommender.smart-mini-active .smart-finder-result{padding:13px!important;border-radius:17px!important}
  html.efx-smart-mini-preview #recommender.smart-mini-active .smart-finder-summary{display:none!important}
}
@media(max-width:390px){
  html.efx-smart-mini-preview .smart-mini-options{grid-auto-columns:minmax(136px,68%)}
  html.efx-smart-mini-preview .smart-mini-option{font-size:10.5px;padding:7px 9px}
  html.efx-smart-mini-preview .smart-mini-question-label strong{font-size:14px}
  html.efx-smart-mini-preview .smart-mini-idle h3{font-size:17px}
  html.efx-smart-mini-preview #recommender.smart-mini-active .recommend-mini{flex-basis:78vw!important}
}
@media(prefers-reduced-motion:reduce){
  html.efx-smart-mini-preview .smart-mini-question{animation:none!important}
  html.efx-smart-mini-preview .smart-mini-option,
  html.efx-smart-mini-preview .smart-mini-progress>span{transition:none!important}
}


/* r2.7.23-r1 — Mobile customer hero compact hotfix.
 * Baseline r2.7.21 carries a legacy 112px customer-view bottom padding on mobile.
 * Preview-only visual override; carousel markup, data and controls are untouched.
 */
@media (max-width:720px){
  html.efx-smart-mini-preview body.share-view .hero{
    padding-bottom:32px!important;
  }
}

/* v5.4.10-r2.7.26 — Customer Smart Finder cleanup
   Keep "Cadangkan Untuk Pelanggan" available in /d dealer view, hide it only in customer/share view. */
html.efx-smart-mini-preview body.share-view #personaliseRecommendedBtn{
  display:none!important;
}