/* Product hub enhancements. Scoped to /product only. */
.bdn-product-hub__semantic-title{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.bdn-product-catalog{padding-top:clamp(72px,7vw,104px)}
.bdn-product-catalog-button{min-width:212px}

.bdn-product-browser{position:relative;min-width:0}
.bdn-product-browser.is-loading .bdn-product-filter,.bdn-product-browser.is-loading .bdn-product-system-list,.bdn-product-browser.is-loading .bdn-product-pagination{opacity:.48;pointer-events:none}
.bdn-product-browser.is-loading .bdn-product-browser__meta::before{content:"";width:14px;height:14px;flex:0 0 14px;border:2px solid #d7dde7;border-top-color:var(--bdn-orange);border-radius:50%;animation:bdn-product-spin .65s linear infinite}
@keyframes bdn-product-spin{to{transform:rotate(360deg)}}
.bdn-product-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:18px;padding-bottom:22px;border-bottom:1px solid var(--bdn-line)}
.bdn-product-filter a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--bdn-line);border-radius:999px;background:#fff;color:var(--bdn-navy);font-size:.78rem;font-weight:800;line-height:1.25;text-align:center;text-decoration:none;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}
.bdn-product-filter a:hover,.bdn-product-filter a:focus-visible{border-color:var(--bdn-orange);color:var(--bdn-orange);transform:translateY(-1px)}
.bdn-product-filter a[aria-current="page"]{border-color:var(--bdn-navy);background:var(--bdn-navy);color:#fff}
.bdn-product-browser__meta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:34px;margin:0 auto 54px;color:#6a788b;font-size:.76rem;font-weight:600;line-height:1.4;text-align:center}
.bdn-product-browser__meta strong{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:#f3f5f8;color:var(--bdn-navy);font-size:.72rem;letter-spacing:.02em}
.bdn-product-system-list{display:grid;gap:76px;transition:opacity .2s ease}
.bdn-product-system-group{min-width:0}
.bdn-product-system-group__head{position:relative;display:grid;justify-items:center;max-width:920px;margin:0 auto 34px;padding:0 24px 24px;text-align:center}
.bdn-product-system-group__head::after{content:"";width:58px;height:3px;margin-top:2px;border-radius:999px;background:var(--bdn-orange)}
.bdn-product-system-group__head .bdn-kicker{margin:0 0 12px}
.bdn-product-system-group__head h2{max-width:820px;margin:0 0 16px;color:var(--bdn-navy);font-size:clamp(2.45rem,4vw,4.2rem);line-height:.96;text-wrap:balance}
.bdn-product-system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.bdn-product-system-item{display:flex;min-width:0;flex-direction:column}
.bdn-product-system-item .bdn-card{height:100%;width:100%}
.bdn-product-browser__empty{padding:54px 28px;border:1px dashed var(--bdn-line);border-radius:14px;background:#fafbfc;text-align:center}
.bdn-product-browser__empty h2{margin-bottom:10px;font-size:clamp(2rem,3vw,3rem)}
.bdn-product-browser__empty p{margin:0;color:var(--bdn-muted)}

.bdn-product-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;margin-top:52px;padding-top:28px;border-top:1px solid var(--bdn-line)}
.bdn-product-pagination__pages{grid-column:2;display:flex;align-items:center;justify-content:center;gap:8px}
.bdn-product-pagination__page,.bdn-product-pagination__direction{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--bdn-line);border-radius:999px;background:#fff;color:var(--bdn-navy);font-size:.78rem;font-weight:800;line-height:1;text-decoration:none;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}
.bdn-product-pagination__page:hover,.bdn-product-pagination__page:focus-visible,.bdn-product-pagination__direction:hover,.bdn-product-pagination__direction:focus-visible{border-color:var(--bdn-orange);color:var(--bdn-orange);transform:translateY(-1px)}
.bdn-product-pagination__page.is-current{border-color:var(--bdn-navy);background:var(--bdn-navy);color:#fff}
.bdn-product-pagination__direction{position:relative;gap:0;padding:0 42px;text-align:center;white-space:nowrap}
.bdn-product-pagination__direction>span[aria-hidden="true"]{position:absolute;top:50%;transform:translateY(-50%);font-size:1rem;line-height:1}
.bdn-product-pagination__direction[rel=prev]{grid-column:1;justify-self:start}
.bdn-product-pagination__direction[rel=prev]>span[aria-hidden="true"]{left:16px}
.bdn-product-pagination__direction[rel=next]{grid-column:3;justify-self:end}
.bdn-product-pagination__direction[rel=next]>span[aria-hidden="true"]{right:16px}
.bdn-product-pagination__ellipsis{display:inline-flex;min-width:28px;justify-content:center;color:#7b8798}

.bdn-product-final-cta__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px}
.bdn-product-final-cta__actions .bdn-button{min-width:180px}
.bdn-product-final-cta__catalog{border:1px solid rgba(255,255,255,.72);background:transparent;color:#fff}
.bdn-product-final-cta__catalog:hover,.bdn-product-final-cta__catalog:focus-visible{border-color:#fff;background:#fff;color:var(--bdn-orange)}

@media(max-width:1050px){
	.bdn-product-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.bdn-product-system-group__head{margin-bottom:30px}
}
@media(max-width:760px){
	.bdn-product-catalog{padding-top:clamp(46px,9vw,64px)}
	.bdn-product-final-cta__actions{align-items:stretch;flex-direction:column}
	.bdn-product-final-cta__actions .bdn-button{width:100%}
	.bdn-product-filter{gap:8px}
	.bdn-product-filter a{flex:1 1 calc(50% - 8px);min-height:40px;padding:8px 11px;font-size:.7rem}
	.bdn-product-browser__meta{align-items:center;flex-direction:column;gap:7px;margin-bottom:30px}
	.bdn-product-system-list{gap:42px}
	.bdn-product-system-group__head{margin-bottom:20px;padding:0 4px 16px}
	.bdn-product-system-group__head .bdn-kicker{margin-bottom:8px}
	.bdn-product-system-group__head h2{font-size:clamp(1.75rem,8.5vw,2.7rem);line-height:1}
	.bdn-product-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
	.bdn-product-system-item{align-self:start}
	.bdn-product-system-item .bdn-card{height:auto}
	.bdn-product-pagination{grid-template-columns:1fr 1fr;gap:14px}
	.bdn-product-pagination__pages{grid-column:1/-1;grid-row:1}
	.bdn-product-pagination__direction{grid-row:2;width:100%}
	.bdn-product-pagination__direction[rel=prev]{grid-column:1;justify-self:stretch}
	.bdn-product-pagination__direction[rel=next]{grid-column:2;justify-self:stretch}
	.bdn-product-pagination.has-prev:not(.has-next) .bdn-product-pagination__direction[rel=prev],
	.bdn-product-pagination.has-next:not(.has-prev) .bdn-product-pagination__direction[rel=next]{grid-column:1/-1;width:min(100%,310px);justify-self:center}
}
@media(max-width:520px){
	.bdn-product-pagination__pages{gap:6px}
	.bdn-product-pagination__page{min-width:42px;min-height:42px}
	.bdn-product-pagination__direction{padding-inline:40px}
	.bdn-product-pagination__direction[rel=prev]>span[aria-hidden="true"]{left:14px}
	.bdn-product-pagination__direction[rel=next]>span[aria-hidden="true"]{right:14px}
}
@media(max-width:359px){
	.bdn-product-system-grid{grid-template-columns:1fr}
	.bdn-product-filter a{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){
	.bdn-product-catalog-button,.bdn-product-final-cta__catalog,.bdn-product-filter a,.bdn-product-pagination__page,.bdn-product-pagination__direction,.bdn-product-system-list{transition:none}
	.bdn-product-browser.is-loading .bdn-product-browser__meta::before{animation:none}
}
