.routine__inner{display:flex;flex-direction:column;gap:26px}.routine__head{display:flex;flex-direction:column;gap:16px}@media screen and (min-width:990px){.routine__head{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:32px}}.routine__heading{margin:14px 0 0;max-width:24ch}.routine__intro{font-size:15px;line-height:1.65;color:rgb(var(--color-text-muted));max-width:40ch}.routine__chips{display:flex;flex-wrap:wrap;gap:8px}@media screen and (max-width:749px){.routine__chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;margin-inline:calc(-1 * var(--page-gutter));padding-inline:var(--page-gutter);scroll-padding-inline:var(--page-gutter);padding-bottom:4px}.routine__chips::-webkit-scrollbar{display:none}.routine__chips>*{flex:none;scroll-snap-align:start;white-space:nowrap}}.routine__steps{display:grid;gap:1px;background:rgb(var(--color-border));border:1px solid rgb(var(--color-border));border-radius:var(--radius-card);overflow:hidden;list-style:none}@media screen and (min-width:990px){.routine__steps{grid-template-columns:repeat(var(--cols,4),minmax(0,1fr))}}.routine__step{display:flex;flex-direction:column;gap:14px;padding:22px;background:rgb(var(--color-background))}.routine__step[hidden]{display:none}.routine__step-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.routine__step-number{color:rgb(var(--color-accent))}.routine__step-freq{color:rgb(var(--color-text-muted));font-size:10px}.routine__step-name{margin:0;font-size:19px;font-weight:600;line-height:1.25}.routine__step-why{font-size:13px;line-height:1.6;color:rgb(var(--color-text-muted))}.routine__product{display:flex;align-items:center;gap:12px;margin-top:auto;padding:12px;background:rgb(var(--color-card-background));border:1px solid rgb(var(--color-border));border-radius:var(--radius-button);text-decoration:none;color:rgb(var(--color-text))}.routine__product-media{width:76px;height:76px;flex:none;border-radius:var(--radius-image);background:rgb(var(--color-paper));padding:6px}.routine__product-media img{width:100%;height:100%;object-fit:contain}.routine__product-text{display:flex;flex-direction:column;gap:3px;min-width:0}.routine__product-brand{font-family:var(--font-mono-family);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-text-muted))}.routine__product-title{font-size:14px;font-weight:500;line-height:1.35;color:rgb(var(--color-heading));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.routine__product-price{font-family:var(--font-price-family);font-size:15px;font-weight:700;color:rgb(var(--color-heading))}.routine__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border:1px solid rgb(var(--color-border));border-radius:var(--radius-card)}.routine__footer-text{font-size:14px;color:rgb(var(--color-text-muted))}.routine__footer-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.routine__total{font-family:var(--font-price-family);font-size:22px;font-weight:700}.routine__mobile-stepper{display:none}@media screen and (max-width:989px){.routine__mobile-stepper{display:flex;gap:6px;justify-content:space-between}.routine__mobile-stepper button{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;background:transparent;border:0;color:inherit;font-size:10px;line-height:1.3}.routine__mobile-stepper .routine__dot{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono-family);font-size:12px;font-weight:700;border:1px solid rgb(var(--color-border))}.routine__mobile-stepper button[aria-current=true] .routine__dot{background:rgb(var(--color-accent));border-color:rgb(var(--color-accent));color:rgb(var(--color-ink))}.routine__steps{grid-template-columns:minmax(0,1fr)}.routine__step.is-collapsed{gap:0;padding:14px 18px}.routine__step.is-collapsed .routine__step-why,.routine__step.is-collapsed .routine__product,.routine__step.is-collapsed .routine__add{display:none}}@media screen and (max-width:749px){.routine__step.is-collapsed,.routine__step .routine__step-head{cursor:pointer}.routine__step:not(.is-collapsed) .routine__step-name:after{transform:translateY(2px) rotate(-135deg)}.routine__step .routine__step-name:after{content:"";display:inline-block;width:7px;height:7px;margin-left:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.6}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-routine.css.map */