:root{--ink:#10202e;--muted:#6b7a87;--line:#dce5ec;--soft:#f4f8fb;--blue:#155d8f;--white:#fff;--shadow:0 20px 55px rgba(30,58,78,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.topbar{height:74px;padding:0 5vw;display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);z-index:20}.brand{font-weight:850;font-size:20px;letter-spacing:-.5px}.topbar nav{display:flex;gap:28px;margin-left:auto;color:#405260;font-size:14px}.ghost{border:1px solid var(--line);background:white;border-radius:10px;padding:10px 15px}.hero{max-width:1240px;margin:auto;padding:80px 28px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.7px;color:var(--blue)}h1{font-size:60px;line-height:1.02;letter-spacing:-2.6px;margin:14px 0 20px;max-width:760px}h2{font-size:38px;letter-spacing:-1.4px;margin:7px 0 0}.hero p,.catalog-card p{font-size:18px;line-height:1.7;color:var(--muted);max-width:700px}.hero-actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 19px;border-radius:11px;font-weight:750;border:0;cursor:pointer}.primary{background:var(--blue);color:white}.secondary{border:1px solid var(--line);background:white}.wide{width:100%;margin-top:18px}.stats{display:flex;gap:38px;margin-top:42px}.stats div{display:flex;flex-direction:column}.stats strong{font-size:24px}.stats span{color:var(--muted);font-size:13px}.hero-card{background:linear-gradient(145deg,#eef5f9,#dfeaf2);padding:38px;border-radius:28px;box-shadow:var(--shadow)}.mini-sheet{background:#fff;aspect-ratio:1/1.414;border-radius:5px;padding:32px;box-shadow:0 18px 35px rgba(32,54,70,.17)}.mini-logo{font-size:10px;color:#607587}.mini-title{font-weight:850;font-size:26px;margin-top:45px}.mini-model{font-size:12px;color:var(--blue);font-weight:700;margin-top:5px}.mini-photo{height:42%;background:linear-gradient(135deg,#e6edf1,#f9fbfc);margin:28px 0;border-radius:8px}.mini-bars{display:grid;gap:7px}.mini-bars span{height:7px;background:#e2e8ed;border-radius:5px}.mini-bars span:nth-child(2){width:86%}.mini-bars span:nth-child(3){width:72%}.section{max-width:1240px;margin:auto;padding:76px 28px}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.chip{border:1px solid var(--line);background:white;border-radius:999px;padding:8px 12px;font-size:12px;cursor:pointer}.chip.active{background:#10202e;color:#fff;border-color:#10202e}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}.template-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white;cursor:pointer;transition:.2s}.template-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.thumb{aspect-ratio:1/1.18;padding:22px;background:#eef3f6}.thumb-sheet{height:100%;background:white;border-radius:4px;padding:16px;display:grid;grid-template-rows:auto 1fr auto;box-shadow:0 10px 20px rgba(20,40,54,.10)}.thumb-title{font-weight:800;font-size:13px}.thumb-shape{margin:18px 0;border-radius:7px;background:linear-gradient(135deg,#dfe8ee,#f7f9fa)}.template-meta{padding:14px}.template-meta strong{display:block}.template-meta span{font-size:12px;color:var(--muted)}.builder-section{padding-top:90px}.builder{display:grid;grid-template-columns:360px 1fr;gap:28px;margin-top:28px}.panel{border:1px solid var(--line);border-radius:16px;background:#fff}.form-panel{padding:20px;align-self:start;position:sticky;top:92px}.form-panel label{display:block;font-size:12px;font-weight:750;margin-bottom:14px}.form-panel input,.form-panel textarea,.preview-toolbar select,.spec-row input{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 11px;margin-top:6px;font:inherit;background:#fff}.form-panel textarea{height:98px;resize:vertical}.specs-head{display:flex;justify-content:space-between;align-items:center;margin:18px 0 8px;font-size:13px}.specs-head button{border:0;background:var(--soft);border-radius:8px;padding:7px 10px;cursor:pointer}.spec-row{display:grid;grid-template-columns:1fr 1fr 28px;gap:6px;margin-bottom:7px}.spec-row button{border:0;background:#fff;color:#9a5360;cursor:pointer}.preview-wrap{background:var(--soft);border-radius:18px;padding:20px;min-height:960px}.preview-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:16px;font-size:12px}.preview-toolbar select{width:210px;margin:0}.brochure{--accent:#155d8f;width:min(760px,100%);aspect-ratio:1/1.414;margin:auto;background:#fff;box-shadow:0 18px 40px rgba(27,50,67,.14);padding:44px;display:flex;flex-direction:column}.brochure-header,.brochure-footer{display:flex;justify-content:space-between;align-items:center}.brochure-logo{font-weight:850}.brochure-badge{font-size:10px;letter-spacing:1.2px;color:var(--accent);font-weight:800}.brochure-main{display:grid;grid-template-columns:1fr .86fr;gap:32px;align-items:center;margin-top:70px}.product-kicker{font-size:10px;letter-spacing:1.5px;color:var(--accent);font-weight:800}.copy h3{font-size:39px;line-height:1.02;margin:8px 0}.product-model{font-size:15px;color:var(--accent);font-weight:800}.copy p{font-size:13px;line-height:1.65;color:#5d6b75}.photo-box{aspect-ratio:1;background:linear-gradient(145deg,#edf3f6,#dfe8ed);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#78909e;font-size:11px;background-size:contain;background-position:center;background-repeat:no-repeat}.photo-box.has-image span{display:none}.spec-card{border-top:4px solid var(--accent);margin-top:55px;padding-top:18px}.spec-card h4{margin:0 0 12px}.spec-line{display:grid;grid-template-columns:1fr 1fr;padding:8px 0;border-bottom:1px solid #e8eef2;font-size:12px}.spec-line span:last-child{text-align:right;font-weight:700}.brochure-footer{margin-top:auto;border-top:1px solid #e3e9ed;padding-top:13px;color:#6e7f8b;font-size:10px}.template-dark{background:#12202c;color:#fff}.template-dark .copy p,.template-dark .brochure-footer{color:#c3ced6}.template-dark .spec-line{border-color:#344551}.template-dark .photo-box{background-color:#263946}.template-minimal{padding:58px}.template-minimal .brochure-main{grid-template-columns:1fr;margin-top:50px}.template-minimal .photo-box{order:-1;max-height:260px}.catalog-card{border-radius:24px;padding:46px;background:#10202e;color:#fff;display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:center}.catalog-card p{color:#c9d4dc}.catalog-flow{display:grid;grid-template-columns:1fr;gap:9px}.catalog-flow span{background:#1b3244;border:1px solid #31516a;border-radius:11px;padding:12px 14px}.catalog-flow b{text-align:center}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.pricing-grid article{border:1px solid var(--line);border-radius:18px;padding:28px;position:relative}.pricing-grid .featured{border:2px solid var(--blue)}.popular{position:absolute;top:-11px;right:18px;background:var(--blue);color:#fff;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:850}.price{font-size:38px;font-weight:850;margin:18px 0}.price span{font-size:14px;color:var(--muted)}.pricing-grid p{color:var(--muted);line-height:1.6}@media(max-width:900px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:48px}.hero h1{font-size:44px}.template-grid{grid-template-columns:repeat(2,1fr)}.builder{grid-template-columns:1fr}.form-panel{position:static}.catalog-card{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}}@media(max-width:560px){.hero,.section{padding-left:18px;padding-right:18px}.hero h1{font-size:38px}.hero-actions,.stats{flex-direction:column}.section-head{align-items:flex-start;flex-direction:column}.chips{justify-content:flex-start}.template-grid{grid-template-columns:1fr}.brochure{padding:24px}.brochure-main{grid-template-columns:1fr;margin-top:32px}.copy h3{font-size:30px}.preview-wrap{padding:8px}}
@media print{body *{visibility:hidden}.brochure,.brochure *{visibility:visible}.brochure{position:absolute;left:0;top:0;width:210mm;height:297mm;box-shadow:none;margin:0}.preview-wrap{background:#fff;padding:0}}

/* Authentication / utility pages */
.auth-page{
    max-width:560px;
    margin:0 auto;
    padding:80px 24px;
}

.auth-card{
    border:1px solid var(--line);
    border-radius:20px;
    padding:34px;
    background:#fff;
    box-shadow:var(--shadow);
}

.auth-card h1{
    font-size:38px;
    letter-spacing:-1.4px;
    margin:0 0 10px;
}

.auth-card p{
    color:var(--muted);
    line-height:1.6;
}

.auth-card form{
    margin-top:26px;
}

.auth-card label{
    display:block;
    font-size:12px;
    font-weight:750;
    margin:16px 0 6px;
}

.auth-card input{
    width:100%;
    border:1px solid var(--line);
    border-radius:10px;
    padding:12px 13px;
    font:inherit;
    background:#fff;
}

.auth-card input:focus{
    outline:none;
    border-color:var(--blue);
    box-shadow:0 0 0 3px rgba(21,93,143,.10);
}

.auth-card .btn{
    width:100%;
    margin-top:22px;
}

.auth-links{
    margin-top:20px;
    text-align:center;
    font-size:14px;
}

.auth-links a{
    color:var(--blue);
    font-weight:700;
}

.error{
    background:#fff1f2;
    border:1px solid #f0c9ce;
    color:#9a3d49;
    border-radius:10px;
    padding:11px 13px;
    margin:18px 0;
}

.flash{
    background:#eef7f2;
    border:1px solid #cce7d8;
    color:#276847;
    border-radius:10px;
    padding:11px 13px;
}

@media(max-width:700px){
    .topbar{
        height:auto;
        min-height:68px;
        padding:12px 18px;
        gap:15px;
    }

    .topbar nav{
        gap:12px;
        flex-wrap:wrap;
        justify-content:flex-end;
    }

    .topbar nav a{
        font-size:12px;
    }

    .auth-page{
        padding:45px 18px;
    }

    .auth-card{
        padding:24px;
    }
}


/* =========================================================
   BROCHUREFORGE AUTH PAGES
   Completely isolated from the application UI
   ========================================================= */

body.auth-body{
    margin:0;
    min-height:100vh;
    background:#f5f8fa;
    color:#10202e;
}

.auth-shell{
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

.auth-header{
    height:76px;
    padding:0 5vw;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#fff;
    border-bottom:1px solid #dce5ec;
}

.auth-logo{
    color:#10202e;
    text-decoration:none;
    font-size:21px;
    font-weight:800;
    letter-spacing:-.5px;
}

.auth-back{
    color:#526572;
    text-decoration:none;
    font-size:14px;
}

.auth-back:hover{
    color:#155d8f;
}

.auth-main{
    flex:1;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    padding:70px 20px 50px;
}

.auth-box{
    width:100%;
    max-width:480px;
    background:#fff;
    border:1px solid #dce5ec;
    border-radius:18px;
    padding:38px;
    box-shadow:0 18px 45px rgba(30,58,78,.10);
}

.auth-kicker{
    color:#155d8f;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.8px;
    margin-bottom:13px;
}

.auth-box h1{
    margin:0 0 12px;
    max-width:none;
    font-size:38px;
    line-height:1.08;
    letter-spacing:-1.5px;
}

.auth-intro{
    margin:0;
    color:#6b7a87;
    font-size:15px;
    line-height:1.65;
}

.auth-form{
    margin-top:28px;
}

.auth-form label{
    display:block;
    margin:17px 0 7px;
    color:#263b4a;
    font-size:13px;
    font-weight:700;
}

.auth-form input{
    display:block;
    width:100%;
    height:48px;
    padding:0 13px;
    margin:0;
    border:1px solid #ccd8e0;
    border-radius:9px;
    background:#fff;
    color:#10202e;
    font-family:inherit;
    font-size:15px;
    outline:none;
}

.auth-form input:focus{
    border-color:#155d8f;
    box-shadow:0 0 0 3px rgba(21,93,143,.10);
}

.auth-submit{
    display:flex;
    width:100%;
    height:48px;
    align-items:center;
    justify-content:center;
    margin-top:25px;
    border:0;
    border-radius:9px;
    background:#155d8f;
    color:#fff;
    font-family:inherit;
    font-size:15px;
    font-weight:750;
    cursor:pointer;
}

.auth-submit:hover{
    background:#104b73;
}

.auth-switch{
    margin-top:22px;
    text-align:center;
    color:#6b7a87;
    font-size:14px;
}

.auth-switch a{
    color:#155d8f;
    font-weight:700;
    text-decoration:none;
}

.auth-error{
    margin-top:20px;
    padding:12px 14px;
    border:1px solid #efc8ce;
    border-radius:9px;
    background:#fff3f4;
    color:#9a3d49;
    font-size:13px;
    line-height:1.5;
}

.auth-footer{
    padding:22px;
    text-align:center;
    color:#91a0aa;
    font-size:12px;
}

@media(max-width:600px){

    .auth-header{
        height:68px;
        padding:0 18px;
    }

    .auth-back{
        font-size:12px;
    }

    .auth-main{
        padding:35px 16px;
    }

    .auth-box{
        padding:27px 22px;
        border-radius:15px;
    }

    .auth-box h1{
        font-size:31px;
    }
}


/* =========================================================
   BROCHUREFORGE PRICING
   ========================================================= */

.pricing-section {
  scroll-margin-top: 90px;
}

.pricing-section .section-head {
  max-width: 760px;
}

.pricing-section .section-head p {
  margin-top: 12px;
  color: #667085;
  font-size: 16px;
  line-height: 1.7;
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 34px;
  align-items: stretch;
}

.pricing-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 30px;
  background: #fff;
  border: 1px solid #e4eaf1;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(15, 38, 64, .06);
}

.pricing-card h3 {
  margin: 8px 0 10px;
  font-size: 25px;
  line-height: 1.2;
}

.pricing-kicker {
  color: #175986;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
}

.pricing-description {
  min-height: 54px;
  margin: 0;
  color: #667085;
  font-size: 14px;
  line-height: 1.6;
}

.pricing-price {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: 24px 0 20px;
}

.pricing-price strong {
  color: #123d5c;
  font-size: 42px;
  line-height: 1;
  letter-spacing: -.04em;
}

.pricing-price span {
  color: #667085;
  font-size: 14px;
}

.pricing-features {
  display: grid;
  gap: 12px;
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
  color: #344054;
  font-size: 14px;
}

.pricing-features li {
  position: relative;
  padding-left: 22px;
  line-height: 1.45;
}

.pricing-features li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #175986;
  font-weight: 800;
}

.pricing-btn {
  width: 100%;
  margin-top: auto;
  text-align: center;
  box-sizing: border-box;
}

.pricing-featured {
  border-color: #175986;
  box-shadow: 0 18px 45px rgba(23, 89, 134, .14);
  transform: translateY(-8px);
}

.pricing-badge {
  position: absolute;
  top: -12px;
  right: 22px;
  padding: 6px 11px;
  border-radius: 999px;
  background: #175986;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
}

.pricing-note {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 28px;
  margin-top: 26px;
  color: #667085;
  font-size: 13px;
}

.pricing-note span::before {
  content: "•";
  margin-right: 7px;
  color: #175986;
}

@media (max-width: 900px) {
  .pricing-grid {
    grid-template-columns: 1fr;
  }

  .pricing-featured {
    transform: none;
  }

  .pricing-card {
    max-width: 620px;
    width: 100%;
    margin: 0 auto;
  }
}

@media (max-width: 600px) {
  .pricing-card {
    padding: 24px;
  }

  .pricing-price strong {
    font-size: 36px;
  }

  .pricing-description {
    min-height: 0;
  }

  .pricing-note {
    gap: 8px 16px;
  }
}


/* ============================================================
   BROCHUREFORGE — REAL 12 TEMPLATE SYSTEM
   ============================================================ */

.editor-product-meta{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:3px;
    color:var(--muted);
    font-size:12px;
}

.editor-product-meta strong{
    color:var(--ink);
    font-size:14px;
}

.brochure{
    position:relative;
    overflow:hidden;
    min-height:0;
}

.brochure-page-accent{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:6px;
    background:var(--accent,#155d8f);
}

.bf-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    padding-top:10px;
    position:relative;
    z-index:2;
}

.bf-brand{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.bf-brand strong{
    font-size:17px;
    letter-spacing:-.4px;
}

.bf-brand span{
    font-size:8px;
    color:#71818c;
    letter-spacing:.4px;
}

.bf-template-name{
    font-size:8px;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:var(--accent,#155d8f);
    font-weight:800;
}

.bf-kicker{
    font-size:9px;
    font-weight:850;
    letter-spacing:1.8px;
    color:var(--accent,#155d8f);
}

.bf-copy h3,
.bf-grid-hero h3,
.bf-corporate-banner h3,
.bf-clinical h3,
.bf-lab-copy h3,
.bf-industrial-copy h3,
.bf-minimal-copy h3,
.bf-dark-hero h3,
.bf-pharma-heading h3,
.bf-tech-copy h3,
.bf-luxury-copy h3,
.bf-technical-title h3{
    margin:8px 0 5px;
    font-size:35px;
    line-height:1.02;
    letter-spacing:-1.7px;
}

.bf-model{
    color:var(--accent,#155d8f);
    font-size:13px;
    font-weight:800;
}

.bf-brandline{
    margin-top:8px;
    font-size:10px;
    color:#6e7e88;
    text-transform:uppercase;
    letter-spacing:.8px;
}

.bf-copy p,
.bf-grid-hero p,
.bf-corporate-copy p,
.bf-clinical-description,
.bf-lab-copy p,
.bf-industrial-copy p,
.bf-minimal-copy p,
.bf-dark-hero p,
.bf-pharma-description,
.bf-tech-copy p,
.bf-luxury-copy p,
.bf-technical-description{
    color:#596a75;
    font-size:11px;
    line-height:1.65;
}

.bf-image{
    background:linear-gradient(145deg,#eef4f7,#dce6eb);
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    color:#78909e;
    font-size:9px;
    letter-spacing:1px;
    min-height:220px;
}

.bf-image img,
.bf-lab-image img,
.bf-industrial-image img,
.bf-tech-image img,
.bf-luxury-image img,
.bf-technical-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}

.bf-modern-hero{
    display:grid;
    grid-template-columns:1fr .92fr;
    gap:34px;
    align-items:center;
    margin-top:62px;
}

.bf-spec-modern{
    margin-top:38px;
    border-top:3px solid var(--accent,#155d8f);
    padding-top:13px;
}

.bf-section-title{
    font-size:11px;
    font-weight:850;
    margin-bottom:8px;
}

.bf-spec-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    padding:7px 0;
    border-bottom:1px solid #e5ecef;
    font-size:9px;
}

.bf-spec-row strong{
    text-align:right;
}

.bf-grid-hero{
    display:grid;
    grid-template-columns:48px 1fr .8fr;
    gap:18px;
    align-items:center;
    margin-top:52px;
}

.bf-number{
    font-size:32px;
    font-weight:900;
    color:#d7e2e8;
}

.bf-grid-specs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:30px;
}

.bf-grid-specs div{
    border:1px solid #dfe7eb;
    padding:10px;
    display:grid;
    grid-template-columns:28px 1fr;
    gap:3px 8px;
}

.bf-grid-specs small{
    color:var(--accent);
    grid-row:span 2;
}

.bf-grid-specs span{
    font-size:8px;
    color:#647580;
}

.bf-grid-specs strong{
    font-size:9px;
}

.bf-corporate-banner{
    margin-top:48px;
    background:#102b40;
    color:#fff;
    padding:25px;
    display:grid;
    grid-template-columns:1fr .72fr;
    gap:25px;
    align-items:center;
}

.bf-corporate-banner .bf-image{
    min-height:180px;
    background:#f3f6f8;
}

.bf-corporate-banner .bf-model,
.bf-corporate-banner .bf-kicker{
    color:#8fc0dc;
}

.bf-corporate-copy{
    margin-top:25px;
    display:grid;
    grid-template-columns:130px 1fr;
    gap:22px;
}

.bf-corp-brand{
    font-size:10px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:1px;
}

.bf-corporate-table{
    margin-top:22px;
}

.bf-corporate-table h4{
    margin:0 0 8px;
    font-size:11px;
}

.bf-corporate-table div{
    display:flex;
    justify-content:space-between;
    padding:7px 10px;
    font-size:8px;
    border-bottom:1px solid #e2e8eb;
}

.bf-clinical{
    margin-top:48px;
    border:1px solid #d9e8e8;
    display:grid;
    grid-template-columns:1fr .9fr;
    min-height:250px;
}

.bf-clinical-title{
    padding:28px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.bf-clinical-title span{
    font-size:8px;
    color:#238d88;
    letter-spacing:1.6px;
    font-weight:850;
}

.bf-clinical-title strong{
    font-size:12px;
    color:#238d88;
}

.bf-clinical .bf-image{
    border-radius:0;
    min-height:250px;
    background:#f1f8f8;
}

.bf-clinical-description{
    padding:18px 0;
    border-bottom:1px solid #d9e8e8;
}

.bf-clinical-specs{
    margin-top:16px;
}

.bf-clinical-specs h4{
    margin:0 0 8px;
    color:#238d88;
    font-size:11px;
}

.bf-clinical-specs div{
    display:grid;
    grid-template-columns:1fr 1fr;
    padding:6px 9px;
    font-size:8px;
    background:#f5fafa;
    margin-bottom:2px;
}

.bf-clinical-specs strong{
    text-align:right;
}

.bf-lab-hero{
    margin-top:46px;
    display:grid;
    grid-template-columns:.9fr 1fr;
    gap:28px;
    align-items:center;
}

.bf-lab-image{
    height:260px;
    background:#eaf2f5;
    border-left:6px solid #155d8f;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#78909e;
    font-size:9px;
}

.bf-lab-copy{
    padding-right:15px;
}

.bf-lab-specs{
    margin-top:32px;
    border:1px solid #d6e1e6;
}

.bf-lab-title{
    background:#155d8f;
    color:#fff;
    padding:10px 13px;
    font-size:9px;
    font-weight:850;
    letter-spacing:1.2px;
}

.bf-lab-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    padding:7px 13px;
    border-bottom:1px solid #e3eaed;
    font-size:8px;
}

.bf-lab-row strong{
    text-align:right;
}

.bf-industrial{
    margin-top:46px;
    background:#172630;
    color:#fff;
    padding:20px;
    display:grid;
    grid-template-columns:.95fr 1fr;
    gap:25px;
    align-items:center;
}

.bf-industrial-image{
    height:255px;
    background:#eef3f5;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#78909e;
    font-size:9px;
}

.bf-industrial-code{
    color:#e2a73a;
    font-size:8px;
    font-weight:850;
    letter-spacing:1.3px;
}

.bf-industrial-copy p{
    color:#b8c5cc;
}

.bf-industrial-specs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1px;
    background:#cad4d9;
    margin-top:25px;
}

.bf-industrial-specs div{
    background:#fff;
    color:#20313c;
    padding:9px;
    display:grid;
    grid-template-columns:27px 1fr;
}

.bf-industrial-specs small{
    grid-row:span 2;
    color:#d68e13;
    font-weight:900;
}

.bf-industrial-specs span{
    font-size:8px;
}

.bf-industrial-specs strong{
    font-size:9px;
}

.brochure-minimal-01{
    --accent:#222;
}

.brochure-minimal-01 .brochure-page-accent{
    background:#222;
    width:55px;
}

.bf-minimal{
    margin-top:50px;
}

.bf-minimal .bf-image{
    min-height:270px;
    border-radius:0;
    background:#f7f7f5;
}

.bf-minimal-copy{
    margin-top:26px;
}

.bf-minimal-copy > span{
    font-size:9px;
    color:#888;
    letter-spacing:2px;
}

.bf-minimal-copy h3{
    font-size:42px;
    font-weight:500;
    letter-spacing:-2px;
}

.bf-minimal-specs{
    margin-top:25px;
    border-top:1px solid #222;
}

.bf-minimal-specs div{
    display:grid;
    grid-template-columns:1fr 1fr;
    padding:8px 0;
    border-bottom:1px solid #ddd;
    font-size:8px;
}

.bf-minimal-specs strong{
    text-align:right;
    font-weight:600;
}

.brochure-dark-01{
    --accent:#55c8ff;
    background:#0d1820;
    color:#fff;
}

.brochure-dark-01 .bf-brand span,
.brochure-dark-01 .bf-foot{
    color:#91a5b2;
}

.brochure-dark-01 .bf-template-name{
    color:#55c8ff;
}

.bf-dark-hero{
    margin-top:55px;
    display:grid;
    grid-template-columns:1fr .9fr;
    gap:28px;
    align-items:center;
}

.brochure-dark-01 .bf-image{
    background:#172a36;
}

.bf-dark-label{
    font-size:8px;
    color:#55c8ff;
    letter-spacing:1.6px;
    font-weight:850;
}

.brochure-dark-01 .bf-copy p,
.brochure-dark-01 .bf-dark-hero p{
    color:#9fb0bb;
}

.bf-dark-specs{
    margin-top:38px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1px;
    background:#334650;
}

.bf-dark-specs div{
    background:#13232d;
    padding:9px 11px;
    display:flex;
    justify-content:space-between;
    gap:12px;
    font-size:8px;
}

.bf-dark-specs strong{
    color:#55c8ff;
}

.bf-pharma{
    margin-top:48px;
    display:grid;
    grid-template-columns:1fr .9fr;
    gap:25px;
    align-items:center;
}

.bf-pharma-heading > span{
    color:#008a72;
    font-size:8px;
    letter-spacing:1.6px;
    font-weight:850;
}

.bf-pharma-heading strong{
    color:#008a72;
    font-size:12px;
}

.brochure-pharma-01 .bf-image{
    background:#edf8f5;
    border-radius:3px;
    border-top:5px solid #008a72;
}

.bf-pharma-description{
    margin-top:24px;
    padding:14px;
    background:#f2f8f6;
    border-left:3px solid #008a72;
}

.bf-pharma-specs{
    margin-top:22px;
}

.bf-pharma-specs h4{
    color:#008a72;
    font-size:11px;
    margin-bottom:8px;
}

.bf-pharma-specs div{
    display:grid;
    grid-template-columns:1fr 1fr;
    padding:7px 10px;
    border-bottom:1px solid #dce9e5;
    font-size:8px;
}

.bf-pharma-specs strong{
    text-align:right;
}

.bf-tech{
    margin-top:48px;
    background:#f1f4f6;
    padding:24px;
    display:grid;
    grid-template-columns:1fr .9fr;
    gap:25px;
    align-items:center;
    border-left:5px solid #155d8f;
}

.bf-tech-copy > span{
    font-size:8px;
    color:#155d8f;
    font-weight:850;
    letter-spacing:1.5px;
}

.bf-tech-copy > strong{
    color:#155d8f;
}

.bf-tech-image{
    height:235px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#78909e;
    font-size:9px;
}

.bf-tech-specs{
    margin-top:26px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
}

.bf-tech-specs div{
    display:grid;
    grid-template-columns:28px 1fr;
    border:1px solid #d7e0e5;
    padding:9px;
}

.bf-tech-specs b{
    color:#155d8f;
}

.bf-tech-specs span{
    font-size:8px;
}

.bf-tech-specs strong{
    grid-column:2;
    font-size:9px;
}

.brochure-luxury-01{
    --accent:#b48b45;
    background:#171717;
    color:#fff;
}

.brochure-luxury-01 .bf-brand span,
.brochure-luxury-01 .bf-foot{
    color:#aaa;
}

.bf-luxury{
    margin-top:46px;
    display:grid;
    grid-template-columns:.9fr 1fr;
    gap:30px;
    align-items:center;
}

.bf-luxury-image{
    height:300px;
    background:#242424;
    border:1px solid #3b3b3b;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#8c8c8c;
    font-size:9px;
}

.bf-luxury-copy small{
    color:#b48b45;
    letter-spacing:2px;
    font-size:8px;
}

.bf-luxury-copy h3{
    font-size:38px;
    font-weight:500;
}

.bf-luxury-copy > div{
    color:#b48b45;
    font-size:10px;
    letter-spacing:1px;
}

.bf-luxury-copy p{
    color:#aaa;
}

.bf-luxury-specs{
    margin-top:30px;
    border-top:1px solid #494949;
}

.bf-luxury-specs div{
    display:grid;
    grid-template-columns:1fr 1fr;
    padding:8px 0;
    border-bottom:1px solid #333;
    font-size:8px;
}

.bf-luxury-specs strong{
    color:#d1ae70;
    text-align:right;
}

.bf-technical-title{
    margin-top:42px;
    padding-bottom:15px;
    border-bottom:3px solid #182c3b;
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
}

.bf-technical-title > div > span{
    font-size:8px;
    color:#155d8f;
    font-weight:850;
    letter-spacing:1.5px;
}

.bf-technical-title h3{
    margin-bottom:0;
}

.bf-technical-title > strong{
    color:#155d8f;
    font-size:15px;
}

.bf-technical-image{
    height:205px;
    margin-top:18px;
    background:#f2f5f7;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#78909e;
    font-size:9px;
}

.bf-technical-image img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.bf-technical-description{
    margin-top:15px;
    padding-bottom:13px;
    border-bottom:1px solid #dce4e8;
}

.bf-technical-table{
    margin-top:15px;
    border:1px solid #ccd7dd;
}

.bf-table-heading,
.bf-technical-table > div:not(.bf-table-heading){
    display:grid;
    grid-template-columns:1fr 1fr;
}

.bf-table-heading{
    background:#182c3b;
    color:#fff;
    font-size:8px;
    font-weight:850;
    padding:8px 10px;
}

.bf-technical-table > div:not(.bf-table-heading){
    padding:6px 10px;
    border-bottom:1px solid #dce4e8;
    font-size:8px;
}

.bf-technical-table > div strong{
    text-align:right;
}

.bf-foot{
    margin-top:auto;
    padding-top:12px;
    border-top:1px solid #dfe6e9;
    display:flex;
    justify-content:space-between;
    gap:10px;
    color:#74848e;
    font-size:7px;
}

.create-preview-wrap .brochure{
    transition:all .2s ease;
}

.create-preview-wrap .bf-image{
    cursor:pointer;
}

@media(max-width:700px){

    .editor-product-meta{
        align-items:flex-start;
    }

    .bf-head{
        gap:12px;
    }

    .bf-template-name{
        display:none;
    }

    .bf-modern-hero,
    .bf-grid-hero,
    .bf-corporate-banner,
    .bf-clinical,
    .bf-lab-hero,
    .bf-industrial,
    .bf-dark-hero,
    .bf-pharma,
    .bf-tech,
    .bf-luxury{
        grid-template-columns:1fr;
    }

    .bf-image,
    .bf-lab-image,
    .bf-industrial-image,
    .bf-tech-image,
    .bf-luxury-image{
        min-height:180px;
        height:180px;
    }

    .bf-grid-specs,
    .bf-industrial-specs,
    .bf-dark-specs,
    .bf-tech-specs{
        grid-template-columns:1fr;
    }

    .bf-corporate-copy{
        grid-template-columns:1fr;
    }

    .bf-corporate-banner{
        padding:18px;
    }

    .bf-technical-title{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }
}

@media print{

    .brochure{
        overflow:hidden;
    }

    .bf-foot{
        position:relative;
    }
}