/* Real care photography paired with compact, individually linked native products. */
.ms-care-stages{padding-block:28px 12px;color:#1d2a23;scroll-margin-top:24px}
.ms-care-stages-heading{max-width:790px;margin-bottom:28px}
.ms-care-stages-heading>.text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;color:#244e34;font-size:14px}
.ms-care-stages .ms-care-stages-heading .eyebrow{margin:0 0 12px;color:#59624f;font-size:11px;line-height:1.6;letter-spacing:.15em}
.ms-care-stages .ms-care-stages-heading h2{color:#1d2a23;font-size:clamp(2rem,7vw,3.45rem);font-weight:500;line-height:1.08;letter-spacing:-.05em;margin:0}
.ms-care-stage-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:stretch}
.ms-care-stage{--care-tint:#f6f3ea;display:flex;flex-direction:column;min-width:0;border:1px solid #d3d9cf;background:#fbfcf8;scroll-margin-top:24px}
.ms-care-stage--wash{--care-tint:#edf5f5}
.ms-care-stage--prepare{--care-tint:#f9f0eb}
.ms-care-stage--maintain{--care-tint:#edf5ee}
.ms-care-stage-header{display:flex;flex-direction:column;min-width:0}
.ms-care-stage-scene{position:relative;isolation:isolate;width:100%;aspect-ratio:2.1;background:#26332b;overflow:hidden}
.ms-care-stages .ms-care-stage-scene img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;margin:0;object-fit:cover;border-radius:0}
.ms-care-stage-number{position:absolute;top:14px;left:14px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #d9e1d4;background:#f7f8f1;color:#23332a;font-size:12px;line-height:1;font-weight:600;letter-spacing:.02em}
.ms-care-stage-summary{padding:19px 18px 18px}
.ms-care-stages .ms-care-stage h3{font-size:30px;font-weight:500;letter-spacing:-.04em;line-height:1.1;margin:0 0 8px;color:#1d2a23}
.ms-care-stage .ms-care-stage-intro{font-size:14px;line-height:1.5;color:#4b5b50;margin:0;max-width:36ch}
.ms-care-stages .ms-care-stage-products{list-style:none;margin:0;padding:0 18px 6px}
.ms-care-stage-product{list-style:none;margin:0;padding:0;border-top:1px solid #dbe0d7}
.ms-care-stage-product>a{display:grid;grid-template-columns:68px minmax(0,1fr) 12px;align-items:center;gap:12px;min-height:100px;padding:12px 0;text-decoration:none;color:#1d2a23}
.ms-care-stage-product>a:hover{background:var(--care-tint)}
.ms-care-stage-product>a:focus-visible{outline:2px solid #213e2c;outline-offset:4px;background:var(--care-tint)}
.ms-care-stage-image{display:block;align-self:center;width:68px;aspect-ratio:1;background:#f0f1eb;overflow:hidden}
.ms-care-stages .ms-care-stage-image img{display:block;width:100%;height:100%;max-width:100%;margin:0;object-fit:contain;border-radius:0}
.ms-care-stage-description{display:flex;flex-direction:column;gap:5px;min-width:0}
.ms-care-stage-name{display:block;font-size:14px;line-height:1.35;font-weight:650;overflow-wrap:anywhere;color:#1d2a23}
.ms-care-stage-purpose{display:block;font-size:12px;line-height:1.5;color:#4b5b50;overflow-wrap:anywhere}
.ms-care-stage-price{color:#304b36;font-size:13px;line-height:1.5;font-weight:600}
.ms-care-stage-price del{font-weight:400;color:#586257}.ms-care-stage-price ins{text-decoration:none}
.ms-care-stage-arrow{font-size:14px;align-self:start;line-height:1.5;padding-top:2px;color:#445448}
.ms-care-stages .ms-care-stages-note{display:flex;flex-wrap:wrap;gap:0 8px;align-items:center;margin:20px 0 0;font-size:14px;line-height:1.7;color:#4b5b50}
.ms-care-stages-note a{display:inline-flex;align-items:center;gap:18px;min-height:44px;color:#244e34;text-underline-offset:5px}
.ms-care-stages--shop{margin-bottom:38px;border-bottom:1px solid #d3d9cf;padding-bottom:25px}
@media(min-width:600px){
 .ms-care-stage-summary{display:grid;grid-template-columns:minmax(110px,.7fr) 1fr;align-items:center;gap:20px;padding:22px}
 .ms-care-stages .ms-care-stage h3{margin:0}
 .ms-care-stages .ms-care-stage-products{padding-inline:22px}
}
@media(min-width:900px){
 .ms-care-stages{padding-top:36px}.ms-care-stages-heading{margin-bottom:36px}
 .ms-care-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
 .ms-care-stage-scene{aspect-ratio:2.6}
 .ms-care-stage--wash .ms-care-stage-header,.ms-care-stage--maintain .ms-care-stage-header{flex:1}
 .ms-care-stage--wash .ms-care-stage-scene,.ms-care-stage--maintain .ms-care-stage-scene{flex:1;aspect-ratio:auto;min-height:210px}
 .ms-care-stage-product>a{gap:16px;min-height:96px}
}
@media(forced-colors:active){
 .ms-care-stage,.ms-care-stage-product,.ms-care-stage-number{border-color:CanvasText}
 .ms-care-stage-number{background:Canvas;color:CanvasText}
 .ms-care-stage-product>a:focus-visible{outline-color:Highlight}
}