/* MobiLux side banner + product carousel. */
.mobilux-banner-product-carousel{
  --ml-bpc-banner-width:27%;
  --ml-bpc-gap:16px;
  display:flex;
  flex-direction:row;
  align-items:stretch;
  gap:var(--ml-bpc-gap);
  width:100%;
  min-width:0;
  padding:18px;
  direction:rtl;
  overflow:hidden;
  border:1px solid #eceef5;
  border-radius:24px;
  background:linear-gradient(135deg,#fff 0%,color-mix(in srgb,var(--ml-primary) 2%,#fff) 100%);
  box-shadow:0 14px 44px rgba(31,37,67,.055);
}
.mobilux-banner-product-carousel.is-banner-left{flex-direction:row-reverse}
.mobilux-banner-product-carousel__banner{
  position:relative;
  flex:0 0 var(--ml-bpc-banner-width);
  width:var(--ml-bpc-banner-width);
  min-width:0;
  overflow:hidden;
  border-radius:18px;
  background:color-mix(in srgb,var(--ml-primary) 8%,#fff);
  isolation:isolate;
}
.mobilux-banner-product-carousel__banner-link{display:block;width:100%;height:100%;min-height:inherit;text-decoration:none}
.mobilux-banner-product-carousel__banner-image{
  display:block;
  width:100%!important;
  height:100%!important;
  min-height:inherit;
  max-width:none!important;
  margin:0!important;
  object-fit:cover;
  object-position:center;
  transition:transform .45s ease,filter .3s ease;
}
.mobilux-banner-product-carousel__banner:hover .mobilux-banner-product-carousel__banner-image{transform:scale(1.018)}
.mobilux-banner-product-carousel__placeholder{display:grid;place-items:center;align-content:center;gap:10px;height:100%;min-height:320px;padding:24px;color:#7c748f;text-align:center;background:linear-gradient(145deg,color-mix(in srgb,var(--ml-primary) 8%,#fff),color-mix(in srgb,var(--ml-primary) 13%,#fff))}
.mobilux-banner-product-carousel__placeholder i{font-size:42px;opacity:.55}.mobilux-banner-product-carousel__placeholder span{font-size:13px;font-weight:800}
.mobilux-banner-product-carousel__products{flex:1 1 auto;min-width:0;width:0;display:flex;flex-direction:column}
.mobilux-banner-product-carousel__products>.mobilux-product-showcase{flex:1;min-width:0}
.mobilux-banner-product-carousel .mobilux-product-showcase__header{margin-bottom:16px}
.mobilux-banner-product-carousel .mobilux-product-showcase__viewport{min-width:0}
.mobilux-banner-product-carousel .mobilux-product-showcase__card{height:100%}
.mobilux-banner-product-carousel .mobilux-product-showcase__track{align-items:stretch}
.mobilux-banner-product-carousel .mobilux-product-showcase__slide{height:auto}
/* Screenshot-like retail card rhythm. */
.mobilux-banner-product-carousel .mobilux-product-showcase__media{background:#fff}
.mobilux-banner-product-carousel .mobilux-product-showcase__body{background:#fff}
.mobilux-banner-product-carousel .mobilux-product-showcase__nav button{background:rgba(255,255,255,.96);box-shadow:0 6px 18px rgba(31,37,67,.06)}
@media(max-width:1024px){
  .mobilux-banner-product-carousel{padding:14px;gap:12px}
  .mobilux-banner-product-carousel__banner{flex-basis:var(--ml-bpc-banner-width);width:var(--ml-bpc-banner-width)}
}
@media(max-width:767.98px){
  .mobilux-banner-product-carousel,
  .mobilux-banner-product-carousel.is-banner-left{flex-direction:column;gap:12px;padding:10px;border-radius:18px}
  .mobilux-banner-product-carousel.is-mobile-banner-bottom{flex-direction:column-reverse}
  .mobilux-banner-product-carousel.hide-banner-mobile .mobilux-banner-product-carousel__banner{display:none!important}
  .mobilux-banner-product-carousel__banner{width:100%;flex:0 0 auto;min-height:200px;border-radius:14px}
  .mobilux-banner-product-carousel__products{width:100%;flex:1 1 auto}
  .mobilux-banner-product-carousel__placeholder{min-height:200px}
}