.pdp-routine{display:block;border-radius:8px;padding:32px 16px 16px}.pdp-routine__header{max-width:720px;margin:0 auto 24px;text-align:center}.pdp-routine__title{margin:0 0 12px;font-size:28px;line-height:110%;letter-spacing:0;text-transform:uppercase;color:rgb(var(--color-foreground))}.pdp-routine__description{font-family:LOccitaneSerif-Regular,serif;font-size:16px;line-height:140%;color:rgba(var(--color-foreground),.8)}.pdp-routine__description p{margin:0}.pdp-routine__body{display:grid;grid-template-columns:1fr;gap:16px}.pdp-routine__media{aspect-ratio:1 / 1;border-radius:4px;overflow:hidden;background:rgba(var(--color-foreground),.04)}.pdp-routine__image{display:block;width:100%;height:100%;object-fit:cover}.pdp-routine__content{display:flex;flex-direction:column;gap:12px;min-width:0}.pdp-routine__steps{display:flex;flex-direction:column;gap:12px;margin:0;padding:0}.pdp-routine__step{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:8px;border:1px solid transparent;border-radius:4px;background:#fff}.pdp-routine__step--current{border-color:rgba(var(--color-foreground),.6)}.pdp-routine__step-media{display:block;aspect-ratio:1 / 1;border-radius:2px;overflow:hidden;background:#f4efe6}.pdp-routine__step-image{display:block;width:100%;height:100%;object-fit:contain}.pdp-routine__step-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.pdp-routine__step-badge{padding:2px 6px;border-radius:2px;background:#f2e9db;font-family:LOccitaneSans-Regular,sans-serif;font-size:11px;line-height:140%;color:rgb(var(--color-foreground))}.pdp-routine__step-text{display:-webkit-box;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-family:LOccitaneSans-Regular,sans-serif;font-size:12px;line-height:140%;color:rgba(var(--color-foreground),.7)}.pdp-routine__step-title{font-family:LOccitaneSerif-Regular,serif;font-size:15px;line-height:130%;color:rgb(var(--color-foreground));text-decoration:none}.pdp-routine__step-title:hover{text-decoration:underline;text-underline-offset:2px}.pdp-routine__step-volume{font-family:LOccitaneSans-Regular,sans-serif;font-size:12px;color:rgba(var(--color-foreground),.6)}.pdp-routine__step-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;width:100%;margin-top:auto;padding-top:4px}.pdp-routine__step-price .price{margin:0}.pdp-routine__add{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#f2e9db;color:#3f2b2e;cursor:pointer;transition:background-color .2s ease}.pdp-routine__add:hover:not([disabled]){background:#e6d8c2}.pdp-routine__add[disabled]{opacity:.4;cursor:not-allowed}.pdp-routine__add.loading{opacity:.6;pointer-events:none}.pdp-routine__add .svg-wrapper{display:inline-flex;width:16px;height:16px}.pdp-routine__add svg{width:100%;height:100%}.pdp-routine__message{display:flex;align-items:center;gap:8px;margin:0;font-family:LOccitaneSans-Regular,sans-serif;font-size:13px;color:rgb(var(--color-foreground))}.pdp-routine__message:before{content:"";flex-shrink:0;width:10px;height:10px;border-radius:50%;background:#3e8e41}.pdp-routine__message--error:before{background:#c0392b}.pdp-routine__message[hidden]{display:none}.pdp-routine__add-all{position:relative;min-height:48px;padding:8px 16px;background-color:#3f2b2e;color:#fbf9f6;font-family:LOccitaneSans-Regular,sans-serif;font-size:14px;letter-spacing:0;line-height:130%}.pdp-routine__add-all.loading .pdp-routine__add-all-text{visibility:hidden}.pdp-routine__add-all .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.pdp-routine__add-all .loading__spinner.hidden{display:none}.pdp-routine__add-all .spinner{width:20px;height:20px}.pdp-routine__add-all .path{stroke:currentColor}.pdp-routine--layering .pdp-routine__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pdp-routine--layering .pdp-routine__step{grid-template-columns:1fr;grid-template-rows:auto 1fr}.pdp-routine--layering .pdp-routine__step-media{aspect-ratio:4 / 5}.pdp-routine__plus{position:absolute;top:calc(50% - 12px);left:-16px;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#3f2b2e;color:#fff;font-size:16px;line-height:1}@media screen and (min-width:750px){.pdp-routine{padding:40px 24px 24px}.pdp-routine__title{font-size:36px}.pdp-routine__body{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.pdp-routine__body--no-image{grid-template-columns:minmax(0,600px);justify-content:center}.pdp-routine__step{grid-template-columns:112px minmax(0,1fr);padding:12px}.pdp-routine--layering .pdp-routine__steps{gap:12px}.pdp-routine__plus{left:-18px}}@media screen and (min-width:990px){.pdp-routine{max-width:1200px;margin:0 auto;padding:48px 32px 32px}.pdp-routine__title{font-size:44px}.pdp-routine__body{gap:24px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-pdp-routine.css.map */