.wp-block-lohko-recommendation-flow{--recommendation-flow-accent:var(--wp--preset--color--teal);--recommendation-flow-gap:clamp(2rem,5vw,4.5rem);--recommendation-flow-ink:var(--wp--preset--color--lilyblue);background:linear-gradient(165deg,color-mix(in srgb,var(--recommendation-flow-accent) 6%,transparent) 0,color-mix(in srgb,var(--wp--preset--color--white) 2%,transparent) 55%);border:1px solid color-mix(in srgb,var(--wp--preset--color--white) 10%,transparent);border-radius:18px;box-shadow:0 40px 90px color-mix(in srgb,var(--wp--preset--color--black) 32%,transparent);box-sizing:border-box;display:flex;flex-direction:column;gap:28px;padding:clamp(22px,5vw,40px) clamp(18px,4vw,48px);.recommendation-flow__title{color:var(--wp--preset--color--white);font-size:.9375rem;font-weight:700;margin:0}.recommendation-flow__grid{column-gap:var(--recommendation-flow-gap);display:grid;grid-template-areas:"questions card" "node action";grid-template-columns:minmax(0,1fr) minmax(0,380px)}.recommendation-flow__questions{display:flex;flex-direction:column;grid-area:questions;list-style:none;margin:0;padding:0;&:after{align-self:center;border-left:2px dotted color-mix(in srgb,var(--recommendation-flow-accent) 75%,transparent);content:"";flex:1;min-height:30px}}.recommendation-flow__question{--recommendation-flow-answer:var(--wp--preset--color--royalblue);align-items:center;background:color-mix(in srgb,var(--wp--preset--color--white) 3%,transparent);border:1px solid color-mix(in srgb,var(--wp--preset--color--white) 10%,transparent);border-radius:14px;display:flex;flex-direction:column;gap:10px;margin:0;padding:20px 24px;position:relative;text-align:center;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.recommendation-flow__question:nth-child(3n+2){--recommendation-flow-answer:var(--wp--preset--color--cyan)}.recommendation-flow__question:nth-child(3n+3){--recommendation-flow-answer:var(--wp--preset--color--purple)}.recommendation-flow__question+.recommendation-flow__question{margin-top:26px;&:after{border-left:2px dotted color-mix(in srgb,var(--recommendation-flow-accent) 75%,transparent);bottom:100%;content:"";height:26px;left:50%;position:absolute;translate:-1px 0}}.recommendation-flow__question.is-highlighted{background:color-mix(in srgb,var(--recommendation-flow-accent) 8%,transparent);border-color:var(--recommendation-flow-accent);transform:translateY(-2px)}.recommendation-flow__question-text{color:var(--wp--preset--color--white);font-size:1rem;font-weight:600;line-height:1.4}.recommendation-flow__answer{background:color-mix(in srgb,var(--recommendation-flow-answer) 14%,transparent);border:1px solid color-mix(in srgb,var(--recommendation-flow-answer) 32%,transparent);border-radius:999px;color:var(--recommendation-flow-ink);font-size:.75rem;font-weight:600;padding:4px 12px}.recommendation-flow__card{align-self:start;background:color-mix(in srgb,var(--wp--preset--color--darkestblue) 90%,transparent);border:1px solid color-mix(in srgb,var(--wp--preset--color--white) 12%,transparent);border-radius:16px;box-shadow:0 28px 60px color-mix(in srgb,var(--wp--preset--color--black) 40%,transparent);display:flex;flex-direction:column;gap:16px;grid-area:card;padding:20px}.recommendation-flow__visual{align-items:center;background:linear-gradient(160deg,color-mix(in srgb,var(--wp--preset--color--royalblue) 10%,var(--wp--preset--color--darkestblue)) 0,var(--wp--preset--color--blackblue) 100%);border:1px solid color-mix(in srgb,var(--wp--preset--color--white) 6%,transparent);border-radius:12px;display:flex;height:190px;justify-content:center;overflow:hidden;position:relative;&:before{background:radial-gradient(circle,color-mix(in srgb,var(--wp--preset--color--cyan) 30%,transparent) 0,transparent 70%);border-radius:50%;content:"";height:240px;position:absolute;width:240px}}.recommendation-flow__product-image{display:block;height:auto;max-width:100%;position:relative}.recommendation-flow__stop-from{stop-color:var(--wp--preset--color--royalblue)}.recommendation-flow__stop-to{stop-color:var(--wp--preset--color--cyan)}.recommendation-flow__product-shade{fill:var(--wp--preset--color--darkestblue)}.recommendation-flow__product-shine{fill:color-mix(in srgb,var(--wp--preset--color--white) 35%,transparent)}.recommendation-flow__match{background:color-mix(in srgb,var(--wp--preset--color--dark) 60%,transparent);border:1px solid color-mix(in srgb,var(--wp--preset--color--white) 10%,transparent);border-radius:999px;color:var(--recommendation-flow-accent);font-size:.6875rem;font-weight:700;left:10px;padding:4px 10px;position:absolute;top:10px}.recommendation-flow__summary{display:flex;flex-direction:column;gap:4px}.recommendation-flow__product{color:var(--wp--preset--color--white);font-size:1.125rem;font-weight:700}.recommendation-flow__reasons-title{color:var(--recommendation-flow-ink);font-size:.84375rem;font-weight:700}.recommendation-flow__reasons{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.recommendation-flow__reason{align-items:center;border-radius:8px;color:var(--recommendation-flow-ink);display:flex;font-size:.84375rem;gap:10px;margin:0;padding:6px 8px;transition:background-color .15s ease,color .15s ease}.recommendation-flow__reason.is-highlighted{background:color-mix(in srgb,var(--recommendation-flow-accent) 14%,transparent);color:var(--wp--preset--color--white)}.recommendation-flow__check{align-items:center;background:color-mix(in srgb,var(--recommendation-flow-accent) 16%,transparent);border-radius:50%;color:var(--recommendation-flow-accent);display:inline-flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.recommendation-flow__node{--recommendation-flow-node:120px;align-items:center;display:flex;flex-direction:column;gap:10px;grid-area:node;position:relative;&:after,&:before{content:"";position:absolute;top:calc(var(--recommendation-flow-node)/2 - 1px)}&:before{border-top:2px solid var(--recommendation-flow-accent);left:calc(50% + 38px);right:0}&:after{border-top:2px dotted color-mix(in srgb,var(--recommendation-flow-accent) 80%,transparent);right:calc(var(--recommendation-flow-gap)*-1);width:var(--recommendation-flow-gap)}}.recommendation-flow__node-mark{align-items:center;background:color-mix(in srgb,var(--recommendation-flow-accent) 8%,transparent);border-radius:50%;display:flex;height:var(--recommendation-flow-node);justify-content:center;position:relative;width:var(--recommendation-flow-node);&:before{background:color-mix(in srgb,var(--recommendation-flow-accent) 14%,transparent);border-radius:50%;content:"";inset:12px;position:absolute}}.recommendation-flow__node-core{align-items:center;background:var(--wp--preset--color--dark);border:2px solid var(--recommendation-flow-accent);border-radius:50%;box-shadow:0 0 30px color-mix(in srgb,var(--recommendation-flow-accent) 35%,transparent);box-sizing:border-box;color:var(--recommendation-flow-accent);display:flex;height:72px;justify-content:center;position:relative;width:72px}.recommendation-flow__node-label{color:var(--wp--preset--color--greyblue);font-size:.78125rem;font-weight:600;text-align:center}.recommendation-flow__action{align-items:flex-start;display:flex;grid-area:action;padding-top:28px}.recommendation-flow__cta{background:linear-gradient(120deg,var(--recommendation-flow-accent) 0,var(--wp--preset--color--cyan) 100%);border-radius:14px;box-shadow:0 16px 40px color-mix(in srgb,var(--recommendation-flow-accent) 25%,transparent);box-sizing:border-box;color:var(--wp--preset--color--dark);display:block;font-size:1.25rem;font-weight:700;padding:20px 24px;text-align:center;width:100%}}@media (max-width:767px){.wp-block-lohko-recommendation-flow{.recommendation-flow__grid{grid-template-areas:"questions" "node" "card" "action";grid-template-columns:minmax(0,1fr)}.recommendation-flow__node{margin-bottom:20px;&:after,&:before{content:none}}.recommendation-flow__action{padding-top:14px}}}@media (prefers-reduced-motion:reduce){.wp-block-lohko-recommendation-flow{.recommendation-flow__question,.recommendation-flow__reason{transition:none}.recommendation-flow__question.is-highlighted{transform:none}}}