/*
 * BOLIX Visual Flow System — 2026-08-07
 * Purposeful minimalism: fewer tiles, smoother section transitions,
 * hierarchy through typography / rhythm / dividers instead of boxes.
 */
:root{
  --bolix-flow-bg:#f6f6f4;
  --bolix-flow-bg-2:#f1f1ee;
  --bolix-flow-paper:#fff;
  --bolix-flow-line:rgba(23,25,28,.13);
  --bolix-flow-line-soft:rgba(23,25,28,.08);
  --bolix-flow-ink:#202327;
  --bolix-flow-muted:#656c75;
}

/* ---------- GLOBAL SURFACE LANGUAGE ---------- */
body.bolix-child-site{
  background:var(--bolix-flow-bg);
}
body.bolix-child-site .bolix-main-content{
  background:var(--bolix-flow-bg);
}

/* Page hero should dissolve into page content instead of ending as a banner. */
body.bolix-child-site .bolix-page-hero{
  border-bottom:0!important;
  background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.92) 60%,var(--bolix-flow-bg) 100%)!important;
}
body.bolix-child-site .bolix-catalogue{
  background:var(--bolix-flow-bg)!important;
}

/* Ecommerce cards remain functional, but no elevation / tile-wall effect. */
body.bolix-child-site .bolix-product-grid{
  gap:1px!important;
  background:var(--bolix-flow-line-soft)!important;
}
body.bolix-child-site .bolix-product-card{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:var(--bolix-flow-paper)!important;
  transform:none!important;
}
body.bolix-child-site .bolix-product-card:hover{
  transform:none!important;
  box-shadow:none!important;
  background:#fbfbfa!important;
}
body.bolix-child-site .bolix-product-card__image{
  background:#fafaf8!important;
}
body.bolix-child-site .bolix-empty-state{
  border:0!important;
  border-top:1px solid var(--bolix-flow-line)!important;
  border-bottom:1px solid var(--bolix-flow-line)!important;
  background:transparent!important;
}
body.bolix-child-site .bolix-pagination .page-numbers{
  border:0!important;
  border-bottom:1px solid var(--bolix-flow-line)!important;
  background:transparent!important;
}
body.bolix-child-site .bolix-pagination .current{
  border-bottom-color:var(--bolix-red)!important;
  background:transparent!important;
  color:var(--bolix-red)!important;
}

/* ---------- SYSTEM / SOLUTION PAGES ---------- */
body.bolix-child-site .bolix-system-page{
  background:linear-gradient(180deg,#f7f7f5 0%,#f1f2f1 50%,#f7f7f5 100%)!important;
}
body.bolix-child-site .bolix-system-page__hero>div,
body.bolix-child-site .bolix-system-page__summary,
body.bolix-child-site .bolix-system-page__intro,
body.bolix-child-site .bolix-system-index__card,
body.bolix-child-site .bolix-system-page__notice,
body.bolix-child-site .bolix-system-page__cta{
  border-radius:0!important;
  box-shadow:none!important;
}
body.bolix-child-site .bolix-system-page__hero>div,
body.bolix-child-site .bolix-system-page__intro{
  border:0!important;
  background:transparent!important;
}
body.bolix-child-site .bolix-system-page__summary{
  border:0!important;
}
body.bolix-child-site .bolix-system-page__summary span{
  border-radius:0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.15)!important;
  background:transparent!important;
}
body.bolix-child-site .bolix-system-page__benefits{
  gap:0!important;
  border-top:1px solid var(--bolix-flow-line)!important;
  border-bottom:1px solid var(--bolix-flow-line)!important;
}
body.bolix-child-site .bolix-system-page__benefits>div{
  border:0!important;
  border-left:1px solid var(--bolix-flow-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
body.bolix-child-site .bolix-system-page__benefits>div:first-child{border-left:0!important}
body.bolix-child-site .bolix-system-index__grid{
  gap:0!important;
  border-top:1px solid var(--bolix-flow-line)!important;
}
body.bolix-child-site .bolix-system-index__card{
  border:0!important;
  border-bottom:1px solid var(--bolix-flow-line)!important;
  background:transparent!important;
  transform:none!important;
}
body.bolix-child-site .bolix-system-index__card:hover{
  transform:none!important;
  background:rgba(255,255,255,.38)!important;
}
body.bolix-child-site .bolix-system-sequence__body{
  border:0!important;
  border-bottom:1px solid var(--bolix-flow-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:rgba(255,255,255,.48)!important;
}
body.bolix-child-site .bolix-system-sequence__choice{
  border-radius:0!important;
  box-shadow:none!important;
}
body.bolix-child-site .bolix-product-system-list{
  gap:0!important;
  border-top:1px solid var(--bolix-flow-line)!important;
}
body.bolix-child-site .bolix-product-system-list>details{
  border:0!important;
  border-bottom:1px solid var(--bolix-flow-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
body.bolix-child-site .bolix-system-page__notice{
  border-top:1px solid var(--bolix-flow-line)!important;
  border-right:0!important;
  border-bottom:1px solid var(--bolix-flow-line)!important;
  background:rgba(255,255,255,.34)!important;
}

/* ---------- HOMEPAGE: ONE CONTINUOUS COMPOSITION ---------- */
body.home .bolix-home{
  background:var(--bolix-flow-bg)!important;
}
body.home .bolix-home__hero{
  border:0!important;
  background:linear-gradient(180deg,#f6f6f4 0%,#f6f6f4 84%,#fff 100%)!important;
}
body.home .bolix-home__trust{
  border-top:0!important;
  border-bottom:0!important;
  background:linear-gradient(180deg,#fff 0%,#fafaf8 100%)!important;
}
body.home .bolix-home__section{
  position:relative!important;
  border:0!important;
  background:linear-gradient(180deg,#fafaf8 0%,var(--bolix-flow-bg) 100%)!important;
}
body.home .bolix-home__section--soft{
  background:linear-gradient(180deg,var(--bolix-flow-bg) 0%,var(--bolix-flow-bg-2) 48%,var(--bolix-flow-bg) 100%)!important;
}
body.home .bolix-home__section--dark{
  background:#191b1f!important;
}

/* Client segmentation: editorial columns, not cards. */
body.home .bolix-home__clients{
  gap:0!important;
  border-top:1px solid var(--bolix-flow-line)!important;
  border-bottom:1px solid var(--bolix-flow-line)!important;
}
body.home .bolix-home__client{
  min-height:0!important;
  padding:26px 26px 24px!important;
  border:0!important;
  border-left:1px solid var(--bolix-flow-line)!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
body.home .bolix-home__client:first-child{border-left:0!important}
body.home .bolix-home__client:hover{
  transform:none!important;
  background:rgba(255,255,255,.38)!important;
}
body.home .bolix-home__client > div{
  margin:0!important;
  display:block!important;
}
body.home .bolix-home__client h3{
  min-height:54px!important;
  margin:0 0 10px!important;
}
body.home .bolix-home__client p{
  min-height:66px!important;
  margin:0!important;
}
body.home .bolix-home__client-link{
  margin-top:18px!important;
}

/* Strategic partner detail grid becomes a quiet specification list. */
body.home .bolix-home__partner-points{
  gap:0!important;
  border:0!important;
  border-top:1px solid var(--bolix-flow-line)!important;
  border-bottom:1px solid var(--bolix-flow-line)!important;
}
body.home .bolix-home__partner-point{
  border:0!important;
  border-top:1px solid var(--bolix-flow-line-soft)!important;
  background:transparent!important;
}
body.home .bolix-home__partner-point:nth-child(-n+2){border-top:0!important}
body.home .bolix-home__partner-point:nth-child(even){border-left:1px solid var(--bolix-flow-line)!important}

/* Values: a continuous metric rail, not five boxes. */
body.home .bolix-home__values{
  gap:0!important;
  border:0!important;
  border-top:1px solid var(--bolix-flow-line)!important;
  border-bottom:1px solid var(--bolix-flow-line)!important;
}
body.home .bolix-home__value{
  min-height:0!important;
  padding:24px 20px!important;
  border:0!important;
  border-left:1px solid var(--bolix-flow-line)!important;
  background:transparent!important;
}
body.home .bolix-home__value:first-child{border-left:0!important}
body.home .bolix-home__value b{
  border:0!important;
  width:auto!important;
  height:auto!important;
  margin:0 0 16px!important;
  display:block!important;
  color:var(--bolix-red)!important;
  text-align:left!important;
  font-size:12px!important;
  letter-spacing:.08em!important;
}
body.home .bolix-home__value{text-align:left!important}

/* Product categories can stay visual, but become one gallery rather than six tiles. */
body.home .bolix-home__products{
  gap:2px!important;
  background:rgba(23,25,28,.08)!important;
}
body.home .bolix-home__product{
  border:0!important;
  box-shadow:none!important;
}

/* Request: remove the white panel sitting like a card on top of another banner. */
body.home .bolix-home__request-panel{
  padding:0!important;
  background:transparent!important;
  color:#fff!important;
}
body.home .bolix-home__request-panel h3{color:#fff!important}
body.home .bolix-home__request-steps{
  gap:0!important;
  border-top:1px solid rgba(255,255,255,.22)!important;
  border-bottom:1px solid rgba(255,255,255,.22)!important;
}
body.home .bolix-home__request-step{
  min-height:76px!important;
  padding:15px 16px!important;
  border:0!important;
  border-left:1px solid rgba(255,255,255,.18)!important;
  background:transparent!important;
}
body.home .bolix-home__request-step:first-child{border-left:0!important}
body.home .bolix-home__request-step strong{color:#fff!important}
body.home .bolix-home__muted-note{color:#bfc4ca!important}

/* Final service rail should continue the page, not look like four footer cards. */
body.home .bolix-home__service-strip{
  border:0!important;
  background:linear-gradient(180deg,#f6f6f4,#efefec)!important;
}
body.home .bolix-home__service-grid{
  border-top:1px solid var(--bolix-flow-line)!important;
  border-bottom:1px solid var(--bolix-flow-line)!important;
}
body.home .bolix-home__service{
  border:0!important;
  border-left:1px solid var(--bolix-flow-line)!important;
  background:transparent!important;
}
body.home .bolix-home__service:first-child{border-left:0!important}

/* ---------- MOBILE: SCROLL MUST HAVE A REASON ---------- */
@media(max-width:760px){
  body.bolix-child-site .bolix-page-hero{padding:34px 0 24px!important}
  body.bolix-child-site .bolix-catalogue{padding-top:28px!important}

  body.bolix-child-site .bolix-product-grid{
    gap:1px!important;
  }
  body.bolix-child-site .bolix-product-card__body{
    padding:13px 12px 15px!important;
  }

  body.bolix-child-site .bolix-system-page__benefits{
    display:block!important;
  }
  body.bolix-child-site .bolix-system-page__benefits>div{
    border-left:0!important;
    border-top:1px solid var(--bolix-flow-line)!important;
    padding:18px 0!important;
  }
  body.bolix-child-site .bolix-system-page__benefits>div:first-child{border-top:0!important}
  body.bolix-child-site .bolix-system-page__hero>div,
  body.bolix-child-site .bolix-system-page__intro{
    padding-left:0!important;
    padding-right:0!important;
  }

  /* Trust: true 2x2 compact rail. */
  body.home .bolix-home__trust-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border-top:1px solid var(--bolix-flow-line)!important;
    border-bottom:1px solid var(--bolix-flow-line)!important;
  }
  body.home .bolix-home__trust-item{
    min-height:92px!important;
    padding:14px 10px!important;
    border:0!important;
    border-top:1px solid var(--bolix-flow-line-soft)!important;
    align-items:flex-start!important;
  }
  body.home .bolix-home__trust-item:nth-child(-n+2){border-top:0!important}
  body.home .bolix-home__trust-item:nth-child(even){border-left:1px solid var(--bolix-flow-line)!important}
  body.home .bolix-home__trust-icon{
    flex:0 0 32px!important;
    width:32px!important;
    height:32px!important;
  }

  /* Professional clients: one editorial list, no separate cards. */
  body.home .bolix-home__clients{
    display:block!important;
    border-bottom:0!important;
  }
  body.home .bolix-home__client{
    width:100%!important;
    min-height:0!important;
    padding:22px 0 20px!important;
    border:0!important;
    border-bottom:1px solid var(--bolix-flow-line)!important;
    background:transparent!important;
  }
  body.home .bolix-home__client:first-child{border-top:0!important}
  body.home .bolix-home__client h3{
    min-height:0!important;
    margin:0 0 8px!important;
    font-size:24px!important;
  }
  body.home .bolix-home__client p{
    min-height:0!important;
    max-width:92%!important;
    font-size:14px!important;
    line-height:1.5!important;
  }
  body.home .bolix-home__client-link{
    margin-top:13px!important;
    justify-content:flex-start!important;
    gap:8px!important;
    font-size:11px!important;
  }

  /* Partner specs: linear list. */
  body.home .bolix-home__partner-points{
    display:block!important;
  }
  body.home .bolix-home__partner-point,
  body.home .bolix-home__partner-point:nth-child(even){
    padding:16px 0!important;
    border:0!important;
    border-top:1px solid var(--bolix-flow-line)!important;
  }
  body.home .bolix-home__partner-point:first-child{border-top:0!important}

  /* Values: compact vertical editorial rail. */
  body.home .bolix-home__values{
    display:block!important;
  }
  body.home .bolix-home__value,
  body.home .bolix-home__value:first-child{
    padding:17px 0!important;
    border:0!important;
    border-top:1px solid var(--bolix-flow-line)!important;
  }
  body.home .bolix-home__value:first-child{border-top:0!important}
  body.home .bolix-home__value b{margin-bottom:7px!important}
  body.home .bolix-home__value p{margin-top:5px!important}

  body.home .bolix-home__products{
    gap:1px!important;
  }

  body.home .bolix-home__request-steps{
    display:block!important;
  }
  body.home .bolix-home__request-step,
  body.home .bolix-home__request-step:first-child{
    min-height:0!important;
    padding:13px 0!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.2)!important;
  }
  body.home .bolix-home__request-step:first-child{border-top:0!important}

  body.home .bolix-home__service-grid{
    display:block!important;
  }
  body.home .bolix-home__service,
  body.home .bolix-home__service:first-child{
    padding:14px 0!important;
    border:0!important;
    border-top:1px solid var(--bolix-flow-line)!important;
  }
  body.home .bolix-home__service:first-child{border-top:0!important}
}