.hlf-routine-section{padding:18px 16px;position:relative;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}.hlf-routine-container{width:100%;margin:0 auto;box-sizing:border-box}.hlf-routine-header{margin-bottom:16px}.hlf-routine-title{font-size:18px;font-weight:700;color:#292b37;margin:0 0 3px;line-height:1.22;letter-spacing:-.2px}.hlf-routine-subtitle{font-size:13px;font-weight:400;color:#74747d;margin:0;line-height:1.3}.hlf-routine-timeline{position:relative;display:flex;flex-direction:column;gap:12px}.hlf-routine-timeline:before{content:"";position:absolute;left:7.5px;top:36px;bottom:42px;width:1px;background:var(--hlf-routine-line, #FFC4D3);z-index:1}.hlf-routine-step-row{display:flex;align-items:center;position:relative;gap:8px;box-sizing:border-box}.hlf-routine-stepper{width:88px;flex-shrink:0;display:flex;align-items:center;position:relative;box-sizing:border-box}.hlf-routine-step-num{position:absolute;left:0;top:30px;transform:translateY(-50%);width:15px;height:15px;border-radius:50%;background:var(--hlf-routine-num-bg, #FF86A5);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:3;line-height:1;box-shadow:0 1px 2px #0000001a}.hlf-routine-step-lifestyle{margin-left:24px;width:62px;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.hlf-routine-step-avatar-wrap{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid #ffffff;box-shadow:0 1px 4px #00000014;background:#f4f4f4;position:relative;z-index:2;flex-shrink:0}.hlf-routine-step-avatar{width:100%;height:100%;object-fit:cover;display:block}.hlf-routine-step-label{font-size:10px;font-weight:600;color:#30313b;text-align:center;margin-top:4px;width:68px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.hlf-routine-card{flex:1;min-width:0;min-height:92px;background:var(--hlf-card-bg, #FFFFFF);border:1px solid #F0F0F0;border-radius:11px;padding:8px 10px;display:flex;align-items:center;position:relative;box-shadow:0 1px 4px #00000008;transition:opacity .2s ease;box-sizing:border-box}.hlf-routine-card.is-deselected{opacity:.42}.hlf-routine-card-badge{position:absolute;top:-9px;left:10px;background:var(--hlf-badge-bg, #25A66A);color:var(--hlf-badge-color, #ffffff);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:2px 8px;border-radius:4px;z-index:6;white-space:nowrap;line-height:1.4;box-shadow:0 1px 3px #00000014}.hlf-routine-card-checkbox-wrap{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5}.hlf-routine-checkbox-input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.hlf-routine-checkbox-custom{width:14px;height:14px;border-radius:2px;border:none;background:var(--hlf-routine-accent, #FF4776);display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease;cursor:pointer}.hlf-routine-checkbox-input:not(:checked)+.hlf-routine-checkbox-custom{background:#fff;border:1.5px solid #D1D1D6}.hlf-routine-checkbox-icon{display:none;width:10px;height:10px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hlf-routine-checkbox-input:checked+.hlf-routine-checkbox-custom .hlf-routine-checkbox-icon{display:block}.hlf-routine-card-thumb-wrap{width:56px;height:70px;flex-shrink:0;background:#fafafa;border:1px solid #F2F2F2;border-radius:7px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;margin-right:10px;padding:4px;box-sizing:border-box}.hlf-routine-card-thumb{max-width:100%;max-height:100%;object-fit:contain;display:block}.hlf-routine-card-rating{position:absolute;bottom:2px;left:2px;background:#fffffff0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:4px;padding:1px 4px;font-size:10px;font-weight:700;color:#63656b;display:flex;align-items:center;gap:2px;box-shadow:0 1px 3px #00000014;line-height:1;z-index:3}.hlf-routine-star-icon{color:#25a66a;font-size:10px;display:inline-block}.hlf-routine-card-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding-right:18px;box-sizing:border-box}.hlf-routine-card-vendor{font-size:13px;font-weight:700;color:#292b35;letter-spacing:0;margin:0;line-height:1.2}.hlf-routine-card-title{font-size:13px;font-weight:400;line-height:1.25;color:#292b35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none}.hlf-routine-card-title:hover{color:var(--hlf-routine-accent, #FF4776)}.hlf-routine-variant-wrap{margin-top:2px}.hlf-routine-variant-select{width:auto;max-width:100%;font-size:11px;font-weight:500;padding:2px 18px 2px 6px;border:1px solid #D1D1D6;border-radius:4px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath fill='%23555' d='M0 0l4 5 4-5z'/%3E%3C/svg%3E") no-repeat right 6px center;appearance:none;-webkit-appearance:none;color:#222;cursor:pointer;outline:none;line-height:1.3}.hlf-routine-variant-select:focus{border-color:var(--hlf-routine-accent, #FF4776)}.hlf-routine-card-pricing{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;margin-top:2px}.hlf-routine-price-mrp{text-decoration:line-through;color:#a1a1a7;font-size:11px;font-weight:400}.hlf-routine-price-current{font-weight:700;font-size:14px;color:#272832}.hlf-routine-price-discount{font-size:11px;font-weight:600;color:#ff8a00}.hlf-routine-summary-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#fff;border-radius:11px;border:1px solid #F0F0F0;margin-top:14px;box-sizing:border-box;flex-wrap:wrap;gap:10px}.hlf-routine-summary-info{display:flex;flex-direction:column;gap:2px}.hlf-routine-summary-label{font-size:13px;font-weight:400;color:#383940;margin:0}.hlf-routine-summary-prices{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}.hlf-routine-summary-mrp{text-decoration:line-through;color:#92939a;font-size:11px;font-weight:400}.hlf-routine-summary-total{font-size:16px;font-weight:700;color:#292b35}.hlf-routine-summary-discount{font-size:11px;font-weight:600;color:#ff8a00}.hlf-routine-add-btn{background:var(--hlf-btn-bg, #E10914);color:var(--hlf-btn-text, #ffffff);border:1.5px solid var(--hlf-btn-bg, #E10914);border-radius:11px;padding:9px 18px;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;white-space:nowrap;box-shadow:none}.hlf-routine-add-btn:hover:not(:disabled){opacity:.92;transform:scale(.98)}.hlf-routine-add-btn:active:not(:disabled){transform:scale(.97)}.hlf-routine-add-btn:disabled{background:#fff;border-color:#d0d0d0;color:#888;cursor:not-allowed}.hlf-routine-spinner{display:none;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:hlf-routine-spin .6s linear infinite}.hlf-routine-add-btn.is-loading .hlf-routine-spinner{display:inline-block}.hlf-routine-add-btn.is-loading .hlf-routine-btn-text{opacity:.7}@keyframes hlf-routine-spin{to{transform:rotate(360deg)}}@media screen and (min-width:768px){.hlf-routine-stepper{width:96px}.hlf-routine-step-lifestyle{margin-left:28px;width:66px}.hlf-routine-step-avatar-wrap{width:64px;height:64px}.hlf-routine-card{padding:10px 14px}.hlf-routine-card-thumb-wrap{width:60px;height:74px}}@media screen and (max-width:360px){.hlf-routine-section{padding:14px 10px}.hlf-routine-timeline:before{left:7.5px}.hlf-routine-stepper{width:80px}.hlf-routine-step-lifestyle{margin-left:20px;width:56px}.hlf-routine-step-avatar-wrap{width:54px;height:54px}.hlf-routine-step-label{font-size:9px;width:58px}.hlf-routine-card{padding:7px 8px;min-height:84px}.hlf-routine-card-thumb-wrap{width:48px;height:64px;margin-right:6px}.hlf-routine-card-title{font-size:12px}.hlf-routine-price-current{font-size:13px}.hlf-routine-add-btn{padding:8px 14px;font-size:13px}}.hlf-routine-summary-bar.is-sticky{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;margin-top:0;border-radius:14px 14px 0 0;z-index:99;box-shadow:0 -4px 16px #0000001a;background:#fff;border-top:1px solid #eee}
/*# sourceMappingURL=/cdn/shop/t/246/assets/hlf-routine-builder.css.map */