/* Bygg Engros home enrichment + palette · 31 Oct 2026 */
:root{
  --be-navy:#073B5C;
  --be-cyan:#12A9E3;
  --be-yellow:#FFD338;
  --be-pale:#FFE9A0;
  --be-white:#FAFAF8;
  --be-ink:#092B3D;
  --be-line:#C9D6DC;
}
body[data-theme],body[data-theme="glacier"],body[data-theme="nordic"],body[data-theme="sandstone"]{
  --paper:#F4F7F8;
  --white:#FFFFFF;
  --ink:var(--be-navy);
  --muted:#607683;
  --line:var(--be-line);
  --red:var(--be-cyan);
  --red-dark:#078BC0;
  --steel:#5E7684;
  --surface-image:#F8FAFA;
  --surface-border:#DDE7EB;
  --text-secondary:#567080;
  --accent-soft:#FFF6C9;
  --accent-border:#E8CD55;
  --reveal-ink:#073B5C;
  --reveal-muted:#B9E7F7;
  --reveal-bullet:#FFD338;
  --footer-muted:#78909C;
  --text-soft:#718894;
  --line-details:#E0E8EB;
  --focus:#12A9E3;
}
.theme-picker{display:none!important}
body{background:#F4F7F8;color:var(--be-ink)}
.projectname .sign,.title-cell .rule{background:var(--be-yellow)}
.header-button{background:var(--be-navy)}
.header-button:hover{background:#052D47}
.header-button--subtle .num{background:var(--be-cyan)}
.overline,.intro-cell .eyebrow,.facts-action{color:#078BC0}
.filter.active{background:var(--be-navy);border-color:var(--be-navy)}
.add,.sheet-foot .copy{background:var(--be-cyan);border-color:var(--be-cyan);color:var(--be-navy)}
.add:hover,.sheet-foot .copy:hover{background:var(--be-yellow);border-color:var(--be-yellow);color:var(--be-navy)}
.add.is-added{background:var(--be-navy);border-color:var(--be-navy);color:white}
.reveal{background:var(--be-navy)}
.reveal li:before{background:var(--be-yellow)}
.fave[aria-pressed=true]{color:var(--be-navy)!important;background:#FFF6C9!important;border-color:#E8CD55!important}
.intent-kicker,.work-section-head>span,.be-home-depth-head span,.be-doc-copy>span,.be-home-final span{color:#078BC0!important}
.intent-input button{background:var(--be-cyan)!important;color:var(--be-navy)!important}
.intent-input button:hover{background:var(--be-yellow)!important}
.intent-steps a span{color:var(--be-cyan)!important}

.be-home-depth,.be-home-docs,.be-home-paths,.be-home-final{margin-top:70px;border-top:1px solid var(--be-line)}
.be-home-depth{padding:64px 0 0}
.be-home-depth-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:60px;align-items:end;margin-bottom:30px}
.be-home-depth-head span,.be-doc-copy>span{display:block;font-size:10px;letter-spacing:.14em;font-weight:850;text-transform:uppercase;margin-bottom:10px}
.be-home-depth-head h2,.be-doc-copy h2,.be-home-final h2{font-size:clamp(30px,4vw,50px);line-height:1.03;letter-spacing:-.055em;margin:0}
.be-home-depth-head p,.be-doc-copy p{font-size:13px;line-height:1.75;color:#5E7480;margin:0}
.be-decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.be-decision-grid article{background:white;border:1px solid var(--be-line);padding:25px;min-height:260px;display:flex;flex-direction:column}
.be-decision-grid small,.be-path-grid small{font-size:9px;letter-spacing:.12em;color:#078BC0;font-weight:900}
.be-decision-grid h3,.be-path-grid h3{font-size:22px;line-height:1.12;letter-spacing:-.04em;margin:34px 0 10px}
.be-decision-grid p{font-size:12px;line-height:1.65;color:#607683}
.be-decision-grid a,.be-path-grid a{margin-top:auto;font-size:11px;font-weight:800;color:var(--be-navy);text-decoration:underline;text-underline-offset:5px}

.be-home-docs{background:var(--be-navy);color:white;padding:58px 36px;margin-left:-36px;margin-right:-36px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.be-doc-copy p{color:#C2D1D8}
.be-doc-copy a{display:inline-block;margin-top:10px;color:white;font-size:11px;font-weight:800;border-bottom:1px solid var(--be-yellow);padding-bottom:4px}
.be-doc-cards{display:grid;gap:1px;background:#315E76;border:1px solid #315E76}
.be-doc-cards>div{background:#0B4667;padding:22px}
.be-doc-cards small{display:block;color:var(--be-yellow);font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:8px}
.be-doc-cards b{font-size:15px}
.be-doc-cards p{font-size:11px;line-height:1.55;color:#C7D7DE;margin:7px 0 0}

.be-home-paths{padding-top:60px}
.be-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.be-path-grid article{background:white;border:1px solid var(--be-line);padding:24px;min-height:300px;display:flex;flex-direction:column}
.be-path-grid article:nth-child(2){background:#EAF7FC;border-color:#9DDCF2}
.be-path-grid article:nth-child(3){background:#FFF8D8;border-color:#ECD56B}
.be-path-grid ul{padding-left:17px;margin:10px 0 20px;color:#58717E;font-size:12px;line-height:1.8}

.be-home-final{background:var(--be-yellow);color:var(--be-navy);padding:44px 38px;margin-left:-36px;margin-right:-36px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.be-home-final span{color:var(--be-navy)!important}
.be-home-final p{font-size:12px;line-height:1.65;max-width:650px}
.be-home-final-actions{display:flex;gap:8px;flex:none}
.be-home-final-actions a{min-height:44px;padding:0 16px;display:flex;align-items:center;border:1px solid var(--be-navy);font-size:11px;font-weight:850}
.be-home-final-actions a:first-child{background:var(--be-navy);color:white}

.be-site-footer{margin-top:70px;background:var(--be-navy);color:white}
.be-footer-main{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:48px;padding-top:55px;padding-bottom:45px}
.be-footer-main>div{display:flex;flex-direction:column;gap:10px;font-size:11px}
.be-footer-brand>a{font-size:25px;letter-spacing:-.05em;text-decoration:none}.be-footer-brand>a b{font-weight:900}
.be-footer-brand p{max-width:390px;color:#B9CBD4;line-height:1.65}
.be-footer-main small{font-size:9px;letter-spacing:.14em;color:#79CDEB;font-weight:900;margin-bottom:7px}
.be-footer-main a{text-decoration:none}.be-footer-main a:hover{color:var(--be-yellow)}
.be-footer-bottom{border-top:1px solid #315E76;padding-top:17px;padding-bottom:24px;display:flex;justify-content:space-between;gap:30px;color:#93AAB5;font-size:9px;line-height:1.5}

@media(max-width:900px){
 .be-home-depth-head,.be-home-docs{grid-template-columns:1fr;gap:28px}
 .be-decision-grid,.be-path-grid{grid-template-columns:1fr}
 .be-home-docs{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}
 .be-home-final{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px;align-items:flex-start;flex-direction:column}
 .be-footer-main{grid-template-columns:1fr 1fr}.be-footer-brand{grid-column:1/-1}
}
@media(max-width:520px){
 .be-home-depth,.be-home-paths{margin-top:48px}
 .be-home-docs{margin-top:48px}
 .be-home-final{margin-top:48px;margin-left:-12px;margin-right:-12px;padding:34px 12px}
 .be-home-final-actions{width:100%;flex-direction:column}.be-home-final-actions a{justify-content:center}
 .be-footer-main{grid-template-columns:1fr;gap:28px}.be-footer-brand{grid-column:auto}
 .be-footer-bottom{flex-direction:column;gap:7px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.webshop-header .wrap{max-width:1480px}
.webshop-header .header-button{display:none!important}

/* 31 Oct 2026 — Conventional ecommerce product grid/cards */
.catalog-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
.e-card,.e-card.v-b,.e-card.v-c,.e-card.v-d{
  height:auto!important;
  min-height:520px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:56px 230px minmax(132px,auto) 72px 58px!important;
  grid-template-areas:"title" "visual" "facts" "price" "footer"!important;
  background:#fff!important;
  border:1px solid #D5D9DC!important;
  padding:0!important;
  gap:0!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:hidden!important;
}
.e-card:hover{
  border-color:#9CA7AE!important;
  box-shadow:0 10px 26px rgba(18,36,53,.08)!important;
  transform:translateY(-1px)!important;
}
.e-card .intro-cell{display:none!important}
.e-card .title-cell{
  padding:11px 14px!important;
  border-bottom:1px solid #ECEEEF!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:9px!important;
  background:#fff!important;
}
.e-card .title-cell .eyebrow{
  order:2!important;
  font-size:9px!important;
  letter-spacing:.08em!important;
  color:#8A959C!important;
  white-space:nowrap!important;
}
.e-card .display-name{
  font-size:12.5px!important;
  line-height:1.2!important;
  letter-spacing:.01em!important;
  font-weight:800!important;
  margin:0!important;
  text-transform:uppercase!important;
  color:#224766!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.e-card .title-cell .rule{display:none!important}
.e-card .visual-cell{
  border-bottom:1px solid #ECEEEF!important;
  min-height:0!important;
  background:#fff!important;
  padding:10px!important;
}
.e-card .visual-cell .visual-open{min-height:210px!important}
.e-card .visual-cell img,.e-card .visual-cell .visual-open img{
  width:100%!important;
  height:210px!important;
  object-fit:contain!important;
  padding:5px!important;
  mix-blend-mode:multiply!important;
}
.e-card:hover .visual-cell img,.e-card:hover .visual-open img{transform:scale(1.02)!important}
.e-card .image-note{display:none!important}
.e-card .facts-cell{
  padding:15px 14px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  background:#fff!important;
  overflow:visible!important;
}
.e-card .facts-cell .eyebrow{
  font-size:9px!important;
  letter-spacing:.09em!important;
  color:#7A858C!important;
  margin-bottom:7px!important;
}
.e-card .product-name{
  font-size:15px!important;
  line-height:1.35!important;
  letter-spacing:-.02em!important;
  font-weight:780!important;
  margin:0 0 11px!important;
  min-height:40px!important;
  max-height:60px!important;
  color:#122435!important;
}
.e-card .mini-facts{
  font-size:10.5px!important;
  line-height:1.45!important;
  color:#5F6D76!important;
}
.e-card .mini-facts div{
  padding:4px 0!important;
  border-top:1px solid #EEF0F1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.e-card .facts-action{
  margin-top:auto!important;
  padding-top:9px!important;
  font-size:10.5px!important;
  color:#224766!important;
}
.e-card .reveal{display:none!important}
.e-card .price-cell{
  border-top:1px solid #ECEEEF!important;
  padding:11px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:3px!important;
  background:#FAFBFB!important;
}
.e-card .price-cell .eyebrow{font-size:8.5px!important}
.e-card .price-cell .quote{
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:820!important;
  letter-spacing:-.02em!important;
  color:#122435!important;
}
.e-card .price-cell .note{font-size:9.5px!important}
.e-card .footer-cell{
  border-top:1px solid #E2E5E7!important;
  padding:8px 10px!important;
  display:grid!important;
  grid-template-columns:38px 1fr auto!important;
  align-items:center!important;
  gap:7px!important;
  background:#fff!important;
}
.e-card .footer-cell .fave{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
}
.e-card .checkline{
  min-height:36px!important;
  font-size:11.5px!important;
  gap:6px!important;
}
.e-card .checkline input{width:17px!important;height:17px!important}
.e-card .footer-cell .card-more{
  min-height:38px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  background:#CC361E!important;
  color:#fff!important;
  border:1px solid #CC361E!important;
  text-decoration:none!important;
  font-size:11.5px!important;
  font-weight:820!important;
  white-space:nowrap!important;
}
.e-card .footer-cell .card-more:hover{background:#122435!important;border-color:#122435!important}
.e-card .footer-cell .add{
  min-height:38px!important;
  margin:0!important;
  padding:0 11px!important;
  font-size:11px!important;
}
body[data-audience="bedrift"] .e-card .footer-cell{
  grid-template-columns:36px minmax(82px,1fr) auto!important;
}
body[data-audience="bedrift"] .e-card .footer-cell .add{
  grid-column:1/-1!important;
  width:100%!important;
}
@media(max-width:1280px){
 .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
 .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .e-card,.e-card.v-b,.e-card.v-c,.e-card.v-d{min-height:500px!important}
}
@media(max-width:620px){
 .catalog-grid{grid-template-columns:1fr!important;gap:12px!important}
 .e-card,.e-card.v-b,.e-card.v-c,.e-card.v-d{
   min-height:0!important;
   grid-template-rows:52px 250px auto 68px auto!important;
 }
 .e-card .visual-cell img,.e-card .visual-cell .visual-open img{height:230px!important}
 .e-card .product-name{font-size:16px!important;min-height:0!important}
 .e-card .footer-cell{grid-template-columns:38px 1fr auto!important}
 body[data-audience="bedrift"] .e-card .footer-cell{grid-template-columns:38px 1fr auto!important}
 body[data-audience="bedrift"] .e-card .footer-cell .add{grid-column:1/-1!important}
}

/* Whole product card opens product detail; controls remain independent */
.e-card[data-id]{cursor:pointer}
.e-card[data-id][hidden]{display:none!important}
.e-card[data-id]:focus-visible{outline:3px solid #224766!important;outline-offset:3px!important}
.e-card[data-id] a,.e-card[data-id] button,.e-card[data-id] input,.e-card[data-id] label{cursor:pointer}

/* P0 ecommerce journey completion */
body[data-audience="privat"] .e-card .footer-cell .add{display:inline-flex!important}
body[data-audience="privat"] .product-qty-row{display:flex!important}
.sheet-primary{width:100%;min-height:46px;border:0;background:#122435;color:#fff;font-size:13px;font-weight:850;margin-bottom:8px}
.sheet-primary:disabled{opacity:.45;cursor:not-allowed}
.checkout-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#D7DDE1;border:1px solid #D7DDE1;margin:18px 0 20px}
.checkout-steps span{background:#F4F6F7;padding:12px;font-size:11px;font-weight:750;color:#74818A;text-align:center}
.checkout-steps span.done{background:#122435;color:#fff}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:16px}
.checkout-card,.checkout-success,.checkout-error,.checkout-empty{background:#fff;border:1px solid #D4D9DC;padding:24px}
.checkout-card h2,.checkout-success h2,.checkout-error h2,.checkout-empty h2{margin:0 0 16px;color:#122435;letter-spacing:-.035em}
.checkout-line{display:grid;grid-template-columns:72px 1fr auto;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid #E8EBED}
.checkout-line img{width:72px;height:72px;object-fit:contain;background:#FAFBFB}
.checkout-line strong{display:block;font-size:13px;line-height:1.4}.checkout-line small{font-size:10px;color:#78848C}.checkout-line b{font-size:12px}
.checkout-choice{display:block;border:1px solid #D4D9DC;padding:13px;margin:8px 0;font-size:13px;font-weight:700}
.checkout-fields{display:grid;grid-template-columns:1fr 140px;gap:10px;margin-top:16px}
.checkout-fields label,.checkout-fields input{display:block;width:100%}.checkout-fields label{font-size:10px;font-weight:800;color:#667780}.checkout-fields input{margin-top:5px;height:42px;border:1px solid #BFC6CA;padding:0 10px;font-size:13px}
.checkout-actions{display:flex;gap:8px;flex-wrap:wrap}.checkout-wide{width:100%;margin-top:8px}
.checkout-success span,.checkout-error span{font-size:10px;letter-spacing:.12em;font-weight:900;color:#CC361E}
.checkout-success{border-top:4px solid #224766}.checkout-error{border-top:4px solid #CC361E}
@media(max-width:760px){.checkout-layout{grid-template-columns:1fr}.checkout-steps{grid-template-columns:1fr 1fr}.checkout-fields{grid-template-columns:1fr}}

.work-card.is-active-project{border-color:#224766!important;box-shadow:inset 4px 0 0 #224766}
.project-active-panel{border-top:4px solid #224766!important}
.quote-actions{display:flex;gap:6px;flex-wrap:wrap;min-width:190px}
.work-pill.good{background:#E7F3EA!important;color:#245B36!important}
@media(max-width:700px){.quote-actions{min-width:150px}.work-table td:last-child{min-width:180px}}

.endnotes{margin-top:28px!important}
.endnotes p{max-width:820px!important}

/* Keep cart and comparison above customer navigation. */
#backdrop{z-index:200}
#sheet{z-index:201}
#modal{z-index:203}
#toast{z-index:210}
.work-panel{min-width:0;overflow-x:auto}

/* 1 Nov 2026 — phone layout QA: align full-bleed sections with the 12px gutter. */
@media(max-width:460px){
 .be-home-docs{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;min-width:0}
}
@media(max-width:720px){
 .e-card .product-name{max-height:none!important}
 .e-card .mini-facts div{white-space:normal!important;overflow-wrap:anywhere;text-overflow:clip!important}
}
@media(max-width:460px){
 .be-home-docs{grid-template-columns:minmax(0,1fr)}
 .be-home-docs>div{min-width:0;overflow-wrap:anywhere}
}