.bb-calculator-section{--bb-bg: #f9f8f4;--bb-surface: #ffffff;--bb-surface-strong: #f9f8f4;--bb-text: #2a2a28;--bb-muted: #7a7a72;--bb-line: #e2e0d6;--bb-accent: #f5a623;--bb-accent-strong: #1a1a18;--bb-warning: #c0392b;--bb-shadow: 0 10px 24px rgba(26, 26, 24, .04);color:var(--bb-text);font-family:var(--font-body-family, inherit);font-size:1.32rem;line-height:1.6}.bb-calculator__panel{box-sizing:border-box;width:min(100%,980px);max-width:980px;margin:0 auto;padding:24px;border:1px solid var(--bb-line);border-radius:12px;background:var(--bb-surface);box-shadow:var(--bb-shadow)}.bb-calculator__header{margin:-24px -24px 20px;padding:18px 24px 16px;border-bottom:1px solid var(--bb-line)}.bb-calculator__title{margin:0 0 6px;font-family:var(--font-heading-family, inherit);font-size:clamp(1.85rem,2.8vw,2.4rem);line-height:1.15;letter-spacing:0}.bb-calculator__intro{color:var(--bb-muted);font-size:1.3rem}.bb-calculator__progress{margin-bottom:18px}.bb-calculator__progress-bar{height:5px;margin-bottom:10px;overflow:hidden;border-radius:999px;background:#1a1a1812}.bb-calculator__progress-bar span{display:block;width:0;height:100%;border-radius:inherit;background:var(--bb-accent);transition:width .25s ease}.bb-calculator__progress-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;margin:0;list-style:none;font-size:1.16rem}.bb-calculator__progress-steps li{padding:6px 10px;border-radius:6px;background:var(--bb-surface-strong);color:var(--bb-muted)}.bb-calculator__progress-steps li.is-active{background:#fef3dc;color:var(--bb-text)}.bb-step__header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.bb-step__eyebrow{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;margin:0;padding:0 8px;border-radius:999px;background:var(--bb-accent);color:var(--bb-text);text-transform:uppercase;letter-spacing:.08em;font-size:.88rem;font-weight:700}.bb-step h3,.bb-results__block h4,.bb-product-card h4{margin:0;font-family:var(--font-heading-family, inherit);font-size:1.88rem}.bb-step__header h3{margin:0}.bb-grid{display:grid;gap:16px}.bb-grid--two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-grid--three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.bb-field{display:grid;gap:10px;min-width:0}.bb-field__label{display:flex;align-items:center;gap:8px;font-size:1.16rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--bb-muted)}.bb-input-shell{position:relative;display:block}.bb-input-shell__hint{position:absolute;top:50%;right:12px;transform:translateY(-50%);color:var(--bb-muted);font-size:1.08rem;font-weight:600;pointer-events:none}.bb-input{width:100%;min-height:54px;padding:0 42px 0 12px;border:1.5px solid var(--bb-line);border-radius:6px;background:var(--bb-bg);color:var(--bb-text);font:inherit;font-size:1.3rem;line-height:1;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:textfield}.bb-input::placeholder{color:#9a9a90}.bb-input.is-invalid{border-color:#c0392b;background:#fff4f2}.bb-input:focus,.bb-button:focus,.bb-choice:focus,.bb-tooltip__trigger:focus,.bb-modal__close:focus{outline:2px solid var(--bb-accent);outline-offset:2px}.bb-note,.bb-calculator__status{color:var(--bb-muted);font-size:1.22rem}.bb-step-feature{display:grid;gap:16px;margin-bottom:16px}.bb-step-feature__media{overflow:hidden;border:1px solid var(--bb-line);border-radius:10px;background:var(--bb-surface-strong)}.bb-step-feature__media img{display:block;width:100%;height:auto}.bb-step-feature__content .bb-note{margin-top:0}.bb-error{min-height:1.25rem;padding:10px 12px;border-radius:6px;background:#fdecea;color:#a33a2b;font-size:1.14rem;font-weight:600}.bb-error:empty{display:none}.bb-confirmation{margin-top:12px;padding:10px 12px;border-radius:6px;background:#eaf4ec;color:#2f6b3a;font-size:1.14rem;font-weight:700;line-height:1.45}.bb-choice-group{margin-bottom:16px}.bb-choice-group__label{margin-bottom:10px}.bb-choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1.5px solid var(--bb-line);border-radius:6px;overflow:hidden}.bb-choice-row--stacked{grid-template-columns:minmax(0,1fr);gap:10px;max-width:460px;border:0;background:transparent;overflow:visible}.bb-choice{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border:0;border-radius:0;background:var(--bb-bg);color:var(--bb-muted);font:inherit;font-size:1.22rem;font-weight:500;cursor:pointer}.bb-choice--checkbox{justify-content:flex-start;gap:12px;min-height:40px;padding:0 14px;border:1.5px solid var(--bb-line);border-radius:6px;background:var(--bb-bg);text-align:left;color:var(--bb-text)}.bb-choice--checkbox:before{content:"";width:16px;height:16px;border:1.5px solid currentColor;border-radius:3px;margin-right:12px;flex:0 0 auto}.bb-choice--checkbox.is-selected:before{background:currentColor;box-shadow:inset 0 0 0 3px var(--bb-accent)}@media screen and (min-width:750px){.bb-step-feature--frame-type{grid-template-columns:minmax(0,1.1fr) minmax(320px,1fr);align-items:start}.bb-step-feature--frame-type .bb-step-feature__content{order:1}.bb-step-feature--frame-type .bb-step-feature__media{order:2}}.bb-choice-row:not(.bb-choice-row--stacked) .bb-choice+.bb-choice{box-shadow:inset 1.5px 0 0 var(--bb-line)}.bb-choice.is-selected{background:var(--bb-accent);color:var(--bb-text);font-weight:600}.bb-choice-row.is-invalid{border-color:#c0392b;box-shadow:inset 0 0 0 1px #c0392b}.bb-conditional{margin-top:14px;padding:16px;border:1px solid rgba(245,166,35,.3);border-radius:6px;background:#fef3dc}.bb-conditional--box-design.is-disabled{opacity:.42}.bb-conditional--box-design.is-disabled .bb-input{pointer-events:none}.bb-button[hidden],.bb-calculator__actions[hidden],[data-go-to-cart][hidden]{display:none!important}.bb-calculator__actions,.bb-results__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;justify-content:flex-end}.bb-button{min-height:44px;padding:0 18px;border:0;border-radius:6px;background:var(--bb-accent-strong);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:1.2rem;font-weight:600;letter-spacing:.02em;cursor:pointer;text-align:center;text-decoration:none;box-shadow:inset 0 0 0 2px #fff3}.bb-button:hover,.bb-button--accent{background:var(--bb-accent);color:var(--bb-text)}.bb-button--accent:hover{background:#e89d16}.bb-button[disabled]{opacity:.5;cursor:not-allowed}.bb-button.is-added[disabled]{opacity:1;background:#6f726d;color:#fff}.bb-button--secondary{background:transparent;color:var(--bb-accent-strong);border:1.5px solid var(--bb-line);box-shadow:none}.bb-results-hero .bb-button--secondary{color:#fff;border-color:#ffffff38}.bb-results-hero .bb-button--secondary:hover{background:#ffffff14}.bb-button--small{min-height:40px;padding:0 14px}.bb-results{display:grid;gap:18px}.bb-summary-section{display:grid;gap:12px;padding:16px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:var(--bb-text)}.bb-summary-section__title{font-size:1.05rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7a7a72}.bb-metric-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.bb-metric-row__label{color:#8f8f86;font-size:1.2rem}.bb-metric-row__value{color:#fff;font-size:1.3rem;font-weight:700;white-space:nowrap;text-align:right}.bb-metric-row__value--highlight{color:var(--bb-accent)}.bb-summary-note{margin-top:4px;color:#9a9a90;font-size:1.18rem;line-height:1.45}.bb-results-page{display:grid;gap:18px}.bb-results-page__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.bb-results-page__summary h4{margin:0;font-family:var(--font-heading-family, inherit);font-size:1.66rem}.bb-results-page__summary p{margin:6px 0 0;color:var(--bb-muted);font-size:1.22rem}.bb-results-page__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center}.bb-results-page__actions .bb-button{width:auto;max-width:100%}.bb-calculator-modal-trigger{min-height:56px;padding-inline:28px;border-radius:999px;box-shadow:0 10px 24px #1a1a1824}.bb-results-overview,.bb-results-columns{display:grid;gap:14px}.bb-summary-section--perimeter{background:var(--bb-surface-strong);border:1px solid var(--bb-line)}.bb-summary-section--perimeter .bb-summary-section__title{color:var(--bb-muted)}.bb-summary-section--perimeter .bb-metric-row{border-bottom-color:var(--bb-line)}.bb-summary-section--perimeter .bb-metric-row__label{color:var(--bb-muted)}.bb-summary-section--perimeter .bb-metric-row__value{color:var(--bb-text)}.bb-results-perimeter__actions{padding-top:4px}.bb-result-product-grid{display:grid;gap:12px}.bb-result-product-grid--boxclips{align-content:start}.bb-result-product{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;padding:16px;border-radius:10px;background:#ffffff14}.bb-result-product--empty{grid-template-columns:minmax(0,1fr)}.bb-result-product__media{display:block;width:92px;height:92px;overflow:hidden;border-radius:8px;background:#ffffff1f}.bb-result-product__media img{width:100%;height:100%;object-fit:cover}.bb-result-product__body{display:grid;gap:7px}.bb-result-product__title{color:#fff;font-size:1.42rem;font-weight:700}.bb-result-product__sku{color:#b0b0a7;font-size:1.14rem}.bb-result-product__detail{color:#d7d7cf;font-size:1.14rem;line-height:1.45}.bb-result-product__meta{display:flex;justify-content:space-between;gap:12px;color:#fff;font-size:1.14rem;font-weight:600}.bb-result-product__quantity{font-size:1.52rem;font-weight:700;line-height:1.1}.bb-result-product__button{margin-top:6px;width:100%;justify-content:center}.bb-result-product__button:hover,.bb-results-page__actions .bb-button:hover,.bb-calculator__actions .bb-button:hover{color:var(--bb-text)}.bb-results-extras{display:grid;gap:12px}.bb-results-extras__title{font-size:1.08rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bb-muted)}.bb-results-extras__grid{display:grid;gap:12px}.bb-extra-card{display:grid;grid-template-columns:minmax(92px,116px) minmax(0,1fr);gap:12px;padding:14px 16px;border:1px solid var(--bb-line);border-radius:10px;background:var(--bb-surface-strong)}.bb-extra-card__media{align-self:start;border-radius:10px;overflow:hidden;background:var(--bb-surface);aspect-ratio:1 / 1}.bb-extra-card__media img{display:block;width:100%;height:100%;object-fit:cover}.bb-extra-card__body{display:grid;gap:8px}.bb-extra-card__title{font-weight:700;color:var(--bb-text)}.bb-extra-card__meta{color:var(--bb-muted);font-size:1.12rem}.bb-extra-card__price{color:var(--bb-text);font-size:1.2rem;font-weight:700}@media(max-width:699px){.bb-extra-card{grid-template-columns:1fr}.bb-extra-card__media{max-width:116px}}.bb-breakdown-toggle{padding:0;border:0;background:transparent;color:#8f8f86;font:inherit;font-weight:700;font-size:1.14rem;text-align:left;cursor:pointer}.bb-breakdown-toggle:before{content:"\25be";display:inline-block;margin-right:10px}.bb-breakdown-toggle.is-open:before{transform:rotate(180deg)}.bb-breakdown-content{padding:14px 16px 6px;border-radius:10px;background:#f7f5f0;border:1px solid var(--bb-line)}.bb-breakdown-content p{margin:0 0 8px;color:var(--bb-muted);font-size:1.08rem;line-height:1.5}.bb-tooltip{position:relative;display:inline-flex;align-items:center;margin-left:8px;vertical-align:middle;z-index:1;isolation:isolate}.bb-tooltip:hover,.bb-tooltip:focus-within{z-index:12}.bb-tooltip__trigger{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:1px solid var(--bb-accent);border-radius:50%;background:#fff;color:var(--bb-accent-strong);font-size:.68rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 1px 3px #00000014}.bb-tooltip__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#0b1412b8;opacity:0;pointer-events:none;transition:opacity .18s ease}.bb-tooltip__content{position:fixed;top:50%;left:50%;z-index:9999;width:min(360px,calc(100vw - 32px),calc(100dvw - 32px));max-width:min(360px,calc(100vw - 32px),calc(100dvw - 32px));max-height:min(72vh,540px);padding:16px;overflow:auto;border-radius:12px;background:var(--bb-accent-strong);color:#fff;box-shadow:var(--bb-shadow);opacity:0;pointer-events:none;transform:translate(-50%,calc(-50% + 8px));transition:opacity .18s ease,transform .18s ease}.bb-tooltip__close{position:absolute;top:10px;right:10px;z-index:1;width:30px;height:30px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#ffffff1a;color:#fff;font-size:1rem;line-height:1;cursor:pointer}.bb-tooltip__body{display:block;padding-right:34px;font-size:1.04rem;line-height:1.5}.bb-tooltip__media{display:block;margin-top:10px;overflow:hidden;border-radius:8px;background:#ffffff1f}.bb-tooltip__media-link{display:block;cursor:zoom-in}.bb-tooltip__media img{display:block;width:100%;max-width:100%;height:auto}.bb-tooltip__trigger[aria-expanded=true]~.bb-tooltip__overlay{opacity:1;pointer-events:auto}.bb-tooltip__trigger[aria-expanded=true]+.bb-tooltip__content,.bb-tooltip__trigger[aria-expanded=true]~.bb-tooltip__content{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.bb-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:20px;box-sizing:border-box;background:#0b1412b8}.bb-modal[hidden]{display:none!important}.bb-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent}.bb-modal__dialog{position:relative;z-index:1;width:min(calc(100vw - 40px),980px);max-height:min(92vh,980px);overflow:auto;overflow-x:hidden;margin:0 auto;box-sizing:border-box}.bb-calculator__panel--modal{margin:0;position:relative}.bb-modal__close{position:absolute;top:12px;right:12px;z-index:3;width:34px;height:34px;border:1px solid rgba(26,26,24,.08);border-radius:50%;background:#fffffff5;color:var(--bb-text);font-size:1.05rem;line-height:1;cursor:pointer;pointer-events:auto;box-shadow:0 1px 4px #1a1a1814}html.bb-modal-open,body.bb-modal-open,html.bb-lightbox-open,body.bb-lightbox-open{overflow:hidden;height:100%}.bb-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;display:grid;place-items:center;padding:20px;box-sizing:border-box}.bb-lightbox[hidden]{display:none!important}.bb-lightbox__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b1412cc}.bb-lightbox__dialog{position:relative;z-index:1;width:min(92vw,1120px);max-width:100%;max-height:90vh;padding:18px;border-radius:18px;background:#fff;box-sizing:border-box;box-shadow:0 16px 40px #0b141247}.bb-lightbox__image{display:block;width:auto;height:auto;max-width:min(100%,1040px);max-height:calc(90vh - 36px);margin:0 auto;border-radius:12px}.bb-lightbox__close{position:absolute;top:12px;right:12px;z-index:2;width:34px;height:34px;border:1px solid rgba(26,26,24,.08);border-radius:50%;background:#fffffff5;color:var(--bb-text);font-size:1.05rem;line-height:1;cursor:pointer;box-shadow:0 1px 4px #1a1a1814}@media(min-width:720px){.bb-calculator__panel{padding:36px}.bb-calculator__header{margin:-36px -36px 30px;padding:20px 36px 18px}.bb-grid{gap:16px}.bb-calculator__progress-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.bb-choice-row{max-width:720px}.bb-results-overview{grid-template-columns:1fr}.bb-results-columns{grid-template-columns:minmax(260px,1fr) minmax(0,2fr);align-items:stretch}.bb-results-extras__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bb-result-product{grid-template-columns:110px minmax(0,1fr)}.bb-result-product__media{width:110px;height:110px}}@media(max-width:719px){.bb-results-page__header{flex-direction:column;align-items:flex-start}.bb-results-page__actions{width:100%;justify-content:flex-start}.bb-results-columns>:not(.bb-summary-section--perimeter){order:1}.bb-summary-section--perimeter{order:2}.bb-tooltip__content{width:min(280px,calc(100vw - 24px),calc(100dvw - 24px));max-width:min(280px,calc(100vw - 24px),calc(100dvw - 24px));max-height:min(70dvh,420px)}.bb-modal{padding:8px;align-items:start}.bb-modal__dialog{width:calc(100dvw - 16px);max-height:calc(100dvh - 16px);display:flex}.bb-calculator__panel{width:100%;max-height:calc(100dvh - 16px);overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px}.bb-calculator__header{margin:-16px -16px 16px;padding:14px 16px 12px}.bb-grid--two-up,.bb-grid--three-up,.bb-choice-row{grid-template-columns:minmax(0,1fr)}.bb-choice-row{gap:8px;border:0;background:transparent}.bb-choice{border:1.5px solid var(--bb-line);border-radius:6px}.bb-choice-row.is-invalid{box-shadow:none}.bb-results-page__actions{justify-content:flex-start}.bb-lightbox{padding:10px}.bb-lightbox__dialog{width:min(94vw,94dvw);padding:12px;border-radius:14px}.bb-lightbox__image{max-height:calc(86dvh - 24px);border-radius:10px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/birdblocker-calculator.css.map */