.step-by-step-instructions__inner{width:100%}.step-by-step-instructions__header{max-width:42rem;margin:0 auto 3rem;text-align:center;background:var(--sbs-header-bg);border-radius:var(--sbs-header-radius);padding:var(--sbs-header-padding)}.step-by-step-instructions__heading{margin:0 0 .75rem;line-height:1.15;letter-spacing:-.02em}.step-by-step-instructions__subheading{margin:0;line-height:1.6}.step-by-step-instructions__grid{display:grid;grid-template-columns:1fr;gap:var(--sbs-grid-gap, 1.25rem);list-style:none;margin:0;padding:0}@media screen and (min-width:750px){.step-by-step-instructions__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.step-by-step-instructions__grid{grid-template-columns:repeat(var(--sbs-columns, 3),minmax(0,1fr));gap:var(--sbs-grid-gap, 1.5rem)}}.step-by-step-instructions__grid-item{list-style:none;min-width:0}.step-by-step-instructions__grid-item--full{grid-column:1 / -1}.step-by-step-instructions__card{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;padding:var(--sbs-card-padding, 2rem) 1.5rem;background:var(--sbs-block-card-bg, var(--sbs-card-bg));color:var(--sbs-card-text);border:var(--sbs-card-border-width) solid var(--sbs-card-border-color);border-radius:var(--sbs-card-radius);transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s ease}.step-by-step-instructions__card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--sbs-card-border-color) 70%,var(--sbs-icon-color))}.step-by-step-instructions__card--plain{align-items:stretch;text-align:left}.step-by-step-instructions__card-media{margin-bottom:1.25rem;min-height:4.5rem;display:flex;align-items:center;justify-content:center}.step-by-step-instructions__icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:var(--sbs-icon-wrap-size, 4.5rem);height:var(--sbs-icon-wrap-size, 4.5rem);border-radius:var(--sbs-icon-radius, 50%);background:var(--sbs-block-icon-bg, var(--sbs-icon-bg));box-shadow:0 0 0 1px color-mix(in srgb,var(--sbs-block-icon-color, var(--sbs-icon-color)) 25%,transparent),0 8px 24px color-mix(in srgb,var(--sbs-block-icon-bg, var(--sbs-icon-bg)) 60%,transparent)}.step-by-step-instructions__icon-svg{display:inline-flex;align-items:center;justify-content:center;color:var(--sbs-block-icon-color, var(--sbs-icon-color))}.step-by-step-instructions__icon-fa{font-size:var(--sbs-icon-size);color:var(--sbs-block-icon-color, var(--sbs-icon-color));line-height:1}.step-by-step-instructions__icon-svg svg{width:var(--sbs-icon-size);height:var(--sbs-icon-size);display:block}.step-by-step-instructions__icon{font-size:var(--sbs-icon-size);color:var(--sbs-icon-color);line-height:1}.step-by-step-instructions__card-image--step{width:auto;max-width:5.5rem;height:auto;border-radius:0;object-fit:contain}.step-by-step-instructions__html--block{width:100%;text-align:center;background:var(--sbs-html-block-bg);border-radius:var(--sbs-html-block-radius);padding:var(--sbs-html-block-padding)}.step-by-step-instructions__card-content{width:100%}.step-by-step-instructions__card-title{margin:0 0 .75rem;font-weight:700;line-height:1.3}.step-by-step-instructions__card-body{margin:0;line-height:1.65}.step-by-step-instructions__card-body p{margin:0}.step-by-step-instructions__banner-image{width:100%;height:auto;border-radius:var(--sbs-card-radius);display:block}.step-by-step-instructions__html{width:100%}.step-by-step-instructions__html iframe,.step-by-step-instructions__html video{max-width:100%}.step-by-step-instructions__divider{border:0;border-top:1px solid var(--sbs-card-border-color);margin:.5rem 0}.step-by-step-instructions__coupon{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem;background:var(--sbs-block-coupon-bg, var(--sbs-coupon-bg));border-radius:var(--sbs-coupon-radius)}.step-by-step-instructions__coupon-code{display:inline-block;padding:1rem 2rem;border:2px dashed color-mix(in srgb,var(--sbs-icon-color) 80%,white);border-radius:1rem;font-size:1.5rem;font-weight:700;letter-spacing:.06em;color:var(--sbs-heading-color, inherit)}.step-by-step-instructions__coupon-button{min-height:3rem;min-width:10rem}.step-by-step-progress{margin-bottom:32px}.step-by-step-progress__list{display:flex;list-style:none;margin:0;padding:0;position:relative}.step-by-step-progress__list:before{content:"";position:absolute;top:20px;left:20px;right:20px;height:2px;background:rgba(var(--color-foreground),.1);z-index:0}.step-by-step-progress__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:1}.step-by-step-progress__circle{width:40px;height:40px;border-radius:50%;border:2px solid rgba(var(--color-foreground),.12);background:var(--sbs-section-bg, rgb(var(--color-background)));display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:rgba(var(--color-foreground),.3);transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}.step-by-step-progress__item--active .step-by-step-progress__circle{background:var(--sbs-progress-fill, rgb(var(--color-button)));border-color:var(--sbs-progress-fill, rgb(var(--color-button)));color:rgb(var(--color-button-text));box-shadow:0 0 0 4px color-mix(in srgb,var(--sbs-progress-fill, rgb(var(--color-button))) 18%,transparent)}.step-by-step-progress__item--completed .step-by-step-progress__circle{background:#22c55e;border-color:#22c55e;color:#f0fdf4}.step-by-step-progress__label{font-size:12px;font-weight:500;color:rgba(var(--color-foreground),.35);text-align:center;line-height:1.3;max-width:8rem}.step-by-step-progress__item--active .step-by-step-progress__label{color:rgb(var(--color-foreground));font-weight:600}.step-by-step-progress__item--completed .step-by-step-progress__label{color:#22c55e;font-weight:600}.step-by-step-wizard__layout{display:grid;gap:2rem}@media screen and (min-width:990px){.step-by-step-wizard__layout{grid-template-columns:1fr 34rem;align-items:start}}.step-by-step-wizard__step[hidden]{display:none!important}.step-by-step-wizard__description{margin:.5rem 0 0;color:var(--sbs-subheading-color, rgba(var(--color-foreground), .75))}.step-by-step-wizard__status{margin:1rem 0 1.5rem;font-size:13px;font-weight:600;min-height:20px;display:inline-block;padding:6px 14px;border-radius:6px;border:1px solid transparent;transition:background .25s ease,color .25s ease,border-color .25s ease}.step-by-step-wizard__status--pending{background:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.65)}.step-by-step-wizard__status--done{background:#4ade801f;border-color:#4ade804d;color:#4ade80}.step-by-step-wizard__toolbar{display:flex;flex-direction:column;gap:10px;margin:1rem 0}@media screen and (min-width:750px){.step-by-step-wizard__toolbar{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:16px}.step-by-step-wizard__toolbar .step-by-step-wizard__status{margin:0;flex-shrink:0}}.step-by-step-wizard__filters{flex:1;min-width:0;width:100%}.step-by-step-wizard__filters-pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;width:100%}@media screen and (min-width:750px){.step-by-step-wizard__filters-pills{justify-content:flex-end}}.step-by-step-wizard__filter-pill{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;flex-shrink:0;border-radius:999px;border:1px solid rgba(var(--color-foreground),.18);background:rgba(var(--color-foreground),.04);color:rgba(var(--color-foreground),.75);font-size:12px;font-weight:600;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.step-by-step-wizard__filter-pill:hover{border-color:rgba(var(--color-foreground),.3);color:rgb(var(--color-foreground))}.step-by-step-wizard__filter-pill.is-active{background:var(--sbs-progress-fill, rgb(var(--color-button)));border-color:var(--sbs-progress-fill, rgb(var(--color-button)));color:rgb(var(--color-button-text))}.step-by-step-wizard__filter-empty{margin:0 0 1rem;font-size:13px;color:rgba(var(--color-foreground),.55)}.step-by-step-wizard__filter-empty[hidden],.step-by-step-product-card[hidden]{display:none!important}.step-by-step-wizard__grid{display:grid;list-style:none;margin:0;padding:0;grid-template-columns:repeat(2,1fr);gap:.75rem}@media screen and (min-width:750px){.step-by-step-wizard__grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media screen and (min-width:990px){.step-by-step-wizard__grid{grid-template-columns:repeat(4,1fr);gap:1rem}}.step-by-step-wizard__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;padding:20px 0 24px;background:linear-gradient(to bottom,transparent,var(--sbs-section-bg, rgb(var(--color-background))) 32%)}@media screen and (min-width:990px){.step-by-step-wizard__actions{position:sticky;bottom:0;z-index:4}}.step-by-step-wizard__actions .button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:56px;min-width:0;font-size:16px;font-weight:700;letter-spacing:.01em;padding:0 36px;border-radius:999px;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),opacity .15s ease}.step-by-step-wizard__next,.step-by-step-wizard__checkout{flex:1}.step-by-step-wizard__next:not(:disabled),.step-by-step-wizard__checkout:not(:disabled){box-shadow:0 1px 3px #00000026,0 4px 20px #00000038,0 12px 40px #0000002e}.step-by-step-wizard__next:not(:disabled):hover,.step-by-step-wizard__checkout:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 2px 6px #00000024,0 8px 24px #00000038,0 20px 48px #00000029}.step-by-step-wizard__next:not(:disabled):active,.step-by-step-wizard__checkout:not(:disabled):active{transform:scale(.97) translateY(0);box-shadow:0 1px 3px #0000001a,0 2px 8px #00000024;transition-duration:.08s}.step-by-step-wizard__next:after,.step-by-step-wizard__checkout:after{content:"\2192";display:inline-block;font-style:normal;opacity:0;transform:translate(-6px);transition:opacity .18s ease-out,transform .22s cubic-bezier(.22,1,.36,1)}.step-by-step-wizard__next:not(:disabled):after,.step-by-step-wizard__checkout:not(:disabled):after{opacity:.7;transform:translate(0)}.step-by-step-wizard__next:not(:disabled):hover:after,.step-by-step-wizard__checkout:not(:disabled):hover:after{opacity:1;transform:translate(4px)}.step-by-step-wizard__back{background:transparent!important;color:rgba(var(--color-foreground),.7)!important;border:1px solid rgba(var(--color-foreground),.18)!important;box-shadow:none!important}.step-by-step-wizard__back:hover{background:rgba(var(--color-foreground),.05)!important;border-color:rgba(var(--color-foreground),.3)!important;color:rgb(var(--color-foreground))!important;transform:none}@keyframes sbs-btn-ready{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.step-by-step-wizard__next--ready{animation:sbs-btn-ready .38s cubic-bezier(.22,1,.36,1)}.step-by-step-wizard__next:disabled,.step-by-step-wizard__checkout:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;background-color:var(--sbs-btn-bg, rgb(var(--color-button)))!important;color:var(--sbs-btn-color, rgb(var(--color-button-text)))!important;border-color:var(--sbs-btn-bg, rgb(var(--color-button)))!important}.step-by-step-product-card__select{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;text-align:inherit;font:inherit;color:inherit}.step-by-step-product-card__select--disabled{cursor:not-allowed;opacity:.6}.step-by-step-product-card__select:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.2rem;border-radius:.5rem}.step-by-step-product-card__inner{height:100%;display:flex;flex-direction:column;border-radius:.625rem;overflow:hidden;background:rgba(var(--color-foreground),.03);border:1px solid rgba(var(--color-foreground),.08);transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),border-color .18s ease}.step-by-step-product-card__select:hover .step-by-step-product-card__inner{transform:translateY(-3px);box-shadow:0 10px 28px #00000038;border-color:rgba(var(--color-foreground),.18)}.step-by-step-product-card__select--selected .step-by-step-product-card__inner{border-color:rgb(var(--color-button));box-shadow:0 0 0 2px rgb(var(--color-button)),0 8px 24px #0003;transform:translateY(-2px)}.step-by-step-product-card__media{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:rgba(var(--color-foreground),.04)}.step-by-step-product-card__media img,.step-by-step-product-card__media .placeholder-svg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.step-by-step-product-card__badge{position:absolute;top:8px;left:8px;z-index:2}.step-by-step-product-card__check{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--sbs-check-bg, rgb(var(--color-button)));color:var(--sbs-check-color, #fff);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.7);transition:opacity .18s ease,transform .18s cubic-bezier(.34,1.56,.64,1);z-index:2}.step-by-step-product-card__select--selected .step-by-step-product-card__check{opacity:1;transform:scale(1)}.step-by-step-product-card__info{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:10px 12px 12px}.step-by-step-product-card__title{margin:0 0 4px;font-size:13px;font-weight:600;line-height:1.35;color:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.step-by-step-product-card__price{font-size:15px;font-weight:700;letter-spacing:-.01em;color:inherit}.step-by-step-wizard__summary-inner{border:1px solid rgba(var(--color-foreground),.12);border-radius:.75rem;padding:1.25rem;background:var(--sbs-summary-bg, rgb(var(--color-background)))}.step-by-step-wizard__summary-toggle{display:none}.step-by-step-wizard__summary-title--desktop{display:block}@media screen and (max-width:989px){.step-by-step-wizard__summary{position:sticky;bottom:0;z-index:90;isolation:isolate;margin:0 -1.5rem;padding:0 1.5rem 1rem;background:linear-gradient(transparent,var(--sbs-section-bg, rgb(var(--color-background))) 20%)}.step-by-step-wizard__summary-inner{position:relative;z-index:1;box-shadow:0 -8px 32px #0003}.step-by-step-wizard__summary-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;cursor:pointer;color:inherit;font:inherit;gap:12px;min-height:44px}.step-by-step-wizard__summary-title--desktop{display:none}.step-by-step-wizard__summary-body{overflow:hidden;max-height:0;transition:max-height .38s cubic-bezier(.22,1,.36,1)}.step-by-step-wizard__summary--expanded .step-by-step-wizard__summary-body{max-height:55vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:14px}.step-by-step-wizard__summary-chevron{flex-shrink:0;transition:transform .28s cubic-bezier(.22,1,.36,1)}.step-by-step-wizard__summary--expanded .step-by-step-wizard__summary-chevron{transform:rotate(180deg)}}.step-by-step-wizard__summary-action{display:none}@media screen and (max-width:989px){.step-by-step-wizard__summary-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:52px;margin-top:10px;font-size:15px;font-weight:700;border-radius:999px;background-color:var(--sbs-btn-bg, rgb(var(--color-button)));color:var(--sbs-btn-color, rgb(var(--color-button-text)));border-color:var(--sbs-btn-bg, rgb(var(--color-button)));transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1);box-shadow:0 1px 3px #00000026,0 4px 20px #00000038,0 12px 40px #0000002e}.step-by-step-wizard__summary-action[hidden]{display:none!important}.step-by-step-wizard__summary-action:hover{transform:translateY(-2px);box-shadow:0 2px 6px #00000029,0 8px 28px #0000003d,0 20px 48px #0000002e}.step-by-step-wizard__summary-action:active{transform:scale(.97);transition-duration:.08s}}.step-by-step-wizard__summary-action:after{content:"\2192";display:inline-block;font-style:normal;opacity:.8;transition:transform .22s cubic-bezier(.22,1,.36,1)}.step-by-step-wizard__summary-action:hover:after{transform:translate(4px);opacity:1}.step-by-step-wizard__summary-toggle-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.step-by-step-wizard__summary-toggle-total{font-size:15px;font-weight:700}.step-by-step-wizard__summary-title{margin:0;font-size:16px;font-weight:700}.step-by-step-wizard__summary-toggle .step-by-step-wizard__summary-title{margin:0}.step-by-step-wizard__summary-divider{border:0;border-top:1px solid rgba(var(--color-foreground),.08);margin:14px 0}.step-by-step-wizard__summary-divider--tight{margin:10px 0 8px}.step-by-step-wizard__summary-section-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.step-by-step-wizard__summary-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(var(--color-foreground),.25);font-size:11px;font-weight:700;color:rgba(var(--color-foreground),.55);flex-shrink:0}.step-by-step-wizard__summary-section{margin-bottom:0}.step-by-step-wizard__summary-label{margin:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--color-foreground),.45)}.step-by-step-wizard__summary-list{list-style:none;margin:0;padding:0}.step-by-step-wizard__summary-empty{padding:2px 0 6px;font-size:13px;font-style:italic;color:#38bdf8;list-style:none}.step-by-step-wizard__summary-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(var(--color-foreground),.07)}.step-by-step-wizard__summary-item-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.4}.step-by-step-wizard__summary-subtotal{display:flex;justify-content:space-between;align-items:center;padding:8px 0 0;font-size:13px;color:rgba(var(--color-foreground),.6)}.step-by-step-wizard__summary-total{display:flex;flex-direction:column;gap:2px;padding-top:6px}.step-by-step-wizard__summary-total-label{margin:0;font-size:12px;font-weight:600;color:#38bdf8}.step-by-step-wizard__summary-total-value{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:rgb(var(--color-foreground))}.step-by-step-wizard__error{padding:1.5rem;border:1px solid #c0392b;border-radius:.5rem;background:#c0392b14}.step-by-step-wizard__toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);max-width:calc(100vw - 2rem);padding:1rem 1.25rem;background:#1a1a1a;color:#fff;border-radius:.5rem;font-size:.875rem;z-index:100;box-shadow:0 4px 20px #0003}.step-by-step-wizard__toast[hidden]{display:none}.step-by-step-wizard__summary-item-img{width:40px;height:40px;object-fit:cover;border-radius:4px;flex-shrink:0}.step-by-step-wizard__summary-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.step-by-step-wizard__summary-item-qty{font-size:11px;color:var(--sbs-subheading-color, rgba(var(--color-foreground), .6))}.step-by-step-wizard__summary-item-price{flex-shrink:0;font-size:13px;font-weight:600}.step-by-step-product-card__qty{display:none;align-items:center;justify-content:center;gap:6px;margin-top:6px}.step-by-step-product-card__select--selected .step-by-step-product-card__qty{display:flex}.step-by-step-product-card__qty-btn{min-width:44px;min-height:44px;border-radius:50%;border:1px solid rgba(var(--color-foreground),.2);background:rgba(var(--color-foreground),.07);color:rgb(var(--color-foreground));font-size:17px;font-weight:500;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:manipulation;transition:background .15s ease,border-color .15s ease}.step-by-step-product-card__qty-btn:hover{background:rgba(var(--color-foreground),.14);border-color:rgba(var(--color-foreground),.35)}.step-by-step-product-card__qty-btn:active{background:rgba(var(--color-foreground),.2);transition-duration:.08s}.step-by-step-product-card__qty-btn:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:2px}.step-by-step-product-card__qty-display{color:rgb(var(--color-foreground));font-weight:700;font-size:14px;min-width:24px;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/911/assets/step-by-step-wizard.css.map */