#turisms-marsruti .kr-routes{max-width:1320px;margin:auto;padding:64px 32px 72px;background:#f8f7f3;color:#183443;box-sizing:border-box}
#turisms-marsruti.page-section>.kr-routes:first-child{background:#f8f7f3!important;border:0!important;padding:64px 32px 72px}
#turisms-marsruti .kr-intro{max-width:760px;margin-bottom:34px}
#turisms-marsruti .kr-kicker{font:600 11px/1.5 Inter,sans-serif;letter-spacing:.14em;color:#b84857;text-transform:uppercase;margin-bottom:14px}
#turisms-marsruti .kr-intro h1{font:500 clamp(34px,4vw,54px)/1.12 Georgia,serif!important;letter-spacing:-.025em;color:#183443!important;margin:0 0 18px}
#turisms-marsruti .kr-intro>p:last-child{font-size:16px;line-height:1.75;color:#60717b}
#turisms-marsruti .kr-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}
#turisms-marsruti .kr-card{background:white;border:2px solid #e1e5e2;border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s;min-width:0}
#turisms-marsruti .kr-card[data-active=true]{border-color:var(--route-color);box-shadow:0 6px 22px #18344312}
#turisms-marsruti .kr-card img{width:100%;height:155px;object-fit:cover;display:block}
#turisms-marsruti .kr-card:first-child img{object-position:center 70%}
#turisms-marsruti .kr-card-body{padding:20px}
#turisms-marsruti .kr-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
#turisms-marsruti .kr-card h2{font:500 26px/1.2 Georgia,serif;margin:0;color:#183443}
#turisms-marsruti .kr-duration{white-space:nowrap;font:600 12px/1.4 Inter,sans-serif;color:#5c7075}
#turisms-marsruti .kr-card p{font-size:13px;line-height:1.65;color:#60717b;margin:0 0 16px;min-height:43px}
#turisms-marsruti .kr-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border:1px solid #d8dfdb;border-radius:6px;background:white;color:#183443;font:600 12px/1.4 Inter,sans-serif;cursor:pointer;text-decoration:none}
#turisms-marsruti .kr-card[data-active=true] .kr-button,#turisms-marsruti .kr-primary{background:#205547;color:white;border-color:#205547}
#turisms-marsruti .kr-button:disabled{cursor:not-allowed;background:#e8ece9;color:#62716d;border-color:#dce1dd}
#turisms-marsruti .kr-button:focus-visible,#turisms-marsruti summary:focus-visible{outline:3px solid #bd4857;outline-offset:4px}
#turisms-marsruti .kr-map-shell{position:relative;border:1px solid #dce1dd;border-radius:14px;overflow:hidden;background:#e4ece8;box-shadow:0 12px 36px #1834430b}
#turisms-marsruti .kr-mapbar{display:flex;justify-content:space-between;align-items:center;gap:15px;background:white;padding:16px 22px;font-size:12px}
#turisms-marsruti .kr-mapbar strong{font-weight:600}
#turisms-marsruti .kr-mapbar span{color:#64766f;font-size:11px}
#turisms-marsruti .kr-stage{position:relative;height:480px;overflow:hidden;isolation:isolate;touch-action:pan-y}
#turisms-marsruti .kr-fallback{position:absolute;inset:0;overflow:hidden;background:#e4ece8;cursor:grab}
#turisms-marsruti .kr-fallback img{width:100%;height:100%;object-fit:contain;max-width:none;transform-origin:center;user-select:none;pointer-events:none}
#turisms-marsruti .kr-fallback-tools{position:absolute;right:16px;top:16px;display:flex;gap:6px;z-index:2}
#turisms-marsruti .kr-fallback-tools button{min-width:44px;min-height:44px;border:1px solid #d5dfd8;background:white;border-radius:5px;color:#183443;font-weight:600;cursor:pointer}
#turisms-marsruti .kr-map-canvas{position:absolute;inset:0}
#turisms-marsruti [hidden]{display:none!important}
#turisms-marsruti .kr-status{padding:14px 22px;background:#fff;font-size:12px;line-height:1.7;color:#60717b;border-top:1px solid #e1e5e2}
#turisms-marsruti .kr-detail{display:grid;grid-template-columns:1fr auto;gap:30px;padding:28px 0 0;align-items:start}
#turisms-marsruti .kr-detail h2{font:500 30px/1.2 Georgia,serif;color:#183443;margin:0 0 12px}
#turisms-marsruti .kr-detail p{font-size:14px;line-height:1.85;color:#60717b;margin:0 0 14px;max-width:850px}
#turisms-marsruti .kr-detail details summary{font-size:13px;color:#536663;cursor:pointer;margin:4px 0 12px}
#turisms-marsruti .kr-detail .kr-note{font-size:12px;line-height:1.8}
#turisms-marsruti .kr-actions{min-width:210px;display:flex;flex-direction:column;gap:10px}
#turisms-marsruti .kr-actions small{font-size:11px;color:#687b73;line-height:1.6;max-width:240px}
#turisms-marsruti .kr-player{padding:16px 22px;background:#f6f7f4;border-top:1px solid #dce1dd;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#turisms-marsruti .kr-player progress{width:100%;height:5px;accent-color:#205547}
#turisms-marsruti .kr-player span{font-size:12px;margin-left:auto}
#turisms-marsruti .kr-credit{display:block;padding:8px 16px;background:#f3f5f1;font-size:10px;text-align:right;color:#5e7064}
#turisms-marsruti .kr-marker{width:20px;height:20px;border:3px solid white;border-radius:50%;background:#205547;box-shadow:0 2px 8px #0004;cursor:pointer}
#turisms-marsruti .mapboxgl-popup-content{font:13px/1.7 Inter,sans-serif;padding:18px;max-width:260px}
#turisms-marsruti .mapboxgl-popup-content img{width:100%;margin-top:10px}
@media(max-width:750px){#turisms-marsruti.page-section>.kr-routes:first-child{padding:36px 20px 48px}#turisms-marsruti .kr-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;gap:14px}#turisms-marsruti .kr-card{flex:0 0 82%;scroll-snap-align:start}#turisms-marsruti .kr-card img{height:145px}#turisms-marsruti .kr-stage{height:340px}#turisms-marsruti .kr-detail{grid-template-columns:1fr;gap:16px}#turisms-marsruti .kr-actions{max-width:none}#turisms-marsruti .kr-actions small{max-width:none}#turisms-marsruti .kr-mapbar{padding:14px;align-items:flex-start}#turisms-marsruti .kr-mapbar span{max-width:130px;text-align:right}#turisms-marsruti .kr-status{padding:14px}#turisms-marsruti .kr-fallback-tools{right:10px;top:10px}}
@media(prefers-reduced-motion:reduce){#turisms-marsruti *{transition:none!important;scroll-behavior:auto!important}}

#turisms-marsruti .kr-map-canvas{z-index:0}#turisms-marsruti .kr-water-marker span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#183443;color:#fff;border:2px solid white;box-shadow:0 2px 6px #0004;font:700 12px/1 system-ui}#turisms-marsruti .leaflet-popup-content{font:13px/1.7 Inter,system-ui,sans-serif}#turisms-marsruti .leaflet-popup-content p{margin:8px 0 0}#turisms-marsruti .leaflet-control-attribution{font-size:10px}
