.mesh-page .mesh-quote{margin:32px 0;background:#f0ece3;border:1px solid #e3dfd5;border-radius:10px;padding:40px;scroll-margin-top:24px}
.mesh-page .mesh-quote h2{font-size:32px;line-height:1.3;margin:0 0 16px}
.mesh-page .mesh-quote header>p:not(.mesh-eyebrow){font-size:15px;line-height:1.8;color:#536974}
.mesh-page .mesh-quote header>.mesh-quote-moq{display:inline-block;padding:10px 16px;border-radius:6px;background:#fff;color:#89450f;font-weight:600;margin:6px 0 24px}
.mesh-page .mesh-quote fieldset{min-width:0;border:0;padding:24px 0;margin:0;border-top:1px solid #d9d6ce}
.mesh-page .mesh-quote legend{font-size:18px;font-weight:600;padding:0 16px 0 0}
.mesh-page .mesh-quote-hint{font-size:13px;color:#536974;line-height:1.7;margin:0 0 18px}
.mesh-page .mesh-quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
.mesh-page .mesh-quote-grid label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:14px;color:#314a56}
.mesh-page .mesh-quote-grid input,.mesh-page .mesh-quote-grid select,.mesh-page .mesh-quote-grid textarea{box-sizing:border-box;width:100%;min-width:0;min-height:50px;padding:12px 14px;border:1px solid #cbd3d1;border-radius:7px;background:#fff;color:#20343e;font:inherit;font-size:16px;line-height:1.5}
.mesh-page .mesh-quote-grid select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m5 7.5 5 5 5-5' fill='none' stroke='%23536974' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:52px}
.mesh-page .mesh-quote-grid textarea{resize:vertical;min-height:108px}
.mesh-page .mesh-quote-grid :is(input,select,textarea):focus-visible{outline:2px solid #a45117;outline-offset:3px;border-color:#a45117}
.mesh-page .mesh-quote-wide{grid-column:1/-1}
.mesh-page .mesh-quote-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.mesh-page .mesh-quote-privacy{font-size:12px;line-height:1.8;color:#536974;margin:0 0 18px}
.mesh-page .mesh-quote-privacy a{color:inherit;text-underline-offset:3px}
.mesh-page .mesh-quote-status{font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.mesh-page .mesh-quote-status[data-state=error]{color:#973b24}
.mesh-page .mesh-quote-status[data-state=success]{color:#286145}
.mesh-page .mesh-quote-fallback:not([hidden]){display:flex;gap:12px;flex-wrap:wrap}
.mesh-page .mesh-quote-fallback a{display:inline-flex;align-items:center;min-height:44px;color:#934300;text-underline-offset:4px}
.mesh-page .mesh-quote button:disabled{opacity:.65;cursor:wait}
@media(max-width:760px){.mesh-page .mesh-quote{padding:24px 18px}.mesh-page .mesh-quote h2{font-size:26px}.mesh-page .mesh-quote-grid{grid-template-columns:1fr;gap:18px}.mesh-page .mesh-quote .mesh-button{width:100%}.mesh-page .mesh-quote header>.mesh-quote-moq{font-size:13px}}
@media(forced-colors:active){.mesh-page .mesh-quote-grid select{appearance:auto;background-image:none}}

.mesh-page .mesh-quote-candidates{display:flex;flex-wrap:wrap;gap:12px}
.mesh-page .mesh-quote .mesh-quote-swatch{display:flex;align-items:center;gap:12px;min-height:88px;padding:10px 14px;border:1px solid #cbd3d1;border-radius:8px;background:#fff;color:#314a56;text-align:left;font:inherit;cursor:pointer}
.mesh-page .mesh-quote .mesh-quote-swatch img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.mesh-page .mesh-quote .mesh-quote-swatch[aria-pressed=true]{border-color:#a45117;box-shadow:inset 0 0 0 1px #a45117;background:#fff9ef}
.mesh-page .mesh-quote .mesh-quote-swatch:focus-visible{outline:2px solid #a45117;outline-offset:3px}
.mesh-page .mesh-quote select:disabled{background-color:#f4f3ef;color:#65767c}
@media(max-width:760px){.mesh-page .mesh-quote .mesh-quote-swatch{width:100%}}

.mesh-page .mesh-quote-details{margin-top:18px;border-top:1px solid #ddd6cb}.mesh-page .mesh-quote-details summary{padding:16px 0;cursor:pointer;font-weight:600;color:#91450e}.mesh-page .mesh-quote-details[open] summary{margin-bottom:8px}
.mesh-page .mesh-quote{padding:28px}.mesh-page .mesh-quote fieldset{padding:18px 0}.mesh-page .mesh-quote h2{font-size:28px}
@media(max-width:760px){.mesh-page .mesh-quote{padding:22px 18px}}

/* Independent sample request does not replace the enquiry. */
label.sample-request{display:flex;flex-direction:row;align-items:center;gap:10px;padding:12px 0;grid-column:1/-1}label.sample-request input{width:20px;height:20px;min-height:20px;margin:0;accent-color:#ba5700}

/* Multiple sampling candidates share the existing inquiry payload. */
.mesh-page .mesh-candidate-label{margin:0 0 8px;font-size:14px;font-weight:600;color:#314a56}
.mesh-page .mesh-selected-summary{margin:0;font-size:14px;font-weight:600;color:#89450f}
.mesh-page .mesh-quote-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;border:1px solid #9baaa9;border-radius:4px;color:transparent;margin-left:auto}
.mesh-page .mesh-quote-swatch[aria-pressed=true] .mesh-quote-check{background:#a45117;border-color:#a45117;color:#fff}
