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

/* Hero mock: inbox becomes a checked sales order */
.ds-mock{width:100%;max-width:30rem;display:flex;flex-direction:column;align-items:stretch}
.ds-mock .ui-card{max-width:none}
.ds-inbox{padding:1.1rem 1.25rem .6rem}
.ds-inbox_top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.35rem}
.ds-inbox_time{font-size:.75rem;color:var(--seg-slate)}
.ds-inbox_list{list-style:none;margin:0;padding:0}
.ds-inbox_row{display:grid;grid-template-columns:.5rem minmax(0,auto) minmax(0,1fr);align-items:center;gap:.7rem;padding:.6rem 0;border-top:1px solid var(--seg-line);font-size:.875rem}
.ds-inbox_row:first-child{border-top:0}
.ds-inbox_dot{width:.5rem;height:.5rem;border-radius:50%;background:#d5dae4}
.ds-inbox_row.is-new .ds-inbox_dot{background:var(--seg-green)}
.ds-inbox_from{font-weight:600;color:var(--seg-navy);white-space:nowrap}
.ds-inbox_row:not(.is-new) .ds-inbox_from{font-weight:500;color:var(--seg-slate)}
.ds-inbox_sub{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--seg-slate);text-align:right}
.ds-inbox_sub.seg-mono{font-size:.78rem;font-weight:400}
.ds-mock_arrow{display:flex;justify-content:center;margin:.15rem 0}
.ds-so{border-top:3px solid var(--seg-green);padding:1.1rem 1.25rem}
.ds-so .ui-card_top{align-items:center;margin-bottom:.4rem}
.ds-so_list{list-style:none;margin:0;padding:0}
.ds-so_row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 0;border-top:1px solid var(--seg-line);font-size:.875rem;color:var(--seg-navy)}
.ds-so_ok{display:inline-flex;align-items:center;gap:.35rem;flex:none;font-size:.8125rem;font-weight:600;color:var(--seg-green-ink);white-space:nowrap}

/* A day on the sales desk */
.ds-day{max-width:70rem;margin:0 auto;text-align:left}
.ds-day_head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;padding:0 0 .9rem 8.5rem;font-size:.84375rem;font-weight:600}
.ds-day_head span:first-child{display:none}
.ds-day_head span:nth-child(2){color:var(--seg-slate)}
.ds-day_head span:nth-child(3){color:var(--seg-green-ink)}
.ds-day_list{position:relative;list-style:none;margin:0;padding:0}
.ds-day_slot{position:relative;display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:2rem;padding-bottom:2.75rem}
.ds-day_slot:last-child{padding-bottom:0}
.ds-day_slot:not(.is-last)::before{content:"";position:absolute;left:calc(7.5rem - 1px);top:1.5rem;bottom:-.4rem;width:2px;background:repeating-linear-gradient(#b9c0cf 0 6px,transparent 6px 11px)}
.ds-day_time{position:relative;display:flex;justify-content:flex-end}
.ds-day_time time{font-family:var(--seg-head);font-size:1.5rem;font-weight:700;line-height:1.1;letter-spacing:-.01em;color:var(--seg-navy);font-variant-numeric:tabular-nums}
.ds-day_dot{position:absolute;right:-1rem;top:.45rem;width:.85rem;height:.85rem;transform:translateX(50%);border-radius:50%;background:var(--seg-mist);border:2px solid var(--seg-navy)}
.ds-day_slot.is-last .ds-day_dot{background:var(--seg-green);border-color:var(--seg-green);box-shadow:0 0 0 4px rgba(8,162,112,.15)}
.ds-day_title{margin:0 0 1rem;font-family:var(--seg-head);font-size:1.3125rem;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--seg-navy)}
.ds-day_pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}
.ds-day_before,.ds-day_after{border-radius:10px;padding:1.1rem 1.35rem;min-width:0}
.ds-day_before{background:rgba(24,30,53,.05);color:var(--seg-slate)}
.ds-day_after{background:#fff;border:1px solid var(--seg-line-soft);box-shadow:var(--seg-shadow);color:var(--seg-navy)}
.ds-day_slot.is-last .ds-day_after{background:var(--seg-green-tint);border-color:rgba(8,162,112,.45);box-shadow:none}
.ds-day_before p,.ds-day_after p{margin:0;font-size:.96875rem;line-height:1.55}
.ds-day_tag{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* Big catalogue: list beside a drawn catalogue */
.ds-cat_card .ui-card_top{margin-bottom:.9rem}
.ds-cat_search{display:flex;align-items:center;gap:.55rem;padding:.6rem .8rem;border:1px solid #d9dde5;border-radius:8px;background:var(--seg-mist);color:var(--seg-slate);font-size:.875rem}
.ds-cat_search .seg-mono{color:var(--seg-navy)}
.ds-cat_head,.ds-cat_row{display:grid;grid-template-columns:minmax(0,1fr) 3.75rem 3.75rem 4.75rem;gap:.75rem;align-items:center}
.ds-cat_head{margin-top:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--seg-line);font-size:.75rem;font-weight:600;color:var(--seg-slate)}
.ds-cat_head span:not(:first-child){text-align:right}
.ds-cat_rows{list-style:none;margin:0;padding:0}
.ds-cat_row{padding:.75rem 0;border-bottom:1px solid var(--seg-line)}
.ds-cat_prod{display:flex;flex-direction:column;min-width:0}
.ds-cat_name{font-size:.90625rem;font-weight:600;line-height:1.3;color:var(--seg-navy)}
.ds-cat_meta{margin-top:.15rem;font-size:.75rem;color:var(--seg-slate)}
.ds-cat_meta .seg-mono{font-weight:400}
.ds-cat_sheet{color:var(--seg-green-ink);font-weight:600}
.ds-cat_stock{font-size:.8125rem;text-align:right;color:var(--seg-navy)}
.ds-cat_stock.is-zero{color:#b4bccb}
.ds-cat_lbl{display:none}
.ds-cat_price{display:flex;flex-direction:column;align-items:flex-end}
.ds-cat_price .seg-mono:first-child{font-size:.96875rem;font-weight:600;color:var(--seg-green-ink)}
.ds-cat_price .seg-was{font-size:.72rem}
.ds-cat_foot{margin-top:.25rem}

/* Three fixes: hairline rows, one team */
.ds-fixes{list-style:none;margin:0 auto;padding:0;max-width:66rem;text-align:left;border-bottom:1px solid #dfe4ea}
.ds-fix{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:3.5rem;padding:2rem 0;border-top:1px solid #dfe4ea}
.ds-fix_head{display:flex;align-items:flex-start;gap:1rem}
.ds-fix_icon{flex:none;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;background:#fff;border:1px solid #dfe4ea;color:var(--seg-green-ink)}
.ds-fix_title{margin:.45rem 0 0;font-family:var(--seg-head);font-size:1.3125rem;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--seg-navy)}
.ds-fix_text{margin:0 0 .75rem;font-size:1.0625rem;line-height:1.6;color:var(--seg-body)}

/* Kienesberger, on the navy proof band */
.ds-proof{background-color:var(--seg-navy)}
.ds-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}
.ds-proof_img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#232a45}
.ds-proof_copy{min-width:0;text-align:left}
.ds-proof_copy .heading-h2{margin:0}
.ds-proof_who{margin-top:2rem}
.ds-proof_name{margin:0;font-family:var(--seg-head);font-size:1.75rem;font-weight:700;line-height:1.15;color:#fff}
.ds-proof_meta{margin:.35rem 0 0;font-size:.9375rem;color:#9aa5c2}
.ds-proof_text{margin:1rem 0 0;color:#dfe4f0}
.ds-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}
.ds-proof_ask{margin:1.75rem 0 0;font-size:1rem;color:#c9d0e3}
.ds-proof_ask .seg-link{color:#30cf94}

/* Volume maths, continuing the pricing band */
.ds-volume{padding-top:0}
.ds-volume_panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:center;max-width:62rem;margin:0 auto;padding:2rem 2.25rem;background:#fff;border:1px solid var(--seg-line-soft);border-radius:10px;box-shadow:var(--seg-shadow);text-align:left}
.ds-volume_title{margin:0;font-family:var(--seg-head);font-size:1.375rem;font-weight:700;line-height:1.3;color:var(--seg-navy)}
.ds-volume_copy p{margin:.6rem 0 0;font-size:1rem;line-height:1.55;color:var(--seg-body)}

@media (max-width:991px){
  .ds-fix{grid-template-columns:minmax(0,1fr);gap:.85rem;padding:1.5rem 0}
  .ds-proof_grid{grid-template-columns:minmax(0,1fr);gap:2rem}
  .ds-volume_panel{grid-template-columns:minmax(0,1fr);gap:1.25rem}
}
@media (max-width:767px){
  .ds-day_head{display:none}
  .ds-day_slot:not(.is-last)::before{left:calc(.4rem - 1px);top:1.25rem;bottom:-.35rem}
  .ds-day_slot{grid-template-columns:minmax(0,1fr);gap:.5rem;padding:0 0 2.25rem 1.75rem;position:relative}
  .ds-day_time{justify-content:flex-start;position:static}
  .ds-day_time time{font-size:1.25rem}
  .ds-day_dot{right:auto;left:.4rem;top:.3rem;transform:translateX(-50%)}
  .ds-day_title{font-size:1.125rem;margin-bottom:.75rem}
  .ds-day_pair{grid-template-columns:minmax(0,1fr);gap:.6rem}
  .ds-day_tag{position:static;width:auto;height:auto;overflow:visible;clip:auto;display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.8125rem;font-weight:600}
  .ds-day_before .ds-day_tag{color:var(--seg-slate)}
  .ds-day_after .ds-day_tag{color:var(--seg-green-ink)}
  .ds-day_before,.ds-day_after{padding:.9rem 1rem}
  .ds-cat_head{display:none}
  .ds-cat_row{grid-template-columns:minmax(0,1fr) auto;row-gap:.35rem}
  .ds-cat_prod{grid-column:1}
  .ds-cat_price{grid-column:2;grid-row:1 / span 2}
  .ds-cat_stock{grid-column:1;text-align:left;font-size:.75rem}
  .ds-cat_stock+.ds-cat_stock{grid-row:3}
  .ds-cat_lbl{display:inline;font-family:var(--_typography---font--body);color:var(--seg-slate)}
  .ds-fix_title{font-size:1.125rem;margin-top:.55rem}
  .ds-volume_panel{padding:1.5rem 1.25rem}
  .ds-inbox_row{grid-template-columns:.5rem minmax(0,1fr);row-gap:.1rem}
  .ds-inbox_sub{grid-column:2;text-align:left}
}

/* Sync section: copy left, ERP sync diagram right (Figma sync visual). Dots run along the dashed lines like the wholesalers channel flow */
.ds-sync_split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4.5rem;align-items:center;max-width:76rem;margin:0 auto}
.ds-sync_copy{min-width:0;text-align:left}
.ds-sync_copy .heading-h2{margin:0;text-wrap:balance}
.ds-sync_accent{display:block;color:var(--seg-green)}
.ds-sync_lead{margin:1rem 0 0;max-width:34rem}
.ds-sync_points{list-style:none;margin:2rem 0 0;padding:0;display:flex;flex-direction:column;gap:1.25rem}
.ds-sync_title{margin:0;font-family:var(--seg-head);font-size:1.125rem;font-weight:700;line-height:1.35;color:var(--seg-navy)}
.ds-sync_text{margin:.3rem 0 0;font-size:1rem;line-height:1.55;color:var(--seg-body);max-width:34rem}
.ds-sync_cta{margin-top:2.25rem}
.ds-sync_visual{min-width:0}
.ds-map{--g:1rem;--hub:5.75rem;--drop:3.25rem;--x1:calc(12.5% - .375 * var(--g));--x2:calc(37.5% - .125 * var(--g));--x3:calc(62.5% + .125 * var(--g));--x4:calc(87.5% + .375 * var(--g));max-width:38rem;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.ds-map_node{display:flex;align-items:center;gap:.75rem;background:#fff;border-radius:10px;box-shadow:var(--seg-shadow);font-family:var(--seg-head);font-size:1rem;font-weight:700;line-height:1.2;color:var(--seg-navy)}
.ds-map_node.is-erp{padding:.6rem 1.35rem .6rem .6rem}
.ds-map_icon{flex:none;display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:8px;background:var(--seg-green-tint);color:var(--seg-green)}
.ds-sync_pound{font-family:var(--seg-head);font-size:1.45rem;font-weight:700;line-height:1}
.ds-map_stem{position:relative;flex:none;width:0;height:2.25rem;border-left:2px dashed rgba(8,162,112,.7)}
.ds-map_mid{position:relative;width:100%;display:flex;justify-content:center;padding-bottom:var(--drop)}
.ds-map_hub{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:var(--hub);height:var(--hub);border-radius:18px;background:var(--seg-navy);box-shadow:0 0 0 7px #d3ede3;animation:ds-hub 2.4s ease-in-out infinite}
.ds-map_hub svg{width:62%;height:auto}
.ds-map_bus{position:absolute;top:calc(var(--hub) / 2);bottom:0;left:calc(var(--x1) - 1px);right:calc(100% - var(--x4) - 1px);border:2px dashed rgba(8,162,112,.7);border-bottom:0;border-radius:2.25rem 2.25rem 0 0}
.ds-map_drop{position:absolute;top:calc(var(--hub) / 2);bottom:0;width:0;border-left:2px dashed rgba(8,162,112,.7)}
.ds-map_drop.is-2{left:calc(var(--x2) - 1px)}
.ds-map_drop.is-3{left:calc(var(--x3) - 1px)}
.ds-map_stem.is-m{display:none}
.ds-map_row{list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--g)}
.ds-map_node.is-card{flex-direction:column;justify-content:center;gap:.7rem;padding:1.15rem .5rem;font-size:.9375rem;text-align:center}
.ds-map_node.is-customer{padding:.6rem 1.5rem .6rem .6rem;background:var(--seg-green);color:#fff;box-shadow:0 10px 24px -10px rgba(8,162,112,.6)}
.ds-map_node.is-customer .ds-map_icon{background:#fff;color:var(--seg-green)}
.ds-map_dot{position:absolute;left:-4px;top:0;width:6px;height:6px;border-radius:50%;background:var(--seg-green);box-shadow:0 0 0 3px rgba(8,162,112,.18);opacity:0;--from:0px;animation:ds-run 2.4s var(--seg-ease) infinite}
.ds-map_dot.is-drop{--from:calc(var(--hub) / 2 + 2.25rem);animation-delay:.6s}
.ds-map_dot.is-2,.ds-map_dot.is-3{--from:calc(var(--hub) / 2)}
.ds-map_dot.is-1{left:calc(var(--x1) - 3px)}
.ds-map_dot.is-2{left:calc(var(--x2) - 3px)}
.ds-map_dot.is-3{left:calc(var(--x3) - 3px);animation-delay:.75s}
.ds-map_dot.is-4{left:calc(var(--x4) - 3px);animation-delay:.75s}
.ds-map_dot.is-up{animation-direction:reverse;animation-delay:1.2s}
.ds-map_stem.is-low .ds-map_dot{animation-delay:1.2s}
@keyframes ds-run{0%{top:var(--from);opacity:0}15%{opacity:1}80%{opacity:1}100%{top:calc(100% - 6px);opacity:0}}
@keyframes ds-hub{0%,100%{box-shadow:0 0 0 7px #d3ede3}50%{box-shadow:0 0 0 12px rgba(8,162,112,.1)}}
@media (prefers-reduced-motion:reduce){.ds-map_dot{display:none}.ds-map_hub{animation:none}}
@media (max-width:991px){
  .ds-sync_split{grid-template-columns:minmax(0,1fr);gap:3rem}
}
@media (max-width:767px){
  .ds-map{--g:.75rem;--hub:4.75rem;--drop:2.25rem}
  .ds-map_bus,.ds-map_drop,.ds-map_dot.is-drop{display:none}
  .ds-map_stem.is-m{display:block;position:absolute;left:50%;top:var(--hub);bottom:0;height:auto;margin-left:-1px}
  .ds-map_row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ds-map_node.is-card{flex-direction:row;justify-content:flex-start;padding:.6rem;text-align:left}
  .ds-map_hub{border-radius:15px}
  .ds-sync_cta{width:100%;text-align:center;box-sizing:border-box}
}

/* Sales desk photo with "With B2Bware" cards floating over its right edge (Figma photo + card group). Cards fade in one by one when the photo scrolls into view */
.ds-desk{position:relative}
.ds-desk_cards{position:absolute;z-index:2;top:50%;right:1.25rem;transform:translateY(-50%);width:17rem;display:flex;flex-direction:column;gap:.75rem;text-align:left}
.ds-desk_card{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;background:#fff;border-radius:12px;box-shadow:var(--seg-shadow-lift)}
.ds-desk_card p{margin:0}
.ds-desk_card.is-order{display:block;padding:1rem 1.1rem}
.ds-desk_icon{flex:none;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:8px;background:var(--seg-green-tint);color:var(--seg-green)}
.ds-desk_title{font-family:var(--seg-head);font-size:1rem;font-weight:700;line-height:1.25;color:var(--seg-navy)}
.ds-desk_chips{display:flex;gap:.35rem;margin-top:.4rem!important}
.ds-desk_chips span{padding:.15rem .45rem;border-radius:5px;background:#eef1f5;font-family:var(--seg-mono);font-size:.72rem;font-weight:500;color:var(--seg-slate)}
.ds-desk .ord-card_label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--seg-green-ink)}
.ds-desk_cust{margin-top:.3rem!important;font-family:var(--seg-head);font-size:1.0625rem;font-weight:700;color:var(--seg-navy)}
.ds-desk .ord-card_meta{margin-top:.1rem;font-size:.85rem;color:var(--seg-slate)}
.ds-desk_checks{list-style:none;margin:.75rem 0 0;padding:.7rem 0 0;border-top:1px solid var(--seg-line);display:flex;gap:.85rem;flex-wrap:wrap}
.ds-desk_checks li{display:flex;align-items:center;gap:.3rem;font-size:.82rem;font-weight:600;color:var(--seg-navy)}
.ds-desk_checks svg{width:15px;height:15px}
.ds-desk .ord-caption{margin-top:.55rem!important;font-size:.7rem;color:#8a94a8}
.ds-desk_card.is-done{background:var(--seg-green);box-shadow:0 14px 30px -12px rgba(8,162,112,.6)}
.ds-desk_card.is-done .ds-desk_icon{background:#fff}
.ds-desk_card.is-done .ds-desk_title{color:#fff}
.ds-desk.is-ready .ds-desk_card{opacity:0;transform:translateY(14px)}
.ds-desk.is-ready .ds-desk_checks li{opacity:0;transform:scale(.7)}
.ds-desk.is-in .ds-desk_card{opacity:1;transform:none;transition:opacity .6s var(--seg-ease),transform .6s var(--seg-ease);transition-delay:calc(var(--i) * .35s)}
.ds-desk.is-in .ds-desk_checks li{opacity:1;transform:none;transition:opacity .4s var(--seg-ease),transform .4s var(--seg-ease);transition-delay:calc(.75s + var(--j) * .2s)}
@media (min-width:1280px){.ds-desk_cards{right:-1.75rem;width:18rem}}
@media (max-width:1279px){.ds-desk_cards{width:15.5rem;gap:.5rem}.ds-desk_card{padding:.7rem .85rem}.ds-desk_card.is-order{padding:.8rem .95rem}.ds-desk_checks{margin-top:.55rem;padding-top:.55rem}}
@media (max-width:991px){
  .seg-banner.ds-desk img{aspect-ratio:16/10}
  .ds-desk_cards{right:1rem;width:15rem}
}
@media (max-width:599px){
  .ds-desk_cards{position:relative;top:auto;right:auto;transform:none;width:auto;margin:-2.5rem .75rem 0}
}