/* Home description tabs + specifications table */
.description-tabs{
  display:flex;
  flex-wrap:wrap;
  padding:0;
  margin-bottom: 20px;
}
.description-tabs__tab{
  appearance:none;
  border:1px solid rgba(30,58,79,.18);
  background:#3b6d70;
  color:#ffffff;
  font-weight:700;
  font-size:13px;
  padding:15px 40px;
  border-radius:0px;
  border: none;
  line-height:1;
  transition:all .2s ease;
}
.description-tabs__tab:hover{
  background:rgba(30, 58, 79, 0.9);
}
.description-tabs__tab.is-active{
  /* background:linear-gradient(135deg,#1e3a4f 0%,#284B63 100%); */
  background-color: #1e3a4f;
  border-color:transparent;
  color:#ffffff;
  box-shadow:0 10px 24px rgba(30,58,79,.18);
}

.description-tab-panel[hidden]{display:none!important;}

.specs-table-wrap{
  border-radius:12px;
  overflow:hidden;
  border:1px solid rgba(30,58,79,.12);
  background:#ffffff;
}
.specs-table,
.specs-table-wrap table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}
.specs-table tbody tr:nth-child(odd),
.specs-table-wrap table tbody tr:nth-child(odd){
  background:#f7fafc;
}
.specs-table th,
.specs-table td,
.specs-table-wrap table th,
.specs-table-wrap table td{
  padding:14px 16px;
  vertical-align:top;
  font-size:14px;
  line-height:1.6;
  border-bottom:1px solid rgba(30,58,79,.08);
}
.specs-table tbody tr:last-child th,
.specs-table tbody tr:last-child td,
.specs-table-wrap table tbody tr:last-child th,
.specs-table-wrap table tbody tr:last-child td{
  border-bottom:none;
}
.specs-table th,
.specs-table-wrap table th{
  width:34%;
  color:#1e3a4f;
  font-weight:700;
}
.specs-table td,
.specs-table-wrap table td{
  color:#2b2b2b;
}

/* WYSIWYG tables inside the home description area (Description/Specs/FAQs) */
.description-scrollable__content{
  --mbm-border: rgba(30,58,79,.12);
  --mbm-border-soft: rgba(30,58,79,.08);
  --mbm-ink: #1e3a4f;
  --mbm-tint: #eef4f7;
}
.description-scrollable__content table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--mbm-border);
  border-radius:12px;
  overflow:hidden;
  background:#ffffff;
}
.description-scrollable__content table thead th{
  background:linear-gradient(135deg,#1e3a4f 0%,#284B63 100%);
  color:#ffffff;
  font-weight:800;
  letter-spacing:.2px;
  border-bottom:1px solid rgba(255,255,255,.18);
}
.description-scrollable__content table th,
.description-scrollable__content table td{
  padding:14px 16px;
  font-size:14px;
  line-height:1.6;
  vertical-align:top;
  border-bottom:1px solid var(--mbm-border-soft);
}
.description-scrollable__content table tbody tr:nth-child(odd){
  background:#f7fafc;
}
.description-scrollable__content table tbody tr:last-child th,
.description-scrollable__content table tbody tr:last-child td{
  border-bottom:none;
}
.description-scrollable__content table tbody th{
  color:var(--mbm-ink);
  font-weight:800;
  background:rgba(238,244,247,.65);
}
.description-scrollable__content table td{
  color:#2b2b2b;
  font-size:13px;
}
.description-scrollable__content table a{
  color:var(--mbm-ink);
  text-decoration:underline;
}

/* Smaller heading tags used inside WYSIWYG tables (e.g. <h5> in <td>) */
.description-scrollable__content table h1,
.description-scrollable__content table h2,
.description-scrollable__content table h3,
.description-scrollable__content table h4,
.description-scrollable__content table h5,
.description-scrollable__content table h6{
  font-size:12px;
  line-height:1.3;
  font-weight:800;
  margin:0;
  padding:0;
  color:inherit;
}

/* Mobile friendly tables */
@media (max-width: 767.98px){
  .description-scrollable__content table{
    display:block;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .description-scrollable__content table th,
  .description-scrollable__content table td{
    white-space:nowrap;
  }
}

/* Keep header logo aspect ratio across pages (including home). */
.middle-bar__logo img,
.custom-logo-link img,
.custom-logo{
  width:auto !important;
  height:auto !important;
  max-width:200px;
  object-fit:contain;
}

/* Prevent product images from stretching on home/product cards. */
.product-card__image img{
  width:100%;
  height:auto !important;
  object-fit:contain;
}