.jachting-trasa { width: 100%; margin: 0 0 var(--space-m, 2rem); }
.jachting-trasa__mapa {
height: 540px; border-radius: 8px; overflow: hidden; border: 1px solid #e3e8ef;
background: #dfe7ef; isolation: isolate; position: relative; z-index: 0;
}
.jachting-trasa__marker span {
width: 30px; height: 30px; border-radius: 50%; background: #163a6b; color: #fff;
border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, .35);
display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; line-height: 1;
}
.jachting-trasa__zastavky {
list-style: none; margin: 16px 0 0; padding: 0;
display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px;
}
.jachting-trasa__zastavka {
display: flex; gap: 12px; align-items: center; margin: 0;
background: #f4f6f9; border: 1px solid #e3e8ef; border-radius: 8px; padding: 12px 14px;
}
.jachting-trasa__cislo {
flex: none; width: 28px; height: 28px; border-radius: 50%; background: #163a6b; color: #fff;
font-weight: 700; font-size: 14px; display: flex; align-items: center; justify-content: center;
}
.jachting-trasa__text { font-size: 14px; line-height: 1.35; }
.jachting-trasa__popis { color: #5b677a; font-size: 13px; }
.jachting-trasa__poznamka { font-size: 12px; color: #8a94a3; margin: 10px 0 0; text-align: center; }
@media (max-width: 478px) { .jachting-trasa__mapa { height: 380px; } }