/* LOCAL INTER — self-hosted WOFF2 */
@font-face{
  font-family:"Inter";
  src:url("../../fonts/Inter-Regular.woff2") format("woff2");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("../../fonts/Inter-Medium.woff2") format("woff2");
  font-style:normal;
  font-weight:500;
  font-display:swap;
}

/* Betonpaneller — unified typography system (TR/EN) */
:root{
  --bp-font-sans:"Inter", Arial, Helvetica, sans-serif;
  --bp-fw-text:400;
  --bp-fw-ui:500;
  --bp-lh-heading:1.05;
  --bp-lh-subtitle:1.3;
  --bp-lh-text:1.65;
  --bp-lh-cta:1.4;
  --bp-fs-home-hero:80px;
  --bp-fs-inner-hero:64px;
  --bp-fs-section:44px;
  --bp-fs-subtitle:22px;
  --bp-fs-text:16px;
  --bp-fs-cta:14px;
  --bp-fs-label:11px;
  --bp-fs-footer-link:14px;
  --bp-fs-nav:15px;
  --bp-fs-mobile-nav:16px;
  --bp-fs-mega-brand:14px;
  --bp-fs-mega-product:14px;
}

/* Global family — icon fonts are explicitly excluded below. */
html,body,body.bp-premium,
body.bp-premium :is(h1,h2,h3,h4,h5,h6,p,a,button,input,textarea,select,label,summary,li,small,strong,em,blockquote,td,th,dt,dd,option){
  font-family:var(--bp-font-sans)!important;
}
:is(.mbri-menu,.mbr-iconfont,[class^="mbri-"],[class*=" mbri-"],.socicon,[class^="socicon-"],[class*=" socicon-"]){
  font-family:inherit;
}
/* Preserve dedicated icon-font families if their source CSS sets them. */
.mbr-iconfont[class*="mbri-"]{font-family:MobiriseIcons!important}
[class^="socicon-"],[class*=" socicon-"]{font-family:socicon!important}

/* Base content */
body.bp-premium :is(p,li,td,th,dt,dd,label,input,textarea,select,option){
  font-size:var(--bp-fs-text)!important;
  line-height:var(--bp-lh-text)!important;
  font-weight:var(--bp-fw-text)!important;
}
body.bp-premium :is(h1,h2,h3,h4,h5,h6){
  font-weight:var(--bp-fw-text)!important;
  line-height:var(--bp-lh-heading)!important;
}
body.bp-premium :is(h1,h2,h3,h4,h5,h6) strong{
  font-weight:var(--bp-fw-text)!important;
}

/* Page hierarchy */
body.bp-home #header4-l h1{
  font-size:var(--bp-fs-home-hero)!important;
  line-height:var(--bp-lh-heading)!important;
  font-weight:var(--bp-fw-text)!important;
}
body.bp-inner #header4-l h1{
  font-size:var(--bp-fs-inner-hero)!important;
  line-height:var(--bp-lh-heading)!important;
  font-weight:var(--bp-fw-text)!important;
}
body.bp-premium main h2,
body.bp-premium section h2:not(.display-2){
  font-size:var(--bp-fs-section)!important;
  line-height:var(--bp-lh-heading)!important;
  font-weight:var(--bp-fw-text)!important;
}
body.bp-premium .bp-mbz-subtitle,
body.bp-premium article h3,
body.bp-premium .hbp-fact strong{
  font-size:var(--bp-fs-subtitle)!important;
  line-height:var(--bp-lh-subtitle)!important;
  font-weight:var(--bp-fw-text)!important;
}
body.bp-premium .hero-desc,
body.bp-premium .bp-intro-lead,
body.bp-premium .hbp-lead,
body.bp-premium .hbp-copy p{
  font-size:var(--bp-fs-text)!important;
  line-height:var(--bp-lh-text)!important;
  font-weight:var(--bp-fw-text)!important;
}

/* Small editorial labels */
body.bp-premium :is(.bp-hero-kicker,.mbz34-kicker,.hbp-kicker,.bp-color-group-head h3,.bp-contact-kicker,.bp-section-kicker,.bp-eyebrow,.eyebrow,.kicker,.bp-contact-list small,.bp-contact-list > a > span,.bp-contact-address > span){
  font-size:var(--bp-fs-label)!important;
  line-height:1.4!important;
  font-weight:var(--bp-fw-ui)!important;
}
body.bp-premium .bp-color-group-head h3{
  letter-spacing:inherit;
}

/* CTA system */
body.bp-premium :is(.bp-hero-editorial-link,.bp-hero-project-link,.bp-contact-primary,.hbp-cta,.mbz34-link,.bp-text-link,.bp-collection-cta,.bp-projects-cta,.bp-colors-cta,.bp-technical-links a,.bpf-action){
  font-size:var(--bp-fs-cta)!important;
  line-height:var(--bp-lh-cta)!important;
  font-weight:var(--bp-fw-ui)!important;
}

/* Forms & modal */
body.bp-premium .bpf-dialog :is(h2,h3){font-size:var(--bp-fs-subtitle)!important;line-height:var(--bp-lh-subtitle)!important;font-weight:var(--bp-fw-text)!important}
body.bp-premium .bpf-dialog :is(label,.bpf-field-label){font-size:var(--bp-fs-label)!important;line-height:1.4!important;font-weight:var(--bp-fw-ui)!important}
body.bp-premium .bpf-dialog :is(input,textarea,select){font-size:var(--bp-fs-text)!important;line-height:var(--bp-lh-text)!important;font-weight:var(--bp-fw-text)!important}

/* Header + mega menu: geometry/behaviour intentionally untouched. */
@media (min-width:992px){
  body.bp-premium .bp-site-header .bp-desktop-nav > a,
  body.bp-premium .bp-site-header .bp-desktop-nav > .nav-item > a,
  body.bp-premium .bp-site-header .mega-menu-trigger,
  body.bp-premium .bp-site-header .nav-link{
    font-size:var(--bp-fs-nav)!important;
    font-weight:var(--bp-fw-ui)!important;
    line-height:1.4!important;
    letter-spacing:0!important;
  }
  body.bp-premium .bp-site-header .bp-mega-brand,
  body.bp-premium .bp-site-header .mega-brand-link{
    font-size:var(--bp-fs-mega-brand)!important;
    font-weight:var(--bp-fw-ui)!important;
    line-height:1.4!important;
    letter-spacing:0!important;
  }
  body.bp-premium .bp-site-header .bp-mega-products a,
  body.bp-premium .bp-site-header .mega-product-link{
    font-size:var(--bp-fs-mega-product)!important;
    font-weight:400!important;
    line-height:1.4!important;
    letter-spacing:0!important;
  }
}
@media (max-width:991px){
  body.bp-premium .bp-mobile-nav > a,
  body.bp-premium .bp-mobile-menu > a,
  body.bp-premium .bp-mobile-nav .nav-link,
  body.bp-premium .navbar-collapse .nav-link{
    font-size:var(--bp-fs-mobile-nav)!important;
    font-weight:var(--bp-fw-ui)!important;
    line-height:1.4!important;
    letter-spacing:0!important;
  }
  body.bp-premium .bp-mobile-mega-panel .bp-mega-brand,
  body.bp-premium .bp-mobile-mega-panel .mega-brand-link,
  body.bp-premium .navbar-collapse .mega-brand-link{
    font-size:15px!important;
    font-weight:var(--bp-fw-ui)!important;
    line-height:1.4!important;
    letter-spacing:0!important;
  }
  body.bp-premium .bp-mobile-mega-panel .bp-mega-products a,
  body.bp-premium .bp-mobile-mega-panel .mega-product-link,
  body.bp-premium .navbar-collapse .mega-product-link{
    font-size:var(--bp-fs-mega-product)!important;
    font-weight:400!important;
    line-height:1.4!important;
    letter-spacing:0!important;
  }
}

/* Footer: links follow shared system; legal/signature line stays intentionally compact. */
body.bp-premium .bp-footer a{
  font-size:var(--bp-fs-footer-link)!important;
  line-height:var(--bp-lh-cta)!important;
  font-weight:var(--bp-fw-ui)!important;
}
body.bp-premium .bp-footer-bottom p{
  font-family:var(--bp-font-sans)!important;
  font-weight:var(--bp-fw-text)!important;
  /* intentional compact footer exception */
}

/* Tablet 768–991 */
@media (min-width:768px) and (max-width:991px){
  :root{
    --bp-fs-home-hero:64px;
    --bp-fs-inner-hero:54px;
    --bp-fs-section:38px;
    --bp-fs-subtitle:21px;
  }
}
/* Mobile <=767 */
@media (max-width:767px){
  :root{
    --bp-fs-home-hero:44px;
    --bp-fs-inner-hero:42px;
    --bp-fs-section:32px;
    --bp-fs-subtitle:20px;
  }
  body.bp-home #header4-l h1,
  body.bp-inner #header4-l h1,
  body.bp-premium section h2:not(.display-2){
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-wrap:balance;
  }
}

/* QA FIX — explicit component overrides where legacy selectors were more specific */
body.bp-premium .bp-intro-specs h3,
body.bp-premium .bp-performance-item h3,
body.bp-premium .bp-performance-grid h3,
body.bp-premium .bp-faq summary strong,
body.bp-premium .hbp-faq summary{
  font-size:var(--bp-fs-subtitle)!important;
  line-height:var(--bp-lh-subtitle)!important;
  font-weight:var(--bp-fw-text)!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body.bp-premium .bp-intro-specs p,
body.bp-premium .bp-performance-item p,
body.bp-premium .bp-performance-grid p,
body.bp-premium .bp-tech-facts dd,
body.bp-premium .bp-faq-answer p,
body.bp-premium .bp-color-group-head p,
body.bp-premium .hbp-fact p,
body.bp-premium .hbp-faq p{
  font-size:var(--bp-fs-text)!important;
  line-height:var(--bp-lh-text)!important;
  font-weight:var(--bp-fw-text)!important;
  letter-spacing:0!important;
}
/* Keep true metadata/eyebrow items as the 11px small-label system. */
body.bp-premium .bp-tech-facts dt,
body.bp-premium .bp-color-group-no{
  font-size:var(--bp-fs-label)!important;
  line-height:1.4!important;
  font-weight:var(--bp-fw-ui)!important;
}
/* Colour collection group names function as labels, not section subheadings. */
body.bp-premium .bp-color-group-head h3,
body.bp-premium .bp-color-group h3{
  font-size:var(--bp-fs-label)!important;
  line-height:1.4!important;
  font-weight:var(--bp-fw-ui)!important;
}
/* Footer links follow the requested 14px system. Legal/signature copy is an intentional compact exception. */
body.bp-premium .bp-footer-nav a,
body.bp-premium .bp-footer a{
  font-size:var(--bp-fs-footer-link)!important;
  line-height:var(--bp-lh-cta)!important;
  font-weight:var(--bp-fw-ui)!important;
}
body.bp-premium .bp-footer-bottom p{
  font-size:11px!important;
  line-height:1.55!important;
  font-weight:var(--bp-fw-text)!important;
}


/* RECHECK FIX 2 — harden against legacy !important selectors */

/* Hero H1: legacy hero CSS contains highly-specific !important rules. */
html body.bp-premium.bp-home #header4-l.mbz-hero-v34 h1.display-1,
html body.bp-premium.bp-home #header4-l.mbz-hero-v34 h1.mbr-section-title,
html body.bp-premium.bp-home #header4-l.mbz-hero-v34 h1{
  font-family:var(--bp-font-sans)!important;
  font-size:var(--bp-fs-home-hero)!important;
  line-height:var(--bp-lh-heading)!important;
  font-weight:var(--bp-fw-text)!important;
  letter-spacing:normal!important;
}
html body.bp-premium.bp-inner #header4-l.mbz-hero-v34 h1.display-1,
html body.bp-premium.bp-inner #header4-l.mbz-hero-v34 h1.mbr-section-title,
html body.bp-premium.bp-inner #header4-l.mbz-hero-v34 h1{
  font-family:var(--bp-font-sans)!important;
  font-size:var(--bp-fs-inner-hero)!important;
  line-height:var(--bp-lh-heading)!important;
  font-weight:var(--bp-fw-text)!important;
}

/* Section headings: explicit high-specificity guard. */
html body.bp-premium section h2.mbr-section-title,
html body.bp-premium section h2:not(.display-2),
html body.bp-premium main h2{
  font-family:var(--bp-font-sans)!important;
  font-size:var(--bp-fs-section)!important;
  line-height:var(--bp-lh-heading)!important;
  font-weight:var(--bp-fw-text)!important;
}
html body.bp-premium section h2 strong,
html body.bp-premium main h2 strong,
html body.bp-premium #header4-l h1 strong{
  font-weight:var(--bp-fw-text)!important;
}

/* Actual header DOM in this package uses #menu1-2uh / .navbar-nav, not .bp-site-header. */
@media (min-width:992px){
  html body.bp-premium #menu1-2uh .navbar-nav > .nav-item > .nav-link,
  html body.bp-premium #menu1-2uh .navbar-nav > .mega-nav-item > .mega-menu-trigger{
    font-family:var(--bp-font-sans)!important;
    font-size:var(--bp-fs-nav)!important;
    font-weight:var(--bp-fw-ui)!important;
    line-height:1.4!important;
    letter-spacing:0!important;
  }
  html body.bp-premium #menu1-2uh .mega-menu-panel .mega-brand-link{
    font-family:var(--bp-font-sans)!important;
    font-size:var(--bp-fs-mega-brand)!important;
    font-weight:var(--bp-fw-ui)!important;
    line-height:1.4!important;
    letter-spacing:0!important;
  }
  html body.bp-premium #menu1-2uh .mega-menu-panel .mega-product-link{
    font-family:var(--bp-font-sans)!important;
    font-size:var(--bp-fs-mega-product)!important;
    font-weight:400!important;
    line-height:1.4!important;
    letter-spacing:0!important;
  }
}
@media (max-width:991px){
  html body.bp-premium #menu1-2uh .navbar-collapse .navbar-nav > .nav-item > .nav-link,
  html body.bp-premium #menu1-2uh .navbar-collapse .mega-menu-trigger{
    font-family:var(--bp-font-sans)!important;
    font-size:var(--bp-fs-mobile-nav)!important;
    font-weight:var(--bp-fw-ui)!important;
    line-height:1.4!important;
    letter-spacing:0!important;
  }
  html body.bp-premium #menu1-2uh .mega-menu-panel .mega-brand-link{
    font-family:var(--bp-font-sans)!important;
    font-size:15px!important;
    font-weight:var(--bp-fw-ui)!important;
    line-height:1.4!important;
    letter-spacing:0!important;
  }
  html body.bp-premium #menu1-2uh .mega-menu-panel .mega-product-link{
    font-family:var(--bp-font-sans)!important;
    font-size:var(--bp-fs-mega-product)!important;
    font-weight:400!important;
    line-height:1.4!important;
    letter-spacing:0!important;
  }
}

/* UI tools inherit Inter without changing SVG/icon geometry. */
html body.bp-premium #menu1-2uh :is(.ct70-lang-current,.ct70-lang-link){
  font-family:var(--bp-font-sans)!important;
  font-weight:var(--bp-fw-ui)!important;
}

/* Form/modal text hardening. */
html body.bp-premium .bpf-dialog :is(input,textarea,select),
html body.bp-premium .bpf-dialog p,
html body.bp-premium .bpf-dialog .bpf-field{
  font-family:var(--bp-font-sans)!important;
  font-size:var(--bp-fs-text)!important;
  line-height:var(--bp-lh-text)!important;
  font-weight:var(--bp-fw-text)!important;
}


/* FULL-SITE INTER QA FINAL — actual DOM + legacy specificity hardening */

/* Hero supporting typography: force the requested subtitle/body/CTA system over legacy #header4-l rules. */
html body.bp-premium #header4-l.mbz-hero-v34 p.bp-mbz-subtitle,
html body.bp-premium #header4-l.mbz-hero-v34 p.bp-mbz-subtitle.display-2{
  font-family:var(--bp-font-sans)!important;
  font-size:var(--bp-fs-subtitle)!important;
  line-height:var(--bp-lh-subtitle)!important;
  font-weight:var(--bp-fw-text)!important;
}
html body.bp-premium #header4-l.mbz-hero-v34 p.bp-mbz-subtitle strong{
  font-weight:var(--bp-fw-text)!important;
}
html body.bp-premium #header4-l.mbz-hero-v34 .hero-desc{
  font-family:var(--bp-font-sans)!important;
  font-size:var(--bp-fs-text)!important;
  line-height:var(--bp-lh-text)!important;
  font-weight:var(--bp-fw-text)!important;
}
html body.bp-premium #header4-l.mbz-hero-v34 a.mbz34-link{
  font-family:var(--bp-font-sans)!important;
  font-size:var(--bp-fs-cta)!important;
  line-height:var(--bp-lh-cta)!important;
  font-weight:var(--bp-fw-ui)!important;
}

/* Real project-form DOM is #bp-project-form (no .bpf-dialog class in source HTML). */
html body.bp-premium #bp-project-form{
  font-family:var(--bp-font-sans)!important;
}
html body.bp-premium #bp-project-form :is(.bpf-title,h2,h3){
  font-family:var(--bp-font-sans)!important;
  font-size:var(--bp-fs-subtitle)!important;
  line-height:var(--bp-lh-subtitle)!important;
  font-weight:var(--bp-fw-text)!important;
}
html body.bp-premium #bp-project-form .bpf-kicker{
  font-family:var(--bp-font-sans)!important;
  font-size:var(--bp-fs-label)!important;
  line-height:1.4!important;
  font-weight:var(--bp-fw-ui)!important;
}
html body.bp-premium #bp-project-form label,
html body.bp-premium #bp-project-form .bpf-field-label{
  font-family:var(--bp-font-sans)!important;
  font-size:var(--bp-fs-label)!important;
  line-height:1.4!important;
  font-weight:var(--bp-fw-ui)!important;
}
html body.bp-premium #bp-project-form :is(input,textarea,select){
  font-family:var(--bp-font-sans)!important;
  font-size:var(--bp-fs-text)!important;
  line-height:var(--bp-lh-text)!important;
  font-weight:var(--bp-fw-text)!important;
}
html body.bp-premium #bp-project-form :is(.bpf-head p,.bpf-note,.bpf-status,p){
  font-family:var(--bp-font-sans)!important;
  font-size:var(--bp-fs-text)!important;
  line-height:var(--bp-lh-text)!important;
  font-weight:var(--bp-fw-text)!important;
}
html body.bp-premium #bp-project-form :is(button,.bpf-action){
  font-family:var(--bp-font-sans)!important;
  font-size:var(--bp-fs-cta)!important;
  line-height:var(--bp-lh-cta)!important;
  font-weight:var(--bp-fw-ui)!important;
}

/* High-specificity UI normalization for legacy 600/700 declarations. */
html body.bp-premium :is(
  .bp-text-link,
  .bp-collection-cta,
  .bp-projects-cta,
  .bp-technical-links a,
  .bp-contact-primary,
  .bp-colors-cta,
  .hbp-cta
){
  font-weight:var(--bp-fw-ui)!important;
  font-size:var(--bp-fs-cta)!important;
  line-height:var(--bp-lh-cta)!important;
}
html body.bp-premium :is(
  .bp-eyebrow,
  .bp-colors-kicker,
  .bp-section-kicker,
  .bp-contact-kicker,
  .mbz34-kicker,
  .hbp-kicker
){
  font-weight:var(--bp-fw-ui)!important;
  font-size:var(--bp-fs-label)!important;
}
html body.bp-premium :is(h1,h2,h3,h4,h5,h6) strong{
  font-weight:var(--bp-fw-text)!important;
}

/* Footer links: legacy footer rule sets all footer text to 11px!important. */
html body.bp-premium .bp-footer .bp-footer-nav a,
html body.bp-premium .bp-footer a.bp-footer-link{
  font-family:var(--bp-font-sans)!important;
  font-size:var(--bp-fs-footer-link)!important;
  line-height:var(--bp-lh-cta)!important;
  font-weight:var(--bp-fw-ui)!important;
}
/* Intentional compact footer exception. */
html body.bp-premium .bp-footer .bp-footer-bottom p{
  font-family:var(--bp-font-sans)!important;
  font-size:11px!important;
  line-height:1.55!important;
  font-weight:var(--bp-fw-text)!important;
}