.breadcrumb{font-size:var(--text-sm);color:var(--secondary-color)}
.breadcrumb a{color:var(--secondary-color);text-decoration:none}
.breadcrumb a:hover{color:var(--primary-color)}
.walking-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;max-width:1200px;margin:0 auto}
.walking-card{background:#f8f9fa;border-radius:16px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;width:350px;flex-shrink:0}
.walking-card-image{position:relative;height:250px;overflow:hidden;flex-shrink:0}
.walking-card-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.walking-card:hover .walking-card-img{transform:scale(1.05)}
.walking-badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff}
.walking-badge-easy{background:#28a745}
.walking-badge-medium{background:#ffc107}
.walking-badge-hard{background:#dc3545}
.walking-card-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}
.walking-card-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:#343a40}
.walking-card-description{color:#6c757d;line-height:1.5;margin-bottom:1.5rem;flex-grow:1}
.walking-card-meta{display:flex;justify-content:space-between;margin-bottom:1.5rem;gap:.5rem;flex-wrap:wrap}
.walking-meta-item{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#6c757d}
.walking-meta-icon{font-size:1rem}
.walking-card-btn{display:block;text-align:center;background:var(--primary-color);color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid transparent;margin-top:auto}
.walking-card-btn:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d;color:#fff}
@media (max-width:1200px){
.walking-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));max-width:1000px}
}
@media (max-width:768px){
.walking-grid{grid-template-columns:1fr;gap:1.5rem;max-width:400px}
.walking-card{max-width:100%}
.walking-card-meta{justify-content:flex-start;gap:1rem}
.walking-title{font-size:1.875rem}
.walking-subtitle{font-size:1rem}
}
@media (max-width:480px){
.walking-card-content{padding:1rem}
.walking-card-title{font-size:1.125rem}
.walking-card-meta{flex-direction:column;align-items:flex-start;gap:.5rem}
}