.mp-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px 54px;padding:26px 0 65px}.mp-intro{grid-column:1;grid-row:1}.mp-intro h1{font-size:clamp(32px,3.5vw,52px);line-height:1.08;margin:14px 0 18px;letter-spacing:-.04em}.mp-intro p{font-size:14px;line-height:1.85}.mp-intro .mp-lead{font-size:21px;color:var(--green);margin-bottom:16px}.mp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.mp-chips span{font-size:10px;border:1px solid #cbd1c2;border-radius:20px;padding:7px 11px}.mp-gallery{grid-column:2;grid-row:1/3;min-width:0}.mp-gallery .mailer-main-image{margin:0;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#eeeadd}.mp-gallery .mailer-main-image img{width:100%;height:100%;object-fit:contain;transition:transform .45s ease}.mp-gallery .mailer-main-image.is-detail img{transform:scale(1.55);transform-origin:50% 80%}.mp-gallery-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.mp-gallery-controls button{border:1px solid #cbd1c2;background:transparent;border-radius:20px;font:inherit;font-size:11px;padding:9px 14px;color:var(--green);cursor:pointer}.mp-gallery-controls button[aria-pressed=true]{background:#143d30;color:#fff;border-color:#143d30}.mp-gallery-controls span{font-size:10px;color:var(--muted);margin-left:auto}.mp-gallery-note{border-top:1px solid #d4d7c9;margin-top:30px;padding:22px 0}.mp-gallery-note span{font-size:9px;letter-spacing:.13em}.mp-gallery-note p{font-size:24px;line-height:1.45;margin:12px 0}.mp-quote{grid-column:1;grid-row:2;background:#fffdf8;border:1px solid #d9ddcf;border-radius:14px;padding:25px;min-width:0}.mp-quote-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.mp-quote-heading h2{font-size:25px;margin:8px 0 12px;letter-spacing:-.03em}.mp-quote-heading>span{font-size:32px}.mp-quote>p{font-size:12px;color:var(--muted);line-height:1.6}.mp-quote .fine-print{font-size:10px;line-height:1.6}.mp-quote .cbn-quote-form{padding:0;background:transparent;border:0;box-shadow:none}.mp-quote .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.mp-quote label{font-size:11px;min-width:0}.mp-quote input:not([type=checkbox]),.mp-quote select,.mp-quote textarea{width:100%;min-width:0;border-radius:7px;padding:10px 11px;font-size:13px;min-height:42px;background:#fff;border:1px solid #d8dccf}.mp-quote fieldset{padding:0;border:0;margin:0}.mp-quote legend{font-size:11px;margin-bottom:9px}.mp-quote .dimensions-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mp-quote .full{grid-column:1/-1}.mp-quote textarea{min-height:85px}.mp-quote .check{display:flex;gap:8px;align-items:flex-start;font-size:10px;line-height:1.65}.mp-quote .check input{margin-top:3px;flex-shrink:0}.mp-quote .button{width:100%;justify-content:center;margin-top:15px;min-height:46px;font-size:12px}.mp-quote .cbn-dial-control select{padding-left:40px}.mp-quote .is-success{background:#e8efdf;color:#143d30;padding:16px;border-radius:8px}.mp-sections{display:flex;gap:28px;flex-wrap:wrap;border-block:1px solid #d1d6c7;padding-block:18px}.mp-sections a{font-size:12px;text-decoration:none}.mp-sections a:last-child{margin-left:auto}.mp-description{padding-block:65px;display:grid;grid-template-columns:1fr 1.4fr;gap:15px 65px}.mp-description>.eyebrow{grid-column:1/-1}.mp-description h2{font-size:clamp(28px,3vw,40px);line-height:1.2}.mp-description h3{font-size:20px;margin:27px 0 12px}.mp-description p{font-size:14px;line-height:1.9;color:var(--muted)}.mailer-page section[id]{scroll-margin-top:110px}
@media(max-width:760px){.mp-top{grid-template-columns:1fr;gap:22px;padding:14px 0 35px}.mp-intro,.mp-gallery,.mp-quote{grid-column:1;grid-row:auto}.mp-intro{order:0}.mp-gallery{order:1}.mp-quote{order:2;padding:19px}.mp-intro h1{font-size:32px}.mp-intro p{font-size:13px}.mp-intro .mp-lead{font-size:18px}.mp-gallery-note{display:none}.mp-gallery .mailer-main-image{aspect-ratio:1.15}.mp-gallery-controls span{font-size:9px}.mp-quote-heading h2{font-size:23px}.mp-quote input:not([type=checkbox]),.mp-quote select,.mp-quote textarea{font-size:16px;padding:10px 8px}.mp-quote .form-grid{gap:12px}.mp-quote .dimensions-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-quote input[type=file]{font-size:11px}.mp-sections{gap:15px;padding-block:15px}.mp-sections a{font-size:11px}.mp-sections a:last-child{margin-left:0}.mp-description{grid-template-columns:1fr;gap:12px;padding-block:35px}.mp-description h2{font-size:29px}.mp-description p{font-size:13px}.mp-chips{margin-bottom:0}.mp-chips span{font-size:9px;padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.mp-gallery .mailer-main-image img{transition:none}}
.mp-phone-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;align-items:end}.mp-phone-row .cbn-dial-control{width:100%}.mp-phone-row .cbn-dial-control select{padding-right:12px}.mp-quote .cbn-quote-form label:has(input[required]):not(.check)::first-line{font-weight:500}
/* Mobile product flow: gallery, introduction, quotation, product information. */
@media(max-width:760px){
.mp-top{display:flex;flex-direction:column;gap:24px;padding-top:8px}
.mp-gallery{order:0;width:100%}.mp-intro{order:1;width:100%}.mp-quote{order:2;width:100%;box-sizing:border-box}
.mp-gallery .mailer-main-image{aspect-ratio:1.05;border-radius:10px}
.mp-gallery-controls{gap:7px;margin-top:10px}.mp-gallery-controls button{font-size:10px;padding:8px 12px}.mp-gallery-controls span{display:none}
.mp-gallery .mailer-image-note{font-size:9px;line-height:1.6;margin-top:10px}
.mp-intro .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:10px}
.mp-intro h1{font-size:30px;line-height:1.15;margin:10px 0 14px}
.mp-intro .mp-lead{font-size:17px;line-height:1.5;margin:0 0 14px}
.mp-intro p{font-size:13px;line-height:1.8;margin-bottom:14px}
.mp-chips{gap:6px;margin:17px 0 0}.mp-chips span{font-size:9px;padding:6px 8px}
.mp-quote{padding:18px 16px;border-radius:10px}.mp-quote-heading h2{font-size:22px;line-height:1.25}.mp-quote-heading>span{font-size:26px}
.mp-quote .form-grid{grid-template-columns:minmax(0,1fr);gap:14px}
.mp-quote label{font-size:11px;line-height:1.6}.mp-quote input:not([type=checkbox]),.mp-quote select,.mp-quote textarea{font-size:16px;min-height:45px;margin-top:5px}
.mp-quote .dimensions-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mp-quote .mp-phone-row{grid-template-columns:104px minmax(0,1fr);gap:9px}
.mp-quote .mp-phone-row .cbn-dial-control{margin-top:5px}.mp-quote .mp-phone-row select{margin-top:0}
.mp-quote input[type=file]{font-size:12px;padding:11px 8px}.mp-quote textarea{min-height:100px}
.mp-quote .check{font-size:10px;line-height:1.7}.mp-quote .button{font-size:12px;min-height:48px}
.mp-sections{gap:10px 18px}.mp-sections a{font-size:11px;padding:3px 0}
.mp-description{padding-block:32px}.mp-description h2{font-size:27px;margin-bottom:10px}.mp-description h3{font-size:19px}.mp-description p{font-size:13px;line-height:1.85}
.mailer-page .mailer-benefits h2{font-size:24px}.mailer-page .mailer-specs h2{font-size:28px}
}
.mp-gallery-bar{display:flex;align-items:center;gap:12px;margin:14px 0}.mp-gallery-bar button{width:34px;height:34px;border-radius:50%;border:1px solid #cdd4c7;background:transparent;color:#143d30;cursor:pointer}.mp-gallery-bar button:hover{background:#143d30;color:white}.mp-gallery-bar [data-gallery-count]{font-size:11px;letter-spacing:.12em}.mp-gallery-hint{margin-left:auto;font-size:10px;color:var(--muted)}.mp-thumbnails{display:flex;gap:12px}.mp-thumbnails button{padding:5px;border:1px solid #d6dbce;border-radius:8px;background:transparent;width:105px;cursor:pointer;color:#143d30;transition:border-color .2s,background .2s}.mp-thumbnails button[aria-pressed=true]{border-color:#143d30;background:#e7ecdF}.mp-thumbnails img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;display:block}.mp-thumbnails span{display:block;font-size:10px;padding:7px 2px 3px}.mp-thumbnails button:focus-visible,.mp-gallery-bar button:focus-visible{outline:2px solid #143d30;outline-offset:3px}@media(max-width:760px){.mp-thumbnails{gap:9px}.mp-thumbnails button{width:85px}.mp-gallery-bar{margin:11px 0}.mp-gallery-hint{font-size:9px}.mp-gallery-note{margin-top:20px}}@media(prefers-reduced-motion:reduce){.mp-thumbnails button{transition:none}}
/* Reference-style thumbnail strip, five real product images. */
.mp-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.mp-thumbnails button{width:100%;padding:0;border:2px solid transparent;border-radius:0;background:transparent;overflow:hidden}.mp-thumbnails button[aria-pressed=true]{border-color:#143d30;background:transparent}.mp-thumbnails img{border-radius:0;width:100%;aspect-ratio:1;object-fit:cover}.mp-thumbnails span{display:none}.mp-gallery .mailer-main-image{border-radius:0}.mp-gallery-note{margin-top:22px}@media(max-width:760px){.mp-thumbnails{gap:7px;margin-top:12px}.mp-thumbnails button{width:100%}.mp-gallery .mailer-main-image{aspect-ratio:1.05;border-radius:0}}

.mp-thumbnails:has(>button:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
.mp-gallery .mailer-main-image{user-select:none;cursor:grab!important}.mp-gallery .mailer-main-image.is-dragging{cursor:grabbing!important}.mp-gallery .mailer-main-image img{-webkit-user-drag:none;user-select:none;will-change:transform}
