:root{
--bg:#071016;--bg2:#0b1720;--card:#0d1b25;--line:rgba(255,255,255,.1);--text:#edf8fb;--muted:#91a8b3;--cyan:#27c5ff;--cyan2:#7be4ff;--max:1200px;
}
*{box-sizing:border-box}

html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1200px)/2));position:relative;z-index:100;background:rgba(7,16,22,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-size:10px;line-height:1.15;letter-spacing:2px;font-weight:700}.brand b{font-size:12px}.brand-mark{font-size:40px;color:var(--cyan);line-height:1}.main-nav{display:flex;gap:5px}.main-nav a{padding:10px 15px;border-radius:8px;color:#a9bdc6;font-size:13px;font-weight:600}.main-nav a:hover,.main-nav a.active{color:#fff;background:rgba(255,255,255,.07)}.menu-toggle{display:none;background:none;border:0}.menu-toggle span{display:block;width:25px;height:2px;background:white;margin:5px}.hero{min-height:calc(100vh - 82px);position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,rgba(39,197,255,.22),transparent 30%),linear-gradient(120deg,rgba(7,16,22,.98) 15%,rgba(7,16,22,.74) 55%,rgba(7,16,22,.35)),url("https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=2000&q=85") center/cover}.hero-content{position:relative;padding:90px 0}.eyebrow{display:block;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:2.5px;margin-bottom:18px}.hero h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(42px,6vw,76px);line-height:1.03;max-width:980px;margin:0 0 25px;letter-spacing:-2px}.hero h1 em,.dark-section em{font-style:normal;color:var(--cyan2)}.hero p{max-width:680px;color:#b7cbd3;font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;gap:18px;padding:14px 20px;border-radius:9px;font-size:13px;font-weight:700}.btn-primary{background:var(--cyan);color:#031018}.btn-ghost{border:1px solid var(--line);background:rgba(255,255,255,.04)}.hero-stats{display:flex;gap:55px;margin-top:75px}.hero-stats strong{font-size:27px;display:block}.hero-stats span{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.scroll-note{position:absolute;right:35px;bottom:30px;font-size:10px;letter-spacing:2px;color:#78919c}.section{padding:105px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:45px}.section-heading h2,.dark-section h2{font-family:Manrope;font-size:42px;line-height:1.1;margin:0}.section-heading>p{color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px}.feature-card{min-height:330px;position:relative;overflow:hidden;border-radius:12px;background:var(--card)}.feature-card.large{grid-row:span 2;min-height:675px}.card-image{position:absolute;inset:0;background-size:cover;background-position:center;transition:.5s}.feature-card:hover .card-image{transform:scale(1.05)}

.dunaj-img{background-image:linear-gradient(transparent,rgba(0,0,0,.75)),url("https://imgs.search.brave.com/xhGVhA4AhMOlFlwxsBhT1TsOd9Lh3vXE9VqQC2d22XI/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly9tZWRp/YS1jZG4udHJpcGFk/dmlzb3IuY29tL21l/ZGlhL3Bob3RvLW8v/MzEvZDYvMzYvMDYv/ZGFudWJlLXJpdmVy/LmpwZw")}
.vah-img{background-image:linear-gradient(transparent,rgba(0,0,0,.8)),url("https://imgs.search.brave.com/R8-ZuHwyADlSY_VrM4KorZ_VkmLHGhKM3cBvJlMiN_I/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly91cGxv/YWQud2lraW1lZGlh/Lm9yZy93aWtpcGVk/aWEvY29tbW9ucy80/LzQyL1YlQzMlQTFo/Xy1fcGFub3JhbWlv/LmpwZw")}
.hron-img{background-image:linear-gradient(transparent,rgba(0,0,0,.8)),url("https://imgs.search.brave.com/bNQ91a4PnFAjrnWiCN0KZqLEpy_CT1dDIhZZvtPY4E0/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly9jZG4u/cGl4YWJheS5jb20v/cGhvdG8vMjAyNC8w/My8xNi8yMS8yNC9o/cm9uLTg2Mzc4ODRf/MTI4MC5wbmc")}
.morava-img{background-image:linear-gradient(transparent,rgba(0,0,0,.8)),url("https://imgs.search.brave.com/_Zx2-xVHDgx5D-qDsKlSwf5FqWTwmoDiBMnJhMKuLsA/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly9jZG4u/a3VkeXpudWR5LmN6/L2ZpbGVzLzAzLzAz/ZDhjMTA5LTE4NzEt/NDc1Ny1iZmYxLTUz/NDY3ZjRjODRhOS53/ZWJwP3Y9MjAyNjA5/MjUxNTQzMTA")}

.card-overlay{position:absolute;inset:auto 0 0;padding:25px}
.card-overlay span{font-size:10px;color:var(--cyan);letter-spacing:2px;font-weight:800}
.card-overlay h3{font-family:Manrope;font-size:34px;margin:5px 0}
.card-overlay p{color:#b7c8ce;font-size:13px;margin:0 0 12px}
.card-overlay b{font-size:12px}
.dark-section{background:var(--bg2);border-block:1px solid var(--line);padding:105px 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.dark-section p{color:var(--muted)}
.text-link{display:inline-block;margin-top:20px;color:var(--cyan);font-weight:700;font-size:13px}
.number-list>div{display:grid;grid-template-columns:50px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid var(--line)}
.number-list span{color:var(--cyan);font-size:12px}
.number-list h3{margin:0;font-size:17px}
.number-list p{font-size:13px;margin:5px 0}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.quick-card{border:1px solid var(--line);padding:30px;border-radius:12px;background:linear-gradient(145deg,#0c1a23,#08131a);transition:.25s}
.quick-card:hover{transform:translateY(-4px);border-color:rgba(39,197,255,.5)}
.quick-icon{font-size:28px;color:var(--cyan)}
.quick-card h3{margin:20px 0 5px;font-size:20px}
.quick-card p{color:var(--muted);font-size:13px;min-height:65px}
.quick-card>span:last-child{font-size:12px;color:var(--cyan);font-weight:700}
.footer{border-top:1px solid var(--line);padding:45px 0 20px;background:#050b0f}
.footer-inner{display:flex;justify-content:space-between;gap:40px}
.footer p{color:var(--muted);font-size:12px}
.footer-links{display:flex;gap:20px;font-size:12px;color:#9fb0b7}
.footer-brand{font-size:12px}
.copyright{border-top:1px solid var(--line);padding-top:20px;margin-top:30px;color:#62737b;font-size:10px}
.page-hero{padding:110px 0 80px;background:radial-gradient(circle at 80% 20%,rgba(39,197,255,.14),transparent 35%),var(--bg2);border-bottom:1px solid var(--line)}
.page-hero h1,.river-hero h1{font-family:Manrope;font-size:clamp(42px,6vw,68px);line-height:1.05;margin:0 0 20px;letter-spacing:-2px}.page-hero p,.river-hero p{max-width:720px;color:var(--muted);font-size:16px}.map-layout{display:grid;grid-template-columns:1.65fr .75fr;gap:20px;padding-block:30px 100px}.map-panel{height:680px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.map-panel #map{height:100%;width:100%}.map-info{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:28px;height:max-content}.map-info h2{font-family:Manrope;margin:0 0 10px}.map-info p{font-size:13px;color:var(--muted)}.legend{display:grid;gap:10px;border-block:1px solid var(--line);padding:18px 0;margin:20px 0;font-size:12px}.legend div{display:flex;align-items:center;gap:9px}.legend i{display:block;width:22px;height:4px;background:var(--cyan)}.legend .poi{width:11px;height:11px;border-radius:50%;background:#fff}.river-links a{display:block;padding:13px 0;border-bottom:1px solid var(--line)}.river-links b,.river-links span{display:block}.river-links span{font-size:10px;color:var(--muted)}.map-popup strong,.map-popup span,.map-popup a{display:block}.map-popup span{font-size:11px;color:#666}.map-popup a{margin-top:8px;color:#087f9e;font-weight:700;font-size:11px}.river-hero{padding:90px 0 80px;min-height:440px;display:flex;align-items:end;background-size:cover;background-position:center}
.river-dunaj{background:linear-gradient(90deg,rgba(4,13,18,.95),rgba(4,13,18,.4)),url("https://imgs.search.brave.com/xhGVhA4AhMOlFlwxsBhT1TsOd9Lh3vXE9VqQC2d22XI/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly9tZWRp/YS1jZG4udHJpcGFk/dmlzb3IuY29tL21l/ZGlhL3Bob3RvLW8v/MzEvZDYvMzYvMDYv/ZGFudWJlLXJpdmVy/LmpwZw") center/cover}
.river-vah{background:linear-gradient(90deg,rgba(4,13,18,.95),rgba(4,13,18,.4)),url("https://imgs.search.brave.com/R8-ZuHwyADlSY_VrM4KorZ_VkmLHGhKM3cBvJlMiN_I/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly91cGxv/YWQud2lraW1lZGlh/Lm9yZy93aWtpcGVk/aWEvY29tbW9ucy80/LzQyL1YlQzMlQTFo/Xy1fcGFub3JhbWlv/LmpwZw") center/cover}
.river-hron{background:linear-gradient(90deg,rgba(4,13,18,.95),rgba(4,13,18,.4)),url("https://imgs.search.brave.com/bNQ91a4PnFAjrnWiCN0KZqLEpy_CT1dDIhZZvtPY4E0/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly9jZG4u/cGl4YWJheS5jb20v/cGhvdG8vMjAyNC8w/My8xNi8yMS8yNC9o/cm9uLTg2Mzc4ODRf/MTI4MC5wbmc") center/cover}
.river-morava{background:linear-gradient(90deg,rgba(4,１３,１８,.95),rgba(4,１３,１８,.4)),url("https://imgs.search.brave.com/_Zx2-xVHDgx5D-qDsKlSwf5FqWTwmoDiBMnJhMKuLsA/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly9jZG4u/a3VkeXpudWR5LmN6/L2ZpbGVzLzAzLzAz/ZDhjMTA5LTE4NzEt/NDc1Ny1iZmYxLTUz/NDY3ZjRjODRhOS53/ZWJwP3Y9MjAyNjA5/MjUxNTQzMTA") center/cover}

.back{display:inline-block;margin-bottom:35px;color:#b7c9d0;font-size:12px}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.facts div{padding:30px 20px;border-right:1px solid var(--line)}.facts div:first-child{padding-left:0}.facts strong,.facts span{display:block}.facts strong{font-size:24px}.facts span{font-size:11px;color:var(--muted);margin-top:4px}.article-list{padding-top:70px}.info-article{display:grid;grid-template-columns:80px 1fr;gap:20px;max-width:900px;padding:30px 0;border-bottom:1px solid var(--line)}.article-no{color:var(--cyan);font-size:12px}.info-article h2{font-family:Manrope;margin:0 0 10px}.info-article p{color:var(--muted);margin:0;font-size:14px}.cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px;background:linear-gradient(120deg,#0c202a,#0a151d);border:1px solid var(--line);border-radius:12px;margin-bottom:100px}.cta h2{margin:0;font-family:Manrope}.cta p{color:var(--muted);margin:5px 0}.type-grid,.reservoir-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.type-card,.reservoir-grid>div{padding:30px;border:1px solid var(--line);background:var(--card);border-radius:12px}.type-card>span{color:var(--cyan);font-size:12px}.type-card h2,.reservoir-grid h2{font-family:Manrope;font-size:21px}.type-card p,.reservoir-grid p{color:var(--muted);font-size:13px}.experience-list{max-width:950px}.experience-list article{display:grid;grid-template-columns:70px 1fr;gap:25px;padding:35px 0;border-bottom:1px solid var(--line)}.experience-list article>span{font-size:13px;color:var(--cyan)}.experience-list h2{font-family:Manrope;margin:0}.experience-list p{color:var(--muted);font-size:14px}.prose{max-width:850px}.prose h2{font-family:Manrope;margin-top:50px}.prose p,.prose li{color:var(--muted)}.prose li{margin:8px 0}
@media(max-width:800px){
  .site-header{height:70px}
  .menu-toggle{display:block}
  .main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#08131a;
    border-bottom:1px solid var(--line);padding:10px 20px;flex-direction:column}
    
  .main-nav.open{display:flex}
  .hero{min-height:calc(100vh - 70px)}
  .hero-content{padding:65px 0}
  .hero h1{font-size:43px}
  .hero-stats{gap:25px;margin-top:50px}.section{padding:70px 0}.section-heading,.split{grid-template-columns:1fr;gap:20px}.feature-grid,.quick-grid,.type-grid,.reservoir-grid{grid-template-columns:1fr}.feature-card.large{min-height:420px}.feature-card{min-height:300px}.map-layout{grid-template-columns:1fr}.map-panel{height:500px}.facts{grid-template-columns:1fr 1fr}.facts div:nth-child(2){border-right:0}.facts div{border-bottom:1px solid var(--line)}.cta,.footer-inner{flex-direction:column;align-items:flex-start}.river-hero{min-height:420px}.info-article{grid-template-columns:45px 1fr}.footer-links{flex-wrap:wrap}}

.map-filters{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.map-filter{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#9fb3bb;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:700;cursor:pointer}.map-filter:hover,.map-filter.active{background:var(--cyan);color:#031018;border-color:var(--cyan)}.map-section-title{font-size:10px;letter-spacing:1.7px;font-weight:800;color:var(--cyan);margin:22px 0 8px}.map-info{max-height:680px;overflow:auto}.river-links{max-height:390px;overflow:auto;padding-right:4px}.reservoir-links{max-height:250px}.map-note{display:block;margin-top:7px;font-size:10px;color:#777}.leaflet-popup-content-wrapper{border-radius:9px}.leaflet-popup-content{font-family:Inter,Arial,sans-serif;font-size:12px}


/* Unified map markers: one consistent background, size and alignment. */
.water-map-icon-wrap{background:transparent!important;border:0!important;box-shadow:none!important;width:38px!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
.water-map-marker{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(7,20,29,.96);border:1px solid rgba(123,228,255,.58);box-shadow:0 4px 12px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.1);color:#dff8ff;transition:transform .16s ease,box-shadow .16s ease}
.water-map-marker svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.water-map-icon-wrap:hover .water-map-marker{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.52),0 0 0 2px rgba(123,228,255,.12)}
.marker-reservoir{color:#27c5ff;border-color:rgba(39,197,255,.72)}
.marker-place{color:#fff}
.marker-cruise{color:#7be4ff}
.marker-port{color:#d2baff;border-color:rgba(210,186,255,.72)}
.marker-dam{color:#49c7e8}
.marker-rafting{color:#5de0c5;border-color:rgba(93,224,197,.72)}
.marker-viewpoint{color:#ffe08a;border-color:rgba(255,224,138,.72)}
.marker-camp{color:#9be59e;border-color:rgba(155,229,158,.72)}
.marker-recreation{color:#55d4ef}
.marker-rental{color:#72e5c9}

/* Map source label for river popups */
.map-source {
  display: block;
  margin-top: 8px;
  font-size: 10px;
  line-height: 1.35;
  color: var(--muted, #98a0c4);
  opacity: .8;
}


/* =========================================================
   CUSTOM SCROLLBARS – mapa.html
   ========================================================= */
html {
  scrollbar-width: thin;
  scrollbar-color: rgba(39,197,255,.75) rgba(255,255,255,.05);
}

body {
  scrollbar-width: thin;
  scrollbar-color: rgba(39,197,255,.75) rgba(255,255,255,.05);
}

body::-webkit-scrollbar,
html::-webkit-scrollbar {
  width: 9px;
}

body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
  background: #061016;
}

body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #27c5ff, #087f9e);
  border-radius: 999px;
  border: 2px solid #061016;
}

body::-webkit-scrollbar-thumb:hover,
html::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #6bddff, #27c5ff);
}

.map-info,
.river-links {
  scrollbar-width: thin;
  scrollbar-color: rgba(39,197,255,.65) rgba(255,255,255,.04);
}

.map-info::-webkit-scrollbar,
.river-links::-webkit-scrollbar {
  width: 6px;
}

.map-info::-webkit-scrollbar-track,
.river-links::-webkit-scrollbar-track {
  background: rgba(255,255,255,.025);
  border-radius: 999px;
}

.map-info::-webkit-scrollbar-thumb,
.river-links::-webkit-scrollbar-thumb {
  background: rgba(39,197,255,.65);
  border-radius: 999px;
}

.map-info::-webkit-scrollbar-thumb:hover, .river-links::-webkit-scrollbar-thumb:hover {
  background: #27c5ff;
}

/* Full water-tourism map UI */
.map-search{
  margin:18px 0 10px
}
.map-search input{
  width:100%;
  border:1px solid var(--line);
  background:#08131a;
  color:#e9f4f7;
  border-radius:8px;
  padding:11px 12px;
  font:inherit;
  font-size:12px;
  outline:none;
}
.map-search input:focus{
  border-color:var(--cyan)
}
.map-search-results{
  display:grid;
  gap:4px;margin-top:5px}.map-search-results button{display:block;width:100%;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#d8e6ea;border-radius:7px;padding:8px 10px;font-size:11px;cursor:pointer}.map-search-results button:hover{background:rgba(39,197,255,.1);border-color:rgba(39,197,255,.4)}.map-actions{display:flex;gap:6px;margin:10px 0}.map-actions button{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#b8cbd1;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:700;cursor:pointer}.map-actions button:hover{color:#031018;background:var(--cyan);border-color:var(--cyan)}.map-status{font-size:10px;color:#71858d;margin:5px 0 12px;min-height:16px}.legend .dam-key,.legend .boat-key{width:11px;height:11px;border-radius:3px;background:#49c7e8}.legend .boat-key{border-radius:50%;background:#7567ff}.water-map-marker{font-family:Inter,Arial,sans-serif}.activity-viewpoint{border-color:#e7c96b!important;background:#e7c96b!important}.activity-camp{border-color:#7bcf88!important;background:#7bcf88!important}.activity-recreation{border-color:#49c7e8!important;background:#49c7e8!important}.activity-rental{border-color:#00b8a9!important;background:#00b8a9!important}.leaflet-control-zoom{border:1px solid rgba(255,255,255,.18)!important}.leaflet-control-zoom a{background:#0b171e!important;color:#dcecef!important;border-color:rgba(255,255,255,.1)!important}.leaflet-control-zoom a:hover{background:#132630!important}.map-highlight{animation:mapPulse 1.1s ease-in-out 2}@keyframes mapPulse{50%{filter:drop-shadow(0 0 8px rgba(39,197,255,.9))}}

/* Custom map attribution: OSM attribution is required and remains visible, but matches the site design. */
.leaflet-control-attribution{background:rgba(7,16,22,.86)!important;color:#8ea5ae!important;border:1px solid rgba(255,255,255,.10);border-radius:6px 0 0 0;padding:3px 7px!important;font-size:9px!important;backdrop-filter:blur(6px)}.leaflet-control-attribution a{color:#9fdcf0!important}