.elementor-kit-441{--e-global-color-primary:#2C5F2D;--e-global-color-secondary:#97BC62;--e-global-color-text:#2C3E50;--e-global-color-accent:#F4A261;--e-global-color-background:#F7F7F7;--e-global-color-backgroundAccent:#E0E0E0;--e-global-color-transparent:#00000000;--e-global-color-4a03a8c:#E9E9E9;--e-global-color-fc8076e:#0A2A43;--e-global-color-e6e66a6:#FFFFFF;--e-global-color-7d84bba:#444444;--e-global-color-a097dae:#0A2A43;--e-global-color-1577874:#0A2A43;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Figtree";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Figtree";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.5em;--e-global-typography-heading-xl-font-family:"Poppins";--e-global-typography-heading-xl-font-size:56px;--e-global-typography-heading-xl-font-weight:600;--e-global-typography-heading-xl-line-height:1.2em;--e-global-typography-heading-l-font-family:"Poppins";--e-global-typography-heading-l-font-size:48px;--e-global-typography-heading-l-font-weight:600;--e-global-typography-heading-l-line-height:1.2em;--e-global-typography-heading-m-font-family:"Poppins";--e-global-typography-heading-m-font-size:40px;--e-global-typography-heading-m-font-weight:600;--e-global-typography-heading-m-line-height:1.2em;--e-global-typography-heading-s-font-family:"Poppins";--e-global-typography-heading-s-font-size:18px;--e-global-typography-heading-s-font-weight:500;--e-global-typography-body-s-font-family:"Figtree";--e-global-typography-body-s-font-size:14px;--e-global-typography-body-s-font-weight:400;--e-global-typography-body-s-line-height:1.5em;--e-global-typography-a42bda7-font-family:"Inter";--e-global-typography-a42bda7-font-size:14px;--e-global-typography-8aba1f3-font-family:"Inter";--e-global-typography-8aba1f3-font-size:14px;--e-global-typography-2595171-font-family:"Inter";--e-global-typography-2595171-font-size:16px;--e-global-typography-2595171-font-weight:500;--e-global-typography-83ca53b-font-size:32px;--e-global-typography-83ca53b-line-height:30px;background-color:var( --e-global-color-background );}.elementor-kit-441 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-441{--e-global-typography-primary-font-size:22px;--e-global-typography-secondary-font-size:18px;--e-global-typography-heading-xl-font-size:48px;--e-global-typography-heading-l-font-size:40px;--e-global-typography-heading-m-font-size:32px;--e-global-typography-heading-s-font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-441{--e-global-typography-primary-font-size:18px;--e-global-typography-secondary-font-size:16px;--e-global-typography-heading-xl-font-size:40px;--e-global-typography-heading-l-font-size:32px;--e-global-typography-heading-m-font-size:32px;--e-global-typography-heading-s-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== MATERIAL CATEGORY PAGE BASE ===== */
.mcat-page {
  width: 100%;
  padding: 50px 20px 70px;
}

.mcat-inner {
  max-width: 1200px;
  margin: 0 auto;
}

/* HERO */
.mcat-hero {
  text-align: left;
  margin-bottom: 40px;
}

.mcat-hero-label {
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #888;
  margin-bottom: 6px;
}

.mcat-hero-title {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 10px;
}

.mcat-hero-sub {
  font-size: 18px;
  color: #555;
  max-width: 750px;
  margin-bottom: 16px;
}

.mcat-hero-note {
  font-size: 14px;
  color: #777;
}

/* HIGHLIGHT GRID (who it's for / pros / cons) */
.mcat-highlight-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-bottom: 40px;
}

.mcat-box {
  background: #ffffff;
  border-radius: 14px;
  padding: 20px 18px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}

.mcat-box-title {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 8px;
}

.mcat-box-text {
  font-size: 14px;
  color: #555;
  margin: 0 0 8px;
}

.mcat-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mcat-list li {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 14px;
  color: #444;
  margin-bottom: 5px;
}

.mcat-bullet {
  flex: 0 0 auto;
  font-size: 15px;
  margin-top: 2px;
}

/* SIZE CARDS */
.mcat-sizes {
  margin-bottom: 40px;
}

.mcat-section-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}

.mcat-section-intro {
  font-size: 15px;
  color: #555;
  max-width: 750px;
  margin-bottom: 20px;
}

.mcat-size-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.mcat-size-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 18px 18px 20px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
}

.mcat-size-tag {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.11em;
  color: #777;
  margin-bottom: 4px;
}

.mcat-size-title {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 6px;
}

.mcat-size-text {
  font-size: 14px;
  color: #555;
  margin: 0 0 10px;
}

.mcat-size-list {
  list-style: none;
  padding: 0;
  margin: 0 0 12px;
}

.mcat-size-list li {
  font-size: 13px;
  color: #444;
  margin-bottom: 4px;
}

/* simple text link CTA */
.mcat-size-link {
  margin-top: auto;
  font-size: 14px;
  font-weight: 600;
  color: #1f4f8f;
  text-decoration: none;
}

.mcat-size-link:hover {
  text-decoration: underline;
}

/* BEST ROUNDUP CALLOUT */
.mcat-best-callout {
  margin-bottom: 40px;
  padding: 20px 20px 22px;
  border-radius: 12px;
  background: #f7fafc;
  border: 1px solid #e3e8ee;
}

.mcat-best-heading {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 8px;
}

.mcat-best-text {
  font-size: 14px;
  color: #555;
  margin: 0 0 10px;
}

.mcat-best-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mcat-best-links li {
  font-size: 14px;
  margin-bottom: 4px;
}

.mcat-best-links a {
  color: #1f4f8f;
  text-decoration: none;
}

.mcat-best-links a:hover {
  text-decoration: underline;
}

/* FAQ */
.mcat-faq {
  margin-top: 10px;
}

.mcat-faq-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
}

.mcat-faq-items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mcat-faq-item {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #e3e8ee;
  padding: 0 14px;
}

.mcat-faq-item summary {
  cursor: pointer;
  padding: 10px 0;
  font-weight: 600;
  font-size: 14px;
  list-style: none;
}

.mcat-faq-item summary::-webkit-details-marker {
  display: none;
}

.mcat-faq-item summary::after {
  content: "▾";
  float: right;
  font-size: 13px;
  color: #777;
  transition: transform 0.2s ease;
}

.mcat-faq-item[open] summary::after {
  transform: rotate(180deg);
}

.mcat-faq-body {
  padding-bottom: 10px;
  border-top: 1px solid #e3e8ee;
  margin-top: 6px;
  font-size: 13px;
  color: #444;
}

.mcat-faq-body p {
  margin: 8px 0 0;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .mcat-highlight-grid,
  .mcat-size-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .mcat-page {
    padding: 40px 16px 50px;
  }

  .mcat-hero-title {
    font-size: 28px;
  }

  .mcat-highlight-grid,
  .mcat-size-grid {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */