/* MBZ V21 — open architectural layout
   Goal: remove generic card/box language; separate content by type, spacing and fine rules.
   Presentation-only. No SEO/content changes. */
:root{
  --v21-paper:#f7f6f3;
  --v21-white:#ffffff;
  --v21-ink:#252422;
  --v21-copy:#68645f;
  --v21-rule:rgba(37,36,34,.14);
  --v21-rule-strong:rgba(37,36,34,.22);
  --v21-accent:#8f8377;
}

/* Neutralize visual card language across editorial/content sections. */
#features13-i .card-wrapper,#features13-o .card-wrapper,#features13-r .card-wrapper,
#content15-9 .card,#content15-9 .card-wrapper,#content15-9 .card-box,
#content15-8 .card,#content15-8 .card-wrapper,#content15-8 .card-box,
#content15-a .card,#content15-a .card-wrapper,#content15-a .card-box,
#content15-1f .card,#content15-1f .card-wrapper,#content15-1f .card-box,
#content15-3k .card,#content15-3k .card-wrapper,#content15-3k .card-box,
#content15-1n .card,#content15-1n .card-wrapper,#content15-1n .card-box,
#content15-3g .card,#content15-3g .card-wrapper,#content15-3g .card-box,
#content15-3h .card,#content15-3h .card-wrapper,#content15-3h .card-box,
#contacts2-f .card,#contacts2-f .card-wrapper,
#content17-2m .card,#content17-2m .card-header,#content17-2m .card-body{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* SECTION BACKGROUNDS — mostly continuous, quiet surfaces */
#features13-i,#content15-9,#gallery6-k,#features13-o,#content15-8,#gallery6-m,
#header3-3i,#content15-a,#gallery6-q,#features13-r,#content15-1f,#gallery6-t,
#header14-34,#content15-3k,#gallery3-2r,#features16-p,#content15-1n,#content15-3g,
#gallery2-3d,#content15-3h,#gallery2-3f,#content17-2m,#contacts2-f{
  background:var(--v21-white)!important;
}

/* MAIN STORY BANDS — no panel. Title and copy float on the page grid. */
#content15-9,#content15-8,#content15-a,#content15-1f,#content15-3k,#content15-1n{
  padding:54px 32px 38px!important;
}
#content15-9 .container,#content15-8 .container,#content15-a .container-fluid,#content15-1f .container-fluid,
#content15-3k .container,#content15-1n .container-fluid{
  max-width:1240px!important;
  margin:0 auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
#content15-9 .card-box,#content15-8 .card-box,#content15-a .card-box,#content15-1f .card-box,
#content15-3k .card-box,#content15-1n .card-box{
  display:grid!important;
  grid-template-columns:minmax(260px,.78fr) minmax(420px,1.22fr)!important;
  gap:clamp(48px,6.5vw,104px)!important;
  align-items:start!important;
  padding:30px 0 0!important;
  border-top:1px solid var(--v21-rule)!important;
  color:var(--v21-ink)!important;
}
#content15-9 .card-box::before,#content15-8 .card-box::before,#content15-a .card-box::before,#content15-1f .card-box::before,
#content15-3k .card-box::before,#content15-1n .card-box::before{display:none!important;content:none!important;}
#content15-9 .card-title,#content15-8 .card-title,#content15-a .card-title,#content15-1f .card-title,
#content15-3k .card-title,#content15-1n .card-title{
  grid-column:1!important;
  margin:0!important;
  padding:0!important;
  max-width:480px!important;
  color:var(--v21-ink)!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(32px,3vw,46px)!important;
  font-weight:400!important;
  letter-spacing:-.035em!important;
  line-height:1.04!important;
  text-transform:none!important;
}
#content15-9 .mbr-text,#content15-8 .mbr-text,#content15-a .mbr-text,#content15-1f .mbr-text,
#content15-3k .mbr-text,#content15-1n .mbr-text{
  grid-column:2!important;
  margin:3px 0 0!important;
  padding:0!important;
  max-width:760px!important;
  color:var(--v21-copy)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:15.5px!important;
  line-height:1.72!important;
}

/* COLLECTION HEADINGS — typography only, no banner / no rectangle. */
#content15-3g,#content15-3h{
  padding:48px 32px 24px!important;
}
#content15-3g .container-fluid,#content15-3h .container-fluid{
  max-width:1240px!important;margin:0 auto!important;padding:0!important;
}
#content15-3g .card-box,#content15-3h .card-box{
  padding:24px 0 0!important;
  border-top:1px solid var(--v21-rule)!important;
}
#content15-3g .card-title,#content15-3h .card-title{
  margin:0!important;
  color:var(--v21-ink)!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(30px,2.8vw,42px)!important;
  line-height:1.05!important;
  letter-spacing:-.03em!important;
  font-weight:400!important;
  text-transform:none!important;
}

/* FEATURE SECTIONS — convert boxes to an editorial index/list. */
#features13-i,#features13-o,#features13-r{padding:58px 32px!important;}
#features13-i .container-fluid,#features13-o .container,#features13-r .container{max-width:1240px!important;margin:0 auto!important;}
#features13-i .card-wrapper,#features13-o .card-wrapper,#features13-r .card-wrapper{padding:0!important;border:0!important;}
#features13-i .card-box,#features13-o .card-box,#features13-r .card-box{padding:0!important;background:transparent!important;}
#features13-i .icon-box,#features13-o .icon-box,#features13-r .icon-box{display:none!important;}
#features13-i .item,#features13-o .item,#features13-r .item{
  display:grid!important;
  grid-template-columns:minmax(150px,.38fr) minmax(280px,1fr)!important;
  gap:24px!important;
  align-items:start!important;
  padding:20px 0!important;
  margin:0!important;
  border-top:1px solid var(--v21-rule)!important;
  background:transparent!important;
}
#features13-i .item:last-child,#features13-o .item:last-child,#features13-r .item:last-child{border-bottom:1px solid var(--v21-rule)!important;}
#features13-i .text-box,#features13-o .text-box,#features13-r .text-box{display:contents!important;}
#features13-i .icon-title,#features13-o .icon-title,#features13-r .icon-title{
  margin:0!important;
  color:var(--v21-ink)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:14.5px!important;
  line-height:1.35!important;
  font-weight:600!important;
}
#features13-i .icon-text,#features13-o .icon-text,#features13-r .icon-text{
  margin:0!important;
  color:var(--v21-copy)!important;
  font-size:14.5px!important;
  line-height:1.62!important;
}
/* remove decorative mini-principle boxes too; retain a simple ruled list */
#features13-i .mbz-v2-principles{
  margin:34px 0 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  border-top:1px solid var(--v21-rule)!important;
  border-bottom:1px solid var(--v21-rule)!important;
  background:transparent!important;
  gap:0!important;
}
#features13-i .mbz-v2-principle{
  padding:16px 10px!important;
  border:0!important;
  border-right:1px solid var(--v21-rule)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#features13-i .mbz-v2-principle:last-child{border-right:0!important;}

/* Technical block — image and text, not a framed card. */
#features16-p{padding:58px 32px!important;}
#features16-p .container{max-width:1240px!important;}
#features16-p .content-wrapper,#features16-p .text-wrapper,#features16-p .image-wrapper{
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
#features16-p .row{padding-top:28px!important;border-top:1px solid var(--v21-rule)!important;}
#features16-p .image-wrapper img{border-radius:10px!important;box-shadow:none!important;}

/* GALLERIES — images are objects, not cards. */
.mbr-gallery .item-wrapper,.mbr-gallery .item-img,
#gallery3-2r .item-wrapper,#gallery3-2r .item-img{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
.mbr-gallery .item-wrapper::before,.mbr-gallery .item-wrapper::after,
.mbr-gallery .item-img::before,.mbr-gallery .item-img::after{display:none!important;content:none!important;}
.mbr-gallery img,#gallery3-2r img{box-shadow:none!important;border:0!important;border-radius:10px!important;}

/* FAQ — plain architectural rows. */
#content17-2m{padding:58px 32px!important;}
#content17-2m .container{max-width:1120px!important;}
#content17-2m .card{margin:0!important;padding:0!important;border-top:1px solid var(--v21-rule)!important;}
#content17-2m .card:last-child{border-bottom:1px solid var(--v21-rule)!important;}
#content17-2m .card-header{padding:18px 0!important;}
#content17-2m .card-body{padding:0 0 22px!important;}

/* CONTACT — no contact cards; use a restrained 4-column directory. */
#contacts2-f{padding:54px 32px 68px!important;}
#contacts2-f .container{max-width:1240px!important;}
#contacts2-f .row{margin:0!important;border-top:1px solid var(--v21-rule)!important;}
#contacts2-f .card{padding:0!important;margin:0!important;}
#contacts2-f .card-wrapper{
  display:block!important;
  min-height:0!important;
  padding:22px 26px 24px 0!important;
  border-top:0!important;
  border-right:1px solid var(--v21-rule)!important;
}
#contacts2-f .card:nth-child(even) .card-wrapper{padding-left:26px!important;}
#contacts2-f .card:nth-child(2n) .card-wrapper{border-right:0!important;}
#contacts2-f .card:nth-child(n+3) .card-wrapper{border-top:1px solid var(--v21-rule)!important;}
#contacts2-f .image-wrapper{display:none!important;}
#contacts2-f .card-title{
  margin:0 0 10px!important;
  color:var(--v21-ink)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:600!important;
  text-transform:none!important;
}
#contacts2-f .mbr-text{margin:0!important;color:var(--v21-copy)!important;font-size:14.5px!important;line-height:1.55!important;}

/* CTA links stay textual; avoid pill/button card look except primary form action. */
.mbz-cta-text,.mbz-resource-link{border-radius:0!important;background:transparent!important;box-shadow:none!important;}
.mbz-resource-links{padding:20px 0 0!important;border-top:1px solid var(--v21-rule)!important;}

/* Forms are functional UI; keep only field boundaries, no outer cards. */
#form8-quote .mbr-form,#form8-quote .form-wrapper,#form8-1m .mbr-form,#form8-1m .form-wrapper{
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}

@media(max-width:991px){
  #content15-9,#content15-8,#content15-a,#content15-1f,#content15-3k,#content15-1n,
  #content15-3g,#content15-3h,#features13-i,#features13-o,#features13-r,#features16-p,#content17-2m,#contacts2-f{
    padding-left:26px!important;padding-right:26px!important;
  }
  #content15-9 .card-box,#content15-8 .card-box,#content15-a .card-box,#content15-1f .card-box,
  #content15-3k .card-box,#content15-1n .card-box{grid-template-columns:1fr!important;gap:18px!important;}
  #content15-9 .card-title,#content15-8 .card-title,#content15-a .card-title,#content15-1f .card-title,
  #content15-3k .card-title,#content15-1n .card-title,#content15-9 .mbr-text,#content15-8 .mbr-text,
  #content15-a .mbr-text,#content15-1f .mbr-text,#content15-3k .mbr-text,#content15-1n .mbr-text{grid-column:1!important;}
  #features13-i .item,#features13-o .item,#features13-r .item{grid-template-columns:150px 1fr!important;}
}
@media(max-width:575px){
  #content15-9,#content15-8,#content15-a,#content15-1f,#content15-3k,#content15-1n,
  #content15-3g,#content15-3h,#features13-i,#features13-o,#features13-r,#features16-p,#content17-2m,#contacts2-f{
    padding-left:20px!important;padding-right:20px!important;
  }
  #content15-9,#content15-8,#content15-a,#content15-1f,#content15-3k,#content15-1n{padding-top:42px!important;padding-bottom:30px!important;}
  #content15-3g,#content15-3h{padding-top:38px!important;padding-bottom:18px!important;}
  #features13-i,#features13-o,#features13-r,#features16-p,#content17-2m,#contacts2-f{padding-top:44px!important;padding-bottom:44px!important;}
  #features13-i .item,#features13-o .item,#features13-r .item{grid-template-columns:1fr!important;gap:8px!important;padding:16px 0!important;}
  #features13-i .mbz-v2-principles{grid-template-columns:repeat(2,1fr)!important;}
  #features13-i .mbz-v2-principle:nth-child(2){border-right:0!important;}
  #features13-i .mbz-v2-principle:nth-child(-n+2){border-bottom:1px solid var(--v21-rule)!important;}
  #contacts2-f .card-wrapper,#contacts2-f .card:nth-child(even) .card-wrapper{
    padding:18px 0!important;border-right:0!important;border-top:1px solid var(--v21-rule)!important;
  }
  #contacts2-f .card:first-child .card-wrapper{border-top:0!important;}
}
