.route-detail-page{max-width:1200px;margin:20px auto 0;padding:20px}.route-detail-page .route-detail-header{margin-bottom:30px}.route-detail-page .route-detail-header .btn-back{display:inline-flex;align-items:center;gap:8px;color:#6b7280;text-decoration:none;font-size:14px;margin-bottom:20px;transition:color .2s}.route-detail-page .route-detail-header .btn-back:hover{color:#374151}.route-detail-page .route-detail-header h1{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:16px}.route-detail-page .route-detail-header .route-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.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{padding:4px 12px;border-radius:20px;color:#fff;font-size:14px;font-weight:500}.route-detail-page .route-detail-content{display:grid;grid-template-columns:1fr;gap:30px}@media(min-width:768px){.route-detail-page .route-detail-content{grid-template-columns:1fr 1fr}}.route-detail-page .route-gallery .gallery-main{position:relative;border-radius:12px;overflow:hidden;background:#f9fafb;aspect-ratio:16/9}.route-detail-page .route-gallery .gallery-main .gallery-image{width:100%;height:100%;object-fit:cover}.route-detail-page .route-gallery .gallery-main .gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:background .2s}.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{position:absolute;bottom:16px;right:16px;background:#000000b3;color:#fff;padding:4px 12px;border-radius:20px;font-size:14px}.route-detail-page .route-gallery .gallery-thumbnails{display:flex;gap:8px;margin-top:16px;overflow-x:auto;padding:8px 0}.route-detail-page .route-gallery .gallery-thumbnails .thumbnail{width:80px;height:60px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent;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{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:12px}.route-detail-page .route-info .route-description p{color:#6b7280;line-height:1.6}.route-detail-page .route-info .route-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:30px}.route-detail-page .route-info .route-details-grid .detail-card{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.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{font-size:14px;font-weight:500;color:#6b7280;margin:0 0 4px}.route-detail-page .route-info .route-details-grid .detail-card .detail-content p{font-size:16px;font-weight:600;color:#111827;margin:0}.route-detail-page .route-info .route-section{margin-bottom:30px}.route-detail-page .route-info .route-section h2{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:12px}.route-detail-page .route-info .route-section p{color:#6b7280;line-height:1.6}.route-detail-page .route-info .route-section .route-map{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;text-align:center;color:#6b7280}.route-detail-page .route-detail-loading,.route-detail-page .route-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.route-detail-page .route-detail-loading .loading-spinner,.route-detail-page .route-detail-error .loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.route-detail-page .route-detail-loading .error-icon,.route-detail-page .route-detail-error .error-icon{font-size:48px;margin-bottom:16px}.route-detail-page .route-detail-loading h3,.route-detail-page .route-detail-error h3{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:8px}.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{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#3b82f6;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:background .2s}.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-sckkx6r4]{padding-top:64px}@media(max-width:768px){.main-content[data-astro-cid-sckkx6r4]{padding-top:56px}}.main-content[data-astro-cid-sckkx6r4]{margin-left:0;transition:margin-left .3s ease}.main-content-with-sidebar[data-astro-cid-sckkx6r4]{margin-left:300px}@media(max-width:768px){.main-content-with-sidebar[data-astro-cid-sckkx6r4]{margin-left:0}}