.bsp-product-hub{width:100%;max-width:1600px;margin:48px auto 20px}.bsp-product-hub__nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px}.bsp-product-hub__tab{min-height:64px;padding:14px 18px;border:1px solid rgba(var(--color-foreground),.12);border-radius:16px;background:rgba(var(--color-background),.72);color:rgb(var(--color-foreground));box-shadow:0 8px 24px #0000000f;font:inherit;font-weight:600;line-height:1.3;text-align:center;cursor:pointer;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease,color .25s ease}.bsp-product-hub__tab:hover{transform:translateY(-2px);border-color:rgba(var(--color-foreground),.24);box-shadow:0 12px 28px #00000017}.bsp-product-hub__tab:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.bsp-product-hub__tab.is-active{border-color:rgba(var(--color-foreground),.35);background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.bsp-product-hub__stage{position:relative;overflow:hidden;min-height:180px;border:1px solid rgba(var(--color-foreground),.1);border-radius:22px;background:rgba(var(--color-background),.78);box-shadow:0 16px 44px #00000014;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.bsp-product-hub__panel{padding:clamp(24px,4vw,48px)}.bsp-product-hub__panel.is-entering{animation:bsp-hub-slide-in .35s ease both}.bsp-product-hub__panel[hidden]{display:none}.bsp-product-hub__content{width:100%;max-width:1100px}.bsp-product-hub__content>:first-child{margin-top:0}.bsp-product-hub__content>:last-child{margin-bottom:0}@keyframes bsp-hub-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media screen and (max-width:749px){.bsp-product-hub{margin-top:30px}.bsp-product-hub__nav{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-padding-inline:2px;scroll-snap-type:x mandatory;scrollbar-width:thin}.bsp-product-hub__tab{flex:0 0 220px;min-height:58px;scroll-snap-align:start}.bsp-product-hub__panel{padding:22px 18px}}@media(prefers-reduced-motion:reduce){.bsp-product-hub__tab{transition:none}.bsp-product-hub__panel.is-entering{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/bruchstein-produkt.hub.css.map */