.route-detail-page{max-width:1200px;margin:0 auto;padding:20px}.route-detail-page .route-detail-header{margin-bottom:30px}.route-detail-page .route-detail-header .btn-back{color:#6b7280;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-flex}.route-detail-page .route-detail-header .btn-back:hover{color:#374151}.route-detail-page .route-detail-header h1{color:#111827;margin-bottom:16px;font-size:2.5rem;font-weight:700}.route-detail-page .route-detail-header .route-meta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.route-detail-page .route-detail-header .route-meta .route-location{color:#6b7280;font-size:16px}.route-detail-page .route-detail-header .route-meta .route-level{color:#fff;border-radius:20px;padding:4px 12px;font-size:14px;font-weight:500}.route-detail-page .weather-section.weather-route-detail{color:inherit;background:0 0;margin-bottom:1.5rem;padding:0}.route-detail-page .weather-section.weather-route-detail .container{max-width:100%;margin:0;padding:0}.route-detail-page .weather-section.weather-route-detail .weather-card{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 12px #00000014}.route-detail-page .weather-section.weather-route-detail .weather-header .weather-title{color:var(--wayco-blue-dark)}.route-detail-page .weather-section.weather-route-detail .weather-header .weather-location{color:#64748b}.route-detail-page .weather-section.weather-route-detail .weather-main .weather-temp .temp-value{color:#111827}.route-detail-page .weather-section.weather-route-detail .weather-main .weather-condition .condition-text{color:var(--wayco-blue-dark)}.route-detail-page .route-detail-content{grid-template-columns:1fr;gap:30px;display:grid}@media (width>=768px){.route-detail-page .route-detail-content{grid-template-columns:1fr 1fr}}.route-detail-page .route-gallery .gallery-main{aspect-ratio:16/9;background:#f9fafb;border-radius:12px;position:relative;overflow:hidden}.route-detail-page .route-gallery .gallery-main .gallery-image{object-fit:cover;width:100%;height:100%}.route-detail-page .route-gallery .gallery-main .gallery-nav{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.route-detail-page .route-gallery .gallery-main .gallery-nav:hover{background:#000000e6}.route-detail-page .route-gallery .gallery-main .gallery-nav.gallery-prev{left:16px}.route-detail-page .route-gallery .gallery-main .gallery-nav.gallery-next{right:16px}.route-detail-page .route-gallery .gallery-main .gallery-counter{color:#fff;background:#000000b3;border-radius:20px;padding:4px 12px;font-size:14px;position:absolute;bottom:16px;right:16px}.route-detail-page .route-gallery .gallery-thumbnails{gap:8px;margin-top:16px;padding:8px 0;display:flex;overflow-x:auto}.route-detail-page .route-gallery .gallery-thumbnails .thumbnail{object-fit:cover;cursor:pointer;border:2px solid #0000;border-radius:8px;width:80px;height:60px;transition:border-color .2s}.route-detail-page .route-gallery .gallery-thumbnails .thumbnail.active{border-color:#3b82f6}.route-detail-page .route-gallery .gallery-thumbnails .thumbnail:hover{border-color:#93c5fd}.route-detail-page .route-info .route-description{margin-bottom:30px}.route-detail-page .route-info .route-description h2{color:#111827;margin-bottom:12px;font-size:1.5rem;font-weight:700}.route-detail-page .route-info .route-description p{color:#6b7280;line-height:1.6}.route-detail-page .route-info .route-details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:30px;display:grid}.route-detail-page .route-info .route-details-grid .detail-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.route-detail-page .route-info .route-details-grid .detail-card .detail-icon{font-size:24px}.route-detail-page .route-info .route-details-grid .detail-card .detail-content h3{color:#6b7280;margin:0 0 4px;font-size:14px;font-weight:500}.route-detail-page .route-info .route-details-grid .detail-card .detail-content p{color:#111827;margin:0;font-size:16px;font-weight:600}.route-detail-page .route-info .route-section{margin-bottom:30px}.route-detail-page .route-info .route-section h2{color:#111827;margin-bottom:12px;font-size:1.25rem;font-weight:700}.route-detail-page .route-info .route-section p{color:#6b7280;line-height:1.6}.route-detail-page .route-info .route-section .route-map{text-align:center;color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.route-detail-page .route-detail-loading,.route-detail-page .route-detail-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.route-detail-page .route-detail-loading .loading-spinner,.route-detail-page .route-detail-error .loading-spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.route-detail-page .route-detail-loading .error-icon,.route-detail-page .route-detail-error .error-icon{margin-bottom:16px;font-size:48px}.route-detail-page .route-detail-loading h3,.route-detail-page .route-detail-error h3{color:#111827;margin-bottom:8px;font-size:1.5rem;font-weight:700}.route-detail-page .route-detail-loading p,.route-detail-page .route-detail-error p{color:#6b7280;margin-bottom:20px}.route-detail-page .route-detail-loading .btn-primary,.route-detail-page .route-detail-error .btn-primary{color:#fff;background:#3b82f6;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.route-detail-page .route-detail-loading .btn-primary:hover,.route-detail-page .route-detail-error .btn-primary:hover{background:#2563eb}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{padding-top:0}.main-content[data-astro-cid-ju4pidww]{padding-top:64px}@media (width<=768px){.main-content[data-astro-cid-ju4pidww]{padding-top:56px}}.main-content[data-astro-cid-ju4pidww]{margin-left:0;transition:margin-left .3s}.main-content-with-sidebar[data-astro-cid-ju4pidww]{margin-left:300px}@media (width<=768px){.main-content-with-sidebar[data-astro-cid-ju4pidww]{margin-left:0}}