.route-landing-map{position:relative;width:100%;height:100%;min-height:var(--space-9xl);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.route-landing-map__map-placeholder{position:relative;width:100%;height:100%;cursor:pointer;transition:transform .2s ease}.route-landing-map__map-placeholder:hover{transform:scale(1.02)}.route-landing-map__map-canvas{position:absolute;inset:0;z-index:1;border-radius:var(--radius-lg)}.route-landing-map__skeleton{position:absolute;inset:0;z-index:10;background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 37%,var(--gray-100) 63%);background-size:400% 100%;animation:map-skeleton-shimmer 1.2s ease-in-out infinite;border-radius:var(--radius-lg)}@keyframes map-skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.route-landing-map__map-bg{width:100%;height:100%;position:absolute;inset:0;z-index:2;pointer-events:none}.route-landing-map__markers{position:absolute;inset:0;display:none}.route-landing-map__marker{position:absolute;width:var(--space-sm);height:var(--space-sm);background:var(--accent-yellow);border:2px solid var(--white);border-radius:50%;box-shadow:var(--shadow-md)}.route-landing-map__marker--1{top:30%;left:25%;animation:pulse 2s infinite}.route-landing-map__marker--2{top:60%;left:70%;animation:pulse 2s .5s infinite}.route-landing-map__marker--3{top:45%;left:50%;animation:pulse 2s 1s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.route-landing-map__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,color-mix(in srgb,var(--black) 70%,transparent));padding:var(--space-lg);color:var(--white);pointer-events:none}.route-landing-map__route-info{text-align:center;pointer-events:auto}.route-landing-map__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.route-landing-map__subtitle{font-size:var(--font-size-sm);opacity:.9;margin:0}.route-landing-map__fullscreen{position:fixed;inset:0;background:white;z-index:1000;display:flex;flex-direction:column}.route-landing-map__fullscreen-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--gray-200);background:white}.route-landing-map__fullscreen-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.route-landing-map__close-btn{background:none;border:none;font-size:var(--font-size-2xl);cursor:pointer;padding:var(--space-xs);line-height:1;color:var(--gray-600);transition:color .2s ease}.route-landing-map__close-btn:hover{color:var(--gray-900)}.route-landing-map__fullscreen-content{flex:1 1;background:var(--gray-100)}.route-landing-marker-popup{width:100%;max-width:var(--space-7xl);background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);transition:transform .2s ease,box-shadow .2s ease}.route-landing-marker-popup:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.route-landing-marker-popup__image{width:100%;height:var(--space-6xl);overflow:hidden;background:var(--gray-100)}.route-landing-marker-popup__img{width:100%;height:100%;object-fit:cover}.route-landing-marker-popup__content{padding:var(--space-md)}.route-landing-marker-popup__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin:0 0 var(--space-sm) 0;line-height:var(--line-height-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.route-landing-marker-popup__details{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.route-landing-marker-popup__detail{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm)}.route-landing-marker-popup__detail-label{color:var(--gray-600);font-weight:var(--font-weight-medium)}.route-landing-marker-popup__detail-value{color:var(--gray-900)}.route-landing-marker-popup__link{display:inline-block;color:var(--primary-600);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color .2s ease}.route-landing-marker-popup__link:hover{color:var(--primary-700);text-decoration:underline}@media (max-width:767px){.route-landing-map{height:250px}.route-landing-map__overlay{padding:var(--space-sm)}.route-landing-map__label{font-size:var(--font-size-xs)}}