/*
Theme Name: MEMSMAG B2B Child
Theme URI: https://memsmag.net/
Description: Product-detail presentation for the MEMSMAG B2B catalog.
Author: MEMSMAG
Template: blogsy
Version: 0.1.0
Text Domain: memsmag-b2b
*/

.mm-product { color: #303747; }
.mm-product__container { width: min(100% - 40px, 1200px); margin-inline: auto; }
.mm-product__hero { background: #f5f6f8; padding: clamp(48px, 7vw, 96px) 0; }
.mm-product__hero-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(32px, 5vw, 72px); align-items: center; }
.mm-product__eyebrow { color: #ba4716; font-size: .875rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.mm-product h1, .mm-product h2 { color: #131e4a; line-height: 1.18; }
.mm-product h1 { font-size: clamp(2.4rem, 4vw, 4rem); margin: 12px 0 22px; }
.mm-product__intro { max-width: 58ch; font-size: 1.125rem; line-height: 1.65; }
.mm-product__photo { width: 100%; height: auto; object-fit: contain; }
.mm-product__image-wrap { background: #fff; padding: clamp(20px, 4vw, 48px); border: 1px solid #e2e5ea; }
.mm-product__button { display: inline-block; background: #fd5f17; color: #fff !important; padding: 15px 24px; margin-top: 20px; min-height: 48px; text-decoration: none; font-weight: 700; }
.mm-product__button:hover, .mm-product__button:focus { background: #d94e0e; }
.mm-product__section { padding: clamp(48px, 6vw, 80px) 0; }
.mm-product__section:nth-of-type(odd) { background: #f8f9fb; }
.mm-product__section h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); margin: 0 0 28px; }
.mm-product__copy { max-width: 75ch; line-height: 1.75; }
.mm-product__table-wrap { overflow-x: auto; }
.mm-product__table { width: 100%; border-collapse: collapse; min-width: 520px; }
.mm-product__table th, .mm-product__table td { padding: 15px 18px; border-bottom: 1px solid #dfe3e8; vertical-align: top; text-align: left; }
.mm-product__table th { width: 40%; color: #131e4a; font-weight: 700; }
.mm-product__table tr:nth-child(even) { background: #f6f7f9; }
.mm-product__note { max-width: 75ch; color: #505966; font-size: .95rem; }
.mm-product__rfq .wpforms-container { max-width: 800px; }
@media (max-width: 760px) {
  .mm-product__container { width: min(100% - 32px, 1200px); }
  .mm-product__hero-grid { grid-template-columns: 1fr; }
  .mm-product__image-wrap { max-width: 580px; }
}