/* MH-USA reference PDP: compact industrial catalog, not a promotional landing page.
   Deliberately scoped; the merchant's shared navigation and purchase state stay intact. */
body.storefront-clean:has(.pd-outer.pd-reference){background:#fff}
.pd-outer.pd-reference .buybox .buy-now-btn{background:#FF5C00;color:#fff}
.pd-outer.pd-reference .buybox .buy-now-btn:hover{background:#e95100;color:#fff}
.pd-outer.pd-reference {
  --reference-ink:#4c4d57;
  --reference-blue:#24397e;
  --reference-rule:#d9dce2;
  max-width:1376px;
  width:auto;
  margin:0 auto;
  color:var(--reference-ink);
  min-height:100dvh;
}
.pd-reference .breadcrumb-row {
  max-width:none; margin:0; padding:16px 0 24px; border:0;
  flex-wrap:nowrap; align-items:flex-start; gap:20px;
}
.pd-reference .pd-breadcrumb {font-size:11px; line-height:1.6; min-width:0}
.pd-reference .pd-breadcrumb .current {max-width:260px}
.pd-reference .action-links {display:flex; flex:none; gap:8px}
.pd-reference .action-links a,.pd-reference .action-links button {
  display:inline-flex; align-items:center; gap:6px; padding:4px 10px;
  border:1px solid #e3e6eb; border-radius:2px; background:#f5f6f8;
  color:var(--reference-blue); font:600 11px var(--font-body); cursor:pointer;
}
.pd-reference .product-main {
  max-width:none; margin:0; padding:0 0 36px;
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 328px;
  grid-template-areas:"gallery details purchase" "specifications specifications purchase";
  column-gap:24px; row-gap:32px; align-items:start;
}
.pd-reference .gallery-col {grid-area:gallery}
.pd-reference .gallery-inner {display:flex;flex-direction:column-reverse;gap:8px}
.pd-reference .main-image-wrap {
  min-height:350px; height:350px; max-height:350px; border:0; border-radius:0;
  background:transparent;
}
.pd-reference .main-image-wrap img {height:320px;max-height:320px;width:100%;object-fit:contain}
.pd-reference #pdMainSvg {display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.pd-reference #pdMainSvg svg {max-width:100%;max-height:100%}
#pdLightboxSvg svg {display:block;max-width:100%;max-height:75vh;margin:auto}
.pd-lightbox [hidden] {display:none!important}
.pd-reference .thumb-strip {width:100%;max-height:none;display:flex;flex-direction:row}
.pd-reference .thumb-strip:not(:has(.thumb:nth-child(2))) {display:none}
.pd-reference .thumb {width:46px;height:46px;border-radius:1px}
.pd-reference .click-hint {display:block;text-align:center;text-transform:none;letter-spacing:0;font-size:11px;margin:7px 0}
.pd-reference .pd-image-actions {display:flex;justify-content:flex-end;border-top:1px solid var(--reference-rule);padding-top:8px}
.pd-reference .pd-compare {
  display:inline-flex;align-items:center;gap:7px;background:transparent;border:0;
  color:var(--reference-ink);font:inherit;font-size:12px;cursor:pointer;padding:5px 0 5px 10px;
}
.pd-reference .pd-compare::before {content:"";width:14px;height:14px;border:1px solid #aab0bb;background:#fafbfc}
.pd-reference .pd-compare[aria-pressed="true"]::before {background:var(--reference-blue);box-shadow:inset 0 0 0 3px #fafbfc}
.pd-reference .info-col {grid-area:details;display:flex;flex-direction:column;min-width:0}
.pd-reference .info-col h1.product-title {
  order:-1;font-size:20px;line-height:1.38;letter-spacing:0;font-weight:700;
  margin:0 0 14px;max-width:none;color:var(--reference-ink);
}
.pd-reference .brand-row {font-size:12px;line-height:1.7;margin:0 0 18px;text-transform:none;letter-spacing:0}
.pd-reference .brand-row>a {display:block;margin-bottom:8px;font-weight:600}
.pd-reference .model-num {margin:0 18px 0 0;padding:0;border:0;font-size:12px}
.pd-reference .model-num strong {font-weight:600}
.pd-reference .info-price-area {display:none}
.pd-reference .variant-area {border:0;margin:0;padding:0}
.pd-reference .pd-reference-details {grid-area:specifications;min-width:0;display:flex;flex-direction:column}
.pd-reference .pd-reference-details>.accordion-sections {order:-2}
.pd-reference .accordion-sections {display:flex;flex-direction:column}
.pd-reference #acc-specs {display:block;order:-3;border:0}
.pd-reference #acc-specs>.acc-trigger {border-bottom:1px solid #a9adb7;padding:0 0 14px;margin:0 0 8px;font-size:17px}
.pd-reference #acc-specs .acc-body {display:block;padding-bottom:8px}
.pd-reference #acc-specs .acc-chevron {display:none}
.pd-reference .spec-table-inline {font-size:12px;table-layout:fixed;width:100%}
.pd-reference .spec-table-inline tbody {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px}
.pd-reference .spec-table-inline tr {display:grid;grid-template-columns:minmax(90px,.9fr) minmax(0,1.1fr);border-bottom:1px solid var(--reference-rule)}
.pd-reference .spec-table-inline td,.pd-reference .spec-table-inline tr:nth-child(odd) td {
  padding:7px 0;background:transparent;border:0;vertical-align:top;width:auto;overflow-wrap:anywhere;line-height:1.45;
}
.pd-reference .spec-table-inline td:first-child {font-weight:400;color:#737580;padding-right:10px}
.pd-reference .spec-table-inline td:last-child {font-weight:600}
.pd-reference #acc-desc {order:-2;border:0}
.pd-reference #acc-desc .acc-trigger {padding:8px 0;font-size:13px;font-weight:500;color:#737580}
.pd-reference #acc-desc .pd-tab-prose {font-size:13px;line-height:1.6}
.pd-reference .pd-short-desc-label {order:-1}
.pd-reference .acc-trigger {font-size:14px}
.pd-reference .buybox {
  grid-area:purchase;position:static;max-width:none;width:100%;
  border:1px solid var(--reference-rule);border-radius:0;box-shadow:none;
}
.pd-reference .pd-reference-purchase {grid-area:purchase;min-width:0;align-self:start}
.pd-reference .buybox-inner {padding:22px}
.pd-reference .bb-price-row:before {content:none}
.pd-reference .pd-web-price {font-size:12px;color:#737580;margin-bottom:3px}
.pd-reference .bb-price-main {gap:0;align-items:baseline}
.pd-reference .bb-price-dollars {font-size:26px;line-height:1.2;letter-spacing:0;font-weight:700}
.pd-reference .bb-price-sup,.pd-reference .bb-price-cents {align-self:auto;margin:0;font-size:26px;font-weight:700}
.pd-reference .bb-price-cents::before {content:"."}
.pd-reference .bb-price-cents sup {font-size:26px!important;vertical-align:baseline;top:auto}
.pd-reference .bb-price-pkg {font-size:11px;margin-top:5px;line-height:1.5}
.pd-reference .buybox .add-cart-btn,.pd-reference .buybox .buy-now-btn {border-radius:2px;min-height:42px}
.pd-reference .buybox .bb-qty-label {font-size:11px;text-transform:none;letter-spacing:0}
.pd-reference .buybox .qty-select {border-radius:1px;min-height:40px}
.pd-reference .pd-order-controls {display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px 12px}
.pd-reference .pd-order-controls .bb-qty-row {grid-column:1;grid-row:1;width:100%;margin:0}
.pd-reference .pd-order-controls #pdAddToCart {grid-column:2;grid-row:1;align-self:end;width:100%;margin:0}
.pd-reference .pd-order-controls>#pdPackageCount {grid-column:1/-1;grid-row:2}
.pd-reference .pd-order-controls>.pd-purchase-summary {grid-column:1/-1;grid-row:3}
.pd-reference .pd-order-controls>#pdBuyNow {grid-column:1/-1;grid-row:4;margin:0}
.pd-reference .pd-order-controls>.pd-buying-guide,.pd-reference .pd-order-controls>.pd-savings-milestone {grid-column:1/-1}
.pd-reference .bb-instock {font-size:13px;margin:12px 0}
.pd-reference .pd-purchase-summary {font-size:12px;margin:8px 0;padding:8px 0}
.pd-reference .pd-purchase-total {font-size:12px}
.pd-reference .pd-buying-guide {margin-top:15px}
.pd-reference .pd-list-button {display:block;width:100%;min-height:36px;padding:8px;border:1px solid var(--reference-rule);border-radius:2px;background:#f5f6f8;color:var(--reference-blue);font:600 12px var(--font-body);cursor:pointer}
.pd-list-dialog {width:min(460px,calc(100% - 32px));padding:26px;border:1px solid #d9dce2;border-radius:3px;color:#4c4d57;background:#fafbfc}
.pd-list-dialog::backdrop {background:rgb(24 31 55 / 45%)}
.pd-list-dialog h2 {margin:0 0 10px;font-size:21px}
.pd-list-dialog p {font-size:13px;line-height:1.6}
.pd-list-dialog label {display:block;margin:16px 0 5px;font-weight:600;font-size:13px}
.pd-list-dialog input,.pd-list-dialog select {width:100%;min-height:42px;padding:8px;border:1px solid #acb2c0;border-radius:2px;background:#fafbfc;color:inherit;font:inherit}
.pd-list-dialog .pd-list-actions {display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
.pd-list-dialog button {min-height:40px;padding:8px 16px;border:1px solid #24397e;background:#fafbfc;color:#24397e;font:600 13px var(--font-body);cursor:pointer}
.pd-list-dialog button[type="submit"] {background:#24397e;color:#fafbfc}
.pd-list-dialog [hidden] {display:none!important}
.pd-list-dialog :focus-visible {outline:2px solid #24397e;outline-offset:3px}
.pd-reference .pd-list-status {font-size:12px;margin:8px 0}
.pd-reference .zip-row {padding:18px 22px;border-top:1px solid var(--reference-rule)}
.pd-reference .pd-related-discovery {grid-area:discovery;border:1px solid var(--reference-rule);padding:18px;margin-top:24px}
.pd-reference .pd-related-discovery h2 {font-size:15px;margin:0 0 16px}
.pd-reference .pd-discovery-product {display:flex;gap:14px;align-items:flex-start;font-size:12px;line-height:1.5}
.pd-reference .pd-discovery-product img {width:70px;height:70px;object-fit:contain;flex:none}
.pd-reference .pd-discovery-product small {display:block;margin-top:8px;color:#737580}
.pd-reference .related-section {padding:28px 0 40px}
.pd-reference .related-header {display:block;font-size:20px;padding:0 0 16px}
.pd-reference .related-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.pd-reference .related-card {box-shadow:none;border-radius:0}
.pd-reference :is(button,a,select,input):focus-visible {outline:2px solid var(--reference-blue);outline-offset:3px}
@media(max-width:1440px) {.pd-outer.pd-reference {margin:0 32px}}
@media(max-width:1000px) {
  .pd-reference .product-main {grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"gallery purchase" "details purchase" "specifications specifications" "discovery discovery";gap:24px}
  .pd-reference .info-col h1.product-title {font-size:20px}
}
@media(max-width:767px) {
  .pd-outer.pd-reference {margin:0 16px}
  .pd-reference .breadcrumb-row {flex-wrap:wrap;padding:14px 0 20px;gap:10px}
  .pd-reference .pd-breadcrumb .current {white-space:normal;max-width:none}
  .pd-reference .action-links {display:flex}
  .pd-reference .product-main {grid-template-columns:minmax(0,1fr);grid-template-areas:"details" "gallery" "purchase" "specifications" "discovery";gap:24px;padding-bottom:20px}
  .pd-reference .pd-reference-purchase {display:contents}
  .pd-reference .pd-related-discovery {margin-top:0}
  .pd-reference .info-col h1.product-title {font-size:21px}
  .pd-reference .brand-row {margin-bottom:0}
  .pd-reference .main-image-wrap {height:300px;min-height:300px!important;max-height:300px!important}
  .pd-reference .main-image-wrap img {height:280px;max-height:280px!important}
  .pd-reference .spec-table-inline tbody {grid-template-columns:minmax(0,1fr)}
  .pd-reference .spec-table-inline tr {grid-template-columns:minmax(100px,.9fr) minmax(0,1.1fr)}
  .pd-reference .related-grid {grid-template-columns:minmax(0,1fr)}
}
@media print {
  body .pd-outer.pd-reference {max-width:none;margin:0}
  .pd-reference .product-main {display:block}
  .pd-reference .info-col {margin-bottom:20px}
  .pd-reference .gallery-col {float:right;width:35%}
  .pd-reference :is(.action-links,.pd-image-actions,.thumb-strip,.pd-zoom-trigger,.buybox,.related-section,.pd-related-discovery),.pd-mobile-purchase,.pd-list-dialog,.top-btn {display:none!important}
  .pd-reference .acc-body {display:block!important}
  .pd-reference .pd-reference-details {clear:both}
}