/* Title parity and the exact live product object inside the shared card. */
.heart-choice--clarity{scroll-margin-top:128px}
.heart-choice--clarity .heart-choice-summary{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:20px;row-gap:24px}
.heart-choice--clarity .heart-choice-product-name{grid-column:1/-1;grid-row:1;white-space:nowrap;overflow:visible}
.heart-choice-product-copy{grid-column:1;grid-row:2;min-width:0}
.heart-choice--clarity .heart-choice-intro{margin:0}
.heart-choice--clarity.home-clarity .clarity-lens-stage{grid-column:2;grid-row:2;align-self:center;width:100%;max-width:260px;margin:0;justify-self:center;background:transparent;z-index:0}
.heart-choice--clarity .heart-choice-action{margin-top:0}
.heart-choice-product-scope{font-size:14px;line-height:1.4;margin:16px 0 0;max-width:52ch;color:var(--okto-muted)}
@media(max-width:1200px) and (min-width:701px){
 .heart-choice--clarity .heart-choice-summary{display:contents}
 .heart-choice--clarity .heart-choice-product-name{grid-column:1;grid-row:1}
 .heart-choice-product-copy{grid-column:1;grid-row:2}
 .heart-choice--clarity.home-clarity .clarity-lens-stage{grid-column:2;grid-row:1/4;max-width:400px}
 .heart-choice--clarity .heart-choice-outputs{grid-column:1;grid-row:3;padding-top:24px;border-top:1px solid #e0e2dc}
 .heart-choice--clarity .heart-choice-next{grid-column:1/-1;grid-row:4}
}
@media(max-width:700px){
 .heart-choice--clarity .heart-choice-summary{grid-template-columns:1fr;row-gap:24px}
 .heart-choice--clarity .heart-choice-product-name{grid-column:1;grid-row:1}
 .heart-choice-product-copy{grid-column:1;grid-row:2}
 .heart-choice--clarity.home-clarity .clarity-lens-stage{grid-column:1;grid-row:3;max-width:240px}
}