/* Home v1.4.2 — corrected Figma proportions and RTL source order. */
body.flm-new-ui-active .flm-hero-section{padding-top:28px;padding-bottom:18px}
body.flm-new-ui-active .flm-hero{display:grid;grid-template-columns:minmax(0,3.1613fr) minmax(240px,1fr);gap:18px;direction:rtl;align-items:stretch}
body.flm-new-ui-active .flm-hero__main{width:100%;min-width:0;min-height:0;height:auto;aspect-ratio:980/420;flex:none}
body.flm-new-ui-active .flm-hero__side{width:100%;min-width:0;min-height:0;height:auto;aspect-ratio:310/420;flex:none}
body.flm-new-ui-active .flm-hero-slide img,body.flm-new-ui-active .flm-hero__side img{object-fit:cover}
body.flm-new-ui-active .flm-material-rail{padding-top:20px;padding-bottom:42px}
body.flm-new-ui-active .flm-products{padding-top:38px}
body.flm-new-ui-active .flm-product-card__image>.flm-product-card__colors,
body.flm-new-ui-active .flm-product-card__image>.flm-product-card__color{position:absolute;left:15px;top:16px;z-index:4;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;min-height:0!important;max-height:none!important;overflow:visible!important;width:auto!important}
body.flm-new-ui-active .flm-product-card__image .flm-product-card__color-dot{display:block;width:12px;height:12px;min-width:12px;flex:0 0 12px;flex-basis:12px;border-radius:50%;background:var(--flm-product-color,var(--flmnt-color,var(--flm-color,#bbb)));border:0;box-shadow:0 0 0 1px rgba(20,24,30,.12)}
body.flm-new-ui-active .flm-product-card__colors--fallback .flm-product-card__color-dot:nth-child(n+5){display:none}
.flm-promo-banners{padding:10px 0 54px}
.flm-promo-banners__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.flm-promo-banners a{display:block;overflow:hidden;border-radius:10px;background:#f3f3f3}
.flm-promo-banners img{display:block;width:100%;height:auto;aspect-ratio:1932/720;object-fit:cover}
body.flm-new-ui-active .flm-finder{padding:20px 0 70px}
body.flm-new-ui-active .flm-finder__shell{padding:42px 0 62px;border-radius:10px;background:#fbfbfb;overflow:visible}
body.flm-new-ui-active .flm-finder__panel{width:min(1040px,calc(100% - 220px));padding:32px 36px 34px;border-color:#eceff1;box-shadow:0 16px 44px rgba(22,30,38,.045)}
body.flm-new-ui-active .flm-finder__panel>h3 span{width:8px;height:8px}
body.flm-new-ui-active .flm-finder__chips{gap:12px 14px;margin-bottom:30px}
body.flm-new-ui-active .flm-finder__chips button{min-width:180px;height:44px;padding-inline:18px;font-size:12.5px;background:#fafafa;border-color:#e8ebee}
body.flm-new-ui-active .flm-finder__chips button img{width:21px;height:21px;object-fit:contain}
body.flm-new-ui-active .flm-finder__chips button.is-active{background:#fff;border:1.5px dashed #21a276;box-shadow:0 0 0 4px rgba(33,162,118,.07)}
body.flm-new-ui-active .flm-finder__result{grid-template-columns:210px minmax(310px,2fr) minmax(170px,1fr);gap:30px;padding-top:30px;direction:rtl}
body.flm-new-ui-active .flm-finder__badge{align-self:start;justify-self:end;direction:rtl}
body.flm-new-ui-active .flm-finder__badge img{width:18px;height:18px}
body.flm-new-ui-active .flm-finder__content li{padding-right:24px}
body.flm-new-ui-active .flm-finder__content li::before,body.flm-new-ui-active .flm-finder__content li::after{display:none}
body.flm-new-ui-active .flm-finder__content li{background:url('../images/CheckCircle.svg') right 2px/16px 16px no-repeat}
body.flm-new-ui-active .flm-finder__image{height:210px;background:#f5f6f7;overflow:visible}
body.flm-new-ui-active .flm-finder__image>img[data-finder-image]{width:184px;height:184px;mix-blend-mode:normal}
body.flm-new-ui-active .flm-finder__verified{position:absolute;right:12px;left:auto;top:12px!important;width:28px!important;height:28px!important;z-index:3}
body.flm-new-ui-active .flm-finder__float{width:190px;height:190px;top:57%;mix-blend-mode:normal;filter:drop-shadow(0 18px 28px rgba(0,0,0,.08))}
body.flm-new-ui-active .flm-finder__float--right{right:-55px}
body.flm-new-ui-active .flm-finder__float--left{left:-55px}
body.flm-new-ui-active .flm-engineering{padding-top:20px}
body.flm-new-ui-active .flm-engineering-card{height:auto;aspect-ratio:398/544;padding:18px}
body.flm-new-ui-active .flm-section-head__title>span,body.flm-new-ui-active .flm-finder__panel>h3 span{width:8px;height:8px}
@media(max-width:1120px) and (min-width:901px){
  body.flm-new-ui-active .flm-hero{grid-template-columns:minmax(0,1fr) 250px}
}
@media(max-width:900px){
  body.flm-new-ui-active .flm-hero-section{padding-top:12px}
  body.flm-new-ui-active .flm-hero-mobile__track{display:block}
  body.flm-new-ui-active .flm-hero-mobile__card{width:100%;min-width:100%}
  body.flm-new-ui-active .flm-hero-mobile__card img{width:100%;height:auto;aspect-ratio:690/400;object-fit:cover;border-radius:10px}
  .flm-promo-banners__grid{grid-template-columns:1fr;gap:12px}
  body.flm-new-ui-active .flm-finder__shell{overflow:hidden;padding-inline:12px}
  body.flm-new-ui-active .flm-finder__panel{width:100%;padding:24px 16px}
  body.flm-new-ui-active .flm-finder__float{display:none}
  body.flm-new-ui-active .flm-finder__chips{display:grid;grid-template-columns:1fr;gap:10px}
  body.flm-new-ui-active .flm-finder__chips button{width:100%;min-width:0;justify-content:flex-start}
  body.flm-new-ui-active .flm-finder__result{grid-template-columns:1fr;gap:20px}
  body.flm-new-ui-active .flm-finder__image{grid-row:1}
  body.flm-new-ui-active .flm-finder__content{grid-row:2}
  body.flm-new-ui-active .flm-finder__badge{grid-row:3;justify-self:start}
  body.flm-new-ui-active .flm-product-card__image>.flm-product-card__colors,body.flm-new-ui-active .flm-product-card__image>.flm-product-card__color{left:11px;top:12px;gap:6px!important}
  body.flm-new-ui-active .flm-product-card__image .flm-product-card__color-dot{width:12px;height:12px;min-width:12px;flex:0 0 12px;flex-basis:12px}
}


/* v1.5.0 — final filament finder geometry and CTA. */
body.flm-new-ui-active .flm-finder__shell{
  padding:42px 0 0;
  border-radius:10px;
  background:#fbfbfb;
  overflow:visible;
}
body.flm-new-ui-active .flm-finder__panel{
  border-radius:12px 12px 0 0;
}
body.flm-new-ui-active .flm-finder__float--right{
  right:60px;
  top:221px;
  width:120px;
  height:120px;
  transform:none;
}
.flm-finder__float.flm-finder__float--left{
  left:31px!important;
  width:160px!important;
  height:160px!important;
  top:344px!important;
  transform:none!important;
}
body.flm-new-ui-active .flm-finder__content .flm-finder__cta{
  min-height:42px;
  padding:0 20px;
  border:1px solid #111;
  border-radius:999px;
  background:#111;
  color:#fff;
  box-shadow:none;
  transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease;
}
body.flm-new-ui-active .flm-finder__content .flm-finder__cta svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:#fff;
  color:#fff;
}
body.flm-new-ui-active .flm-finder__content .flm-finder__cta:hover{
  background:#000;
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(0,0,0,.14);
}

@media(max-width:900px){
  body.flm-new-ui-active .flm-finder{padding:28px 0 54px}
  body.flm-new-ui-active .flm-finder>.flm-container{width:100%;max-width:none;padding:0}
  body.flm-new-ui-active .flm-finder__shell{
    padding:36px 0 0;
    border-radius:0;
    overflow:hidden;
    background-color:#fbfbfb;
  }
  body.flm-new-ui-active .flm-finder .flm-section-title{
    width:calc(100% - 40px);
    margin:0 auto 26px;
    text-align:center;
  }
  body.flm-new-ui-active .flm-finder .flm-section-title h2{
    margin-bottom:10px;
    font-size:24px;
    font-weight:700;
    line-height:1.55;
  }
  body.flm-new-ui-active .flm-finder .flm-section-title p{
    color:#797d83;
    font-size:15px;
    line-height:1.9;
  }
  body.flm-new-ui-active .flm-finder__panel{
    width:calc(100% - 32px);
    margin-inline:auto;
    padding:28px 0 0;
    border:1px solid #e8e8e8;
    border-bottom:0;
    border-radius:12px 12px 0 0;
    background:#fff;
    box-shadow:none;
    overflow:hidden;
  }
  body.flm-new-ui-active .flm-finder__panel>h3{
    position:relative;
    margin:0 22px 24px;
    padding-left:0;
    gap:9px;
    font-size:16px;
    font-weight:600!important;
    white-space:nowrap;
  }
  body.flm-new-ui-active .flm-finder__panel>h3::after{
    content:"";
    flex:1 1 auto;
    height:1px;
    margin-right:18px;
    background:#e4e4e4;
  }
  body.flm-new-ui-active .flm-finder__chips{
    display:flex!important;
    grid-template-columns:none!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    gap:12px!important;
    width:100%;
    margin:0 0 26px!important;
    padding:0 22px 22px;
    overflow-x:auto;
    overflow-y:hidden;
    direction:rtl;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  body.flm-new-ui-active .flm-finder__chips::-webkit-scrollbar{display:none}
  body.flm-new-ui-active .flm-finder__chips button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    height:52px!important;
    padding:0 20px!important;
    justify-content:center!important;
    border:1px solid #e0e0e0;
    border-radius:999px;
    background:#fff;
    font-size:14px!important;
    scroll-snap-align:start;
  }
  body.flm-new-ui-active .flm-finder__chips button.is-active{
    border:2px solid #19bd84;
    background:#fff;
    box-shadow:none;
  }
  body.flm-new-ui-active .flm-finder__result{
    position:relative;
    display:block;
    padding:34px 22px 30px;
    border-top:2px dashed #ececec;
    direction:rtl;
  }
  body.flm-new-ui-active .flm-finder__image{
    display:grid;
    width:100%;
    height:auto;
    min-height:310px;
    margin:0 0 28px;
    border-radius:12px;
    background:#f6f6f6;
    overflow:hidden;
  }
  body.flm-new-ui-active .flm-finder__image>img[data-finder-image]{
    width:min(76%,330px);
    height:auto;
    max-height:270px;
    object-fit:contain;
  }
  body.flm-new-ui-active .flm-finder__verified{
    top:18px!important;
    right:18px!important;
    width:34px!important;
    height:34px!important;
  }
  body.flm-new-ui-active .flm-finder__content{
    position:relative;
    padding-top:0;
  }
  body.flm-new-ui-active .flm-finder__content h4{
    min-height:40px;
    margin:0 0 18px;
    padding-left:132px;
    color:#202124;
    font-size:27px;
    font-weight:700!important;
    line-height:1.45;
  }
  body.flm-new-ui-active .flm-finder__badge{
    position:absolute;
    z-index:3;
    top:calc(34px + 310px + 30px);
    left:22px;
    height:38px;
    padding:0 15px;
    border-radius:999px;
    background:#fff3df;
    color:#282828;
    font-size:13px;
  }
  body.flm-new-ui-active .flm-finder__content p{
    margin:0 0 18px;
    color:#292c31;
    font-size:15px;
    line-height:2;
  }
  body.flm-new-ui-active .flm-finder__content ul{
    display:grid;
    grid-template-columns:1fr;
    gap:0;
    margin:0 0 26px;
  }
  body.flm-new-ui-active .flm-finder__content li{
    min-height:52px;
    padding:13px 28px 13px 0;
    border-top:1px solid #e7e7e7;
    color:#74777c;
    font-size:14px;
    line-height:1.8;
    background-position:right 17px;
  }
  body.flm-new-ui-active .flm-finder__content li:first-child{border-top:0}
  body.flm-new-ui-active .flm-finder__content .flm-finder__cta{
    display:flex;
    width:100%;
    min-height:56px;
    justify-content:center;
    border-radius:999px;
    font-size:16px;
    font-weight:600;
  }
  body.flm-new-ui-active .flm-finder__float{display:none!important}
}

@media(max-width:520px){
  body.flm-new-ui-active .flm-finder .flm-section-title h2{font-size:21px}
  body.flm-new-ui-active .flm-finder .flm-section-title p{font-size:13px}
  body.flm-new-ui-active .flm-finder__panel{width:calc(100% - 20px)}
  body.flm-new-ui-active .flm-finder__panel>h3{margin-inline:16px;font-size:14px}
  body.flm-new-ui-active .flm-finder__chips{padding-inline:16px}
  body.flm-new-ui-active .flm-finder__chips button{height:46px!important;padding-inline:16px!important;font-size:12.5px!important}
  body.flm-new-ui-active .flm-finder__result{padding-inline:16px}
  body.flm-new-ui-active .flm-finder__image{min-height:260px}
  body.flm-new-ui-active .flm-finder__image>img[data-finder-image]{max-height:225px}
  body.flm-new-ui-active .flm-finder__badge{top:calc(34px + 260px + 30px);left:16px}
  body.flm-new-ui-active .flm-finder__content h4{font-size:24px}
}