.design-price-banner{position:sticky;bottom:0;left:0;right:0;z-index:99;background-color:#fff;padding:12px 0 16px}.design-price-banner .price-contianer-sm{display:flex;justify-content:space-between;align-items:center;gap:24px}.design-price-banner .price-contianer-sm .price{display:flex;gap:8px;align-items:center;background-color:unset}.design-price-banner .price-contianer-sm .price .title{font-size:20px}.design-price-banner .price-contianer-sm .btn{width:fit-content;padding-inline:12px}.design-price-banner .price-contianer-sm .btn span,.design-price-banner .price-contianer-sm .back-btn,.design-price-banner .price-contianer-sm .hide-sm{display:none}.design-price-banner .detail-expand-btn{display:flex;gap:8px;align-items:center;width:fit-content;position:absolute;top:-45px;right:0;padding:12px 16px;background-color:#fff;border-top:1px solid;border-inline:1px solid;border-color:#eff0f0;border-top-right-radius:12px;border-top-left-radius:12px;border-bottom:none}.design-price-banner .detail-expand-btn h2{font-size:12px;font-weight:700;line-height:150%;color:#141415;margin:0}.design-price-banner .detail-expand-btn h2 .current-step{display:inline-block}.design-price-banner .detail-expand-btn h2 span{font-weight:400}.design-price-banner .progress-bar{height:4px;width:100%;position:absolute;top:-4px;left:0;right:0;background-color:#00000028;z-index:1}.design-price-banner .progress-bar .current-progress{height:4px;background-color:var(--color-primary);transition:width .4s cubic-bezier(.4,0,.2,1)}.design-price-banner .detail-expanded{display:flex;flex-direction:column;position:absolute;bottom:84px;left:0;right:0;background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 24px #00000040;padding:0 16px;gap:16px;max-height:0px;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.design-price-banner .detail-expanded .detail-header{display:flex;justify-content:space-between}.design-price-banner .detail-expanded .title{font-size:18px}.design-price-banner .detail-expanded .description{font-size:14px}.design-price-banner .call-cta{display:flex;gap:10px;align-items:center}.design-price-banner .call-cta .btn{width:fit-content;padding:0}.design-price-banner .detail-expanded .steps-track{display:flex;gap:8px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.design-price-banner .detail-expanded .steps-track::-webkit-scrollbar{display:none}.design-price-banner .detail-expanded .steps-track .step-button{background-color:#fff;font-size:12px;font-weight:400;color:#141415;padding:11px 12px;border-radius:8px;white-space:nowrap}.design-price-banner .detail-expanded .steps-track .step-button.selected{font-weight:600;background-color:#f6f7f9}.design-price-wrapper{display:flex;flex-direction:column}.design-price-banner .detail-md,.steps-md{display:none}@media screen and (min-width: 768px){.design-price-banner .detail-expand-btn{display:none}.design-price-banner .detail-md{display:flex;flex-direction:column;gap:10px}.design-price-banner .detail-md .design-type{display:flex;gap:8px;align-items:center}.design-price-banner .detail-md .title{font-size:24px}.design-price-banner .price-contianer-sm{justify-content:flex-end}.design-price-banner .price-contianer-sm .price .title{font-size:24px}.steps-md{display:flex;gap:8px;margin-bottom:8px}.steps-md .step,.steps-md span{font-size:12px;font-weight:400;line-height:150%}.steps-md .step.selected{font-weight:600}.design-price-banner .price-contianer-sm .next-btn img{display:none}.design-price-banner .price-contianer-sm .btn{padding-inline:16px}.design-price-banner .price-contianer-sm .btn span,.design-price-banner .price-contianer-sm .hide-sm{display:flex}}@media screen and (min-width: 960px){.design-price-wrapper{flex-direction:row;justify-content:space-between}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/design_section-price-banner.css.map */
