#InstallDozeLock-template--25093559779602__how_install_WjxTRr{--pt: 60px;--pb: 60px;--bg-color: #FAFAF7;--color-primary: #141e2e;--color-secondary: #4d5358;--color-border: #e7e2db;--color-step-number: #fbf9f5;--color-accent-light: #e7e3dc;--color-accent-bold: #bfa177}@media(max-width:768px){#InstallDozeLock-template--25093559779602__how_install_WjxTRr{--pt: 30px;--pb: 30px}}#InstallDozeLock-template--25093559779602__how_install_WjxTRr{background-color:var(--bg-color);display:block}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-steps-section{padding-top:var(--pt);padding-bottom:var(--pb)}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-header{display:flex;align-items:center;justify-content:space-between;gap:20px}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-heading{font-size:48px;font-weight:700;color:var(--color-primary);margin:0;line-height:1.2;letter-spacing:normal;max-width:520px}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-heading span{display:inline-block}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-navigation{display:flex;gap:32px;align-items:center;border:1px solid var(--color-border);border-radius:99px;padding:12px 18px}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-nav-button{border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;padding:0;color:var(--color-primary)}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-nav-button:hover{opacity:.7}#InstallDozeLock-template--25093559779602__how_install_WjxTRr button.install-nav-button.install-button-prev{position:relative}#InstallDozeLock-template--25093559779602__how_install_WjxTRr button.install-nav-button.install-button-prev:after{content:"";background-color:var(--color-border);width:1px;height:20px;right:-18px;position:absolute}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-nav-button.swiper-button-disabled{opacity:.3;cursor:not-allowed}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-slider-container{position:relative;margin-top:40px}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .swiper-wrapper{align-items:stretch}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .swiper-slide{height:auto}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-step-card{width:100%;height:100%;max-width:400px;position:relative;overflow:hidden;transition:all .3s ease}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .step-thumbnail-container{position:relative;width:100%;padding-bottom:130%;overflow:hidden;background:transparent;border-radius:0}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .step-thumbnail-image{position:absolute;top:0;left:0;width:100%;height:100%}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .step-thumbnail-image img,#InstallDozeLock-template--25093559779602__how_install_WjxTRr .step-thumbnail-image svg{width:100%;height:100%;object-fit:cover;display:block;object-position:top;border-radius:8px}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .step-thumbnail-image svg{background:#f0f0f0}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-step-info{padding:20px;text-align:center}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-step-title{font-size:18px;font-weight:600;color:var(--color-primary);margin-bottom:4px;letter-spacing:normal;line-height:1.3}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-step-title span{color:var(--color-step-number);font-weight:600;font-size:18px;line-height:1.3;border:4px solid var(--color-accent-light);background:var(--color-accent-bold);width:32px;height:32px;display:inline-grid;align-items:center;border-radius:50%;margin-right:4px}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-step-description{font-size:15px;color:var(--color-secondary);line-height:1.6;margin:0}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-progress-wrapper{display:flex;justify-content:center;margin-top:20px;padding:0}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-progress-bar{position:relative;width:100%;max-width:1360px;height:4px;background:var(--color-border);border-radius:99px;overflow:hidden}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-progress-fill{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-primary);transform-origin:left center}@media(max-width:768px){#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-steps-section{text-align:center;line-height:0}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-navigation,#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-progress-wrapper{display:none}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-slider-container{width:100%;margin-left:0;padding-left:0;margin-top:24px}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .swiper{padding-right:0!important;overflow:visible!important}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .swiper-wrapper{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;width:100%!important;box-sizing:border-box!important;transform:none!important}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .swiper-slide{width:100%!important;height:auto!important;margin:0!important;box-sizing:border-box!important}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-header{flex-direction:column;text-align:center}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-heading{font-size:32px;line-height:1}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .step-thumbnail-container{width:100%;padding-bottom:0;border-radius:0;height:auto;aspect-ratio:1 / 1.1;margin:0 auto}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-step-title span{font-size:18px;line-height:1.3;width:32px;height:32px;position:absolute;top:-15px;left:50%;transform:translate(-50%);margin-right:0}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-step-info{padding:30px 0 0;text-align:center;position:relative}#InstallDozeLock-template--25093559779602__how_install_WjxTRr .install-step-description{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dozelock-how_install.css.map */