/* /manufacturers. Page devices only; shared ones live in seg-common.css. Prefix: mf- */

/* Hero mock: one product, three dealer prices */
.mf-price .ord-card_cust{margin-top:.35rem}
.mf-price .ord-card_meta{margin-top:.15rem}
.mf-price_head{display:grid;grid-template-columns:minmax(0,1fr) 6.5rem 5rem;gap:1rem;margin-top:1.1rem;padding-bottom:.5rem;border-bottom:1px solid var(--seg-line);font-size:.75rem;font-weight:600;color:var(--seg-slate)}
.mf-price_head span:last-child{text-align:right}
.mf-price_rows{list-style:none;margin:0;padding:0}
.mf-price_row{display:grid;grid-template-columns:minmax(0,1fr) 6.5rem 5rem;gap:1rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--seg-line)}
.mf-price_who{display:flex;flex-direction:column;min-width:0}
.mf-price_name{font-size:.9375rem;font-weight:600;line-height:1.3;color:var(--seg-navy)}
.mf-price_band{font-size:.75rem;color:var(--seg-slate)}
.mf-price_now{font-family:var(--seg-mono);font-variant-numeric:tabular-nums;font-size:1.0625rem;font-weight:600;color:var(--seg-green-ink);text-align:right}

/* Dealer network: ERP hub branching to three routes */
.mf-net{max-width:74rem;margin:0 auto;text-align:left}
.mf-net_hub{display:flex;align-items:center;gap:.85rem;width:fit-content;margin:0 auto;padding:.75rem 1.4rem .75rem .75rem;background:var(--seg-navy);border-radius:10px;box-shadow:var(--seg-shadow-lift);color:#fff}
.mf-net_hub-icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:8px;background:rgba(48,207,148,.14);color:#30cf94}
.mf-net_hub-text{display:flex;flex-direction:column;line-height:1.3}
.mf-net_hub-text strong{font-family:var(--seg-head);font-size:1.125rem;font-weight:700}
.mf-net_hub-text span{font-size:.8125rem;color:#c9d0e3}
.mf-net_routes{--drop:2.25rem;--node:2.75rem;position:relative;list-style:none;margin:0;padding:calc(var(--drop) * 2) 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem}
.mf-net_routes::before{content:"";position:absolute;left:calc(50% - 1px);top:0;width:2px;height:var(--drop);background:var(--seg-green)}
.mf-net_routes::after{content:"";position:absolute;top:var(--drop);left:calc(var(--node) / 2 - 1px);right:calc((100% - 6rem) / 3 - var(--node) / 2 - 1px);height:2px;background:var(--seg-green)}
.mf-net_route{position:relative;min-width:0}
.mf-net_route::before{content:"";position:absolute;left:calc(var(--node) / 2 - 1px);top:calc(var(--drop) * -1);width:2px;height:var(--drop);background:var(--seg-green)}
.mf-net_node{display:flex;align-items:center;gap:.85rem}
.mf-net_icon{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:var(--node);height:var(--node);border-radius:50%;background:var(--seg-green-tint);border:1px solid #bfe9d8;color:var(--seg-green-ink)}
.mf-net_tag{font-family:var(--seg-head);font-size:1.375rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--seg-navy)}
.mf-net_title{margin:1rem 0 1rem;font-family:var(--seg-head);font-size:1.0625rem;font-weight:600;line-height:1.35;color:var(--seg-green-ink)}
.mf-net_route .seg-ticks>li{font-size:.96875rem;color:var(--seg-body)}

/* Problem to fix rows */
.mf-fix{max-width:66rem;margin:0 auto;text-align:left}
.mf-fix_head{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:2.5rem;padding:0 1.75rem .75rem;font-size:.84375rem;font-weight:600}
.mf-fix_head span:first-child{color:var(--seg-slate)}
.mf-fix_head span:last-child{color:var(--seg-green-ink)}
.mf-fix_list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}
.mf-fix_row{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:2.5rem}
.mf-fix_row::after{content:"";position:absolute;left:calc((100% - 2.5rem) * .425 + 1.25rem);top:50%;width:1.6rem;height:1.6rem;transform:translate(-50%,-50%);border-radius:50%;background:var(--seg-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M6 12h12M13 7l5 5-5 5'/%3E%3C/svg%3E") no-repeat center/70%;box-shadow:0 0 0 4px var(--seg-mist)}
.mf-fix_problem{display:flex;align-items:center;margin:0;padding:1.5rem 1.75rem;border-radius:10px;background:rgba(24,30,53,.045);font-family:var(--seg-head);font-size:1.1875rem;font-weight:600;line-height:1.3;color:var(--seg-navy)}
.mf-fix_answer{padding:1.5rem 1.75rem 1.5rem 2rem;border-radius:10px;background:#fff;border:1px solid var(--seg-line-soft);box-shadow:var(--seg-shadow)}
.mf-fix_answer p{margin:0 0 .75rem;font-size:1rem;line-height:1.55;color:var(--seg-navy)}

@media (max-width:991px){
  .mf-net_routes{--drop:2rem;grid-template-columns:minmax(0,1fr);gap:var(--drop);padding:var(--drop) 0 0 .75rem}
  .mf-net_routes::before,.mf-net_routes::after{display:none}
  .mf-net_hub{margin:0}
  .mf-net_route::before{top:calc(var(--drop) * -1)}
  .mf-fix_head{display:none}
  .mf-fix_row{grid-template-columns:minmax(0,1fr);gap:0}
  .mf-fix_row::after{display:none}
  .mf-fix_problem{border-radius:10px 10px 0 0;padding:1.1rem 1.25rem}
  .mf-fix_answer{border-radius:0 0 10px 10px;padding:1.1rem 1.25rem}
}
@media (max-width:767px){
  .mf-price_head,.mf-price_row{grid-template-columns:minmax(0,1fr) auto;gap:.25rem .75rem}
  .mf-price_head span:nth-child(2){display:none}
  .mf-price_row .seg-stock{grid-column:1;grid-row:2;font-size:.75rem}
  .mf-price_now{grid-row:1 / span 2;grid-column:2}
  .mf-net_tag{font-size:1.1875rem}
  .mf-fix_problem{font-size:1.0625rem}
}

/* Fit section: both columns the same width */
@media (min-width:768px){
  #mf-fit .seg-fit{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Who orders: factory photo with dealer cards floating over its right edge (same pattern as the distributors sales desk). Cards fade in one by one when the photo scrolls into view */
.mf-desk{position:relative}
.seg-banner.mf-desk>img{aspect-ratio:9/4}
.mf-desk_cards{position:absolute;z-index:2;top:50%;right:1.25rem;transform:translateY(-50%);width:16.5rem;display:flex;flex-direction:column;gap:.75rem;text-align:left}
.mf-desk_card{padding:.85rem 1rem;background:#fff;border-radius:12px;box-shadow:var(--seg-shadow-lift)}
.mf-desk_card p{margin:0}
.mf-desk_head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;padding-bottom:.55rem;border-bottom:1px solid var(--seg-line);font-family:var(--seg-head);font-size:1rem;font-weight:700;line-height:1.25;color:var(--seg-navy)}
.mf-desk_head span{font-family:var(--_typography---font--body);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--seg-green-ink)}
.mf-desk_item{display:flex;align-items:center;gap:.75rem;margin-top:.7rem}
.seg-banner.mf-desk .mf-desk_item img{flex:none;width:3.25rem;height:3.25rem;aspect-ratio:1;border-radius:8px;background:#f2f4f7;box-shadow:none;object-fit:cover}
.mf-desk_name{font-size:.88rem;font-weight:600;line-height:1.3;color:var(--seg-navy)}
.mf-desk_meta{margin-top:.15rem!important;font-size:.78rem;color:var(--seg-slate)}
.mf-desk_btn{display:block;margin-top:.7rem;padding:.45rem .75rem;border-radius:8px;background:var(--seg-green-tint);border:1px solid rgba(8,162,112,.25);font-size:.84rem;font-weight:700;text-align:center;color:var(--seg-green-ink)}
.mf-desk_prices{width:100%;margin-top:.35rem;border-collapse:collapse;font-size:.84rem}
.mf-desk_prices th{padding:.35rem 0;font-size:.72rem;font-weight:600;text-align:left;color:var(--seg-slate)}
.mf-desk_prices td{padding:.4rem 0;border-top:1px solid var(--seg-line);color:var(--seg-navy)}
.mf-desk_prices th:last-child,.mf-desk_prices td:last-child{text-align:right}
.mf-desk_caption{margin-top:.45rem!important;font-size:.7rem;color:#8a94a8}
.mf-desk_card.is-done{display:flex;align-items:center;gap:.8rem;background:var(--seg-green);box-shadow:0 14px 30px -12px rgba(8,162,112,.6)}
.mf-desk_icon{flex:none;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:8px;background:#fff;color:var(--seg-green)}
.mf-desk_title{font-family:var(--seg-head);font-size:1rem;font-weight:700;line-height:1.25;color:#fff}
.mf-desk.is-ready .mf-desk_card{opacity:0;transform:translateY(14px)}
.mf-desk.is-ready .mf-desk_prices tbody tr{opacity:0}
.mf-desk.is-in .mf-desk_card{opacity:1;transform:none;transition:opacity .6s var(--seg-ease),transform .6s var(--seg-ease);transition-delay:calc(var(--i) * .35s)}
.mf-desk.is-in .mf-desk_prices tbody tr{opacity:1;transition:opacity .4s var(--seg-ease);transition-delay:calc(.6s + var(--j) * .15s)}
@media (min-width:1280px){.mf-desk_cards{right:-1.75rem;width:17.5rem}}
@media (max-width:1279px){.mf-desk_cards{width:15.5rem;gap:.5rem}.mf-desk_card{padding:.65rem .85rem}.mf-desk_head{padding-bottom:.4rem}.mf-desk_item,.mf-desk_btn{margin-top:.45rem}.mf-desk_item img{width:2.75rem!important;height:2.75rem!important}.mf-desk_btn{padding:.3rem .6rem}.mf-desk_prices thead{display:none}.mf-desk_prices td{padding:.28rem 0}.mf-desk_prices tr:first-child td{border-top:0}.mf-desk_card.is-done{padding:.55rem .85rem}.mf-desk_icon{width:2rem;height:2rem}}
@media (max-width:1199px){.seg-banner.mf-desk>img{aspect-ratio:16/10}}
@media (max-width:991px){.mf-desk_cards{right:1rem;width:15rem}}
@media (max-width:699px){
  .mf-desk_cards{position:relative;top:auto;right:auto;transform:none;width:auto;margin:-2.5rem .75rem 0}
}

/* Proof: one customer, photo left and copy right (same layout as the distributors proof) */
.mf-proof{background-color:var(--seg-navy)}
.mf-proof_grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:4rem;align-items:center;max-width:74rem;margin:0 auto}
.mf-proof_img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#232a45}
.mf-proof_copy{min-width:0;text-align:left}
.mf-proof_copy .heading-h2{margin:0;text-wrap:balance}
.mf-proof_who{margin-top:2rem}
.mf-proof_name{margin:0;font-family:var(--seg-head);font-size:1.75rem;font-weight:700;line-height:1.15;color:#fff}
.mf-proof_meta{margin:.35rem 0 0;font-size:.9375rem;color:#9aa5c2}
.mf-proof_text{margin:1rem 0 0;color:#dfe4f0}
.mf-proof_fact{margin:1.5rem 0 0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.14);font-family:var(--seg-head);font-size:clamp(1.3rem,2vw,1.625rem);font-weight:600;line-height:1.3;letter-spacing:-.01em;color:#fff}
.mf-proof_ask{margin:1.75rem 0 0;font-size:1rem;color:#c9d0e3}
.mf-proof_ask .seg-link{color:#30cf94}
.mf-proof a:focus-visible{outline:2px solid var(--seg-green);outline-offset:3px;border-radius:3px}
@media (max-width:991px){.mf-proof_grid{grid-template-columns:minmax(0,1fr);gap:2rem}}