.power-step-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}.power-step-modal[aria-hidden=false]{display:flex;align-items:center;justify-content:center}.power-step-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;cursor:pointer;animation:fadeIn .3s ease}.power-step-modal__container{position:relative;background-color:var(--color-background, #fff);width:98%;max-width:800px;max-height:90vh;border-radius:8px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;animation:slideUp .3s ease;z-index:1}.power-step-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border, #e5e5e5)}.power-step-modal__title{display:flex;align-items:center;gap:.5rem;margin:0}.power-step-modal__title svg{width:24px;height:24px}.power-step-modal__close{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.power-step-modal__close:hover{background-color:var(--color-background-secondary, #f5f5f5)}.power-step-modal__close svg{width:20px;height:20px}.power-step-modal__content{flex:1;overflow-y:auto;padding:1.5rem}.power-step-modal__added-product{margin-bottom:1.5rem}.power-step-added-item{display:flex;gap:1rem;padding:0}.power-step-added-item__image{flex-shrink:0;width:80px;height:80px;border-radius:4px;overflow:hidden}.power-step-added-item__image img{width:100%;height:100%;object-fit:cover}.power-step-added-item__details{flex:1}.power-step-added-item__title{margin:0 0 .25rem;color:var(--color-text, #000)}.power-step-added-item__brand{display:block;font-size:.9em;color:var(--color-text, #666);letter-spacing:.03em;margin-bottom:.1rem}.power-step-added-item__title-link{text-decoration:none;color:inherit}.power-step-added-item__variant{color:var(--color-text-secondary, #666);margin:0 0 .5rem}.power-step-added-item__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;margin-top:.25rem}.power-step-added-item__prices{display:flex;flex-direction:column;gap:.1rem;margin-bottom:.25rem}.power-step-added-item__compare-price{font-size:.85em;color:#999;text-decoration:line-through}.power-step-added-item__price{margin:0;color:var(--color-text, #000)}.power-step-added-item__quantity{color:var(--color-text-secondary, #666);margin:0}.power-step-modal__progress-bar{display:none;padding:.75rem 0;border-bottom:1px solid var(--color-border, #e5e5e5)}.power-step-modal__progress-bar:empty{display:none!important}.power-step-modal__cart-total{margin-bottom:1.5rem;padding:1rem 0;border-top:1px solid var(--color-border, #e5e5e5);border-bottom:1px solid var(--color-border, #e5e5e5)}.power-step-cart-summary{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.power-step-cart-summary__label,.power-step-cart-summary__total{font-weight:700;color:var(--color-text, #000)}.power-step-cart-summary__hint{width:100%;font-size:.9em;margin-top:.15rem}.power-step-modal__recommendations{margin-bottom:1rem}.power-step-modal__footer{display:flex;flex-direction:row;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--color-border, #e5e5e5);position:sticky;bottom:0}.power-step-modal__cta{flex:1;text-align:center;display:inline-block;width:100%}.power-step-modal__footer .btn.btn--secondary.btn--secondary{background-color:#f2f2f2;background-image:none;border:none;color:#333}.power-step-modal__footer .btn.btn--secondary.btn--secondary:hover{background-color:#e5e5e5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.power-step-modal[aria-hidden=false]{align-items:flex-end}.power-step-modal__container{width:100%;max-height:calc(100% - 40px);min-height:200px;border-radius:16px 16px 0 0;animation:slideUpMobile .3s ease}.power-step-modal__header,.power-step-modal__content,.power-step-modal__footer{padding:1rem}.power-step-modal__footer{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.power-step-added-item__image{width:80px;height:80px}.power-step-slide{grid-template-columns:1fr}}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.power-step-recommendation-item{border:none;border-radius:8px;padding:0}.power-step-modal__header-actions{display:flex;align-items:center;gap:1rem}.power-step-header-cart-btn{display:flex;align-items:center;gap:.5rem;background-color:#f4f4f4;color:var(--color-text, #000);border:none;border-radius:6px;padding:.5rem .75rem;font-size:.9em;font-weight:500;cursor:pointer;transition:background-color .2s ease}.power-step-header-cart-btn:hover{background-color:#e5e5e5}.power-step-header-cart-btn svg{width:20px;height:20px}.power-step-modal__header-actions .link{color:var(--color-text, #000);text-decoration:underline;padding-right:1em;font-size:.9em;text-underline-offset:3px}.power-step-slider{position:relative;width:100%;min-width:0}.power-step-slider .card{margin:0;height:100%}.power-step-track{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding-bottom:4px;margin-right:-1.5rem;padding-right:1.5rem}.power-step-track::-webkit-scrollbar{display:none}.power-step-recommendation-item{flex:0 0 calc(31% - .5rem);min-width:0;display:flex;flex-direction:column;scroll-snap-align:start}.power-step-recommendation-item .card--related{max-width:100%;margin-top:calc(var(--space-unit, .5rem))}.power-step-loader{display:flex;justify-content:center;align-items:center;padding:2rem;width:100%}.power-step-spinner{width:30px;height:30px;border:3px solid var(--color-border, #e5e5e5);border-top-color:var(--color-text, #333);border-radius:50%;animation:spin 1s linear infinite}.hr-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.hr-cards-slide{display:contents}@media(max-width:699px){.hr-cards-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;gap:.75rem;padding-bottom:4px}.hr-cards-grid::-webkit-scrollbar{display:none}.hr-cards-slide{display:flex;flex-direction:column;gap:.5rem;flex:0 0 92%;min-width:0;scroll-snap-align:start}}.hr-card-item .card__quick-add{flex:0 0 auto;align-self:center;position:static;padding:0;opacity:1!important;transform:none!important;pointer-events:initial!important}.hr-card-item .card__quick-add .btn{width:auto;padding:5px}.hr-card-item .card__quick-add .quick-add-btn-icon{display:block}.hr-card-item .card__quick-add .quick-add-btn-text{display:none}.hr-cards-heading{font-size:1.1em;font-weight:600;margin:0 0 .75rem;padding:0}@media(min-width:769px){.hr-cards-grid{max-height:480px;overflow:hidden;transition:max-height .4s ease}.hr-cards-grid.is-expanded{max-height:9999px}}.hr-cards-toggle{display:block;width:100%;padding:.75rem 0 0;background:none;border:none;cursor:pointer;text-align:center;font-size:.95em;text-decoration:underline;color:var(--color-text)}.hr-card-item{border:1px solid var(--color-border, #e5e5e5);border-radius:8px;padding:.65rem;display:grid;grid-template-columns:72px 1fr;gap:.75rem;transition:box-shadow .15s ease}.hr-card-item:hover{box-shadow:0 2px 8px #00000014}.hr-card__image-link{display:flex;align-items:center}.hr-card__right{display:flex;flex-direction:column;justify-content:space-between;min-width:0;gap:.25rem}.hr-card__info{display:flex;flex-direction:column;gap:.1rem;text-decoration:none;color:inherit}.hr-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto}.hr-card__image{flex:0 0 72px;width:72px;height:72px}.hr-card__image img{width:100%;height:100%;object-fit:contain;border-radius:4px;background:#f8f8f8}.hr-card__placeholder{width:100%;height:100%;background:#f0f0f0;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#999;font-size:.9em}.hr-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.hr-card__brand{font-size:.8em;color:var(--color-text);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hr-card__title{font-size:.9em;font-weight:600;line-height:1.3;height:2.6em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hr-card__prices{font-size:.9em;display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem;margin-top:.15rem;min-height:2.8em}.hr-card__price--compare{width:100%}.hr-card__price--sale{color:var(--color-text);font-weight:600;font-size:1.1em}.hr-card__price--compare{color:var(--color-text);font-size:.9em}.hr-card__spar{font-size:.9em;margin-left:.5em;padding:2px 6px;border-radius:4px;white-space:nowrap}.power-step-quantity-selector{display:inline-flex;align-items:center;border:1px solid var(--color-border, #e5e5e5);border-radius:4px;height:36px;width:fit-content;margin-top:.5rem}.power-step-quantity-btn{width:32px;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--color-text, #333);padding:0;transition:background-color .2s}.power-step-quantity-btn:hover{background-color:var(--color-bg-secondary, #f5f5f5)}.power-step-quantity-btn svg{width:10px;height:10px}.power-step-quantity-input{width:40px;height:100%;border:none;border-left:1px solid var(--color-border, #e5e5e5);border-right:1px solid var(--color-border, #e5e5e5);text-align:center;padding:0;margin:0;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;font-size:14px;color:var(--color-text, #333);border-radius:0}.power-step-quantity-input::-webkit-outer-spin-button,.power-step-quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.power-step-quantity-input:focus{outline:none;background-color:var(--color-bg-secondary, #f9f9f9)}.power-step-cart-savings{font-size:.9em;margin-top:.25rem;font-weight:400;display:flex;justify-content:space-between}.hr-cards-toggle{display:none;width:100%;padding:.75rem 0 0;background:none;border:none;cursor:pointer;text-align:center;font-size:.95em;text-decoration:underline;color:var(--color-text)}.hr-cards-toggle:hover{opacity:.7}@media(min-width:700px){.hr-cards-toggle{display:block}.hr-cards-grid .hr-card-item--extra{display:none}.hr-cards-grid.is-expanded .hr-card-item--extra{display:grid}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/power-step-modal.css.map */