.custom-door-builder{padding-bottom:12rem}.db-progress-bar{margin:3.2rem 0 4rem;padding:0 2rem}.db-progress-steps{display:flex;justify-content:space-between;align-items:center;position:relative;max-width:80rem;margin:0 auto}.db-progress-steps:before{content:"";position:absolute;top:2rem;left:0;right:0;height:.2rem;background:rgba(var(--color-border),1);z-index:1}.db-progress-step{display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;z-index:2;transition:all .3s ease}.db-progress-step:hover .db-progress-circle{transform:scale(1.1);box-shadow:0 .4rem 1.2rem rgba(var(--color-button),.3)}.db-progress-circle{width:4rem;height:4rem;border-radius:50%;background:rgb(var(--color-background));border:.2rem solid rgba(var(--color-border),1);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.4rem;color:rgba(var(--color-foreground),.6);transition:all .3s ease;margin-bottom:.8rem}.db-progress-label{font-size:1.2rem;color:rgba(var(--color-foreground),.6);text-align:center;font-weight:500;transition:color .3s ease}.db-progress-step.active .db-progress-circle{background:rgb(var(--color-button));border-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.db-progress-step.active .db-progress-label{color:rgb(var(--color-button));font-weight:600}.db-progress-step.completed .db-progress-circle{background:rgb(var(--color-button));border-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.db-progress-step.completed .db-progress-circle:before{content:"\2713";font-size:1.6rem;font-weight:700}.db-progress-step.completed .db-progress-label{color:rgb(var(--color-foreground))}.db-progress-step.completed .db-progress-circle{font-size:0}.db-progress-step.locked{cursor:pointer}.db-progress-step.locked:hover{opacity:1}@media screen and (max-width: 990px){.custom-door-builder{padding-bottom:20rem}}.custom-door-builder .section-header{margin-bottom:4rem;text-align:center}.custom-door-builder .section-header .h2{margin-bottom:1.6rem}.db-step{border:none;padding:0;margin:0}.db-step__header{margin-bottom:2.4rem}.db-step__header .h3{margin-bottom:.8rem}.db-step__header .subtext{color:rgba(var(--color-foreground),.7);font-size:1.4rem;margin:0}.db-subsection{margin-bottom:3.2rem}.db-subsection .h5{margin-bottom:.8rem;color:rgb(var(--color-foreground));font-weight:600}.db-subheading{color:rgba(var(--color-foreground),.7);font-size:1.4rem;margin:0 0 1.6rem;line-height:1.4}.db-nav{position:sticky;bottom:2rem;display:flex;flex-direction:column;gap:1.6rem;padding:2rem;margin-top:4rem;margin-bottom:8rem;background:rgba(var(--color-background),.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:.1rem solid rgba(var(--color-border),.3);border-radius:.8rem;box-shadow:0 .4rem 1.6rem #0000001a;z-index:50;justify-content:center;align-items:center;max-width:120rem;margin-left:auto;margin-right:auto}.db-nav .db-nav-buttons{display:flex;gap:1.6rem;justify-content:center;width:100%}@media screen and (min-width: 750px){.db-nav{padding:2.4rem 3.2rem}}.db-nav .button{min-width:12rem}.button--disabled,.button[disabled]{opacity:.5!important;cursor:not-allowed!important;background-color:rgba(var(--color-border),1)!important;color:rgba(var(--color-foreground),.6)!important;border-color:rgba(var(--color-border),1)!important;pointer-events:none}.button--disabled:hover,.button[disabled]:hover{background-color:rgba(var(--color-border),1)!important;color:rgba(var(--color-foreground),.6)!important;border-color:rgba(var(--color-border),1)!important;transform:none!important;box-shadow:none!important}.db-size{margin-bottom:2.4rem}.custom-door-builder .field__input,.custom-door-builder .select select{height:5.2rem;padding:1.2rem 1.6rem;font-size:1.6rem;border:.1rem solid rgba(var(--color-border),1);border-radius:.4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));line-height:1.4;transition:border-color .2s ease}.custom-door-builder .field__input:focus,.custom-door-builder .select select:focus{border-color:rgb(var(--color-button));outline:none;box-shadow:0 0 0 .2rem rgba(var(--color-button),.2)}.custom-door-builder .select{position:relative}.custom-door-builder .select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding-right:4.8rem;cursor:pointer}.custom-door-builder .select:after{content:"";position:absolute;top:50%;right:1.6rem;transform:translateY(-50%) rotate(45deg);width:.8rem;height:.8rem;border-right:.2rem solid rgb(var(--color-foreground));border-bottom:.2rem solid rgb(var(--color-foreground));pointer-events:none;transition:all .2s ease}.custom-door-builder .select:hover:after{border-color:rgb(var(--color-button));transform:translateY(-50%) rotate(45deg) scale(1.1)}.custom-door-builder .select .icon{display:none}.db-size .field{margin-bottom:2.4rem}.db-row{display:grid;gap:1.6rem;grid-template-columns:1fr 1fr;margin-bottom:2.4rem}@media screen and (max-width: 749px){.db-row{grid-template-columns:1fr}}.db-options{display:grid;gap:1.6rem;grid-template-columns:repeat(4,1fr);margin-bottom:2.4rem}@media screen and (max-width: 749px){.db-options{grid-template-columns:repeat(2,1fr)}}.db-card{display:block;border:.1rem solid rgba(var(--color-border),1);padding:2rem;border-radius:.8rem;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;background-color:rgb(var(--color-background));position:relative;overflow:hidden;will-change:border-color,background-color}.db-card:hover{border-color:rgba(var(--color-button),1);box-shadow:0 .4rem 1.2rem rgba(var(--color-foreground),.1)}.db-card input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}.db-card input[type=radio]:checked+.db-card__meta:before,.db-card:has(input[type=radio]:checked):before{content:"\2713";position:absolute;top:1rem;right:1rem;width:2.4rem;height:2.4rem;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700}.db-card:has(input[type=radio]:checked){border-color:rgb(var(--color-button));background-color:rgba(var(--color-button),.05)}.db-card img{width:100%;height:auto;display:block;border-radius:.4rem;margin-bottom:1.2rem}.db-chip{display:inline-block;width:.9rem;height:.9rem;margin-left:.5rem;border-radius:3px;border:1px solid var(--color-border, #e1e1e1);vertical-align:middle;background-position:center;background-repeat:no-repeat}.db-finish-tabs{display:flex;gap:.5rem;margin-bottom:.75rem}.db-tab{border:1px solid var(--color-border, #e1e1e1);border-radius:6px;padding:.4rem .65rem;background:#fff;font-weight:600;cursor:pointer}.db-tab.is-active{background:#111;color:#fff;border-color:#111}.db-swatch{width:100%;border-radius:.4rem;margin-bottom:1.2rem;border:.1rem solid rgba(var(--color-border),.3)}.db-finish-tabs{display:flex;gap:.6rem;margin-bottom:1.2rem}.db-finish-tabs .db-tab.is-active{filter:brightness(.95)}.db-options[data-bind=finish] .db-card .db-swatch{width:100%;min-height:7rem;border-radius:.4rem;border:1px solid rgba(var(--color-border),.3);margin-bottom:.8rem;background-color:#00000005;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:contain}.db-card__meta{position:relative}.db-card__title{font-weight:500;color:rgb(var(--color-foreground));margin-bottom:.4rem}.db-card__sku{font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.db-hardware{margin-bottom:2.4rem}.db-card__price{color:rgb(var(--color-button));font-weight:600;font-size:1.3rem;margin-top:.4rem}.db-receipt-wrapper{position:fixed;top:50%;right:2rem;transform:translateY(-50%);z-index:90;max-width:32rem;width:100%;transition:transform .3s ease}.db-receipt-wrapper.minimized{transform:translateY(-50%) translate(calc(100% - 8rem))}.db-receipt-wrapper.minimized .db-receipt{border-radius:.8rem 0 0 .8rem;width:8rem;padding:2.4rem 1.2rem;height:auto;max-height:40rem}.db-receipt-wrapper.minimized .db-receipt .h4,.db-receipt-wrapper.minimized .db-receipt__list,.db-receipt-wrapper.minimized .db-receipt__totals,.db-receipt-wrapper.minimized .db-receipt__share{display:none}.db-receipt-tab{display:none;writing-mode:vertical-rl;text-orientation:mixed;padding:2rem 0;text-align:center;color:rgb(var(--color-foreground));font-size:1.2rem;height:100%;flex-direction:column;justify-content:center;align-items:center;gap:.4rem}.db-receipt-tab-title{font-weight:700;font-size:1.4rem}.db-receipt-tab-step{font-weight:500;font-size:1.2rem;opacity:.8}.db-receipt-wrapper.minimized .db-receipt-tab{display:flex}.db-receipt-wrapper.minimized .db-receipt-toggle{position:absolute;top:1rem;left:50%;transform:translate(-50%);margin:0;width:2.4rem;height:2.4rem;font-size:1.2rem}@media screen and (max-width: 990px){.grid--1-col-tablet .db-receipt-wrapper{display:none}.db-mobile-receipt-trigger{display:block;margin:2rem 0;text-align:center}.db-mobile-receipt-trigger button{background:rgba(var(--color-background),.95);border:.1rem solid rgba(var(--color-border),.3);border-radius:.8rem;padding:1.2rem 2rem;color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.db-mobile-receipt-trigger button:hover{border-color:rgb(var(--color-button));color:rgb(var(--color-button))}.db-mobile-receipt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(var(--color-background),.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:300;padding:2rem;overflow-y:auto;transform:translateY(-100%);transition:transform .3s ease-out}.db-mobile-receipt-overlay.open{transform:translateY(0)}.db-mobile-receipt-overlay .db-receipt{background:transparent;border:none;box-shadow:none;max-width:50rem;margin:0 auto;padding:2rem 0}}@media screen and (min-width: 750px){.db-mobile-receipt-trigger,.db-mobile-receipt-overlay{display:none!important}}@keyframes slideDownFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.db-receipt{background-color:rgba(var(--color-background),1);border:.1rem solid rgba(var(--color-border),1);border-radius:.8rem;padding:2.4rem;box-shadow:0 .8rem 2.4rem #00000026;position:relative}.db-receipt-toggle{position:absolute;top:1.2rem;right:1.2rem;background:rgba(var(--color-button),1);color:rgb(var(--color-button-text));border:none;border-radius:.4rem;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.6rem;transition:background-color .2s ease}.db-receipt-toggle:hover{background:rgba(var(--color-button),.8)}@media screen and (max-width: 990px){.db-receipt-toggle{top:1.2rem;right:1.2rem;transform:none;border-radius:.4rem;width:3.2rem;height:3.2rem}}.db-receipt .h4{margin-bottom:2rem;color:rgb(var(--color-foreground))}.db-receipt__list{list-style:none;padding:0;margin:0 0 2rem}.db-receipt__item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:.1rem solid rgba(var(--color-border),.3);font-size:1.4rem}.db-receipt__item:last-child{border-bottom:none}.db-receipt__item button{background:none;border:none;color:rgb(var(--color-button));cursor:point;font-size:inherit;padding:0;text-decoration:underline;font-weight:500}.db-receipt__item button:hover{color:rgba(var(--color-button),.8)}.db-receipt__totals{display:flex;justify-content:space-between;align-items:center;padding:1.6rem 0;border-top:.1rem solid rgba(var(--color-border),1);font-size:1.6rem;font-weight:600}.db-receipt__share{margin-top:1.6rem}.db-receipt__share .button{width:100%;justify-content:center}.db-chip{display:inline-block;width:1.6rem;height:1.6rem;border-radius:.2rem;margin-left:.8rem;border:.1rem solid rgba(var(--color-border),.3);vertical-align:middle}.door-quote-success{padding:4rem 0}.door-quote-success .section-header{text-align:center;margin-bottom:4rem}.door-quote-success .section-header .h2{margin-bottom:1.6rem}.door-quote-success .section-header .h4{margin:0}.success-content{display:grid;gap:4rem;max-width:80rem;margin:0 auto}.success-message{text-align:center}.success-message .rte p{font-size:1.6rem;line-height:1.5;margin-bottom:1.6rem}.door-summary{background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-border),1);border-radius:.8rem;padding:3.2rem;max-width:60rem;margin:0 auto}.door-summary__header{margin-bottom:2.4rem;text-align:center}.door-specs-grid{display:grid;gap:1.6rem;margin-bottom:2.4rem;max-width:50rem;margin-left:auto;margin-right:auto}.door-spec-item{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:1.2rem 0;border-bottom:.1rem solid rgba(var(--color-border),.3);align-items:center}.door-spec-item:last-child{border-bottom:none}.door-spec-label{font-weight:600;color:rgb(var(--color-foreground));text-align:left}.door-spec-value{color:rgba(var(--color-foreground),.8);text-align:right;font-weight:500}.door-price-summary{border-top:.2rem solid rgba(var(--color-border),1);padding-top:2.4rem;margin-top:2.4rem;max-width:50rem;margin-left:auto;margin-right:auto}.door-spec-item--price{border-bottom:none;padding:0}.door-spec-value--price{font-size:2rem;font-weight:700;color:rgb(var(--color-button))}.door-summary__actions{display:flex;gap:1.6rem;justify-content:center;margin-top:3.2rem}@media screen and (max-width: 749px){.door-summary__actions{flex-direction:column}.door-summary__actions .button{width:100%}.door-spec-item{grid-template-columns:1fr;gap:.4rem}.door-spec-value{text-align:left}}.door-quote-success .db-receipt-wrapper{display:none!important}.template-page .breadcrumbs-wrapper{display:none}@media screen and (max-width: 749px){.db-nav{margin-bottom:2rem;flex-direction:column;gap:1rem}.db-nav .db-nav-buttons{flex-direction:row;width:100%}.db-nav .db-nav-buttons .button{flex:1;min-width:0}body:has(.custom-door-builder) #chatra:not([data-chat-opened]),.custom-door-builder~* #chatra:not([data-chat-opened]){display:none!important}body:has(.custom-door-builder) #chatra[data-chat-opened],.custom-door-builder~* #chatra[data-chat-opened]{display:block!important}}.db-nav .db-phone-help{text-align:center;margin:0;color:rgba(var(--color-foreground),.6);font-size:1.3rem;order:-1}.db-nav .db-phone-help a{color:rgba(var(--color-foreground),.8);text-decoration:none;font-weight:500;transition:color .2s ease}.db-nav .db-phone-help a:hover{color:rgb(var(--color-button))}@media screen and (max-width: 749px){.db-progress-bar{margin:2rem 0 3rem;padding:0 1rem}.db-progress-steps{max-width:none}.db-progress-circle{width:3rem;height:3rem;font-size:1.2rem;margin-bottom:.6rem}.db-progress-label{font-size:1rem;line-height:1.2}.db-progress-step.completed .db-progress-circle:before{font-size:1.4rem}.custom-door-builder .field__input,.custom-door-builder .select select{height:4.8rem;padding:1rem 1.4rem;font-size:1.5rem}.custom-door-builder .select select{padding-right:4.2rem}.custom-door-builder .select:after{right:1.4rem;width:.7rem;height:.7rem;border-right:.15rem solid rgb(var(--color-foreground));border-bottom:.15rem solid rgb(var(--color-foreground))}}.note{padding:1.6rem;border-radius:.4rem;margin:1.6rem 0;font-size:1.4rem}.note--warning{background-color:#ffc1071a;border:.1rem solid rgba(255,193,7,.3);color:#856404}.note--success{background-color:#28a7451a;border:.1rem solid rgba(40,167,69,.3);color:#155724}.note--error{background-color:#dc35451a;border:.1rem solid rgba(220,53,69,.3);color:#721c24}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.db-finish-tabs-inner{display:flex;gap:.5rem;margin-bottom:1rem}.db-finish-tabs-inner .button.is-active{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button))}.db-swatch{width:100%;border-radius:.4rem;border:1px solid rgba(var(--color-border),.3);background-color:#fafafa;background-position:center;background-repeat:no-repeat;background-size:contain;margin-bottom:.8rem}
/*# sourceMappingURL=/cdn/shop/t/27/assets/custom-door-builder.css.map */