.popular-path-card{background-color:var(--color-bg-card);border:var(--border-width)solid var(--border-color);box-shadow:var(--shadow-hard);padding:var(--space-md);cursor:pointer;flex-direction:column;height:100%;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.popular-path-card:hover{box-shadow:var(--shadow-hard-hover);transform:translate(-2px,-2px)}.popular-path-card--featured{border-width:var(--border-width-thick);border-left:4px solid var(--color-accent-primary)}[dir=rtl] .popular-path-card--featured{border-left:var(--border-width-thick)solid var(--border-color);border-right:4px solid var(--color-accent-primary)}.popular-path-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px dashed var(--border-color);display:flex}.popular-path-card__title{font-family:var(--font-heading);font-size:var(--font-size-card-title);text-transform:uppercase;color:var(--color-text-primary);flex:1;margin:0;line-height:1.2}.popular-path-card__badge{padding:var(--space-xs);border:1px solid var(--border-color);background-color:var(--color-bg-card-header);flex-direction:column;flex-shrink:0;align-items:center;min-width:48px;display:flex}.popular-path-card__badge-count{font-family:var(--font-body);color:var(--color-text-on-dark);font-size:20px;font-weight:700;line-height:1}.popular-path-card__badge-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-on-dark);opacity:.8;margin-top:2px;font-size:8px}.popular-path-card__steps{padding:var(--space-sm)0;flex-direction:column;flex:1;gap:0;margin-inline-start:var(--space-xs);display:flex;position:relative}.popular-path-card__connector-line{top:var(--space-sm);bottom:var(--space-sm);background:linear-gradient(to bottom,transparent 0%,var(--border-color)10%,var(--border-color)90%,transparent 100%);opacity:.5;width:1px;position:absolute;inset-inline-start:5px}.popular-path-card__step{align-items:center;gap:var(--space-sm);padding:var(--space-xs)0;opacity:0;animation:.3s ease-out forwards step-fade-in;display:flex;position:relative}@keyframes step-fade-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}[dir=rtl] .popular-path-card__step{animation-name:step-fade-in-rtl}@keyframes step-fade-in-rtl{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.popular-path-card__step-node{z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:11px;height:11px;display:flex;position:relative}.popular-path-card__step-dot{background-color:var(--color-bg-card);border:2px solid var(--border-color);width:7px;height:7px;transition:all .2s}.popular-path-card__step:hover .popular-path-card__step-dot{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary);box-shadow:0 0 8px var(--color-accent-primary)}.popular-path-card__step-content{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);background-color:var(--color-bg-primary);border:1px solid #0000;flex:1;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.popular-path-card__step:hover .popular-path-card__step-content{border-color:var(--border-color);box-shadow:2px 2px 0px var(--color-accent-secondary);transform:translateY(-1px)}.popular-path-card__step-number{font-family:var(--font-body);color:var(--color-text-secondary);opacity:.6;letter-spacing:.02em;flex-shrink:0;font-size:10px;font-weight:700}.popular-path-card__step-text{font-family:var(--font-body);font-size:var(--font-size-label);color:var(--color-text-primary);font-weight:500}.popular-path-card__footer{border:var(--border-width-thick)solid var(--border-color);background-color:var(--color-bg-primary);flex-direction:column;gap:0;margin-top:auto;display:flex}.popular-path-card__metrics{padding:var(--space-sm)var(--space-md);border-bottom:1px solid var(--border-color);justify-content:space-between;display:flex}.popular-path-card__metric{text-align:center;flex-direction:column;gap:2px;display:flex}.popular-path-card__metric:first-child{text-align:start}.popular-path-card__metric:last-child{text-align:end}.popular-path-card__metric-label{font-family:var(--font-body);text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.05em;font-size:10px}.popular-path-card__metric-value{font-family:var(--font-body);font-size:var(--font-size-label);color:var(--color-text-primary);font-weight:700}.popular-path-card__cta{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm)var(--space-md);background-color:var(--color-bg-card-header);color:var(--color-text-on-dark);font-family:var(--font-body);font-size:var(--font-size-label);text-transform:uppercase;letter-spacing:.05em;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.popular-path-card:hover .popular-path-card__cta{background-color:var(--color-accent-primary);color:var(--color-text-primary)}.popular-path-card__cta-text{transition:transform .2s}.popular-path-card__cta-icon{justify-content:center;align-items:center;transition:transform .2s;display:flex}[dir=rtl] .popular-path-card__cta-icon{transform:rotate(180deg)}.popular-path-card:hover .popular-path-card__cta-icon{transform:translate(4px)}[dir=rtl] .popular-path-card:hover .popular-path-card__cta-icon{transform:rotate(180deg)translate(4px)}.popular-path-card--featured .popular-path-card__cta{background-color:var(--color-accent-primary);color:var(--color-text-primary)}.popular-path-card--featured:hover .popular-path-card__cta{background-color:var(--color-bg-card-header);color:var(--color-text-on-dark)}@media (max-width:768px){.popular-path-card__header{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.popular-path-card__badge{align-self:flex-end}.popular-path-card__metrics{grid-template-rows:auto auto;grid-template-columns:1fr}.popular-path-card__metric--divider{border-inline-start:none;border-top:var(--border-width)solid var(--border-color);padding-inline-start:0;padding-top:var(--space-sm)}}@media (prefers-reduced-motion:reduce){.popular-path-card__step{opacity:1;animation:none}.popular-path-card__step-dot,.popular-path-card__step-content{transition:none}}