.nb-routines-widget{position:relative;--nb-routine-accent:#bd7f93;--nb-routine-columns:3}.nb-routines-grid{display:grid;grid-template-columns:repeat(var(--nb-routine-columns),minmax(0,1fr));gap:18px}.nb-routine-card{position:relative;display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--nb-color-border,#eadfe1);border-radius:24px;background:#fff;box-shadow:0 12px 34px rgba(49,35,40,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.nb-routine-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--nb-routine-accent) 42%,var(--nb-color-border,#eadfe1));box-shadow:0 20px 50px rgba(49,35,40,.12)}.nb-routine-card--rose{--nb-routine-accent:#bd7f93}.nb-routine-card--sage{--nb-routine-accent:#829d89}.nb-routine-card--gold{--nb-routine-accent:#b18b57}.nb-routine-card--ink{--nb-routine-accent:#3c3438}.nb-routine-card__media{overflow:hidden;aspect-ratio:16/10;background:#f7f1f3}.nb-routine-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.nb-routine-card:hover .nb-routine-card__media img{transform:scale(1.045)}.nb-routine-card__body{display:flex;min-width:0;flex:1;flex-direction:column;padding:22px}.nb-routine-card__badge{display:inline-flex;align-self:flex-start;margin-bottom:10px;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--nb-routine-accent) 15%,#fff);color:color-mix(in srgb,var(--nb-routine-accent) 85%,#111);font-size:.68rem;font-weight:900;letter-spacing:.08em}.nb-routine-card__title{margin:0;color:var(--nb-color-text,#302a2d);font-size:1.18rem;line-height:1.65}.nb-routine-card__text{margin-top:9px;color:var(--nb-color-muted,#756a70);font-size:.87rem;line-height:1.9}.nb-routine-card__text p{margin:0}.nb-routine-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.nb-routine-card__meta span{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#f7f2f4;color:#675b61;font-size:.7rem}.nb-routine-steps{display:grid;gap:9px;margin:18px 0 0;padding:0;list-style:none;counter-reset:nb-routine}.nb-routine-step{--nb-routine-step-accent:var(--nb-routine-accent);display:flex;min-width:0;align-items:flex-start;gap:10px;padding:11px;border:1px solid color-mix(in srgb,var(--nb-routine-step-accent) 20%,#e8e0e3);border-radius:15px;background:color-mix(in srgb,var(--nb-routine-step-accent) 5%,#fff)}.nb-routine-step__marker{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--nb-routine-step-accent) 18%,#fff);color:color-mix(in srgb,var(--nb-routine-step-accent) 88%,#111);font-size:.72rem;font-weight:900}.nb-routine-step__marker svg{width:1em;height:1em;fill:currentColor}.nb-routine-step__title{display:block;color:#3a3236;font-size:.79rem;font-weight:850;line-height:1.65}.nb-routine-step__text{display:block;margin-top:2px;color:#776b71;font-size:.69rem;line-height:1.75}.nb-routine-step__text p{margin:0}.nb-routine-step__product{display:inline-flex;margin-top:5px;color:var(--nb-routine-step-accent);font-size:.68rem;font-weight:800;text-decoration:none}.nb-routine-products{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.nb-routine-products a{display:block;width:42px;height:42px;overflow:hidden;border:2px solid #fff;border-radius:50%;background:#f3edef;box-shadow:0 3px 10px rgba(50,36,41,.12);transition:.2s}.nb-routine-products a:hover{transform:translateY(-2px);border-color:var(--nb-routine-accent)}.nb-routine-products img{display:block;width:100%;height:100%;object-fit:cover}.nb-routine-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:auto;padding-top:18px}.nb-routine-card__link,.nb-routine-card__add-all{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:9px 14px;border:1px solid color-mix(in srgb,var(--nb-routine-accent) 40%,#e8dde1);border-radius:12px;background:#fff;color:color-mix(in srgb,var(--nb-routine-accent) 90%,#111);font:inherit;font-size:.75rem;font-weight:850;text-decoration:none;cursor:pointer;transition:.2s}.nb-routine-card__add-all{border-color:var(--nb-routine-accent);background:var(--nb-routine-accent);color:#fff}.nb-routine-card__link:hover,.nb-routine-card__add-all:hover{transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--nb-routine-accent) 22%,transparent)}.nb-routine-card__add-all[disabled]{opacity:.6;cursor:wait}.nb-routine-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* Timeline */.nb-routines-widget--timeline .nb-routines-grid{grid-template-columns:1fr}.nb-routines-widget--timeline .nb-routine-card{display:grid;grid-template-columns:minmax(220px,.45fr) minmax(0,1fr)}.nb-routines-widget--timeline .nb-routine-card__media{height:100%;aspect-ratio:auto}.nb-routines-widget--timeline .nb-routine-steps{position:relative;padding-inline-start:18px}.nb-routines-widget--timeline .nb-routine-steps:before{position:absolute;inset:16px 15px 16px auto;width:2px;background:color-mix(in srgb,var(--nb-routine-accent) 28%,#eee);content:""}.nb-routines-widget--timeline .nb-routine-step{position:relative;border:0;background:transparent;padding-block:9px}.nb-routines-widget--timeline .nb-routine-step__marker{position:relative;z-index:1;border:4px solid #fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--nb-routine-accent) 30%,#ddd)}
/* Tabs */.nb-routine-tabs{display:flex;overflow-x:auto;gap:8px;margin:0 0 18px;padding:3px;scrollbar-width:none}.nb-routine-tabs::-webkit-scrollbar{display:none}.nb-routine-tabs button{white-space:nowrap;padding:9px 14px;border:1px solid var(--nb-color-border,#eadfe1);border-radius:999px;background:#fff;color:#64585e;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.nb-routine-tabs button.is-active{border-color:var(--nb-color-primary,#bd7f93);background:var(--nb-color-primary,#bd7f93);color:#fff}.nb-routines-widget--tabs .nb-routines-grid{grid-template-columns:1fr}.nb-routines-widget--tabs .nb-routine-card{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)}.nb-routines-widget--tabs .nb-routine-card[hidden]{display:none}.nb-routines-widget--tabs .nb-routine-card__media{height:100%;aspect-ratio:auto}
/* Image cards */.nb-routines-widget--image-cards .nb-routine-card{min-height:460px;justify-content:flex-end;color:#fff}.nb-routines-widget--image-cards .nb-routine-card__media{position:absolute;inset:0;height:100%;aspect-ratio:auto}.nb-routines-widget--image-cards .nb-routine-card__media:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 22%,rgba(31,23,27,.9));content:""}.nb-routines-widget--image-cards .nb-routine-card__body{position:relative;z-index:1;justify-content:flex-end}.nb-routines-widget--image-cards .nb-routine-card__title,.nb-routines-widget--image-cards .nb-routine-card__text,.nb-routines-widget--image-cards .nb-routine-step__title,.nb-routines-widget--image-cards .nb-routine-step__text{color:#fff}.nb-routines-widget--image-cards .nb-routine-step{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.nb-routines-widget--image-cards .nb-routine-card__meta span{background:rgba(255,255,255,.13);color:#fff}
/* Carousel */.nb-routines-widget--carousel{overflow:hidden}.nb-routines-track{display:grid;grid-auto-columns:minmax(280px,36%);grid-auto-flow:column;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:inline mandatory;scrollbar-width:none;padding-block:3px 14px}.nb-routines-track::-webkit-scrollbar{display:none}.nb-routines-track .nb-routine-card{scroll-snap-align:start}.nb-routine-carousel__controls{display:flex;justify-content:flex-end;gap:8px;margin:-58px 0 18px}.nb-routine-carousel__controls button{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--nb-color-border,#eadfe1);border-radius:50%;background:#fff;color:#3b3337;font-size:1.2rem;cursor:pointer}.nb-routine-carousel__controls button:hover{border-color:var(--nb-color-primary,#bd7f93);background:var(--nb-color-primary,#bd7f93);color:#fff}
/* Editorial */.nb-routines-widget--editorial .nb-routines-grid{grid-template-columns:1fr}.nb-routines-widget--editorial .nb-routine-card{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);border-radius:0;border-width:0 0 1px;box-shadow:none}.nb-routines-widget--editorial .nb-routine-card:hover{transform:none;box-shadow:none}.nb-routines-widget--editorial .nb-routine-card:nth-child(even){grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.nb-routines-widget--editorial .nb-routine-card:nth-child(even) .nb-routine-card__media{grid-column:2}.nb-routines-widget--editorial .nb-routine-card:nth-child(even) .nb-routine-card__body{grid-row:1;grid-column:1}.nb-routines-widget--editorial .nb-routine-card__media{height:100%;aspect-ratio:4/3;border-radius:24px}.nb-routines-widget--editorial .nb-routine-card__body{justify-content:center;padding:clamp(24px,4vw,56px)}
@media(max-width:900px){.nb-routines-widget--timeline .nb-routine-card,.nb-routines-widget--tabs .nb-routine-card,.nb-routines-widget--editorial .nb-routine-card,.nb-routines-widget--editorial .nb-routine-card:nth-child(even){grid-template-columns:1fr}.nb-routines-widget--timeline .nb-routine-card__media,.nb-routines-widget--tabs .nb-routine-card__media,.nb-routines-widget--editorial .nb-routine-card__media{height:auto;aspect-ratio:16/9}.nb-routines-widget--editorial .nb-routine-card:nth-child(even) .nb-routine-card__media,.nb-routines-widget--editorial .nb-routine-card:nth-child(even) .nb-routine-card__body{grid-column:1;grid-row:auto}.nb-routines-track{grid-auto-columns:minmax(270px,58%)}}
@media(max-width:620px){.nb-routines-grid{grid-template-columns:repeat(var(--nb-routine-columns,1),minmax(0,1fr))}.nb-routines-track{grid-auto-columns:minmax(260px,86vw)}.nb-routine-card__body{padding:18px}.nb-routine-card__actions{align-items:stretch;flex-direction:column}.nb-routine-card__link,.nb-routine-card__add-all{width:100%}.nb-routine-carousel__controls{margin:0 0 12px}.nb-routines-widget--image-cards .nb-routine-card{min-height:500px}}
@media(prefers-reduced-motion:reduce){.nb-routine-card,.nb-routine-card__media img,.nb-routine-products a,.nb-routine-card__link,.nb-routine-card__add-all,.nb-routines-track{scroll-behavior:auto;transition:none}}
.nb-routine-tabs button:focus-visible,.nb-routine-carousel__controls button:focus-visible,.nb-routine-card__link:focus-visible,.nb-routine-card__add-all:focus-visible{outline:3px solid color-mix(in srgb,var(--nb-routine-accent,#bd7f93) 55%,#fff);outline-offset:2px}.nb-routines-widget[dir="ltr"] .nb-routine-card__link{direction:ltr}
