/* Small refinements kept separate from the main stylesheet. */
/* MB-0032 image 05: reduce artwork inside the unchanged frame; retain all pixels. */
#detail-main-image[src*="MB-0032-dimension-text-r2-05.png"],#detail-main-image[src*="MB-0032-white-background-r4-05.png"]{padding:0;box-sizing:border-box;transform:scale(.78);transform-origin:center;background:#fff}
/* Local review: complete thumbnails, with a small balanced safety margin. */
.detail-thumb img{object-fit:contain;object-position:center;padding:3px;background:#fff}
/* MB-0003 dimension artwork: preserve the fixed frame and all image content. */
#detail-main-image[src*="MB-0003-r1-04.png"]{padding:16px 0;box-sizing:border-box}
.hero-controls .hero-arrow{display:none}
header .brand{align-items:start}
header .brand small{width:100%;font-size:16px;line-height:1.15;letter-spacing:.02em;font-weight:800;text-align:left;white-space:nowrap}
.category.has-image{background-image:linear-gradient(0deg,rgba(12,27,21,.76) 0%,rgba(12,27,21,.12) 72%),var(--category-image);background-size:cover;background-position:center}
.category.has-image:hover{background-color:transparent;filter:brightness(1.04)}
.category.has-image span{color:rgba(255,255,255,.86)}
.category.has-image strong{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.38)}
.detail-catalogue-controls{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.detail-catalogue-controls .toolbar{margin:0 0 12px}
.product-breadcrumb{display:flex;align-items:center;gap:7px;margin:0 0 14px;font-size:12px;color:var(--muted)}
.product-breadcrumb a:hover{color:var(--green)}.product-breadcrumb strong{color:var(--ink);font-weight:700}
.related-products{margin-top:72px;padding-top:36px;border-top:1px solid var(--line)}
.related-products h2{font-size:28px;margin:9px 0 24px}
.related-products .product-grid{grid-template-columns:repeat(4,1fr)}
.related-products .image-swap,.related-products .photo{height:230px}
.related-products .photo{object-fit:cover;background:#edf1ed}
.home-product-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.related-products .product-grid{grid-template-columns:repeat(2,1fr)}.related-products .image-swap,.related-products .photo{height:190px}}
#catalogue-grid .image-swap{
  width:100%;
  height:auto;
  aspect-ratio:1 / 1;
  overflow:hidden;
  background:#f3f4f1;
}
#catalogue-grid .image-swap .photo{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#f3f4f1;
}
#catalogue-grid>.product>.photo,
/* MB-0050: match jar scale to photo 03; preserve original technical image pixels. */
#detail-main-image[src*="MB-0050-review-20260910-04.png"]{padding:0;box-sizing:border-box;transform:scale(.55);transform-origin:center}
/* MB-0050: keep the dimension artwork proportionate in the small thumbnail too. */
.detail-thumb img[src*="MB-0050-review-20260910-04.png"]{padding:0;transform:scale(.58);transform-origin:center}
#catalogue-grid>.product>.placeholder{
  width:100%;
  height:auto;
  aspect-ratio:1 / 1;
  object-fit:contain;
  object-position:center;
  background:#f3f4f1;
}
.catalogue-spec-filters{margin-top:24px;border:1px solid var(--line);background:#fff}
.catalogue-nav-row{display:flex;align-items:center;gap:18px}.catalogue-nav-row .filters{flex:1}.catalogue-nav-row .toolbar{margin:0 0 0 auto;flex:0 1 390px}.catalogue-nav-row .toolbar input{max-width:none}
.catalogue-pagination{display:flex;justify-content:center;gap:6px;margin:42px 0 0}.catalogue-pagination button{min-width:34px;height:34px;padding:0 9px;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer}.catalogue-pagination button.active{background:var(--ink);border-color:var(--ink);color:#fff}.catalogue-pagination button:disabled{opacity:.35;cursor:default}
.catalogue-summary{display:flex;justify-content:space-between;align-items:center;margin:24px 0 0;font-size:14px}.catalogue-summary b{font-weight:700}.catalogue-summary span{color:var(--muted)}
.spec-filter-row{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid var(--line);min-height:70px}
.spec-filter-row:last-child{border-bottom:0}.spec-filter-row>b{display:grid;place-items:center;background:#f3f4f1;font-size:14px}.spec-filter-row>div{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap;padding:14px 22px}.spec-filter-row label{font-size:13px;white-space:nowrap;color:var(--ink)}.spec-filter-row input{vertical-align:middle;accent-color:var(--green)}
@media(max-width:900px){.home-product-grid{grid-template-columns:repeat(2,1fr)}.catalogue-nav-row{flex-direction:column;align-items:stretch}.catalogue-nav-row .toolbar{margin:0;flex:auto}.spec-filter-row{grid-template-columns:1fr}.spec-filter-row>b{place-items:start;padding:12px 16px}.spec-filter-row>div{padding:12px 16px;gap:12px 16px}}

/* Let transparent product artwork blend into the page without a visible image panel. */
.detail-main-frame,
.detail-main-frame .photo,
.detail-main-frame.dimension-active .dimension-main-image{
  background:transparent!important;
  border:0!important;
}

.catalogue-pagination .pagination-ellipsis{display:grid;place-items:center;min-width:24px;height:34px;color:var(--muted);user-select:none}

/* Desktop catalogue cards stop after capacity; detail pages keep the full specification table. */
@media(min-width:901px){#catalogue-grid>.product>.copy>p:last-child{display:none}}
/* Desktop catalogue pages omit the redundant View products title. */
@media (min-width: 901px) {
  #app > .section.wrap:has(#catalogue-grid) > h2 {
    display: none;
  }
  #app > .section.wrap:has(#catalogue-grid) > .eyebrow {
    margin-bottom: 18px;
  }
}
/* Keep desktop catalogue categories and search visible while scrolling. */
@media (min-width: 901px) {
  #app > .section.wrap:has(#catalogue-grid) > .catalogue-nav-row {
    position: sticky;
    top: 84px;
    z-index: 9;
    margin-right: -12px;
    margin-left: -12px;
    padding: 12px;
    border-bottom: 1px solid rgba(223, 228, 223, .92);
    background: rgba(251, 251, 248, .97);
    box-shadow: 0 8px 18px rgba(23, 34, 30, .06);
    backdrop-filter: blur(8px);
  }
}