.pdp-mend-strip{background:var(--color-establish);color:var(--color-white);padding:var(--space-lg) 0}.pdp-mend-strip--m{background:var(--color-mineralise)}.pdp-mend-strip--e{background:var(--color-establish)}.pdp-mend-strip--n{background:var(--color-nourish);color:var(--color-black)}.pdp-mend-strip--d{background:var(--color-defend)}.pdp-mend-strip__inner{display:grid;grid-template-columns:1fr auto;gap:var(--space-2xl);align-items:center}.pdp-mend-strip__copy{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.pdp-mend-strip__eyebrow{font-size:1.1rem;letter-spacing:1.2px;text-transform:uppercase;font-weight:600;color:#ffffffb3}.pdp-mend-strip--n .pdp-mend-strip__eyebrow{color:#0d0d0da6}.pdp-mend-strip__title{font-size:var(--font-size-h3);font-weight:600;letter-spacing:-.005em;margin:0;line-height:1.25;color:inherit}.pdp-mend-strip__stairs{display:flex;align-items:flex-end;gap:var(--space-xs)}.pdp-mend-stair{width:4.4rem;display:flex;align-items:center;justify-content:center;font-family:var(--font-hero);font-size:var(--font-size-h2);font-weight:400;letter-spacing:-.005em;opacity:.7}.pdp-mend-stair--m{background:var(--color-mineralise);color:var(--color-white);height:4.4rem}.pdp-mend-stair--e{background:var(--color-establish);color:var(--color-white);height:4.4rem}.pdp-mend-stair--n{background:var(--color-nourish);color:var(--color-black);height:4.4rem}.pdp-mend-stair--d{background:var(--color-defend);color:var(--color-white);height:4.4rem}.pdp-mend-stair.is-current{background:var(--color-white);height:6.4rem;opacity:1}.pdp-mend-stair--m.is-current{color:var(--color-mineralise)}.pdp-mend-stair--e.is-current{color:var(--color-establish)}.pdp-mend-stair--n.is-current{color:var(--color-nourish)}.pdp-mend-stair--d.is-current{color:var(--color-defend)}.pdp-mend-strip--multi .pdp-mend-stair.is-active{background:var(--color-white);color:var(--color-black);height:6.4rem;opacity:1}.pdp-mend-strip--multi .pdp-mend-stair.is-lead{box-shadow:inset 0 -3px 0 var(--color-black)}@media screen and (max-width:989px){.pdp-mend-strip__inner{grid-template-columns:1fr;gap:var(--space-md)}.pdp-mend-stair{width:3.6rem}}@media screen and (max-width:749px){.pdp-mend-strip{padding:var(--space-md) 0}.pdp-mend-strip__title{font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/section-pdp-mend-strip.css.map */
