.complete-the-routine{--routine-card: #f6f6f4;--routine-chip: #e2e8f1;--routine-rule: rgba(var(--color-foreground), .15);--routine-muted: rgba(var(--color-foreground), .55);display:block;margin-top:4rem}.complete-the-routine__header{margin-bottom:1.6rem}.complete-the-routine__heading{margin:0;font-size:2.4rem;line-height:1.2}@media screen and (min-width: 990px){.complete-the-routine__heading{font-size:2.8rem}}.complete-the-routine__intro{margin:.6rem 0 0;font-size:1.3rem;line-height:1.5}.complete-the-routine__steps{display:flex;flex-direction:column;gap:.8rem;margin:0;padding:0}.complete-the-routine__step{position:relative;display:grid;grid-template-columns:3rem 7rem minmax(0,1fr) 1.8rem;gap:0 .8rem;align-items:start;padding:1.6rem;background:var(--routine-card)}@media screen and (min-width: 750px){.complete-the-routine__step{grid-template-columns:3rem 8.4rem minmax(0,1fr) 1.8rem}}.complete-the-routine__step[data-unavailable]{opacity:.6}.complete-the-routine__step[aria-invalid=true] .complete-the-routine__toggle{border-color:#b3261e}.complete-the-routine__numeral{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.4rem;line-height:1}.complete-the-routine__image{aspect-ratio:84/100}.complete-the-routine__image img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.complete-the-routine__text{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;min-width:0;padding-left:.8rem}@media screen and (min-width: 750px){.complete-the-routine__text{padding-left:1.6rem}}.complete-the-routine__chip,.complete-the-routine__tag{display:inline-block;padding:.3rem 1.2rem;background:var(--routine-chip);color:rgb(var(--color-foreground));font-size:1.1rem;font-weight:500;letter-spacing:.05em;line-height:1.45;text-transform:uppercase}.complete-the-routine__chip{margin-bottom:.4rem}.complete-the-routine__label{color:var(--routine-muted);font-size:1.1rem;font-weight:500;letter-spacing:.1em;line-height:1.1;text-transform:uppercase}.complete-the-routine__title{color:rgb(var(--color-foreground));font-size:1.5rem;font-weight:500;line-height:1.4;text-decoration:none}.complete-the-routine__title:hover{text-decoration:underline;text-underline-offset:.2em}.complete-the-routine__price{font-size:1.4rem;line-height:1.4}.complete-the-routine__sold-out{color:var(--routine-muted);font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase}.complete-the-routine__check{grid-row:1;grid-column:4;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:1.8rem;height:1.8rem;margin:0;accent-color:#000;cursor:pointer}.complete-the-routine__check:disabled{cursor:default;opacity:.45}.complete-the-routine__selector{grid-column:1/-1;margin-top:.8rem}@media screen and (min-width: 750px){.complete-the-routine__selector{grid-column:3;margin-top:.4rem;padding-left:1.6rem}}.complete-the-routine__toggle{display:flex;align-items:center;gap:.8rem;width:100%;min-height:3.6rem;margin:0;padding:.6rem .8rem;border:.1rem solid var(--routine-rule);background:#fff;color:inherit;font:inherit;font-size:1.3rem;line-height:1.3;text-align:left;cursor:pointer}.complete-the-routine__toggle strong{font-weight:600}.complete-the-routine__toggle .icon-caret{flex:none;width:1rem;height:1rem;margin-left:auto;transition:transform var(--duration-default) ease}.complete-the-routine__toggle[aria-expanded=true]{border-bottom-color:transparent}.complete-the-routine__toggle[aria-expanded=true] .icon-caret{transform:rotate(180deg)}.complete-the-routine__option{display:inline-flex;gap:.4rem;min-width:0}.complete-the-routine__option+.complete-the-routine__option{margin-left:.8rem}.complete-the-routine__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.complete-the-routine__options{width:100%;padding:.8rem .8rem .4rem;border:.1rem solid var(--routine-rule);border-top:0;background:#fff}.complete-the-routine__options:has(>.complete-the-routine__grid:first-child){padding-top:.5rem}.complete-the-routine__grid{display:flex;flex-wrap:wrap;gap:.6rem .5rem;margin:0;padding:.2rem;border:0;min-width:0}.product--pdp-2026 .complete-the-routine .complete-the-routine__grid{margin:0}.product--pdp-2026 .complete-the-routine .complete-the-routine__grid input[type=radio]+.color__swatch{width:2.4rem;height:2.4rem;margin:0}.product--pdp-2026 .complete-the-routine .complete-the-routine__grid input[type=radio]+.color__swatch .color__swatch-dot:after{width:3rem;height:3rem;border-width:.1rem}.complete-the-routine__select{position:relative}.complete-the-routine__select select{width:100%;min-height:3.2rem;padding:.4rem 3.2rem .4rem .8rem;border:.1rem solid var(--routine-rule);border-radius:0;background:#fff;color:inherit;font:inherit;font-size:1.3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.complete-the-routine__select .icon-caret{position:absolute;top:50%;right:1rem;width:1rem;height:1rem;transform:translateY(-50%);pointer-events:none}.complete-the-routine__select+.complete-the-routine__grid,.complete-the-routine__grid+.complete-the-routine__select,.complete-the-routine__select+.complete-the-routine__select{margin-top:.8rem}.complete-the-routine__prompt{margin:.6rem 0 0;color:#b3261e;font-size:1.2rem;line-height:1.4}.complete-the-routine__summary{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;min-height:5.4rem;margin-top:.8rem}.complete-the-routine__count{margin:0;color:var(--routine-muted);font-size:1.4rem;line-height:1.4}.complete-the-routine__totals{display:flex;align-items:center;gap:.8rem;font-size:1.5rem;font-weight:600;line-height:1.4}.complete-the-routine__save{display:inline-flex;align-items:center;gap:.8rem}.complete-the-routine__save[hidden]{display:none}.complete-the-routine__total-full{color:var(--routine-muted);font-weight:400}.complete-the-routine__message{margin:0 0 1.2rem;padding:.9rem 1.2rem;background:var(--routine-chip);font-size:1.1rem;font-weight:500;letter-spacing:.05em;line-height:1.4;text-align:center;text-transform:uppercase}.complete-the-routine__message[hidden]{display:none}.complete-the-routine__cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:5.6rem;margin:0;padding:0 2rem;border:0;border-radius:0;background:#000;color:#fff;font-family:var(--font-body-family);font-size:1.4rem;font-weight:500;line-height:1.2;cursor:pointer;transition:opacity var(--duration-default) ease}.complete-the-routine__cta:hover:not(:disabled){opacity:.85}.complete-the-routine__cta:disabled{cursor:default;opacity:.5}.complete-the-routine__cta.loading .button__text{opacity:.6}.complete-the-routine__error{margin:.8rem 0 0;color:#b3261e;font-size:1.2rem;line-height:1.4}.complete-the-routine__error[hidden]{display:none}.complete-the-routine--placeholder{padding:1.6rem;border:.1rem dashed var(--routine-rule);color:var(--routine-muted);font-size:1.3rem}.complete-the-routine--placeholder p{margin:0}