/* Shared scale for product navigation across catalog, series and detail pages. */
.catalog-breadcrumb,.valve-path{position:static;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:14px;padding:18px 0 24px;margin:0 0 36px;background:transparent;border:0;box-shadow:none;font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.5;letter-spacing:0;color:#6a8193}
.catalog-breadcrumb>a,.valve-path>a,.category-picker summary,#breadcrumb-type{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none;padding:0;min-height:32px;color:#6a8193}
.catalog-breadcrumb>a,.valve-path>a{display:inline-flex;align-items:center;width:auto;flex:none}
.catalog-breadcrumb>a:after,.valve-path>a:after{display:none}
.valve-path [aria-current=page],.category-picker summary,#breadcrumb-type{color:#243f50}
.category-picker{width:auto;flex:0 1 auto;margin-left:0;max-width:100%}
.category-picker summary{gap:14px;justify-content:flex-start;cursor:pointer}
.category-picker summary svg{width:14px;height:14px}
.breadcrumb-chevron,.valve-path>span:not([aria-current]){display:inline-block;width:7px;height:7px;min-height:0;border:0;border-top:1.5px solid #98aabd;border-right:1.5px solid #98aabd;transform:rotate(45deg);font-size:0;flex-shrink:0}
#breadcrumb-type{gap:14px;margin-left:0;align-items:center}
@media(max-width:800px){.catalog-breadcrumb,.valve-path{font-size:14px;gap:10px;padding:12px 0 20px;margin-bottom:28px}.catalog-breadcrumb>a,.valve-path>a,.category-picker summary,#breadcrumb-type{font-size:14px;min-height:30px}.catalog-breadcrumb>.breadcrumb-home{width:auto}.category-picker{width:auto;flex:0 1 auto;margin-left:0}.category-picker summary{gap:10px}.catalog-breadcrumb>.breadcrumb-chevron:nth-of-type(2){display:inline-block}.category-options{min-width:240px;max-width:calc(100vw - 50px);width:max-content;left:auto;right:0}#breadcrumb-type{gap:10px;margin-left:0}}

/* Consistent scale and alignment whenever products appear together. */
.product-grid,.catalog-grid,.butterfly-grid{align-items:start}
.product-grid .product-image,.catalog-grid .product-image,.butterfly-grid .butterfly-photo{width:100%;height:auto;aspect-ratio:1/1;padding:24px;box-sizing:border-box;display:block;overflow:hidden}
.product-grid .product-image>a,.catalog-grid .product-image>a,.butterfly-grid .butterfly-photo>a{display:block;width:100%;height:100%}
.product-grid .product-image img,.catalog-grid .product-image img,.butterfly-grid .butterfly-photo img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
.catalog-item,.product-grid .product{display:flex;flex-direction:column;align-items:stretch;height:100%}
.catalog-item h3{margin-top:20px;margin-bottom:12px}
.catalog-item>p{min-height:3.3em;margin-top:0;margin-bottom:20px}
.catalog-item>.underlined,.product-grid .product>button{align-self:flex-start;margin-top:auto}
@media(max-width:800px){.product-grid .product-image,.catalog-grid .product-image,.butterfly-grid .butterfly-photo{padding:24px}.catalog-item>p{min-height:0}}

/* Give product copy a small inset beneath its image. */
.catalog-item>h3,.catalog-item>p,.catalog-item>.underlined{margin-left:24px;margin-right:12px}
.butterfly-info{padding-left:24px;padding-right:12px;text-align:left}
@media(max-width:800px){.catalog-item>h3,.catalog-item>p,.catalog-item>.underlined{margin-left:16px;margin-right:8px}.butterfly-info{padding-left:16px;padding-right:8px}}
