/* OKTObrand only: Figma offer layout 00 (1598:5164), 13 November 2026.
   The surrounding page keeps its responsive grid and all other heart styles. */
.offering-brand .brand-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:28px;align-items:stretch;margin-top:56px}
.offering-brand .brand-offer-card.heart-choice{container-type:inline-size;position:relative;display:grid;grid-row:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(247px,auto) minmax(218px,auto) minmax(89px,auto) minmax(56px,auto);gap:28px;align-content:stretch;min-height:752px;padding:28px;border:1px solid #a5a5a5;background:transparent;font-family:var(--okto-font);font-weight:200;transition:background-color 180ms ease}
.offering-brand .brand-offer-card:focus-within{background:#fff}
@media(hover:hover) and (pointer:fine){.offering-brand .brand-offer-card:hover{background:#fff}}
.offering-brand .brand-offer-summary.heart-choice-summary{position:relative;display:block;grid-column:auto;grid-row:auto;min-height:247px}
.offering-brand .brand-offer-card.heart-choice h3{position:relative;z-index:1;font-family:var(--okto-font);font-size:32px;line-height:1.15;font-weight:700;letter-spacing:-.025em;margin:0;overflow-wrap:break-word;hyphens:manual}
.offering-brand .brand-offer-card .heart-choice-intro{position:relative;z-index:1;font-size:20px;line-height:1.4;margin:24px 0 0;max-width:36ch}
.offering-brand .brand-offer-card .heart-choice-product-copy{position:relative;z-index:1;grid-column:auto;grid-row:auto;width:calc(100% - var(--brand-offer-bubble-size) * .9525862);min-width:0}
.offering-brand .brand-offer-card.heart-choice--clarity{--brand-offer-bubble-size:clamp(170px,62.0321cqw,232px)}
.offering-brand .brand-offer-card.heart-choice--clarity.home-clarity .clarity-lens-stage{position:absolute;left:auto;right:calc(var(--brand-offer-bubble-size) * -.0474138);top:-19.5px;grid-column:auto;grid-row:auto;width:var(--brand-offer-bubble-size);max-width:none;margin:0;justify-self:auto;align-self:auto;background:transparent;z-index:0}
.offering-brand .brand-offer-outputs.heart-choice-outputs{grid-column:auto;grid-row:auto;min-height:218px;padding-top:0;border:0}
.offering-brand .brand-offer-card .heart-choice-label{font-size:16px;line-height:1.4;font-weight:700;letter-spacing:0;text-transform:none;margin:0 0 16px}
.offering-brand .brand-offer-outputs ul{display:grid;gap:12px;list-style:none;padding:0;margin:0}
.offering-brand .brand-offer-outputs li{display:flex;gap:12px;align-items:flex-start;min-height:36px;padding:0;font-size:18px;line-height:1.4}
.offering-brand .brand-offer-outputs li>span:last-child{min-width:0;padding-top:5px;overflow-wrap:anywhere;hyphens:manual}
.offering-brand:lang(de) .brand-offer-outputs li>span:last-child{hyphens:auto}
.offering-brand .brand-offer-start.heart-choice-start{grid-column:auto;grid-row:auto;min-height:89px;margin:0}
.offering-brand .brand-offer-start .heart-choice-step{font-size:18px;line-height:1.4;margin:0;max-width:36ch}
.offering-brand .brand-offer-card .brand-offer-action.heart-choice-action{grid-column:auto;grid-row:auto;align-self:stretch;width:100%;min-height:56px;margin:0;gap:16px;font-size:16px;line-height:20px}
@supports(grid-template-rows:subgrid){
 @media(min-width:1201px){
  .offering-brand .brand-offer-card.heart-choice{grid-row:span 4;grid-template-rows:subgrid}
 }
}
@media(max-width:1200px) and (min-width:701px){
 .offering-brand .brand-offer-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .offering-brand .brand-offer-card.heart-choice{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:48px;min-height:0;padding:28px}
 .offering-brand .brand-offer-summary.heart-choice-summary{grid-column:1;grid-row:1}
 .offering-brand .brand-offer-outputs.heart-choice-outputs{grid-column:2;grid-row:1}
 .offering-brand .brand-offer-start.heart-choice-start{grid-column:1;grid-row:2}
 .offering-brand .brand-offer-card .brand-offer-action.heart-choice-action{grid-column:2;grid-row:2;align-self:end}
 .offering-brand .brand-offer-card.heart-choice--clarity{--brand-offer-bubble-size:clamp(170px,29cqw,232px)}
}
@media(max-width:700px){
 .offering-brand .brand-offer-grid{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:40px}
 .offering-brand .brand-offer-card.heart-choice{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(56px,auto);min-height:0;padding:24px}
 .offering-brand .brand-offer-summary.heart-choice-summary{min-height:0}
 .offering-brand .brand-offer-card.heart-choice h3{font-size:30px}
 .offering-brand .brand-offer-card.heart-choice--clarity .brand-offer-summary{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
 .offering-brand .brand-offer-card .heart-choice-product-copy{width:auto}
 .offering-brand .brand-offer-card.heart-choice--clarity .heart-choice-intro{margin:0}
 .offering-brand .brand-offer-card.heart-choice--clarity.home-clarity .clarity-lens-stage{position:relative;top:auto;right:auto;width:min(232px,100%);justify-self:center}
 .offering-brand .brand-offer-card .brand-offer-action.heart-choice-action{padding:16px;gap:12px;font-size:14px}
 .offering-brand .brand-offer-outputs.heart-choice-outputs{min-height:0}
 .offering-brand .brand-offer-start.heart-choice-start{min-height:0}
}
@media(max-width:360px){.offering-brand .brand-offer-card.heart-choice h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.offering-brand .brand-offer-card.heart-choice{transition:none}}