.bb-builder{--width-builder-summary: 420px;--width-builder-option: 150px;--width-builder-option-wide: 240px;--width-builder-mobile: 560px;--width-builder-option-scroll: 148px;--height-builder-preview: 36svh;--height-builder-preview-min: 160px;--scale-sticky-shrink-min: .6;--distance-sticky-shrink: 240px;--space-builder-bar: 12px;--height-builder-stepper: 41px;--height-builder-bar: 140px;--space-builder-step-top: 16px;--space-builder-step-gap: 8px;--width-builder-field: 200px;--space-builder-tag-room: 16px;--space-builder-steps: 24px;--space-builder-summary: clamp(16px, 1.5vw + 10px, 28px);--space-builder-sticky: 24px;--font-size-builder-option: var(--font-size-16);--font-size-builder-name: var(--font-size-17);--font-size-builder-price: var(--font-size-24);--ratio-builder-media: 1;--position-etch-x: 49.8%;--position-etch-y: 41%;--width-etch: 30%;--height-etch: 28%;--scale-mockup: 1.1;--origin-mockup: 50% 50%;--font-size-etch: 1.9cqw;--opacity-etch: .92;--color-etch: var(--color-engrave-glass);--radius-builder-control: calc(var(--radius-image) / 2);display:flex;flex-direction:column;gap:var(--space-stack-lg);padding:var(--space-section-block-lg) var(--space-page-inline);background:var(--color-surface-raised);color:var(--color-text-primary);font-family:var(--font-family-body);scroll-margin-top:var(--sticky-area-height, 0px)}.bb-builder :where(p){margin:0}.bb-builder__intro{max-width:560px;margin-top:8px;color:var(--color-text-secondary);font-size:var(--font-size-16);line-height:1.6}.bb-builder__layout{display:grid;gap:var(--space-stack-lg)}.bb-builder__main,.bb-builder__steps{display:flex;flex-direction:column;gap:var(--space-builder-steps)}.bb-builder__step{display:flex;flex-direction:column;gap:var(--space-builder-step-gap);min-width:0;margin:0;padding:0;border:0}.bb-builder__legend{display:flex;flex-direction:column;gap:4px;padding:0}.bb-builder__step-label{color:var(--color-text-eyebrow);font-size:var(--font-size-12);font-weight:600;line-height:1.2;letter-spacing:var(--letter-spacing-section-eyebrow);text-transform:uppercase}.bb-builder__step-title{color:var(--color-builder-step);font-size:var(--font-size-builder-step);font-weight:var(--font-weight-builder-step);line-height:1.3}.bb-builder__step-text{color:var(--color-text-secondary);font-size:var(--font-size-14);line-height:1.5}.bb-builder__options{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--width-builder-option)),1fr));gap:12px}.bb-builder .bb-builder__legend+:is(.bb-builder__options,.bb-builder__designs){margin-top:var(--space-builder-legend)}@media screen and (min-width:700px){.bb-builder .bb-builder__legend+.bb-builder__options:has(.bb-builder__tag){margin-top:var(--space-builder-tag-room)}}@media screen and (max-width:699px){.bb-builder .bb-builder__legend+.bb-builder__options:has(.bb-builder__tag){margin-top:0}}.bb-builder__options--wide{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--width-builder-option-wide)),1fr))}.bb-builder__tabs{display:none}.bb-builder__option,.bb-builder__design{position:relative;display:flex;flex-direction:column;gap:4px;padding:var(--space-builder-option);border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-image);background:var(--color-surface-raised);cursor:pointer;transition:border-color var(--motion-duration-fast) var(--motion-ease-out),background-color var(--motion-duration-fast) var(--motion-ease-out)}:is(.bb-builder__option,.bb-builder__design):hover,:is(.bb-builder__option,.bb-builder__design):has(>input:checked){border-color:var(--color-border-accent)}:is(.bb-builder__option,.bb-builder__design):has(>input:checked){background:var(--color-surface-tint-amber)}:is(.bb-builder__option,.bb-builder__design):has(>input:focus-visible){outline:2px solid var(--color-focus-ring);outline-offset:3px}.bb-builder__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none}.bb-builder__radio{position:absolute;top:var(--space-builder-option);right:var(--space-builder-option)}.bb-builder__tag{position:absolute;top:0;left:var(--space-builder-option);translate:0 -50%;padding:3px 8px;border-radius:var(--radius-pill);background:var(--color-surface-avatar);color:var(--color-text-hover);font-size:var(--font-size-12);font-weight:600;line-height:1.3;letter-spacing:var(--letter-spacing-label)}.bb-builder__option-name{padding-right:20px;font-size:var(--font-size-builder-option);font-weight:var(--font-weight-builder-option);line-height:1.3}.bb-builder__option-text{color:var(--color-text-secondary);font-size:var(--font-size-13);line-height:1.45}.bb-builder__option-line{display:block}.bb-builder__step:is([data-step=size],[data-step=orientation],[data-step=type]) .bb-builder__option-text{display:none}.bb-builder__option-price{margin-top:auto;padding-top:8px;color:var(--color-text-secondary);font-size:var(--font-size-14);font-weight:600}.bb-builder__designs{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--width-design-card),1fr));gap:12px}.bb-builder__design{--space-builder-option: 8px;gap:8px}.bb-builder__design-media{display:block;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-builder-control);background:var(--color-surface-media)}.bb-builder__design-media img{display:block;width:100%;height:100%;object-fit:contain}.bb-builder__design-media--upload{display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.bb-builder__design-name{color:var(--color-text-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-builder-option);line-height:1.25;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.bb-builder__fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--width-builder-field)),1fr));gap:12px;margin-top:8px}.bb-builder__field{display:flex;flex-direction:column;gap:6px}.bb-builder__field-label{color:var(--color-text-secondary);font-size:var(--font-size-13);font-weight:600}.bb-builder__field-help{color:var(--color-text-tertiary);font-size:var(--font-size-13);line-height:1.4}.bb-builder__control{box-sizing:border-box;width:100%;padding:10px 12px;border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-builder-control);background:var(--color-surface-raised);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-15);transition:border-color var(--motion-duration-fast) var(--motion-ease-out)}.bb-builder__control:hover,.bb-builder__control:focus{border-color:var(--color-border-accent)}.bb-builder__help{color:var(--color-text-secondary);font-size:var(--font-size-14);line-height:1.5}.bb-builder__preview{display:flex;flex-direction:column;gap:16px}.bb-builder__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}.bb-builder__summary{display:flex;flex-direction:column;gap:16px;padding:var(--space-builder-summary);border-radius:var(--radius-card);background:var(--color-surface-page)}.bb-builder__media{display:grid;aspect-ratio:var(--ratio-builder-media);overflow:hidden;border-radius:var(--radius-image);background:var(--color-surface-media)}.bb-builder__media>img{grid-area:1 / 1;display:block;width:100%;height:100%;object-fit:cover;background:var(--color-surface-media)}.bb-builder__media:has(>.bb-builder__stage){isolation:isolate;background:var(--color-surface-page)}.bb-builder__stage{background:var(--color-surface-page)}.bb-builder__stage>img{mix-blend-mode:multiply}.bb-builder__stage{grid-area:1 / 1;position:relative;container-type:inline-size;transform:scale(var(--scale-mockup));transform-origin:var(--origin-mockup)}.bb-builder__stage[hidden]{display:none}.bb-builder__stage>img{display:block;width:100%;height:100%;object-fit:cover}.bb-builder__etch{position:absolute;top:var(--position-etch-y);left:var(--position-etch-x);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2cqw;width:var(--width-etch);height:var(--height-etch);translate:-50% -50%;filter:var(--filter-etch);opacity:var(--opacity-etch);pointer-events:none}.bb-builder__etch-art{flex:1 1 0;min-height:0;max-width:100%;object-fit:contain}.bb-builder__etch-text{flex:none;max-width:100%;margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-etch);line-height:1.25;text-align:center;text-wrap:balance;overflow-wrap:anywhere}.bb-builder__etch-live{flex:1 1 0;min-height:0;width:100%}.bb-builder__etch-svg{display:block;width:100%;height:100%}.bb-builder__etch-art[hidden],.bb-builder__etch-text[hidden],.bb-builder__etch-live[hidden]{display:none}.bb-builder__filters{position:absolute;width:0;height:0;overflow:hidden}.bb-builder__etch-colour{flood-color:var(--color-etch)}.bb-builder--oak{--position-etch-x: 50%;--position-etch-y: 36%;--width-etch: 38%;--height-etch: 38%;--scale-mockup: 1;--distance-etch-perspective: 1000px;--angle-etch-turn: 0deg;--angle-etch-tilt: 0deg;--color-etch: var(--color-engrave-burn)}.bb-builder__stage[data-orientation=upright]{--position-etch-x: 50%;--position-etch-y: 38.8%;--width-etch: 34%;--height-etch: 24%;--angle-etch-turn: 0deg;--angle-etch-tilt: 0deg}.bb-builder__stage[data-mockup=two-glass]{--position-etch-x: 58.6%;--position-etch-y: 42.5%;--width-etch: 32%;--height-etch: 32%;--scale-mockup: 1;--angle-etch-turn: 0deg;--angle-etch-tilt: 0deg}.bb-builder--oak .bb-builder__etch{transform:perspective(var(--distance-etch-perspective)) rotateY(var(--angle-etch-turn)) rotateX(var(--angle-etch-tilt));mix-blend-mode:multiply}.bb-builder__details{display:flex;flex-direction:column;align-self:stretch;gap:4px;text-align:start}.bb-builder__name{font-size:var(--font-size-builder-name);font-weight:600;line-height:1.3}.bb-builder__name:first-letter{text-transform:uppercase}.bb-builder__finish{color:var(--color-text-tertiary);font-size:var(--font-size-12);font-weight:500;letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase}.bb-builder__price{display:flex;align-items:baseline;gap:8px;font-size:var(--font-size-builder-price);font-weight:600;line-height:1.1}.bb-builder__compare{color:var(--color-text-tertiary);font-size:var(--font-size-16);font-weight:400}.bb-builder__delivery{flex:1 0 100%;display:flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:var(--font-size-14);line-height:1.4}.bb-builder__bar quantity-selector{--quantity-selector-height: var(--height-builder-stepper);flex:none;border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text-primary)}.bb-builder__price{flex:1 0 100%}.bb-builder__form{flex:1 1 0}.bb-builder__action{width:100%;justify-content:center}.bb-builder__note{color:var(--color-text-tertiary);font-size:var(--font-size-13);line-height:1.5;text-align:start}@media screen and (min-width:1150px){.bb-builder__layout{grid-template-columns:minmax(0,1fr) var(--width-builder-summary);align-items:start}.bb-builder__summary{position:sticky;top:calc(var(--sticky-area-height, 0px) + var(--space-builder-sticky))}}@media screen and (max-width:1149px){.bb-builder__layout{grid-template-columns:minmax(0,1fr);width:100%;max-width:var(--width-builder-mobile);margin-inline:auto;gap:var(--space-builder-bar)}.bb-builder__summary{display:contents}.bb-builder__preview{order:1;position:sticky;top:var(--sticky-area-height, 0px);z-index:2;align-items:center;gap:8px;padding-block:var(--space-builder-bar);background:var(--color-surface-raised);text-align:center}.bb-builder__media{--ratio-builder-media: 1;width:min(100%,calc(max(var(--height-builder-preview-min),var(--height-builder-preview)) * var(--scale-sticky-shrink, 1)))}.bb-builder__main{display:contents}.bb-builder__steps{order:2;gap:0;overflow:clip;border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-image)}.bb-builder__tabs{position:sticky;top:calc(var(--sticky-area-height, 0px) + var(--height-builder-preview-block, 0px));z-index:1;display:flex;gap:8px;padding:8px;border-bottom:var(--border-width-hairline) solid var(--color-border-subtle);background:var(--color-surface-page)}.bb-builder__tab{padding:6px 12px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-12);font-weight:600;letter-spacing:var(--letter-spacing-section-eyebrow);text-transform:uppercase;cursor:pointer}.bb-builder__tab[hidden]{display:none}.bb-builder__tab[aria-selected=true]{background:var(--color-surface-avatar);color:var(--color-text-hover)}.bb-builder__step:not([data-active]){display:none}.bb-builder__step{padding:0 0 12px 12px}.bb-builder__step-text,.bb-builder__option-more{display:none}.bb-builder__option{gap:2px}.bb-builder__option-price{padding-top:4px}.bb-builder__delivery{justify-content:center;font-size:var(--font-size-12)}.bb-builder__legend{padding:var(--space-builder-step-top) 12px 0 0}.bb-builder__step-label{display:none}.bb-builder__fields,.bb-builder__field,.bb-builder__help{margin-right:12px}.bb-builder__step{gap:var(--space-builder-step-gap)}.bb-builder__options,.bb-builder__designs{display:flex;gap:8px;margin-top:0;padding:var(--space-builder-tag-room) 12px 4px 0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.bb-builder :is(.bb-builder__options,.bb-builder__designs):not(:has(.bb-builder__tag)){padding-top:0}.bb-builder__options>*,.bb-builder__designs>*{flex:0 0 var(--width-builder-option-scroll);scroll-snap-align:start}.bb-builder__designs>*{flex-basis:var(--width-design-card)}.bb-builder__summary>.bb-builder__intro{order:1}.bb-builder__help{order:3}.bb-builder__note{order:4}.bb-builder__bar{order:5;position:sticky;bottom:0;z-index:2;padding:var(--space-builder-bar) 0 calc(var(--space-builder-bar) + env(safe-area-inset-bottom,0px));border-top:var(--border-width-hairline) solid var(--color-border-subtle);background:var(--color-surface-raised)}.bb-builder__layout[data-pinned]{padding-bottom:var(--height-builder-bar)}.bb-builder__layout[data-pinned] .bb-builder__bar{position:fixed;inset:auto 0 0;z-index:10;padding-inline:max(var(--space-page-inline),calc((100% - var(--width-builder-mobile)) / 2));translate:0 100%;visibility:hidden;transition:translate var(--motion-duration-base) var(--motion-ease-out),visibility 0s linear var(--motion-duration-base)}.bb-builder__layout[data-pinned][data-bar-shown] .bb-builder__bar{translate:0 0;visibility:visible;transition-delay:0s}}.bb-builder--product{--space-builder-product-gap: clamp(24px, 4vw, 64px);--width-builder-product-panel: 520px;--font-size-builder-title: var(--font-size-heading-2);--space-builder-product-gallery: 12px;--space-builder-product-head: 12px;--space-builder-product-rule: 16px;--width-builder-bar-float: 760px;--space-builder-bar-float: 16px;gap:0;padding-block-start:var(--space-hero-block);background:var(--color-surface-page)}@media screen and (min-width:700px){.bb-builder--product .bb-crumbs{--space-crumbs: 24px}}.bb-builder__gallery{position:relative;min-width:0}.bb-builder__preview-over{position:absolute;top:0;left:0;display:none;width:100%;aspect-ratio:1}.bb-builder__layout[data-previewing] .bb-builder__preview-over{display:block;pointer-events:none}.bb-builder__layout[data-previewing] .bb-gallery__slide--video:first-child>*{visibility:hidden}.bb-builder__gallery{scroll-margin-top:var(--sticky-area-height, 0px)}.bb-builder__preview-over .bb-builder__media{height:100%}.bb-builder__panel{display:flex;flex-direction:column;min-width:0}.bb-builder__panel>*+*{margin-top:var(--space-builder-steps)}.bb-builder__head{display:flex;flex-direction:column;gap:var(--space-builder-product-head);padding-bottom:var(--space-builder-product-rule);border-bottom:var(--border-width-hairline) solid var(--color-border-subtle)}.bb-builder__panel>.bb-builder__head+*{margin-top:var(--space-builder-product-rule)}.bb-builder--product .bb-builder__step-label{display:none}.bb-builder--product .bb-builder__note{text-align:start}.bb-builder--product .bb-builder__title{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-builder-title);font-weight:var(--font-weight-display);line-height:1.15;letter-spacing:0;text-transform:none;text-wrap:balance}.bb-builder--product .bb-builder__intro{margin-top:0}.bb-builder__head .bb-proof{align-self:flex-start;justify-content:flex-start;padding-inline:0}.bb-builder--product .bb-icon-list--grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-builder-product-head) 16px;margin-top:4px}.bb-builder--product .bb-icon-list__item{justify-content:flex-start;text-align:start}.bb-builder--product .bb-icon-list--columns{--space-icon-list-columns: 16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-icon-list-columns)}.bb-builder--product .bb-icon-list--columns .bb-icon-list__item{flex-direction:column;justify-content:flex-start;text-align:center}.bb-builder--product .bb-icon-list--facts{margin-top:var(--space-builder-product-rule);padding-top:var(--space-builder-product-rule);border-top:var(--border-width-hairline) solid var(--color-border-subtle)}@media screen and (min-width:700px){.bb-builder--product .bb-icon-list--grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.bb-builder--product .bb-builder__summary{position:static;padding:0;border-radius:0;background:none}@media screen and (min-width:1150px){.bb-builder--product .bb-builder__layout{grid-template-columns:minmax(0,var(--width-builder-product-panel)) minmax(0,1fr);column-gap:var(--space-builder-product-gap)}.bb-builder--product .bb-builder__main{grid-area:1 / 1}.bb-builder--product .bb-builder__gallery{grid-area:1 / 2}.bb-builder__gallery{position:sticky;top:calc(var(--sticky-area-height, 0px) + var(--space-builder-sticky));max-height:calc(100svh - var(--sticky-area-height, 0px) - 2 * var(--space-builder-sticky));overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}.bb-builder__gallery[data-scrolling]{scrollbar-color:var(--color-border-subtle) transparent}.bb-builder--product .bb-gallery__carousel{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-builder-product-gallery)}.bb-builder--product .bb-gallery__slide,.bb-builder--product .bb-gallery__slide:not(.is-selected){grid-area:auto;opacity:1;visibility:visible}.bb-builder--product .bb-gallery__slide:first-child{grid-column:1 / -1}.bb-builder--product .bb-gallery__thumbs{display:none}}@media screen and (max-width:1149px){.bb-builder--product .bb-gallery__carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.bb-builder--product .bb-gallery__slide,.bb-builder--product .bb-gallery__slide:not(.is-selected){flex:0 0 100%;opacity:1;visibility:visible;scroll-snap-align:start}.bb-builder--product .bb-gallery__thumbs{display:none}.bb-builder--product .bb-gallery{position:relative}.bb-builder--product .bb-gallery__controls{display:flex}.bb-builder--product .bb-builder__main,.bb-builder--product .bb-builder__summary{display:flex;flex-direction:column;gap:var(--space-builder-steps)}.bb-builder--product .bb-builder__preview-over .bb-builder__media{width:100%}.bb-builder--product .bb-builder__preview{position:static;padding:0;background:none;text-align:start}.bb-builder--product .bb-builder__steps{gap:var(--space-builder-steps);overflow:visible;border:0;border-radius:0}.bb-builder--product .bb-builder__tabs{display:none}.bb-builder--product .bb-builder__step:not([hidden]){display:flex;gap:12px;padding:0}.bb-builder--product .bb-builder__legend{padding:0}.bb-builder--product .bb-builder__step-text,.bb-builder--product .bb-builder__option-more{display:block}.bb-builder--product .bb-builder__options,.bb-builder--product .bb-builder__designs{display:grid;padding:0;overflow:visible}.bb-builder--product .bb-builder__options{margin-top:4px}.bb-builder--product .bb-builder__fields,.bb-builder--product .bb-builder__field,.bb-builder--product .bb-builder__help{margin-right:0}.bb-builder--product .bb-builder__bar{position:static;padding:0;border-top:0;background:none}.bb-builder--product .bb-builder__delivery{justify-content:flex-start;font-size:var(--font-size-14)}}@media screen and (max-width:699px){.bb-builder--product .bb-builder__options,.bb-builder--product .bb-builder__designs{display:flex;gap:8px;padding-block:var(--space-builder-tag-room) 4px;margin-inline:calc(-1 * var(--space-page-inline));padding-inline:var(--space-page-inline);scroll-padding-inline:var(--space-page-inline);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.bb-builder--product .bb-builder__options>*{flex:0 0 var(--width-builder-option-scroll);scroll-snap-align:start}.bb-builder--product .bb-builder__designs>*{flex:0 0 var(--width-design-card);scroll-snap-align:start}}@media screen and (max-width:699px){:is(.bb-fd,.bb-design-picker) .bb-builder__designs{margin-inline:calc(-1 * var(--space-page-inline));padding-inline:var(--space-page-inline);scroll-padding-inline:var(--space-page-inline)}}.bb-builder__delivered,.bb-builder__delivered-total,.bb-builder__delivered-note{color:var(--color-text-secondary);font-size:var(--font-size-14);line-height:1.5}.bb-builder__delivered{display:flex;flex-wrap:wrap;gap:0 8px;margin-top:8px}.bb-builder__delivered>:first-child{color:var(--color-text-primary);font-size:var(--font-size-builder-price);font-weight:600;line-height:1.2}.bb-builder__delivered-total{color:var(--color-text-primary)}.bb-builder__delivered-total strong{font-weight:600}.bb-builder__delivered-note{color:var(--color-text-tertiary);font-size:var(--font-size-13)}.bb-estimate{display:flex;flex-direction:column;gap:12px;padding:20px;border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-image);background:var(--color-surface-raised)}.bb-estimate__heading{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-builder-name);font-weight:600;letter-spacing:0;line-height:1.3;text-transform:none}.bb-estimate__rows{display:grid;margin:0}.bb-estimate__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding-block:10px;border-top:var(--border-width-hairline) solid var(--color-border-subtle);font-size:var(--font-size-14);line-height:1.4}.bb-estimate__row dt{color:var(--color-text-secondary)}.bb-estimate__row dd{margin:0;font-weight:600}.bb-estimate__text{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-14);line-height:1.5}.bb-estimate__note{color:var(--color-text-primary)}.bb-builder--product .bb-builder__bar-name{display:none}.bb-builder--product .bb-builder__layout[data-bar-floating] .bb-builder__bar{position:fixed;z-index:10;inset:auto auto var(--space-builder-bar-float) 50%;translate:-50% 0;display:flex;flex-wrap:nowrap;align-items:center;gap:16px;box-sizing:border-box;width:min(var(--width-builder-bar-float),calc(100% - 2 * var(--space-page-inline)));padding:12px 16px 12px 24px;border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-surface-raised);box-shadow:var(--shadow-dropdown);animation:bb-builder-bar-in var(--motion-duration-base) var(--motion-ease-out)}.bb-builder--product .bb-builder__layout[data-bar-floating] .bb-builder__bar-name{display:grid;flex:1 1 auto;min-width:0;gap:2px}.bb-builder__bar-name [data-bar-name]{overflow:hidden;font-size:var(--font-size-15);font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.bb-builder__bar-name [data-bar-finish]{color:var(--color-text-tertiary);font-size:var(--font-size-12);letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase}.bb-builder--product .bb-builder__layout[data-bar-floating] :is(.bb-builder__price,.bb-builder__form){flex:0 0 auto}.bb-builder--product .bb-builder__layout[data-bar-floating] .bb-builder__price{font-size:var(--font-size-20)}.bb-builder--product .bb-builder__layout[data-bar-floating] .bb-builder__action{width:auto}.bb-builder--product .bb-builder__layout[data-bar-floating] .bb-builder__delivery{display:none}@keyframes bb-builder-bar-in{0%{opacity:0;translate:-50% 16px}}@media screen and (max-width:699px){.bb-builder--product .bb-builder__layout[data-bar-floating] .bb-builder__bar{inset:auto 0 0;translate:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 12px;width:auto;padding:12px var(--space-page-inline) calc(12px + env(safe-area-inset-bottom,0px));border-width:var(--border-width-hairline) 0 0;border-radius:0;animation-name:bb-builder-bar-in-phone}.bb-builder--product .bb-builder__layout[data-bar-floating] .bb-builder__bar-name{grid-column:1 / 3}.bb-builder--product .bb-builder__layout[data-bar-floating] .bb-builder__form{grid-column:2 / 4}@keyframes bb-builder-bar-in-phone{0%{translate:0 100%}}}html[data-bb-pinned-bar]{--space-chat-above-bar: 12px}html[data-bb-pinned-bar] :is(#ShopifyChat,shopify-chat,inbox-online-store-chat,[id^=shopify-chat]){bottom:calc(var(--bb-pinned-bar-height, 0px) + var(--space-chat-above-bar))!important}
/*# sourceMappingURL=/cdn/shop/t/117/assets/section-bb-barrel-builder.css.map */