.route-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-bounce);height:100%;cursor:pointer;--card-primary:#8b5cf6;--card-secondary:#7c3aed;--card-accent:#a78bfa}.route-card-cover-image{width:100%;overflow:hidden;background:#f3f4f6;border-bottom:1px solid rgba(0,0,0,.05)}.route-card-cover-image img{width:100%;height:256px;object-fit:cover;display:block;transition:transform .3s ease}.route-card:hover .route-card-cover-image img{transform:scale(1.03)}.route-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.route-card-header{position:relative;padding:24px 20px;min-height:220px;background:linear-gradient(135deg,var(--card-primary,#8b5cf6) 0,var(--card-secondary,#7c3aed) 100%);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.route-card-flag{position:absolute;top:16px;left:20px;height:28px;font-size:28px;display:flex;align-items:center;justify-content:flex-start;padding:0;white-space:nowrap;width:auto;min-width:28px}.route-card .route-card-flag-multi,.route-card .route-card-flag-single,.route-card-flag-multi,.route-card-flag-single{width:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:28px!important;padding:0!important;margin:0!important;overflow:hidden!important;line-height:.8!important;background:none!important;border:none!important;box-shadow:none!important;border-radius:0!important;backdrop-filter:none!important}.route-card-badge{position:absolute;top:48px;left:20px;padding:0;background:none!important;border:none!important;box-shadow:none!important;border-radius:0!important;backdrop-filter:none!important;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.2px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.expand-indicator{position:absolute;top:16px;right:16px;width:20px;height:20px;border-radius:50%;background:hsla(0,0%,100%,.12);backdrop-filter:blur(6px);border:none;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;cursor:pointer;transition:all .2s ease;z-index:10;text-shadow:0 1px 2px rgba(0,0,0,.2)}.expand-indicator:hover{background:hsla(0,0%,100%,.25);transform:scale(1.1);border-color:hsla(0,0%,100%,.5)}.badge-active,.badge-published{background:rgba(209,250,229,.95);color:#065f46}.badge-curated{background:rgba(219,234,254,.95);color:#1e40af}.badge-archived{background:rgba(243,244,246,.95);color:#4b5563}.badge-draft{background:hsla(48,96%,89%,.95);color:#92400e}.badge-default{background:hsla(0,0%,100%,.95);color:#374151}.route-card-header-content{margin-top:auto}.route-card-title{color:#fff;font-size:24px;font-weight:700;line-height:1.2;margin:0 0 8px;letter-spacing:-.3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.2)}.route-card-subtitle,.route-card-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.route-card-subtitle{color:hsla(0,0%,100%,.95);font-size:15px;font-weight:500;line-height:1.4;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.15)}.route-card-body{padding:20px;flex:1;display:flex;flex-direction:column;background:#fff}.route-card-description{font-size:15px;font-weight:400;line-height:1.6;color:#495057;margin:0 0 16px;flex:1;letter-spacing:.01em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.route-card-description-expanded{-webkit-line-clamp:unset;overflow:visible}.route-card-subtitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.route-card-subtitle-expanded{-webkit-line-clamp:unset;overflow:visible}.route-card-footer{padding-top:var(--space-5);margin-top:auto;border-top:1px solid var(--gray-200);align-items:center;justify-content:space-between}.route-card-link{font-size:15px;font-weight:600;color:var(--card-primary);text-decoration:none;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.route-card-link:hover{color:var(--card-secondary);text-decoration:underline;gap:8px}.route-card-link:after{content:"→";transition:transform .15s ease}.route-card-link:hover:after{transform:translateX(2px)}.route-card-link-disabled{font-size:var(--text-sm);font-weight:var(--font-semibold);color:#9ca3af!important;text-decoration:none;cursor:not-allowed;opacity:.7}.route-card-link-disabled:after{content:"👁️";margin-left:var(--space-1)}.route-card-footer{display:flex;flex-direction:column;gap:var(--space-2)}.route-card-footer-main{display:flex;justify-content:space-between;align-items:center}.route-card-actions{gap:16px;padding-top:16px;border-top:1px solid #f1f3f5;margin-top:auto}.route-card-action-btn,.route-card-actions{display:flex;justify-content:center;align-items:center}.route-card-action-btn{width:36px;height:36px;border:none;border-radius:8px;background:transparent;cursor:pointer;transition:all .15s ease;font-size:20px;opacity:.7}.route-card-action-btn:hover{opacity:1;transform:scale(1.15);background:rgba(232,119,34,.08)}.route-card-action-btn-favorited{background:rgba(239,68,68,.1);color:#ef4444}.route-card-action-btn-favorited:hover{background:rgba(239,68,68,.2)}.route-card-action-btn-hidden{background:hsla(220,9%,46%,.1);color:#6b7280}.route-card-action-btn-hidden:hover{background:hsla(220,9%,46%,.2)}.route-card-action-btn-featured{background:rgba(245,158,11,.1);color:#f59e0b}.route-card-action-btn-featured:hover{background:rgba(245,158,11,.2)}.route-card-action-btn-default{color:#6b7280}.route-card-action-btn-default:hover{background:hsla(220,9%,46%,.1);color:#374151}.route-card.featured{border:2px solid var(--default-primary,#8b5cf6);box-shadow:0 4px 12px rgba(139,92,246,.15)}.route-card.featured .route-card-badge{background:var(--default-primary,#8b5cf6);color:#fff}.route-card-meta{display:flex;align-items:center;gap:12px;color:#6c757d;font-size:14px;font-weight:500;margin-bottom:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.route-card-meta-item{display:flex;align-items:center;gap:5px}.meta-icon{font-size:16px;opacity:.8;transition:opacity .15s ease;cursor:help}.meta-icon:hover{opacity:1}@media (max-width:767px){.route-card-header{min-height:200px;padding:var(--space-5)}.route-card-title{font-size:var(--text-xl)}.route-card-subtitle{font-size:var(--text-sm)}.route-card-body{padding:var(--space-5)}.route-card-description{font-size:var(--text-sm)}.route-card-flag{width:36px;height:36px;font-size:28px;left:20px}}@media (min-width:768px) and (max-width:1023px){.route-card-header{min-height:210px}}@media (min-width:1024px) and (max-width:1919px){.route-card-header{min-height:220px}}@media (min-width:1920px){.route-card-header{min-height:280px;padding:var(--space-8)}.route-card-title{font-size:var(--text-3xl)}.route-card-subtitle{font-size:var(--text-xl)}.route-card-body{padding:var(--space-8)}.route-card-description{font-size:var(--text-xl)}.route-card-link{font-size:var(--text-lg)}.route-card-flag{width:56px;height:56px;font-size:44px;left:20px}.route-card-badge{font-size:var(--text-sm);padding:10px 18px}}