.vug-catalog,.vug-route-details{--vug-teal:#005b5f;--vug-soft:#eef8f6;--vug-green:#356b42}.vug-catalog-header,.vug-route-hero{display:flex;gap:18px;align-items:center;margin:22px 0;padding:18px;border-radius:18px;background:var(--vug-soft)}.vug-catalog-header img,.vug-logo-small{width:110px;max-width:28vw;height:auto}.vug-catalog-header h2,.vug-route-hero h2{margin:0;color:var(--vug-teal)}.vug-catalog-header p,.vug-route-hero p{margin:.35rem 0 0;color:var(--vug-green)}.vug-route-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.vug-route-card{border:1px solid #d8e7e4;border-radius:18px;padding:16px;background:#fff;box-shadow:0 2px 10px rgba(0,91,95,.08)}.vug-route-card h3{margin-top:0;color:var(--vug-teal)}.vug-route-card-image{width:100%;height:150px;object-fit:cover;border-radius:14px;margin-bottom:12px}.vug-route-meta-icons,.vug-facts{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.vug-route-meta-icons span,.vug-facts span{display:inline-flex;align-items:center;gap:4px;background:var(--vug-soft);border-radius:999px;padding:5px 9px;color:var(--vug-teal);font-weight:700}.vug-button{display:inline-block;background:var(--vug-teal);color:#fff!important;text-decoration:none;border-radius:999px;padding:9px 14px;font-weight:700}.vug-button-light{background:#e8f3f1;color:var(--vug-teal)!important}.vug-route-card-actions{display:flex;gap:8px;flex-wrap:wrap}.vug-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:18px 0}.vug-detail-grid section,.vug-description,.vug-copyright,.vug-map-placeholder{border:1px solid #d8e7e4;border-radius:18px;padding:16px;background:#fff}.vug-map-box{min-height:220px;border:2px dashed #b7d6d1;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,#fff,#eef8f6)}.vug-map-line{width:72%;height:6px;border-radius:999px;background:var(--vug-route-color,#005b5f);transform:rotate(-3deg);margin-bottom:20px}.vug-copyright{font-size:.92rem;color:#31534b;background:#fbfffe}.vug-notice{padding:14px;border-radius:12px;background:#eef8f6;color:#005b5f;font-weight:700}.vug-points-list table{width:100%;border-collapse:collapse}.vug-points-list th,.vug-points-list td{border-bottom:1px solid #d8e7e4;padding:8px;text-align:left}@media(max-width:700px){.vug-catalog-header,.vug-route-hero{align-items:flex-start;flex-direction:column}.vug-catalog-header img,.vug-logo-small{width:140px}}
.vug-gpx-summary{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:8px 0 14px}.vug-gpx-summary span{display:inline-flex;border-radius:999px;background:#fff;color:#005b5f;border:1px solid #d8e7e4;padding:5px 9px;font-weight:700}.vug-profile-mini{width:min(640px,92%);height:140px;border-radius:14px;background:#fff;border:1px solid #d8e7e4;color:var(--vug-route-color,#005b5f);padding:10px;margin:8px auto}.vug-profile-mini svg{width:100%;height:100%;display:block}.vug-small-note{font-size:.9rem;color:#356b42}.vug-gpx-stats{background:#eef8f6;border:1px solid #d8e7e4;border-radius:12px;padding:10px;margin:12px 0}.vug-gpx-stats h3{margin:0 0 6px;color:#005b5f}.vug-gpx-stats ul{margin:6px 0 0 18px}

/* v0.3.0 – valódi térkép + interaktív szintrajz */
.vug-route-map-block {
    margin: 28px 0;
    padding: 18px;
    border: 1px solid rgba(0, 91, 95, 0.16);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(0, 91, 95, 0.08);
}

.vug-map-header {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    margin-bottom: 14px;
}

.vug-map-header h3 {
    margin: 0 0 4px;
    color: var(--vug-route-color, #005b5f);
}

.vug-map-header p {
    margin: 0;
    opacity: .78;
}

.vug-map-fullscreen-toggle,
.vug-map-close {
    border: 0;
    border-radius: 999px;
    background: var(--vug-route-color, #005b5f);
    color: #fff;
    padding: 10px 16px;
    font-weight: 700;
    cursor: pointer;
}

.vug-map-shell {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(0, 91, 95, 0.18);
    background: #eef7f6;
}

.vug-leaflet-map {
    width: 100%;
    height: 520px;
    min-height: 320px;
    background: #eef7f6;
}

.vug-map-close,
.vug-profile-toggle {
    display: none;
}

.vug-map-fullscreen {
    position: fixed;
    inset: 18px;
    z-index: 99999;
    border-radius: 20px;
    box-shadow: 0 20px 80px rgba(0,0,0,.35);
}

.vug-map-fullscreen .vug-leaflet-map {
    height: calc(100vh - 36px);
}

.vug-map-fullscreen .vug-map-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 1001;
    width: 42px;
    height: 42px;
    padding: 0;
    font-size: 28px;
    line-height: 1;
}

.vug-map-fullscreen .vug-profile-toggle {
    display: inline-flex;
    position: absolute;
    left: 14px;
    bottom: 14px;
    z-index: 1001;
    background: rgba(255,255,255,.94);
    color: #003d40;
    padding: 10px 14px;
    border-radius: 999px;
    font-weight: 700;
    box-shadow: 0 8px 24px rgba(0,0,0,.16);
    gap: 8px;
    align-items: center;
}

body.vug-map-is-open {
    overflow: hidden;
}

.vug-gpx-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 12px 0;
}

.vug-gpx-summary span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 999px;
    padding: 7px 10px;
    background: rgba(0, 91, 95, 0.08);
    color: #003d40;
    font-weight: 700;
}

.vug-elevation-profile {
    margin-top: 14px;
    padding: 14px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(0,91,95,.06), rgba(0,91,95,.02));
    border: 1px solid rgba(0,91,95,.14);
    color: var(--vug-route-color, #005b5f);
}

.vug-elevation-profile.vug-profile-hidden {
    display: none;
}

.vug-profile-info {
    margin-bottom: 8px;
    color: #003d40;
    font-size: 14px;
}

.vug-elevation-profile svg {
    display: block;
    width: 100%;
    height: 190px;
    touch-action: none;
    cursor: crosshair;
}

.vug-profile-area {
    fill: currentColor;
    opacity: .10;
}

.vug-profile-axis {
    stroke: currentColor;
    stroke-width: 1.5;
    opacity: .35;
    vector-effect: non-scaling-stroke;
}

.vug-profile-cursor {
    stroke: #111;
    stroke-width: 2;
    stroke-dasharray: 5 5;
    vector-effect: non-scaling-stroke;
}

.vug-profile-dot {
    fill: #fff;
    stroke: #111;
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
}

@media (max-width: 700px) {
    .vug-route-map-block { padding: 12px; border-radius: 18px; }
    .vug-map-header { align-items: flex-start; flex-direction: column; }
    .vug-leaflet-map { height: 380px; }
    .vug-map-fullscreen { inset: 8px; border-radius: 16px; }
    .vug-map-fullscreen .vug-leaflet-map { height: calc(100vh - 16px); }
    .vug-elevation-profile svg { height: 150px; }
}

.vug-route-map-block.vug-fullscreen-active .vug-elevation-profile {
    position: fixed;
    left: 36px;
    right: 36px;
    bottom: 36px;
    z-index: 100000;
    max-height: 230px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 10px 34px rgba(0,0,0,.22);
}

.vug-route-map-block.vug-fullscreen-active .vug-elevation-profile svg {
    height: 140px;
}

@media (max-width: 700px) {
    .vug-route-map-block.vug-fullscreen-active .vug-elevation-profile {
        left: 16px;
        right: 16px;
        bottom: 72px;
        padding: 10px;
    }
    .vug-route-map-block.vug-fullscreen-active .vug-elevation-profile svg { height: 110px; }
}

.vug-admin-preview-notice {
    margin: 14px 0 18px;
    padding: 10px 12px;
    border: 1px dashed #0f6f68;
    border-radius: 12px;
    background: #f2fbf9;
    color: #0f4f4a;
    font-size: 14px;
}

.vug-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 10px;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    border: 1px solid currentColor;
}

.vug-status-draft {
    color: #8a5b00;
    background: #fff7e2;
}

.vug-status-hidden {
    color: #555;
    background: #f3f3f3;
}
.vug-point-icon-cell{font-size:1.15rem;text-align:center;color:#005b5f;font-weight:800}.vug-points-list{margin:22px 0;border:1px solid #d8e7e4;border-radius:18px;padding:16px;background:#fff}.vug-points-list h3{margin-top:0;color:#005b5f}.vug-points-list small{color:#356b42;font-weight:700}

/* v0.5.0 – vidRUNNING-osabb térkép/szintrajz és pontikonok */
.vug-route-map-block{margin-top:16px;padding:0;border:1px solid rgba(18,63,99,.14);border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 16px 42px rgba(18,63,99,.085)}
.vug-map-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin:0;padding:18px;background:#f3f8fb;border-bottom:1px solid rgba(18,63,99,.14)}
.vug-map-header h3{margin:0 0 5px;color:#123f63;font-size:20px;line-height:1.2}.vug-map-header p{margin:0;color:#5f7280;font-size:14px;line-height:1.45}.vug-map-fullscreen-toggle{background:#123f63;color:#fff;box-shadow:0 10px 20px rgba(18,63,99,.16);min-height:36px;padding:8px 12px;border-radius:999px;font-size:12.5px;font-weight:900}
.vug-map-shell{border:0;border-radius:0;background:#eaf2f6}.vug-leaflet-map{height:440px;min-height:360px;background:#eaf2f6}.vug-gpx-summary{justify-content:flex-start;margin:0;padding:14px 18px;border-top:1px solid rgba(18,63,99,.08);background:#fff}.vug-gpx-summary span{background:#f7fbfd;color:#123f63;border:1px solid rgba(18,63,99,.10);font-weight:900}
.vug-elevation-profile{margin:0;padding:18px;border:0;border-top:1px solid rgba(18,63,99,.14);border-radius:0;background:linear-gradient(135deg,#fff,#f7fbfd);color:#123f63}.vug-elevation-profile svg{height:180px;border-radius:18px;background:#fff;border:1px solid rgba(18,63,99,.10);overflow:hidden}.vug-profile-info{color:#5f7280;font-size:14px}.vug-profile-line{stroke:#123f63}.vug-profile-area{fill:#123f63;opacity:.10}.vug-profile-axis{stroke:#123f63}.vug-profile-cursor{stroke:#e84d89}.vug-profile-dot{stroke:#e84d89;fill:#fff}
.vug-map-fullscreen{position:fixed!important;inset:16px!important;z-index:999999!important;border-radius:24px!important;box-shadow:0 24px 80px rgba(0,0,0,.38)!important;background:#eef6fa!important;overflow:hidden!important}.vug-map-fullscreen .vug-leaflet-map{height:calc(100vh - 32px)!important}.vug-map-close{background:#123f63}.vug-map-fullscreen .vug-profile-toggle{left:14px;bottom:14px;background:rgba(255,255,255,.94);color:#123f63}.vug-route-map-block.vug-fullscreen-active .vug-elevation-profile{background:rgba(255,255,255,.97);border-radius:18px;box-shadow:0 10px 34px rgba(0,0,0,.22)}
.vug-map-point-icon-wrap{background:transparent;border:0}.vug-map-point-icon{width:30px;height:30px;border-radius:999px;background:#fff;border:2px solid #123f63;color:#123f63;box-shadow:0 5px 14px rgba(18,63,99,.22);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:950;line-height:1;text-align:center}.vug-point-type-danger,.vug-point-type-forbidden_start,.vug-point-type-forbidden_end{border-color:#e84d89;color:#e84d89}.vug-point-type-water,.vug-point-type-put_in,.vug-point-type-take_out,.vug-point-type-dock,.vug-point-type-river_rest{border-color:#1f8fa3;color:#1f8fa3}.vug-point-type-parking,.vug-point-type-toilet,.vug-point-type-meeting_point{border-color:#6b7280;color:#374151}.vug-point-type-panorama,.vug-point-type-photo{border-color:#2f7d4f;color:#2f7d4f}.vug-point-type-start,.vug-point-type-finish{background:#123f63;color:#fff}
@media(max-width:1000px){.vug-map-header{grid-template-columns:1fr}.vug-leaflet-map{height:420px}}@media(max-width:700px){.vug-route-map-block{border-radius:22px}.vug-map-header{padding:14px}.vug-leaflet-map{height:360px}.vug-map-fullscreen{inset:8px!important;border-radius:18px!important}}

/* v0.5.1 – vidRUNNING-szerű térkép/szintrajz véglegesebb igazítás */
.vidrun-route-widget { margin-top:16px; }
.vidrun-route-shell { border:1px solid rgba(18,63,99,.14); border-radius:26px; overflow:hidden; background:#fff; box-shadow:0 16px 42px rgba(18,63,99,.085); }
.vidrun-route-head { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:center; padding:18px; background:#f3f8fb; border-bottom:1px solid rgba(18,63,99,.14); }
.vidrun-route-head h3 { margin:0 0 5px; color:#123f63; font-size:20px; line-height:1.2; }
.vidrun-route-head p { margin:0; color:#5f7280; font-size:14px; line-height:1.45; }
.vidrun-route-actions { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.vidrun-mini-btn { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:8px 12px; border-radius:999px; font-size:12.5px; font-weight:900; text-decoration:none !important; }
.vidrun-mini-btn.is-blue { background:#123f63; color:#fff !important; box-shadow:0 10px 20px rgba(18,63,99,.16); }
.vidrun-mini-btn.is-soft { background:#fff; color:#123f63 !important; border:1px solid rgba(18,63,99,.14); }
.vidrun-route-layout { display:grid; grid-template-columns:1.55fr .45fr; align-items:stretch; }
.vidrun-route-map { min-height:440px; background:#eaf2f6; border-right:1px solid rgba(18,63,99,.14); }
.vidrun-route-side { padding:14px; display:flex; flex-direction:column; }
.vidrun-route-side h4 { margin:0 0 6px; color:#123f63; font-size:18px; }
.vidrun-route-side p { margin:0 0 10px; color:#183244; font-size:13.5px; line-height:1.45; }
.vidrun-route-points { display:grid; gap:7px; margin-top:4px; }
.vidrun-route-point { display:grid; grid-template-columns:58px 1fr; gap:8px; padding:8px 10px; border-radius:14px; background:#f7fbfd; border:1px solid rgba(18,63,99,.10); cursor:pointer; }
.vidrun-route-point:hover { background:#edf6fa; }
.vidrun-route-point-km { color:#123f63; font-weight:950; font-size:13px; }
.vidrun-route-point-name { color:#183244; font-weight:900; font-size:13.5px; line-height:1.25; }
.vidrun-route-point-note { margin-top:2px; color:#5f7280; font-size:12.5px; line-height:1.35; }
.vug-vr-point-icon { display:inline-flex; width:22px; height:22px; border-radius:999px; border:2px solid currentColor; align-items:center; justify-content:center; font-size:10px; font-weight:950; line-height:1; margin-right:3px; background:#fff; }
.vidrun-elevation-card { padding:18px; border-top:1px solid rgba(18,63,99,.14); background:linear-gradient(135deg,#fff,#f7fbfd); }
.vidrun-elevation-card h4 { margin:0 0 10px; color:#123f63; font-size:18px; }
.vidrun-elevation { width:100%; min-height:180px; border-radius:18px; background:#fff; border:1px solid rgba(18,63,99,.10); overflow:hidden; position:relative; }
.vidrun-elevation-message { padding:18px; color:#5f7280; font-size:14px; line-height:1.55; }
.leaflet-tooltip.vidrun-water-tooltip { max-width:320px !important; width:max-content !important; white-space:normal !important; overflow-wrap:break-word !important; line-height:1.35 !important; padding:8px 10px !important; border-radius:12px !important; color:#183244 !important; border:1px solid rgba(18,63,99,.16) !important; box-shadow:0 8px 22px rgba(18,63,99,.18) !important; font-size:12.5px !important; }
.leaflet-tooltip.vidrun-water-tooltip strong, .vidrun-elevation-water-tooltip strong { display:block !important; margin:0 0 2px !important; color:#123f63 !important; font-weight:900 !important; }
.leaflet-tooltip.vidrun-water-tooltip span, .vidrun-elevation-water-tooltip span { display:block !important; margin:0 !important; }
.vidrun-elevation-water-tooltip { position:absolute; z-index:20; max-width:320px; padding:8px 10px; border-radius:12px; background:#fff; border:1px solid rgba(18,63,99,.16); box-shadow:0 8px 22px rgba(18,63,99,.18); color:#183244; font-size:12.5px; line-height:1.35; pointer-events:none; overflow-wrap:break-word; }
.vidrun-elev-water, .vidrun-elev-water circle, .vidrun-elev-water line { pointer-events:all !important; }
.vidrun-elev-water circle { cursor:pointer; }
.vidrun-map-fullscreen-overlay { position:fixed !important; inset:16px !important; z-index:999999 !important; display:flex !important; background:rgba(6,22,34,.58) !important; border-radius:24px !important; box-shadow:0 24px 80px rgba(0,0,0,.38) !important; overflow:hidden !important; }
.vidrun-map-fullscreen-panel { width:100% !important; min-width:0 !important; min-height:0 !important; display:flex !important; flex-direction:column !important; background:#eef6fa !important; }
.vidrun-map-fullscreen-map-slot { flex:1 1 auto !important; min-height:0 !important; width:100% !important; }
.vidrun-route-map.vidrun-map-fullscreen { width:100% !important; height:100% !important; min-height:0 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
.vidrun-map-fullscreen-elevation-slot { display:none; flex:0 0 auto !important; max-height:34vh !important; overflow:auto !important; padding:12px !important; background:#f7fbfd !important; border-top:1px solid rgba(18,63,99,.14) !important; }
.vidrun-map-fullscreen-overlay.has-elevation .vidrun-map-fullscreen-elevation-slot { display:block !important; }
.vidrun-map-fullscreen-overlay.has-elevation .vidrun-map-fullscreen-map-slot { min-height:45vh !important; }
.vidrun-map-fullscreen-elevation-slot .vidrun-elevation-card { margin:0 !important; box-shadow:none !important; border-radius:16px !important; }
body.vidrun-map-fullscreen-open { overflow:hidden !important; }
.vidrun-map-fullscreen-control button { display:inline-flex; align-items:center; justify-content:center; min-height:32px; padding:7px 11px; border:0; border-radius:999px; background:#123f63; color:#fff; font-size:12px; font-weight:900; line-height:1; cursor:pointer; box-shadow:0 8px 20px rgba(18,63,99,.22); }
.vidrun-map-fullscreen-control button:hover { background:#1f5f8b; }
.vidrun-map-fullscreen-control button.vidrun-map-read-active { background:#e84d89; }
.vidrun-route-map.vidrun-map-read-mode .vidrun-route-line { stroke-width:.7px !important; stroke-opacity:.16 !important; pointer-events:none !important; }
.vidrun-route-map.vidrun-map-read-mode .vidrun-map-point-marker { r:3px !important; stroke-width:.7px !important; stroke-opacity:.18 !important; fill-opacity:.06 !important; pointer-events:none !important; }
.vidrun-route-map.vidrun-map-read-mode .leaflet-marker-icon, .vidrun-route-map.vidrun-map-read-mode .leaflet-marker-shadow { opacity:.16 !important; }
.vidrun-route-map.vidrun-map-read-mode .leaflet-tooltip { opacity:0 !important; display:none !important; }
@media (max-width:1000px) { .vidrun-route-layout { grid-template-columns:1fr; } .vidrun-route-map { border-right:0; border-bottom:1px solid rgba(18,63,99,.14); min-height:420px; } .vidrun-route-head { grid-template-columns:1fr; } .vidrun-route-actions { justify-content:flex-start; } }
@media (max-width:720px) { .vidrun-map-fullscreen-overlay { inset:8px !important; border-radius:18px !important; } .vidrun-map-fullscreen-elevation-slot { max-height:42vh !important; padding:8px !important; } }
@media (max-width:700px) { .vidrun-route-shell { border-radius:22px; } .vidrun-route-map { min-height:360px; } .vidrun-route-head, .vidrun-elevation-card { padding:14px; } }

/* v0.6.0 – vidRUNNING jellegű útvonaloldal */
.vug-vidrun-page{
    --vug-blue:#123f63;
    --vug-teal:#005b5f;
    --vug-pink:#e84d89;
    --vug-soft:#f3f8fb;
    --vug-card:#ffffff;
    --vug-border:rgba(18,63,99,.14);
    color:#243b44;
}
.vug-route-hero-v2{
    position:relative;
    min-height:310px;
    border-radius:28px;
    overflow:hidden;
    margin:22px 0 18px;
    background-size:cover;
    background-position:center;
    box-shadow:0 18px 48px rgba(18,63,99,.16);
    display:flex;
    align-items:flex-end;
}
.vug-route-hero-v2.no-image{
    background:linear-gradient(135deg,#123f63,#005b5f 58%,#6a9872);
}
.vug-route-hero-v2:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.45));
    pointer-events:none;
}
.vug-hero-content{
    position:relative;
    z-index:1;
    padding:34px;
    width:100%;
    color:#fff;
    text-shadow:0 2px 12px rgba(0,0,0,.28);
}
.vug-hero-content h1{
    margin:10px 0 10px;
    color:#fff;
    font-size:clamp(30px,5vw,54px);
    line-height:1.02;
    letter-spacing:-.02em;
}
.vug-hero-content p{max-width:880px;margin:12px 0 0;font-size:17px;line-height:1.55;color:rgba(255,255,255,.96)}
.vug-hero-types,.vug-hero-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.vug-hero-type,.vug-hero-meta span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    border-radius:999px;
    padding:7px 11px;
    background:rgba(255,255,255,.92);
    color:#123f63;
    font-weight:900;
    text-shadow:none;
    box-shadow:0 8px 22px rgba(0,0,0,.12);
}
.vug-hero-type{font-size:14px;text-transform:none;letter-spacing:.01em}
.vug-hero-meta span{font-size:13px;background:rgba(255,255,255,.82)}
.vug-info-tiles{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    gap:12px;
    margin:18px 0;
}
.vug-info-tile{
    border:1px solid var(--vug-border);
    border-radius:20px;
    background:linear-gradient(180deg,#fff,#f7fbfd);
    padding:14px;
    min-height:92px;
    box-shadow:0 8px 24px rgba(18,63,99,.06);
    display:flex;
    flex-direction:column;
    gap:4px;
}
.vug-info-icon{font-size:23px;line-height:1}.vug-info-label{font-size:12px;text-transform:uppercase;letter-spacing:.055em;color:#6c808a;font-weight:900}.vug-info-tile strong{font-size:16px;color:#123f63;line-height:1.25}
.vug-detail-grid-v2 section,.vug-description-v2{
    border:1px solid var(--vug-border);
    border-radius:22px;
    background:#fff;
    box-shadow:0 10px 28px rgba(18,63,99,.055);
}
.vug-detail-grid-v2 h3,.vug-description-v2 h3{color:#123f63;margin-top:0;font-size:20px}
.vug-description-v2{
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,#ffffff,#f3fbf6);
    padding:20px 22px;
    margin:20px 0;
}
.vug-description-v2:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:#70a878}.vug-description-v2 p{font-size:16px;line-height:1.68}.vug-description-v2 a{font-weight:900;color:#005b5f}
.vidrun-route-widget{--vr-blue:#123f63;--vr-soft:#f3f8fb;--vr-pink:#e84d89}.vidrun-route-widget .vidrun-route-shell{background:#fff}.vidrun-route-layout-single{display:block}.vidrun-route-layout-single .vidrun-route-map{width:100%;min-height:460px;border-radius:0}.vidrun-route-side{display:none!important}
.vug-points-list{border:1px solid rgba(18,63,99,.14);border-radius:24px;padding:0;background:#fff;overflow:hidden;box-shadow:0 12px 30px rgba(18,63,99,.065)}.vug-points-list h3{margin:0;padding:16px 18px;background:#f3f8fb;border-bottom:1px solid rgba(18,63,99,.12);color:#123f63;font-size:20px}.vug-points-list table{margin:0;width:100%;border-collapse:collapse}.vug-points-list th{background:#fbfdfe;color:#5f7280;font-size:12px;text-transform:uppercase;letter-spacing:.055em}.vug-points-list th,.vug-points-list td{border-bottom:1px solid rgba(18,63,99,.10);padding:10px 12px;text-align:left;vertical-align:top}.vug-points-list tr:last-child td{border-bottom:0}.vug-point-icon-cell{width:46px}.vug-point-icon-cell,.vug-points-list td:first-child{text-align:center}.vug-vr-point-icon,.vug-map-point-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:#fff;border:2px solid #123f63;color:#123f63;font-weight:900;box-shadow:0 5px 14px rgba(18,63,99,.15)}.vug-map-point-icon{background:#fff;color:#123f63;border-color:#123f63}.vug-point-type-danger,.vug-point-type-forbidden_start,.vug-point-type-forbidden_end{border-color:#e84d89!important;color:#e84d89!important}.vug-point-type-water,.vug-point-type-put_in,.vug-point-type-take_out,.vug-point-type-dock,.vug-point-type-river_rest{border-color:#1f8aa5!important;color:#1f8aa5!important}.vug-point-type-refresh,.vug-point-type-food{border-color:#70a878!important;color:#356b42!important}.vug-point-type-parking,.vug-point-type-bus_stop,.vug-point-type-train_station{border-color:#8a6f32!important;color:#8a6f32!important}.vug-km-toggle-control{background:rgba(255,255,255,.95);padding:6px 9px!important;border-radius:999px!important;border:1px solid rgba(18,63,99,.18)!important;box-shadow:0 6px 18px rgba(0,0,0,.12);font-weight:900;color:#123f63;display:flex;align-items:center;gap:5px}.vug-km-toggle-control input{margin:0}.vug-km-marker{display:flex;align-items:center;justify-content:center;width:30px;height:20px;border-radius:999px;background:#fff;color:#123f63;border:2px solid #e84d89;font-size:11px;font-weight:900;box-shadow:0 4px 14px rgba(0,0,0,.18)}.leaflet-control-layers{border-radius:14px!important;overflow:hidden;border:1px solid rgba(18,63,99,.18)!important}.leaflet-control-layers-expanded{padding:9px 12px!important;color:#123f63;font-weight:700}.vidrun-elev-water circle{fill:#fff;stroke:#e84d89;stroke-width:2.5}.vidrun-elev-water line{stroke:#e84d89;opacity:.38}.vidrun-elevation-water-tooltip{position:absolute;z-index:20;background:#123f63;color:#fff;border-radius:14px;padding:9px 11px;box-shadow:0 10px 28px rgba(0,0,0,.24);max-width:320px;font-size:13px;line-height:1.35}.vidrun-elevation-water-tooltip strong{display:block}.vidrun-elevation-water-tooltip span{display:block;color:rgba(255,255,255,.84);margin-top:3px}.vug-copyright{border-radius:22px;border:1px solid rgba(18,63,99,.12);background:linear-gradient(135deg,#fbfffe,#f4faf8);box-shadow:0 8px 24px rgba(18,63,99,.04)}
@media(max-width:720px){.vug-hero-content{padding:24px 18px}.vug-route-hero-v2{min-height:260px;border-radius:22px}.vug-info-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.vug-points-list{overflow-x:auto}.vidrun-route-layout-single .vidrun-route-map{min-height:380px}.vug-hero-content h1{font-size:32px}}

/* v0.6.1 – vidRUNNING / UltraRába hangulat: részletes oldal, katalógus, térkép */
.vug-route-details,.vug-catalog{--vug-blue:#123f63;--vug-blue2:#1f5f8b;--vug-pink:#e84d89;--vug-green:#70a878;--vug-mint:#eaf7f4;--vug-yellow:#ffe7a8;--vug-softblue:#f3f8fb;--vug-text:#18313f;--vug-muted:#607684;font-family:inherit;color:var(--vug-text)}
.vug-route-hero-v3{position:relative;min-height:360px;border-radius:34px;overflow:hidden;background:#eff8f6;background-size:cover;background-position:center;display:flex;align-items:flex-end;margin:24px 0 22px;box-shadow:0 22px 64px rgba(18,63,99,.18)}
.vug-route-hero-v3.no-image{background:linear-gradient(135deg,#eaf7f4,#fff9e8)}
.vug-route-hero-v3::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,36,48,.74),rgba(7,36,48,.05) 58%,rgba(7,36,48,.16));pointer-events:none}.vug-route-hero-v3.no-image::after{background:linear-gradient(0deg,rgba(255,255,255,.58),rgba(255,255,255,.05))}
.vug-hero-logo{position:absolute;right:18px;top:16px;z-index:2;width:min(210px,34vw);height:auto;filter:drop-shadow(0 10px 22px rgba(0,0,0,.22))}
.vug-hero-content{position:relative;z-index:2;padding:34px;color:#fff;max-width:960px}.vug-route-hero-v3.no-image .vug-hero-content{color:#123f63}.vug-hero-main-type{display:inline-flex;gap:8px;align-items:center;border-radius:999px;background:rgba(255,255,255,.94);color:#123f63;padding:7px 13px;font-weight:900;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.16);margin-bottom:12px}.vug-route-hero-v3.no-image .vug-hero-main-type{background:#123f63;color:#fff}
.vug-route-hero-v3 h1{margin:0 0 10px;color:inherit;font-size:clamp(34px,5vw,62px);line-height:1.02;letter-spacing:-.04em;text-shadow:0 5px 22px rgba(0,0,0,.24)}.vug-route-hero-v3.no-image h1{text-shadow:none}.vug-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0 0}.vug-hero-meta span{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.92);color:#123f63;font-weight:900;box-shadow:0 6px 18px rgba(0,0,0,.12)}.vug-route-hero-v3 p{margin:14px 0 0;max-width:780px;font-size:18px;line-height:1.55;color:rgba(255,255,255,.92)}.vug-route-hero-v3.no-image p{color:#426070}
.vug-info-tiles{display:none!important}.vug-vidrun-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.vug-vidrun-card{border-radius:26px;background:#fff;border:1px solid rgba(18,63,99,.12);box-shadow:0 14px 38px rgba(18,63,99,.08);overflow:hidden}.vug-vidrun-card h3{margin:0;padding:17px 20px;background:linear-gradient(135deg,#f3f8fb,#ecf8f5);border-bottom:1px solid rgba(18,63,99,.11);font-size:21px;line-height:1.2;color:#123f63}.vug-vidrun-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.vug-vidrun-data{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:15px 18px;border-bottom:1px solid rgba(18,63,99,.08);border-right:1px solid rgba(18,63,99,.08);align-items:start}.vug-vidrun-data:nth-child(2n){border-right:0}.vug-vidrun-data-wide{grid-column:1/-1;border-right:0}.vug-vidrun-data>span{width:36px;height:36px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#fff2f7;color:#e84d89;font-size:20px;box-shadow:0 7px 16px rgba(232,77,137,.12)}.vug-vidrun-data:nth-child(3n)>span{background:#eef8f6;color:#356b42}.vug-vidrun-data:nth-child(3n+2)>span{background:#eef5ff;color:#1f5f8b}.vug-vidrun-data em{display:block;font-style:normal;color:#607684;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.vug-vidrun-data strong{display:block;color:#123f63;font-size:16px;line-height:1.35}.vug-vidrun-data a{color:#1f5f8b;text-decoration:none;font-weight:900}.vug-vidrun-data a:hover{text-decoration:underline}
.vug-help-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-left:4px;border-radius:999px;background:#123f63;color:#fff;font-size:11px;font-weight:900;cursor:help;vertical-align:middle}.vug-help-tooltip{position:absolute;left:50%;bottom:130%;transform:translateX(-50%);width:min(340px,82vw);background:#123f63;color:#fff;border-radius:16px;padding:12px 14px;text-transform:none;letter-spacing:0;font-size:13px;line-height:1.45;font-weight:700;box-shadow:0 14px 36px rgba(0,0,0,.24);opacity:0;visibility:hidden;pointer-events:none;z-index:40}.vug-help-icon:hover .vug-help-tooltip,.vug-help-icon:focus .vug-help-tooltip{opacity:1;visibility:visible}
.vug-description-v3{border-radius:26px;border:1px solid rgba(18,63,99,.12);background:linear-gradient(135deg,#fff,#f4fbf8);box-shadow:0 14px 38px rgba(18,63,99,.06);padding:0;margin:22px 0;overflow:hidden}.vug-description-v3 h3{margin:0;padding:18px 20px;background:#f0f8f5;color:#123f63;border-bottom:1px solid rgba(18,63,99,.10);font-size:21px}.vug-description-v3 p,.vug-description-v3 ul,.vug-description-v3 ol{margin:18px 22px;line-height:1.7}.vug-description-v3 a{color:#1f5f8b;font-weight:900;text-decoration:none}.vug-description-v3 a:hover{text-decoration:underline}
.vug-catalog-hero{display:flex;align-items:center;gap:20px;margin:22px 0;padding:24px;border-radius:30px;background:linear-gradient(135deg,#eaf7f4,#fff6df);box-shadow:0 16px 42px rgba(18,63,99,.09)}.vug-catalog-hero img{width:160px;max-width:32vw;height:auto}.vug-catalog-hero h2{margin:0;color:#123f63;font-size:clamp(28px,4vw,44px);line-height:1}.vug-catalog-hero p{margin:8px 0 0;color:#356b42;font-weight:900}.vug-route-grid-v2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.vug-route-card-v2{padding:0;overflow:hidden;border-radius:26px;border:1px solid rgba(18,63,99,.12);box-shadow:0 14px 40px rgba(18,63,99,.09);background:#fff}.vug-route-card-v2 h3{color:#fff;margin:0;position:absolute;left:16px;right:16px;bottom:16px;font-size:24px;line-height:1.08;text-shadow:0 4px 16px rgba(0,0,0,.45)}.vug-route-card-media{position:relative;height:205px;background:linear-gradient(135deg,#1f5f8b,#70a878);background-size:cover;background-position:center}.vug-card-type{position:absolute;top:14px;left:14px;z-index:2;border-radius:999px;background:rgba(255,255,255,.93);color:#123f63;padding:7px 11px;font-weight:900}.vug-route-card-media .vug-status-badge{position:absolute;top:14px;right:14px;background:#fff;z-index:2}.vug-route-card-body{padding:16px}.vug-route-meta-icons-colorful span{background:#f5fbff;border:1px solid rgba(18,63,99,.08);color:#123f63}.vug-route-meta-icons-colorful span:nth-child(2n){background:#f0f8f5;color:#356b42}.vug-route-meta-icons-colorful span:nth-child(3n){background:#fff2f7;color:#b83272}.vug-route-card-v2 p{color:#526b79;line-height:1.5}.vug-button{background:#123f63!important}.vug-button:hover{background:#1f5f8b!important}.vug-button-light{background:#eef8f6!important;color:#123f63!important}
.vug-points-list.vidrun-points-table-wrap{border-radius:26px;border:1px solid rgba(18,63,99,.12);box-shadow:0 14px 38px rgba(18,63,99,.06);overflow:hidden;background:#fff;padding:0;margin:22px 0}.vug-points-list.vidrun-points-table-wrap h3{padding:18px 20px;background:linear-gradient(135deg,#f3f8fb,#eef8f6);color:#123f63;border-bottom:1px solid rgba(18,63,99,.11);font-size:21px}.vug-points-list.vidrun-points-table-wrap th{background:#fbfdfe;color:#607684;font-size:12px;text-transform:uppercase;letter-spacing:.055em}.vug-points-list.vidrun-points-table-wrap td,.vug-points-list.vidrun-points-table-wrap th{padding:12px 14px}.vug-point-km-cell{font-weight:900;color:#123f63;white-space:nowrap}
.vug-vr-point-icon,.vug-map-point-icon{border:0!important;color:#fff!important;background:#1f5f8b!important;box-shadow:0 7px 18px rgba(31,95,139,.20)}.vug-point-type-start,.vug-point-type-finish{background:#123f63!important}.vug-point-type-danger,.vug-point-type-forbidden_start,.vug-point-type-forbidden_end,.vug-point-type-technical_start{background:#e84d89!important}.vug-point-type-water,.vug-point-type-put_in,.vug-point-type-take_out,.vug-point-type-dock,.vug-point-type-river_rest,.vug-point-type-bridge,.vug-point-type-rapid{background:#1f8aa5!important}.vug-point-type-refresh,.vug-point-type-food,.vug-point-type-rest{background:#70a878!important}.vug-point-type-parking,.vug-point-type-bus_stop,.vug-point-type-train_station,.vug-point-type-meeting_point{background:#f2a93b!important;color:#123f63!important}.vug-point-type-panorama,.vug-point-type-photo{background:#8d6bd1!important}.vug-point-type-trail_mark_change,.vug-point-type-junction{background:#ffcf5a!important;color:#123f63!important}.vug-point-type-bike_rest,.vug-point-type-bike_service,.vug-point-type-bike_path_start,.vug-point-type-bike_path_end{background:#2b8c65!important}.vug-map-point-icon{font-size:17px;width:34px;height:34px}.vug-map-point-icon-wrap{background:transparent;border:0}.vidrun-elev-water circle{fill:#fff;stroke:#e84d89;stroke-width:3}.vidrun-elev-water text{font-weight:900}
.vug-route-map-block{border-radius:28px;box-shadow:0 16px 42px rgba(18,63,99,.09)}.vidrun-route-head{background:linear-gradient(135deg,#f3f8fb,#eef8f6)}.vidrun-route-actions .vidrun-mini-btn{font-size:12px}.leaflet-top.leaflet-right{display:flex!important;align-items:flex-start;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 60px)}.leaflet-top.leaflet-right .leaflet-control{margin:10px 0 0 0!important}.leaflet-control-layers{border-radius:999px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 8px 22px rgba(0,0,0,.16)!important}.leaflet-control-layers-expanded{border-radius:16px!important;min-width:190px}.vug-km-toggle-control{height:34px}.vidrun-map-fullscreen-control{display:flex!important;gap:4px;flex-wrap:wrap}.vidrun-map-fullscreen-control button{height:34px;white-space:nowrap}.vug-km-marker{width:28px;height:22px;border:0;background:#fff;color:#123f63;box-shadow:0 5px 14px rgba(0,0,0,.22);font-size:10px}.vug-copyright{margin-top:22px}
@media(max-width:860px){.vug-vidrun-groups{grid-template-columns:1fr}.vug-vidrun-data-grid{grid-template-columns:1fr}.vug-vidrun-data{border-right:0}.vug-route-hero-v3{min-height:300px;border-radius:26px}.vug-hero-content{padding:28px 20px}.vug-hero-logo{width:150px}.vug-catalog-hero{flex-direction:column;align-items:flex-start}.vug-catalog-hero img{width:145px}.leaflet-top.leaflet-right{max-width:calc(100% - 14px);margin-left:7px}.vidrun-map-fullscreen-control button{font-size:11px;padding:7px 9px}}


/* v0.6.3 – vidRUNNING-hoz közelebb húzott kompakt megjelenés */
.vug-vidrun-groups{gap:14px;margin:18px 0}.vug-vidrun-card{border-radius:22px;box-shadow:0 10px 28px rgba(18,63,99,.065)}.vug-vidrun-card h3{padding:13px 16px;font-size:19px}.vug-vidrun-data{grid-template-columns:34px minmax(0,1fr);gap:8px;padding:10px 12px}.vug-vidrun-data>span{width:30px;height:30px;border-radius:12px;font-size:17px}.vug-vidrun-data em{font-size:10.5px;margin-bottom:2px}.vug-vidrun-data strong{font-size:14px;line-height:1.28}.vug-route-extra-groups{grid-template-columns:1fr}.vug-route-extra-groups .vug-vidrun-card{width:100%}.vug-route-extra-groups .vug-vidrun-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vug-route-extra-groups .vug-vidrun-data:nth-child(2n){border-right:0}.vug-route-extra-groups .vug-vidrun-data-wide{grid-column:1/-1}.vidrun-route-shell{border-radius:22px;box-shadow:0 10px 28px rgba(18,63,99,.07)}.vidrun-route-head{padding:14px 16px}.vidrun-route-head h3{font-size:19px}.vidrun-route-head p{font-size:13px}.vidrun-mini-btn{min-height:32px;padding:7px 10px;font-size:12px}.vidrun-route-map{min-height:430px}.vidrun-elevation-card{padding:14px 16px}.vidrun-elevation-card h4{font-size:17px;margin-bottom:8px}.vidrun-elevation{min-height:170px}.vug-points-list.vidrun-points-table-wrap{border-radius:22px;box-shadow:0 10px 28px rgba(18,63,99,.055);margin:18px 0}.vug-points-list.vidrun-points-table-wrap h3{padding:13px 16px;font-size:19px;margin:0}.vug-points-list.vidrun-points-table-wrap table{width:100%;border-collapse:separate;border-spacing:0}.vug-points-list.vidrun-points-table-wrap th{font-size:10.5px;background:#f7fbfd}.vug-points-list.vidrun-points-table-wrap td,.vug-points-list.vidrun-points-table-wrap th{padding:8px 10px;border-bottom:1px solid rgba(18,63,99,.08);vertical-align:top}.vug-points-list.vidrun-points-table-wrap td{font-size:13.5px}.vug-points-list.vidrun-points-table-wrap p{margin:.2em 0}.vug-point-icon-cell{width:42px}.vug-point-km-cell{width:76px}.vug-vr-point-icon{width:24px;height:24px;font-size:13px}.vug-map-point-icon{width:34px;height:34px;font-size:17px;border:2px solid rgba(255,255,255,.92)!important}.vug-km-marker{width:24px;height:19px;font-size:9.5px;border-radius:8px}.leaflet-top.leaflet-right{align-items:flex-start}.vug-copyright{font-size:13px;line-height:1.55}
@media(max-width:860px){.vug-route-extra-groups .vug-vidrun-data-grid{grid-template-columns:1fr}.vug-route-extra-groups .vug-vidrun-data{border-right:0}.vug-points-list.vidrun-points-table-wrap{overflow-x:auto}.vug-points-list.vidrun-points-table-wrap table{min-width:620px}}

/* v0.6.6 – vidRUNNING-közeli részletes nézet finomhangolás */
.vug-vr-detail-card{
  margin-top:18px;
  padding:22px;
  border-radius:30px;
  border:1px solid rgba(232,77,137,.12);
  background:
    linear-gradient(180deg, rgba(255,246,250,.96), rgba(255,255,255,.98)),
    repeating-linear-gradient(-45deg, rgba(232,77,137,.035) 0, rgba(232,77,137,.035) 8px, transparent 8px, transparent 18px);
  box-shadow:0 16px 42px rgba(18,63,99,.08);
}
.vug-vr-detail-header{margin-bottom:14px;}
.vug-vr-detail-title{margin:0;color:#123f63;font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-.035em;font-weight:900;}
.vug-vr-detail-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.vug-vr-type-pill,.vug-vr-soft-pill{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 14px;border-radius:999px;font-weight:900;font-size:13px;line-height:1.1}
.vug-vr-type-pill{background:#f2f7ff;color:#123f63;border:1px solid rgba(18,63,99,.10)}
.vug-vr-soft-pill{background:#fff;color:#5f7280;border:1px solid rgba(18,63,99,.12)}
.vug-vr-main-groups{margin-top:16px}
.vug-vr-pattern-card,
.vug-description-v3,
.vug-points-list.vidrun-points-table-wrap,
.vidrun-route-shell,
.vug-copyright{
  background:
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(250,252,253,.98)),
    repeating-linear-gradient(-45deg, rgba(18,63,99,.024) 0, rgba(18,63,99,.024) 8px, transparent 8px, transparent 18px) !important;
}
.vug-vidrun-card{border-radius:24px;overflow:hidden}
.vug-vidrun-card h3{
  padding:16px 18px;
  font-size:22px;
  font-weight:900;
  background:linear-gradient(135deg, rgba(243,248,251,.96), rgba(241,250,246,.96));
}
.vug-vidrun-data-grid{grid-template-columns:1fr}
.vug-vr-main-groups .vug-vidrun-card .vug-vidrun-data-grid{grid-template-columns:1fr}
.vug-vr-main-groups .vug-vidrun-card .vug-vidrun-data{grid-template-columns:36px minmax(0,1fr);padding:10px 16px;border-right:0}
.vug-vr-main-groups .vug-vidrun-card .vug-vidrun-data em{font-size:12px}
.vug-vr-main-groups .vug-vidrun-card .vug-vidrun-data strong{font-size:15px}
.vug-route-extra-groups{grid-template-columns:1fr !important}
.vug-route-extra-groups .vug-vidrun-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.vug-route-extra-groups .vug-vidrun-data{border-right:1px solid rgba(18,63,99,.08)}
.vug-route-extra-groups .vug-vidrun-data:nth-child(2n){border-right:0}
.vug-route-extra-groups .vug-vidrun-data-wide{grid-column:1/-1;border-right:0}
.vidrun-summary-link-buttons{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}
.vidrun-inline-route-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border-radius:999px;text-decoration:none!important;font-size:12.5px;font-weight:900;line-height:1.1;transition:transform .16s ease, box-shadow .16s ease}
.vidrun-inline-route-btn:hover{transform:translateY(-1px)}
.vidrun-inline-route-btn.is-blue{background:#edf4fb;color:#123f63!important;border:1px solid rgba(18,63,99,.12);box-shadow:0 6px 14px rgba(18,63,99,.06)}
.vidrun-inline-route-btn.is-soft{background:#fff6fa;color:#ca3f73!important;border:1px solid rgba(232,77,137,.16);box-shadow:0 6px 14px rgba(232,77,137,.08)}
.vug-description-v3 h3{font-size:22px;padding:16px 18px}
.vug-description-v3 p,.vug-description-v3 ul,.vug-description-v3 ol{margin:16px 20px}
.vidrun-route-head{padding:16px 18px;background:linear-gradient(135deg, rgba(243,248,251,.98), rgba(236,248,245,.98));border-bottom:1px solid rgba(18,63,99,.12)}
.vidrun-route-head h3{font-size:22px;font-weight:900}
.vidrun-route-head p{font-size:14px}
.vidrun-route-actions{display:flex;gap:8px;flex-wrap:wrap}
.vidrun-mini-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border-radius:999px;text-decoration:none!important;font-size:12.5px;font-weight:900}
.vidrun-mini-btn.is-blue{background:#edf4fb;color:#123f63!important;border:1px solid rgba(18,63,99,.12)}
.vidrun-mini-btn.is-soft{background:#fff6fa;color:#ca3f73!important;border:1px solid rgba(232,77,137,.16)}
.vug-points-list.vidrun-points-table-wrap h3{font-size:22px;padding:16px 18px;background:linear-gradient(135deg, rgba(243,248,251,.98), rgba(236,248,245,.98))}
.vug-points-list.vidrun-points-table-wrap table{font-size:14px}
.vug-points-list.vidrun-points-table-wrap th{font-size:11px;background:#f7fbfd;color:#5f7280}
.vug-points-list.vidrun-points-table-wrap td,.vug-points-list.vidrun-points-table-wrap th{padding:9px 10px}
.vug-vr-point-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:#fff;border:2px solid currentColor;font-size:14px;font-weight:900;line-height:1}
.vug-point-type-start,.vug-point-type-finish{color:#123f63}
.vug-point-type-water,.vug-point-type-put_in,.vug-point-type-take_out,.vug-point-type-dock,.vug-point-type-river_rest{color:#1f8fa3}
.vug-point-type-danger,.vug-point-type-forbidden_start,.vug-point-type-forbidden_end,.vug-point-type-medical,.vug-point-type-rescue{color:#e84d89}
.vug-point-type-panorama,.vug-point-type-photo,.vug-point-type-rest{color:#2f7d4f}
.vug-point-type-parking,.vug-point-type-bus_stop,.vug-point-type-train_station{color:#6b7280}
.vug-copyright{margin-top:18px;padding:18px 20px;border:1px solid rgba(18,63,99,.10);border-radius:24px;color:#31534b;font-size:14px;line-height:1.7}
.vug-catalog-v2 .vug-route-card{background:
  linear-gradient(180deg, rgba(255,255,255,.97), rgba(250,252,253,.98)),
  repeating-linear-gradient(-45deg, rgba(18,63,99,.024) 0, rgba(18,63,99,.024) 8px, transparent 8px, transparent 18px);border-radius:22px;border:1px solid rgba(18,63,99,.12);box-shadow:0 12px 30px rgba(18,63,99,.07)}
.vug-catalog-v2 .vug-route-card h3{color:#123f63;font-size:22px;line-height:1.15}
@media(max-width:860px){
  .vug-vr-detail-card{padding:16px;border-radius:24px}
  .vug-vr-detail-title{font-size:clamp(28px,7vw,42px)}
  .vug-route-extra-groups .vug-vidrun-data-grid{grid-template-columns:1fr}
  .vug-route-extra-groups .vug-vidrun-data{border-right:0}
}


/* v0.6.7 – visszahúzás a vidRUNNING arányaira */
.vug-vr-detail-card{
  margin-top:14px !important;
  padding:16px 18px 18px !important;
  border-radius:22px !important;
  border:1px solid rgba(31,95,139,.14) !important;
  background:
    linear-gradient(180deg, rgba(255,249,252,.86), rgba(255,255,255,.96)),
    repeating-linear-gradient(-45deg, rgba(18,63,99,.020) 0, rgba(18,63,99,.020) 8px, transparent 8px, transparent 18px) !important;
  box-shadow:0 12px 30px rgba(18,63,99,.06) !important;
}
.vug-vr-detail-header{margin:0 0 12px !important;}
.vug-vr-detail-title{
  margin:0 0 7px !important;
  color:#123f63 !important;
  font-size:30px !important;
  line-height:1.12 !important;
  letter-spacing:-.025em !important;
  font-weight:800 !important;
}
.vug-vr-detail-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px !important;}
.vug-vr-type-pill,
.vug-vr-soft-pill{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  min-height:28px !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
.vug-vr-type-pill{
  background:#eef8fb !important;
  color:#123f63 !important;
  border:1px solid rgba(31,95,139,.14) !important;
}
.vug-vr-soft-pill{
  background:#f6f8fa !important;
  color:#607684 !important;
  border:1px solid rgba(18,63,99,.11) !important;
}
.vug-hero-type-list{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  background:transparent !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
}
.vug-hero-type-list span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#123f63;
  padding:6px 10px;
  font-size:13px;
  font-weight:800;
  box-shadow:0 6px 16px rgba(0,0,0,.10);
}
.vug-vr-main-groups{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:14px 0 0 !important;
}
.vug-vidrun-card{
  border-radius:18px !important;
  border:1px solid rgba(18,63,99,.13) !important;
  background:#fff !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.vug-vidrun-card h3{
  margin:0 !important;
  padding:13px 16px !important;
  background:linear-gradient(135deg, rgba(247,251,253,.96), rgba(242,249,247,.96)) !important;
  border-bottom:1px solid rgba(18,63,99,.12) !important;
  color:#123f63 !important;
  font-size:17px !important;
  line-height:1.22 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}
.vug-vidrun-data-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:7px !important;
  padding:9px 12px 12px !important;
}
.vug-vidrun-data,
.vug-vr-main-groups .vug-vidrun-card .vug-vidrun-data{
  display:grid !important;
  grid-template-columns:32px minmax(0,1fr) !important;
  gap:8px !important;
  align-items:center !important;
  margin:0 !important;
  padding:8px 10px !important;
  border:1px solid rgba(18,63,99,.10) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.86) !important;
}
.vug-vidrun-data>span,
.vug-vr-main-groups .vug-vidrun-card .vug-vidrun-data>span{
  width:24px !important;
  height:24px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#f7fbfd !important;
  color:#1f5f8b !important;
  font-size:13px !important;
  box-shadow:none !important;
}
.vug-vidrun-data:nth-child(3n)>span{background:#eef8f6 !important;color:#356b42 !important;}
.vug-vidrun-data:nth-child(3n+2)>span{background:#fff2f7 !important;color:#e84d89 !important;}
.vug-vidrun-data em,
.vug-vr-main-groups .vug-vidrun-card .vug-vidrun-data em{
  display:block !important;
  margin:0 0 2px !important;
  color:#6b7d88 !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  font-style:normal !important;
}
.vug-vidrun-data strong,
.vug-vr-main-groups .vug-vidrun-card .vug-vidrun-data strong{
  display:block !important;
  color:#123f63 !important;
  font-size:13.5px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
}
.vug-vidrun-data-wide{grid-column:auto !important;}
.vug-help-icon{
  width:15px !important;height:15px !important;
  font-size:10px !important;margin-left:3px !important;
  background:#1f5f8b !important;color:#fff !important;
}
.vug-help-tooltip{
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1.38 !important;
  letter-spacing:0 !important;
}
.vidrun-summary-link-buttons{display:inline-flex !important;flex-wrap:wrap !important;gap:6px !important;}
.vidrun-inline-route-btn{
  min-height:26px !important;
  padding:6px 9px !important;
  font-size:11.5px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
.vug-description-v3{
  margin:14px 0 0 !important;
  border-radius:18px !important;
  border:1px solid rgba(18,63,99,.13) !important;
  background:#fff !important;
  box-shadow:none !important;
}
.vug-description-v3 h3{
  padding:13px 16px !important;
  font-size:17px !important;
  font-weight:800 !important;
  background:linear-gradient(135deg, rgba(247,251,253,.96), rgba(242,249,247,.96)) !important;
}
.vug-description-v3 p,.vug-description-v3 ul,.vug-description-v3 ol{
  margin:13px 16px !important;
  font-size:14px !important;
  line-height:1.62 !important;
  color:#183244 !important;
}
.vidrun-route-widget{margin-top:14px !important;}
.vidrun-route-shell{
  border-radius:18px !important;
  box-shadow:none !important;
  border:1px solid rgba(18,63,99,.13) !important;
}
.vidrun-route-head{
  padding:13px 16px !important;
  background:linear-gradient(135deg, rgba(247,251,253,.96), rgba(242,249,247,.96)) !important;
}
.vidrun-route-head h3{
  font-size:17px !important;
  font-weight:800 !important;
  margin:0 0 4px !important;
}
.vidrun-route-head p{
  font-size:13px !important;
  line-height:1.35 !important;
  margin:0 !important;
  color:#5f7280 !important;
}
.vidrun-mini-btn{
  min-height:28px !important;
  padding:6px 10px !important;
  font-size:11.5px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
.vidrun-elevation-card{padding:12px 16px !important;}
.vidrun-elevation-card h4{font-size:15px !important;margin:0 0 7px !important;}
.vug-points-list.vidrun-points-table-wrap{
  margin:14px 0 0 !important;
  border-radius:18px !important;
  border:1px solid rgba(18,63,99,.13) !important;
  background:#fff !important;
  box-shadow:none !important;
}
.vug-points-list.vidrun-points-table-wrap h3{
  padding:13px 16px !important;
  font-size:17px !important;
  font-weight:800 !important;
  background:linear-gradient(135deg, rgba(247,251,253,.96), rgba(242,249,247,.96)) !important;
}
.vug-points-list.vidrun-points-table-wrap th{
  font-size:10.5px !important;
  font-weight:700 !important;
  color:#6b7d88 !important;
  background:#fbfdfe !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
.vug-points-list.vidrun-points-table-wrap td,
.vug-points-list.vidrun-points-table-wrap th{
  padding:7px 9px !important;
  font-size:13px !important;
  line-height:1.35 !important;
}
.vug-points-list.vidrun-points-table-wrap td strong{font-size:13.5px !important;font-weight:700 !important;color:#123f63 !important;}
.vug-vr-point-icon{width:22px !important;height:22px !important;font-size:12px !important;}
.vug-route-extra-groups{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
  margin:14px 0 0 !important;
}
.vug-route-extra-groups .vug-vidrun-data-grid{grid-template-columns:1fr !important;}
.vug-copyright{
  margin-top:14px !important;
  padding:13px 16px !important;
  border-radius:18px !important;
  font-size:13px !important;
  line-height:1.55 !important;
  box-shadow:none !important;
}
@media(max-width:860px){
  .vug-vr-detail-card{padding:14px !important;border-radius:18px !important;}
  .vug-vr-detail-title{font-size:26px !important;}
  .vug-vr-main-groups{grid-template-columns:1fr !important;}
  .vug-vidrun-card h3,.vug-description-v3 h3,.vidrun-route-head h3,.vug-points-list.vidrun-points-table-wrap h3{font-size:16px !important;}
}

/* v0.6.8 – vidRUNNING arányok, egysoros adatsorok, erős csíkos háttér */
.vug-vr-detail-card{
  background:
    repeating-linear-gradient(-45deg, rgba(18,63,99,.035) 0, rgba(18,63,99,.035) 8px, transparent 8px, transparent 18px),
    linear-gradient(180deg,#fff8fb 0%,#ffffff 72%) !important;
  border:1px solid rgba(232,77,137,.16) !important;
  box-shadow:0 8px 24px rgba(18,63,99,.06) !important;
  padding:18px !important;
  border-radius:18px !important;
}
.vug-vr-pattern-card,
.vug-vidrun-card,
.vug-description-v3,
.vug-points-list.vidrun-points-table-wrap,
.vidrun-route-shell,
.vug-copyright{
  background:
    repeating-linear-gradient(-45deg, rgba(18,63,99,.030) 0, rgba(18,63,99,.030) 8px, transparent 8px, transparent 18px),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.92)) !important;
}
.vug-vr-detail-title{
  font-size:30px !important;
  line-height:1.13 !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  margin:0 0 6px !important;
}
.vug-vr-detail-badges{gap:7px !important;margin-top:6px !important;}
.vug-vr-type-pill,.vug-vr-soft-pill{
  min-height:28px !important;
  padding:5px 10px !important;
  font-size:12px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
.vug-intro-block{
  margin:12px 0 14px !important;
  padding:0 !important;
  border:1px solid rgba(18,63,99,.10) !important;
  border-radius:16px !important;
  overflow:hidden !important;
}
.vug-intro-block h3{
  margin:0 !important;
  padding:11px 14px !important;
  color:#123f63 !important;
  font-size:16px !important;
  font-weight:800 !important;
  background:rgba(247,251,253,.86) !important;
  border-bottom:1px solid rgba(18,63,99,.08) !important;
}
.vug-intro-content{padding:11px 14px !important;color:#183244 !important;font-size:14px !important;line-height:1.55 !important;}
.vug-intro-content p{margin:.25em 0 !important;}
.vug-vr-main-groups{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:14px 0 !important;
}
.vug-vidrun-card{
  border-radius:16px !important;
  border:1px solid rgba(18,63,99,.13) !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.vug-vidrun-card h3{
  padding:11px 14px !important;
  font-size:17px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  background:linear-gradient(135deg, rgba(247,251,253,.94), rgba(241,249,247,.88)) !important;
}
.vug-vidrun-data-grid,
.vug-vr-main-groups .vug-vidrun-card .vug-vidrun-data-grid,
.vug-route-extra-groups .vug-vidrun-data-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:0 !important;
}
.vug-vidrun-data,
.vug-vr-main-groups .vug-vidrun-card .vug-vidrun-data,
.vug-route-extra-groups .vug-vidrun-data{
  display:grid !important;
  grid-template-columns:30px minmax(0,1fr) !important;
  gap:9px !important;
  align-items:center !important;
  min-height:38px !important;
  padding:7px 12px !important;
  border-right:0 !important;
  border-bottom:1px solid rgba(18,63,99,.07) !important;
}
.vug-vidrun-data:last-child{border-bottom:0 !important;}
.vug-vidrun-data>span,
.vug-vr-main-groups .vug-vidrun-card .vug-vidrun-data>span{
  width:24px !important;
  height:24px !important;
  border-radius:999px !important;
  font-size:13px !important;
  box-shadow:none !important;
  align-self:center !important;
}
.vug-vidrun-data>div{
  display:grid !important;
  grid-template-columns:118px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:center !important;
}
.vug-vidrun-data em,
.vug-vr-main-groups .vug-vidrun-card .vug-vidrun-data em{
  display:block !important;
  margin:0 !important;
  color:#617683 !important;
  font-size:11px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
.vug-vidrun-data strong,
.vug-vr-main-groups .vug-vidrun-card .vug-vidrun-data strong{
  display:block !important;
  color:#123f63 !important;
  font-size:13.5px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
}
.vug-vidrun-data-wide{grid-column:1/-1 !important;}
.vidrun-summary-link-buttons{display:flex !important;flex-wrap:wrap !important;gap:6px !important;align-items:center !important;}
.vidrun-inline-route-btn{min-height:26px !important;padding:5px 9px !important;font-size:11.5px !important;font-weight:700 !important;}
.vug-help-icon{position:static !important;width:15px !important;height:15px !important;font-size:10px !important;margin-left:3px !important;}
.vug-help-tooltip{
  position:fixed !important;
  left:50% !important;
  top:92px !important;
  bottom:auto !important;
  transform:translateX(-50%) !important;
  width:min(560px, calc(100vw - 36px)) !important;
  max-height:70vh !important;
  overflow:auto !important;
  z-index:999999 !important;
  white-space:normal !important;
  font-size:13px !important;
  line-height:1.45 !important;
  padding:13px 15px !important;
  border-radius:14px !important;
}
.vug-description-v3{border-radius:16px !important;overflow:hidden !important;margin:14px 0 !important;}
.vug-description-v3 h3{padding:11px 14px !important;font-size:17px !important;font-weight:800 !important;}
.vug-description-body{position:relative !important;font-size:14px !important;line-height:1.62 !important;}
.vug-description-body p,.vug-description-body ul,.vug-description-body ol{margin:12px 14px !important;}
.vug-description-v3.is-collapsible .vug-description-body{max-height:260px !important;overflow:hidden !important;}
.vug-description-v3.is-collapsible .vug-description-body:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:70px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.98));pointer-events:none;
}
.vug-desc-toggle{position:absolute !important;opacity:0 !important;pointer-events:none !important;}
.vug-desc-toggle:checked ~ .vug-description-body{max-height:none !important;}
.vug-desc-toggle:checked ~ .vug-description-body:after{display:none !important;}
.vug-desc-more{display:inline-flex !important;margin:0 14px 14px !important;min-height:30px;padding:6px 12px;border-radius:999px;background:#123f63;color:#fff;font-size:12px;font-weight:800;cursor:pointer;}
.vug-desc-more .less{display:none}.vug-desc-toggle:checked ~ .vug-desc-more .more{display:none}.vug-desc-toggle:checked ~ .vug-desc-more .less{display:inline}
.vug-points-list.vidrun-points-table-wrap{
  border:0 !important;
  box-shadow:none !important;
  border-radius:16px !important;
  padding:0 !important;
  overflow:hidden !important;
}
.vug-points-list.vidrun-points-table-wrap h3{padding:11px 14px !important;font-size:17px !important;font-weight:800 !important;border-bottom:1px solid rgba(18,63,99,.07) !important;}
.vug-points-list.vidrun-points-table-wrap table{border-collapse:collapse !important;border-spacing:0 !important;margin:0 !important;background:transparent !important;}
.vug-points-list.vidrun-points-table-wrap th,
.vug-points-list.vidrun-points-table-wrap td{
  border:0 !important;
  padding:4px 7px !important;
  line-height:1.22 !important;
  font-size:12.5px !important;
  vertical-align:middle !important;
}
.vug-points-list.vidrun-points-table-wrap th{font-size:10px !important;font-weight:700 !important;color:#6b7d88 !important;background:rgba(247,251,253,.60) !important;}
.vug-points-list.vidrun-points-table-wrap tbody tr:nth-child(even){background:rgba(18,63,99,.025) !important;}
.vug-points-list.vidrun-points-table-wrap td strong{font-size:12.8px !important;font-weight:700 !important;}
.vug-points-list.vidrun-points-table-wrap p{margin:0 !important;}
.vug-vr-point-icon{width:20px !important;height:20px !important;font-size:11px !important;}
@media(max-width:860px){
  .vug-vr-main-groups{grid-template-columns:1fr !important;}
  .vug-vidrun-data>div{grid-template-columns:96px minmax(0,1fr) !important;gap:8px !important;}
  .vug-vr-detail-title{font-size:25px !important;}
}

/* v0.6.9 – felső Track sor: csak ikonok, a térképes gombok változatlanok */
.vidrun-inline-route-btn.is-icon-only{
  width:34px;
  min-width:34px;
  height:34px;
  padding:0;
  border-radius:999px;
  font-size:17px;
  line-height:1;
}
.vidrun-inline-route-btn.is-icon-only span{
  display:block;
  transform:translateY(-1px);
}

/* v0.7.0 – nehézség pöttyök és útvonaljelleg ikon */
.vug-difficulty-dots,
.vug-difficulty-mini {
  display:inline-flex !important;
  align-items:center !important;
  gap:2px !important;
  white-space:nowrap !important;
}
.vug-difficulty-dots .dot,
.vug-difficulty-mini .dot,
.vidrun-neh .dot {
  display:inline-block !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  margin:0 1px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:900 !important;
}
.vug-difficulty-dots .dot.filled,
.vug-difficulty-mini .dot.filled,
.vidrun-neh .dot.filled { color:#e84d89 !important; }
.vug-difficulty-dots .dot.empty,
.vug-difficulty-mini .dot.empty,
.vidrun-neh .dot.empty { color:rgba(18,63,99,.24) !important; }
.vug-difficulty-label {
  display:inline-block !important;
  margin-left:4px !important;
  color:#123f63 !important;
  font-weight:700 !important;
}
.vug-vr-difficulty-pill {
  gap:5px !important;
  overflow:visible !important;
}
.vug-vr-difficulty-pill .vug-pill-label {
  color:#607684 !important;
  font-weight:700 !important;
}
.vug-hero-meta .vug-difficulty-mini {
  gap:4px !important;
}
.vug-hero-meta .vug-difficulty-mini .dot {
  font-size:13px !important;
}
.vug-difficulty-row strong {
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:4px !important;
}
.vug-help-icon {
  position:relative !important;
  overflow:visible !important;
  flex:0 0 auto !important;
}
.vug-help-tooltip {
  position:absolute !important;
  left:50% !important;
  bottom:130% !important;
  top:auto !important;
  transform:translateX(-50%) !important;
  width:min(520px, calc(100vw - 36px)) !important;
  max-height:60vh !important;
  overflow:auto !important;
  z-index:999999 !important;
  white-space:normal !important;
  font-size:13px !important;
  line-height:1.45 !important;
  font-weight:500 !important;
  padding:13px 15px !important;
  border-radius:14px !important;
  background:#123f63 !important;
  color:#fff !important;
  box-shadow:0 14px 36px rgba(0,0,0,.24) !important;
}
@media(max-width:700px){
  .vug-vr-difficulty-pill{width:100% !important;}
  .vug-help-tooltip{left:0 !important;transform:none !important;width:min(520px, calc(100vw - 42px)) !important;}
}

/* v0.7.1 – hero gombok finomítása, cím és több típusikon */
.vug-route-hero-v3 h1{
  font-family:inherit !important;
  font-size:clamp(28px,4.2vw,48px) !important;
  line-height:1.06 !important;
  letter-spacing:-.025em !important;
  font-weight:800 !important;
}
.vug-hero-main-type{
  background:rgba(255,255,255,.68) !important;
  color:#123f63 !important;
  border:1px solid rgba(255,255,255,.34) !important;
  box-shadow:0 6px 18px rgba(0,0,0,.10) !important;
  backdrop-filter:blur(7px) !important;
  -webkit-backdrop-filter:blur(7px) !important;
  padding:5px 10px !important;
  min-height:28px !important;
  font-size:12px !important;
  font-weight:750 !important;
  margin-bottom:10px !important;
}
.vug-hero-main-type span{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
}
.vug-hero-meta{gap:7px !important;margin-top:8px !important;}
.vug-hero-meta span,
.vug-hero-meta .vug-difficulty-mini{
  min-height:28px !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.64) !important;
  color:#123f63 !important;
  border:1px solid rgba(255,255,255,.34) !important;
  box-shadow:0 6px 18px rgba(0,0,0,.10) !important;
  backdrop-filter:blur(7px) !important;
  -webkit-backdrop-filter:blur(7px) !important;
  font-size:12px !important;
  font-weight:750 !important;
}
.vug-route-hero-v3.no-image .vug-hero-main-type,
.vug-route-hero-v3.no-image .vug-hero-meta span,
.vug-route-hero-v3.no-image .vug-hero-meta .vug-difficulty-mini{
  background:rgba(255,255,255,.76) !important;
  border-color:rgba(18,63,99,.12) !important;
}
.vug-vr-detail-title{
  font-family:inherit !important;
}
.vug-title-type-icons{
  display:inline-flex !important;
  align-items:center !important;
  gap:3px !important;
  margin-right:4px !important;
  letter-spacing:0 !important;
  font-size:.86em !important;
  vertical-align:.03em !important;
}
@media(max-width:700px){
  .vug-route-hero-v3 h1{font-size:clamp(26px,8vw,38px) !important;}
  .vug-hero-main-type,.vug-hero-meta span,.vug-hero-meta .vug-difficulty-mini{font-size:11.5px !important;min-height:27px !important;padding:5px 9px !important;}
}

/* v0.7.2 – hero felső gombok és elrendezés finomhangolás */
.vug-route-hero-v3{
  align-items:flex-start !important;
}
.vug-hero-content{
  align-self:flex-start !important;
  max-width:820px !important;
  padding:22px 24px 20px !important;
}
.vug-hero-type-list{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin:0 0 12px !important;
  align-items:center !important;
  background:transparent !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
}
.vug-hero-type-list .vug-vr-type-pill{
  background:rgba(255,255,255,.74) !important;
  border:1px solid rgba(255,255,255,.34) !important;
  color:#123f63 !important;
  box-shadow:0 6px 18px rgba(0,0,0,.10) !important;
  backdrop-filter:blur(7px) !important;
  -webkit-backdrop-filter:blur(7px) !important;
  min-height:28px !important;
  padding:5px 10px !important;
  font-size:12px !important;
  font-weight:750 !important;
}
.vug-hero-meta{
  gap:7px !important;
  margin-top:8px !important;
}
.vug-hero-meta > span,
.vug-hero-meta .vug-difficulty-mini{
  min-height:28px !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.74) !important;
  color:#123f63 !important;
  border:1px solid rgba(255,255,255,.34) !important;
  box-shadow:0 6px 18px rgba(0,0,0,.10) !important;
  backdrop-filter:blur(7px) !important;
  -webkit-backdrop-filter:blur(7px) !important;
  font-size:12px !important;
  font-weight:750 !important;
}
.vug-route-hero-v3.no-image .vug-hero-type-list .vug-vr-type-pill,
.vug-route-hero-v3.no-image .vug-hero-meta > span,
.vug-route-hero-v3.no-image .vug-hero-meta .vug-difficulty-mini{
  background:rgba(255,255,255,.88) !important;
  border-color:rgba(18,63,99,.12) !important;
}
.vug-route-hero-v3 h1{
  margin:0 0 12px !important;
}
.vug-vr-detail-title{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:8px !important;
}
.vug-title-type-icons{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  margin-right:0 !important;
  margin-left:2px !important;
  font-size:.78em !important;
  vertical-align:middle !important;
}
@media(max-width:700px){
  .vug-hero-content{padding:18px 18px 18px !important;}
  .vug-hero-type-list .vug-vr-type-pill,
  .vug-hero-meta > span,
  .vug-hero-meta .vug-difficulty-mini{font-size:11.5px !important;min-height:27px !important;padding:5px 9px !important;}
}

/* v0.7.3 – hero gombok egységesítése, felső nehézség kivétele, gyerek/kutya ikon */
.vug-hero-type-list .vug-vr-type-pill,
.vug-hero-meta > span,
.vug-hero-meta .vug-vr-soft-pill{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  min-height:28px !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:700 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.vug-hero-type-list .vug-vr-type-pill{
  background:#eef8fb !important;
  color:#123f63 !important;
  border:1px solid rgba(31,95,139,.14) !important;
}
.vug-hero-meta > span,
.vug-hero-meta .vug-vr-soft-pill{
  background:#f6f8fa !important;
  color:#607684 !important;
  border:1px solid rgba(18,63,99,.11) !important;
}
.vug-route-hero-v3.no-image .vug-hero-type-list .vug-vr-type-pill{
  background:#eef8fb !important;
  border-color:rgba(31,95,139,.14) !important;
}
.vug-route-hero-v3.no-image .vug-hero-meta > span,
.vug-route-hero-v3.no-image .vug-hero-meta .vug-vr-soft-pill{
  background:#f6f8fa !important;
  border-color:rgba(18,63,99,.11) !important;
}
.vug-vr-icon-pill{
  justify-content:center !important;
  min-width:28px !important;
  padding-left:8px !important;
  padding-right:8px !important;
}
.vug-hero-meta .vug-vr-icon-pill{
  min-width:28px !important;
}

/* v0.7.4 – hero arányok, logó hely, felső gombok egységesítése */
.vug-route-hero-v3{
  min-height:248px !important;
  height:auto !important;
  margin:18px 0 18px !important;
  align-items:flex-start !important;
}
.vug-route-hero-v3::after{
  background:linear-gradient(0deg, rgba(7,36,48,.46), rgba(7,36,48,.08) 60%, rgba(7,36,48,.12)) !important;
}
.vug-hero-logo{
  width:min(186px, 27vw) !important;
  right:16px !important;
  top:14px !important;
}
.vug-hero-content{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
  align-self:flex-start !important;
  padding:18px 228px 18px 18px !important;
}
.vug-route-hero-v3 h1{
  font-size:clamp(26px,4.1vw,46px) !important;
  line-height:1.05 !important;
  margin:0 0 10px !important;
}
/* fent ugyanakkorák és ugyanúgy nézzenek ki, mint lent */
.vug-hero-type-list,
.vug-hero-meta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin:0 0 10px !important;
  align-items:center !important;
}
.vug-hero-type-list .vug-vr-type-pill,
.vug-hero-meta > span,
.vug-hero-meta .vug-vr-soft-pill{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  min-height:28px !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:700 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.vug-hero-type-list .vug-vr-type-pill{
  background:#f2f7ff !important;
  color:#123f63 !important;
  border:1px solid rgba(18,63,99,.10) !important;
}
.vug-hero-meta > span,
.vug-hero-meta .vug-vr-soft-pill{
  background:#fff !important;
  color:#5f7280 !important;
  border:1px solid rgba(18,63,99,.12) !important;
}
.vug-vr-icon-pill{min-width:28px !important;justify-content:center !important;}
/* a tartalmi kártyák még inkább vidRUNNING-szerű, kis soros megjelenése */
.vug-vr-main-groups .vug-vidrun-data,
.vug-route-extra-groups .vug-vidrun-data{
  min-height:36px !important;
  padding:6px 12px !important;
}
.vug-vr-main-groups .vug-vidrun-data>span,
.vug-route-extra-groups .vug-vidrun-data>span{
  width:22px !important;
  height:22px !important;
  font-size:12px !important;
}
.vug-vr-main-groups .vug-vidrun-data>div,
.vug-route-extra-groups .vug-vidrun-data>div{
  grid-template-columns:108px minmax(0,1fr) !important;
  gap:9px !important;
}
.vug-vr-main-groups .vug-vidrun-data em,
.vug-route-extra-groups .vug-vidrun-data em{
  font-size:10.8px !important;
}
.vug-vr-main-groups .vug-vidrun-data strong,
.vug-route-extra-groups .vug-vidrun-data strong{
  font-size:13.2px !important;
  font-weight:700 !important;
}
@media(max-width:860px){
  .vug-route-hero-v3{min-height:220px !important;}
  .vug-hero-logo{width:138px !important;top:12px !important;right:12px !important;}
  .vug-hero-content{padding:16px 154px 16px 16px !important;}
  .vug-route-hero-v3 h1{font-size:clamp(24px,7vw,34px) !important;}
  .vug-vr-main-groups .vug-vidrun-data>div,
  .vug-route-extra-groups .vug-vidrun-data>div{grid-template-columns:92px minmax(0,1fr) !important;gap:8px !important;}
}
@media(max-width:640px){
  .vug-route-hero-v3{min-height:unset !important;}
  .vug-hero-logo{position:static !important;width:124px !important;margin:14px 14px 0 auto !important;display:block !important;}
  .vug-hero-content{padding:12px 14px 16px !important;}
}