/* Card typography comes from heart-choices.css, exactly like its two peers. */
.offering-brand .heart-choice-grid{align-items:start}
.heart-choice--clarity{scroll-margin-top:128px}
.heart-choice--clarity .heart-choice-summary{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:20px;row-gap:24px}
.heart-choice--clarity .heart-choice-product-name{grid-column:1;grid-row:1;min-height:0;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 .heart-choice-product-copy p+p{margin-top:16px}
.heart-choice--clarity.home-clarity .clarity-lens-stage{grid-column:2;grid-row:1/3;align-self:start;width:100%;max-width:220px;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;color:var(--okto-muted)}
@media(min-width:1201px) and (max-width:1800px){
 .heart-choice--clarity .heart-choice-summary{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);row-gap:20px}
 .heart-choice--clarity.home-clarity .clarity-lens-stage{grid-row:1;max-width:140px}
 .heart-choice-product-copy{grid-column:1/-1;grid-row:2}
}
@media(max-width:1200px) and (min-width:701px){.heart-choice--clarity{display:flex}}
@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:180px}
}