.routine-section{--muted:#665a70;margin-top:60px;padding:68px 0 76px;background:var(--lavender);border-block:1px solid var(--line)}
.routine-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:34px}.routine-heading .eyebrow{margin-bottom:14px}.routine-heading>p{max-width:340px;font-size:13px;line-height:1.8;color:var(--muted)}
.routine-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.routine-step{min-width:0;display:grid;grid-template-rows:112px 1fr;position:relative}.routine-step-top{display:flex;align-items:flex-start;gap:12px;padding-right:8px}.routine-number{display:grid;place-content:center;flex:none;width:35px;height:35px;background:var(--plum);color:var(--paper);border-radius:50%;font-size:11px;letter-spacing:.05em}.routine-purpose{font-weight:600;font-size:14px;line-height:1.5;padding-top:5px}.routine-reason{margin-top:8px!important;color:var(--muted);font-size:12px;line-height:1.7;max-width:300px}
.routine-list .product-card{display:flex;flex-direction:column;min-width:0}.routine-list .product-card-media{aspect-ratio:4/3.8;background:var(--paper);border:1px solid var(--line);border-radius:18px}.routine-list .product-card-media .packshot{inset:30px 12px 28px;--packshot-fill:.94}.routine-list .product-card h3{font-size:14px;line-height:1.5;max-width:none}.routine-list .product-card-details{gap:10px;padding-top:16px;flex:1}.routine-list .card-price{font-size:13px}.routine-list .card-add{width:40px;height:40px}.routine-list .card-category{font-size:10px}.routine-list .card-stock{font-size:11px}
.routine-current .product-card-media{border:1px solid #927fa8;background:#f4efdf}.routine-current-packshot{position:absolute;inset:0}.routine-current-label{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:2;font-size:10px;font-weight:600;padding:5px 12px;border-radius:20px;background:var(--lime)}.routine-check{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;font-size:18px;background:#fbf9f350}
@media(max-width:900px){.routine-section{padding-block:50px}.routine-list{gap:18px}.routine-step{grid-template-rows:148px 1fr}.routine-step-top{gap:9px}.routine-number{width:29px;height:29px;font-size:10px}.routine-purpose{font-size:13px}.routine-reason{font-size:12px}.routine-heading>p{max-width:260px}.routine-list .product-card-details{flex-wrap:wrap}.routine-list .product-card h3{font-size:13px}.routine-current-label{font-size:9px;padding:5px 8px}.routine-list .card-category{display:none}}
@media(max-width:640px){.routine-section{margin-top:36px;padding-block:38px}.routine-heading{display:block;margin-bottom:28px}.routine-heading .eyebrow{font-size:10px;margin-bottom:12px}.routine-heading>p{font-size:13px;line-height:1.75;max-width:360px;margin-top:15px}.routine-list{grid-template-columns:1fr;gap:28px}.routine-step{display:block;padding-left:42px}.routine-step-top{padding:0;margin-bottom:16px;display:block}.routine-number{position:absolute;left:0;top:0;width:29px;height:29px}.routine-purpose{padding-top:3px;font-size:14px}.routine-reason{font-size:12px;max-width:none;margin-top:6px!important}.routine-step:not(:last-child)::before{content:'';position:absolute;left:14px;top:39px;bottom:-17px;border-left:1px solid var(--line)}.routine-list .product-card{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;align-items:center}.routine-list .product-card-media{aspect-ratio:3/4;border-radius:14px}.routine-list .product-card-media .packshot{inset:10px 4px 24px;--packshot-fill:.94}.routine-list .card-stock{font-size:9px;left:7px;bottom:7px;padding:3px 7px}.routine-list .product-card-details{display:flex;flex-wrap:wrap;padding:0;gap:10px;min-width:0;align-items:center}.routine-list .product-card h3{font-size:13px;line-height:1.55;margin-bottom:6px}.routine-list .card-price{font-size:12px}.routine-list .card-add,.routine-check{width:36px;height:36px}.routine-current-label{font-size:8px;padding:4px 6px;bottom:7px;white-space:normal;text-align:center;width:calc(100% - 12px)}.routine-list .card-add .icon{width:17px;height:17px}}
@media(max-width:380px){.routine-list .product-card{grid-template-columns:112px minmax(0,1fr);gap:12px}.routine-step{padding-left:36px}}